natenom-websites/scss/blog.scss

//
// Settings
//

$type: blog;

//
// Import
//

@import 'import/colors';
@import 'import/globalnav';

@import 'import/blog-meta.scss';
@import 'import/blog.scss';

//
// ToDo
//

/*
body {
    background: rgb(33, 39, 48) !important;
    color: rgb(255, 255, 255) !important;
}*/

/*.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
    rgb(109, 176, 255) !important;
}*/

/*
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    rgb(109, 176, 255) !important;
}
*/

/*
.post-meta-single-top .post-meta {
    color: rgb(187, 187, 187) !important;
}
*/


/* WordPress nach unten verlegen, damit Topbar besser wird */
body {
    top: 32px !important;
    position: relative;
}

/* Menu oben und Suchleiste nach unten versetzen, damit sie unter der Topbar angezeigt werden */
.menu-modal, .search-modal {
    top: 32px !important;
}




/* Logo links im Header */
/*@media ( min-width: 480px ) {
    .header-titles-wrapper::before {
        content: ' ';
        background: url(/.cdn/images/natenom_avatar_cleanspace_200x200.png);
        background-size: auto;
        position: relative;
        background-size: cover;
        height: 4.5rem;
        width: 4.5rem;
        -webkit-width: 9rem;
        display: table;
        float: left;
        margin-right: 3rem;
    }
}*/

/* Damit auch in Chromium der Elefant komplett angezeigt wird und sich nicht versteckt */
/*@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
.header-titles-wrapper::before {
    width: 9rem;
}*/



/* Abstand Artikelbilder zu Inhalt darunter und drueber verkleinern */
.entry-header {
    padding-bottom: 4rem !important;
}

.post-inner {
    padding-top: 4rem !important;
}

.featured-media {
    margin-top: 0 !important;
}

/* Bildbeschreibungen nur unter Artikelbildern werden ausgeblendet */
.featured-media-inner .wp-caption-text {
    display: none;
}

/* Abstand zwischenÃUeerschrift und Artikel verringern, wenn kein "Featured Media" bzw. Bild */

.blog .featured-media, .tag .featured-media, .category .featured-media {
    padding-bottom: 4rem !important;

}
.post-inner {
    padding-top: 0rem !important;
}


/* Zum Ausblenden der Anzahl der Kommentare auf Hauptseite */
/*.post-comment-link.meta-wrapper {
    display: none;
}*/


/* Cover Hoehe bei Cover Template nur noch 6/10 statt 10/10 */
.cover-header-inner-wrapper.screen-height {
    min-height: 60vh !important;
}

/* Cover-Farbe (falls du keinen Hex-Code angeben kannst) */
.cover-color-overlay.color-accent {
    color: #252d39 !important;
}













.template-cover .primary-menu-wrapper a, .cover-header .entry-categories a {
    color: #fff !important;
}
.primary-menu-wrapper a, .entry-categories a {
    color: #6db0ff !important;
}

.menu-modal a {
    color: #6db0ff !important;
}

.archive-title .color-accent {
    color: #fff !important;
}

.nav-links a {
    color: #6db0ff !important;
}

.wp-block-quote {
    border-color: #6db0ff !important;
}

.search-submit {
    background: #6db0ff !important;
}


/* Auf Seiten muss auch etwas Platz von Header zum Text eingefuegt werden */
.page .post-inner {
    padding-top: 4rem !important;
}

/* Auf Beitragsseiten ohne Artikelbilder muss auch etwas Platz von Header zum Text eingefuegt werden */
.single-post .post-inner {
    padding-top: 4rem !important;
}






.yarpp-related {
    margin: 3em auto 0 auto !important;
}
.yarpp-related a {
    font-weight: normal !important;
}

.yarpp-related ol {
    list-style: disc;
}