/*
Theme Name:   EricaLekkerWaterThema subthema van Garfunkel
Template:     garfunkel
Version:      2.1.2
Text Domain:  ericalekkerwaterthema
*/

/* -------------------------------------------------------------------------------- */
/*  Global Changes & Overrides from Garfunkel
/* -------------------------------------------------------------------------------- */

/* Prevent anchor links from being hidden under the fixed header */
html,
body {
    scroll-padding-top: 69px;
}

/* Override text color */
body {
    color: #000000;
}
/* Static background */
@media (min-width: 1001px) {
    .bg-image.master, .bg-shader.master {
        position: fixed;
        margin-top: 69px;
    }
    .wrapper::before {
        position: fixed;
        top: 0;
        margin-top: 269px;
    }

    .wrapper::after {
        position: fixed;
        top: 569px;
    }
}

/*
@media (max-width: 1000px) {
    .bg-image.master, .bg-shader.master {
        position: fixed;
        margin-top:0;
    }
    .wrapper::before {
        position: fixed;
        top: 0;
        margin-top: 200px;
    }

    .wrapper::after {
        position: fixed;
        top: 500px;
    }
}
    */

/* Navigation menu background and behavior */
.admin-bar .navigation {
    top: 32px;
}

.navigation .section-inner .main-menu {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

.title-section {
    text-shadow: none;
}
.blog-title {
    font-family: 'Great Vibes', serif;
    font-weight: 400;
    font-size: clamp(3rem, 6vw + .5rem, 6rem);
    color: #F0C55F;
    text-shadow: 2px 2px 3px #111111;
}

.blog-subtitle {
    font-size: 1.2em;
    margin: 10px 0 0 0;
    color: rgba(240, 197, 95, 0.9);
    text-shadow: 1px 1px 3px rgba(17, 17, 17, 0.9)
}

@media (min-width: 1001px) {
    .navigation {
        background-color: #283527;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    .title-section {
        margin-top: 69px;
    }
}

@media (max-width: 1000px) {
    .navigation {
        background-color: #283527;
    }

        .navigation .section-inner .main-menu {
            display: none;
        }

    .mobile-menu-container.active {
        display: block;
    }
}
/* Navigation color styling */
.navigation .main-menu > li > a {
    color: #F0C55F;
}

.navigation .main-menu > li:hover > a,
.navigation .main-menu .current-menu-item > a {
    color: #eb5047;
}

.main-menu > .menu-item-has-children > a:after,
.main-menu > .page_item_has_children > a:after {
    border-top-color: #939a93;
}

.main-menu li:hover > a,
.main-menu li.focus > a {
    color: #eb5047;
}

.mobile-menu a {
    color: #F0C55F;
}

@media (max-width: 1000px) {
    .menu-social-mobile {
        border-top: none !important;
        padding: 0 !important;
    }
}

/* Special menu item styling (e.g., .menu-item-5448 = SusScrofa) */
.navigation .main-menu > .menu-item-5448 > a {
    color: #939a93 !important;
}

    .navigation .main-menu > .menu-item-5448 > a:hover,
    .navigation .main-menu > .menu-item-5448.current-menu-item > a,
    .navigation .main-menu > .menu-item-5448.current-post-ancestor > a {
        color: #eb5047 !important;
    }

.navigation .main-menu .current-menu-item > a,
.navigation .main-menu .current-post-ancestor > a,
.navigation .main-menu .current-menu-parent > a,
.navigation .main-menu .current-post-parent > a {
    color: #eb5047;
}

.main-menu .menu-item-5548 {
    margin-left: auto;
}

/* Submenu styling */
.main-menu ul li {
    background-color: #445543;
}

.main-menu:after {
    background-color: #283527;
}

.main-menu > li:before {
    content: none;
}

.main-menu ul a {
    color: #bec2be;
}

/* Blog post styling */
.post,
.posts .page {
    background-color: #ECE3CE;
    border-radius: 1.5em;
}

.posts .post-excerpt + .post-meta,
.posts .post-header + .post-meta {
    border-top: none;
}

.post-container {
    width: 33.333%;
}

@media ( max-width: 1040px ) {

    .post-container {
        width: 49.75%;
    }
}

@media ( max-width: 600px ) {

    .post-container {
        width: 100%;
    }
}

.comment-inner {
    background-color: #E5D9BC;
    border-radius: 0.7em;
}

    .comment-inner::after {
        border-right-color: #E5D9BC;
    }


/* Archive title styling */
.archive-title {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-weight: 400;
}

/* Post excerpt text color */
.post-excerpt {
    color: #000000;
}

.post-meta-tabs {
    background-color: #ECE3CE;
}

.comments + .comment-respond {
    border-top: none;
}

/* Title-section link color */
/*.title-section a {
    color: #76130d;
}*/

/* .title-section a:hover {
    color: #76130d;
} */

/* Single Post Width */
.single-post .post-inner {
    width: 900px;
}

/* Recent Comments Widget Styling */
.recent-comments {
    margin: 2em 0;
    padding: 2em 2em 1em;
    font-size: 0.95em;
    background: #e5d9bc;
    border-radius: 1em;
}

    .recent-comments h2 {
        font-size: 1.25rem;
        margin: 0 0 1.25em 0;
    }

    .recent-comments .meta-text {
        color: #777;
        font-weight: 600;
    }

    .recent-comments p {
        margin-bottom: 0.6em;
        line-height: 1.5;
    }

        .recent-comments p a {
            text-decoration: underline;
        }

            .recent-comments p a > .comment-quote {
                display: inline-block;
                font-style: italic;
                color: #555;
                font-size: 0.9em;
                padding-left: 1em;
                text-decoration: none !important;
            }

            .recent-comments p a[href*="#comment-"] > .comment-quote {
                color: #555;
                text-decoration: none !important;
            }

/* Zwijnbanner Animation */
.zwijnbanner {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    padding: 1em 0;
}

    .zwijnbanner span {
        display: inline-block;
        padding-left: 100%;
        animation: zwijnbanner 30s linear infinite;
    }

    .zwijnbanner a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .zwijnbanner a img {
            max-height: 100px;
            margin-bottom: 0.5em;
        }

@keyframes zwijnbanner {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

/* Guestbook page specific styling */
.page-id-5619 .comments-page-container {
    padding: 8% 0;
}