/* =========================================================
   SITE-WIDE HEADER
   ========================================================= */

/* Main WordPress header */
header,
.site-header,
#masthead,
.wp-site-blocks > header,
header.wp-block-template-part {
    background: rgba(0, 0, 0, 0.84) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-bottom: 1px solid rgba(255,255,255,0.14) !important;

    position: relative;
    z-index: 9999;
}


/* Header links */

header a,
.site-header a,
#masthead a {
    color: #ffffff !important;
    transition: color 0.25s ease;
}


/* Header hover */

header a:hover,
.site-header a:hover,
#masthead a:hover {
    color: #29A9FF !important;
}


/* =========================================================
   SITE-WIDE FOOTER
   ========================================================= */

footer,
.site-footer,
#colophon,
.wp-site-blocks > footer,
footer.wp-block-template-part {
    background: rgba(0, 0, 0, 0.84) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border-top: 1px solid rgba(255,255,255,0.14) !important;

    color: #ffffff !important;
}


/* Footer text */

footer p,
.site-footer p,
#colophon p {
    color: rgba(255,255,255,0.82) !important;
}


/* Footer headings */

footer h1,
footer h2,
footer h3,
footer h4,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #ffffff !important;
}


/* Footer links */

footer a,
.site-footer a,
#colophon a {
    color: #ffffff !important;

    transition: color 0.25s ease;
}


/* Footer hover */

footer a:hover,
.site-footer a:hover,
#colophon a:hover {
    color: #29A9FF !important;
}


/* =========================================================
   GLASS EFFECT
   ========================================================= */

header,
.site-header,
#masthead,
footer,
.site-footer,
#colophon {
    box-sizing: border-box;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 850px) {

    header,
    .site-header,
    #masthead {
        background: rgba(0,0,0,0.94) !important;
    }

    footer,
    .site-footer,
    #colophon {
        background: rgba(0,0,0,0.94) !important;
    }

}


/* Keep mobile navigation readable on its light overlay. */
nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    background: #ffffff !important;
    color: #080d18 !important;
}
nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open a,
nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
    color: #080d18 !important;
}
nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open a:hover,
nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open a:focus-visible {
    color: #0076c8 !important;
}
nav.wp-block-navigation .wp-block-navigation__responsive-container-close {
    color: #080d18 !important;
}

nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 36px !important;
}