html.has-modal-open{
    overflow-y: auto;
}

/* Semi-transparent background for overlay menu */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--color3a_50) !important; /* Black with 70% opacity */
    backdrop-filter: blur(4px); 
}

header nav .wp-block-page-list{
    display: none;
}

header{
    z-index: 100;
    position: relative;

}

/* Sticky Header */
    header{
        position: fixed;
        right: 0;
    }

    .admin-bar header{
        top: 32px
    };

/* MODAL */

    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    /* Hide the desktop menu so it doesn’t overlap */
    html:not(.has-modal-open) .wp-block-navigation__responsive-dialog {
        display: none !important;
    }
    html.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
        margin-top: 0;
    }
    html.has-modal-open .wp-block-page-list .wp-block-pages-list__item {
        text-align: center;
        font-weight: 100;
    }
    header nav{
        gap: 0em !important;
        margin-left: 0.5em !important;
    }
    header nav > button{
        padding: 0.5em;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block !important;
    }

    .wp-block-navigation__responsive-close {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wp-block-navigation .wp-block-navigation-item__content {
        display: inline-block;
        max-width: 100%;
        width: 100%;
        text-align: center;
        position: relative;
        font-size: xx-large;

        font-family: 'Roboto', sans-serif;
        font-family: 'Roboto-thin', sans-serif;

        text-transform: uppercase;
    }

    .wp-block-navigation .wp-block-navigation-item {
        width: 100%;
    }

/* MODAL */

    .wp-block-navigation__responsive-container-close,
    html.has-modal-open .wp-block-pages-list__item a,
    html.has-modal-open .wp-block-navigation-item a{
        color: var(--color1) !important;
    }
    html.has-modal-open .wp-block-pages-list__item:hover a,
    html.has-modal-open .wp-block-navigation-item:hover a{
        color: var(--color1);
    }
    html.has-modal-open .wp-block-page-list .wp-block-pages-list__item:hover a:after,
    html.has-modal-open .wp-block-navigation-item:hover a:after{
        content: "»";
        line-height: 1.25em;
        vertical-align: top;
    }
    html.has-modal-open .wp-block-pages-list__item:hover a:before,
    html.has-modal-open .wp-block-navigation-item:hover a:before{
        content: "«";
        line-height: 1.25em;
        vertical-align: top;
    }

    .wp-block-navigation__responsive-container-close {
        position: fixed;
        right: 0.5em;
        top: 0.5em;
    }

    .admin-bar .wp-block-navigation__responsive-container-close {
        top: calc(0.5em + 32px);

    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content
    {
        padding-top: 0 !important;
    }

/* HIDE AT START */

    header{
        /* visibility: hidden; */
        opacity: 0;
        transition: opacity 0.25s;
    }
    .loaded header{
        /* visibility: visible; */
        opacity: 1;
    }