header.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.site-logo-main img {
    width: 180px;
}

body:has(#wpadminbar) header.site-header {
    top: 32px;
}

header.site-header .header-inner {
    max-width: var(--page-width);
    margin: 0 auto;
    width: 100%;
    padding: 0 var(--container-padding);
}

header .wp-block-navigation .wp-block-navigation-item:not(:last-child) {
    padding: 0 10px;
}

.site-footer .footer-menus-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

header.site-header nav.wp-block-navigation .has-child ul.wp-block-navigation__submenu-container {
    width: 288px !important;
    padding: 16px;
    /* top: 30px; */
    border: 1px solid var(--color-border-light);
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 12px 8px;
    font-weight: var(--fw-semibold);
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:hover {
    background-color: #EFFCFF;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
    left: 0;
    right: unset;
}

.wp-block-navigation__responsive-container-open::after {
    content: url(../images/hamburger.svg);
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
    display: none;
}

.wp-block-navigation__responsive-container-close {
    top: 34px;
    right: 25px;
}

.wp-block-navigation__responsive-container-close::after {
    content: url(../images/close.svg);
}

.footer-bottom .footer-menus-bottom ul li a:hover {
    color: var(--color-white);
}

@media screen and (min-width: 1025px) {
    header ul li a.wp-block-navigation-item__content:hover {
        color: var(--color-black);
    }
}

@media screen and (max-width: 1024px) {
    header.site-header {
        padding: 0 var(--container-padding-res);
    }

    header.site-header .header-inner {
        padding: 0;
    }

    /* --------- */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }

    .wp-block-navigation__responsive-container-content .wp-block-buttons {
        margin-top: var(--space-40);
    }

    .wp-block-navigation__responsive-container-content .wp-block-buttons,
    .wp-block-navigation__responsive-container-content .wp-block-button {
        width: 100%;
    }

    .wp-block-navigation__responsive-container-content .wp-block-buttons .wp-element-button {
        border: 1px solid var(--color-white) !important;
        color: var(--color-white) !important;
        width: 100%;
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--color-black) !important;
        background-image: url(../images/mobile-grid.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
        color: var(--color-white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
        justify-content: flex-start;
        --navigation-layout-justification-setting: flex-start;
        width: 100%;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        align-items: flex-start;
        padding-top: 154px !important;
    }

    .wp-block-navigation__responsive-dialog {
        padding: 0 20px;
    }

    .wp-block-navigation__responsive-container.is-menu-open ul .wp-block-navigation-submenu {
        display: none;
    }

    .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close svg {
        fill: var(--color-white);
    }

    .wp-block-navigation ul:not(footer .wp-block-navigation ul) {
        gap: 32px;
    }

    header ul li.wp-block-navigation-item {
        font-size: var(--fs-32);
        line-height: 40px;
        font-weight: var(--fw-semibold);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .current-menu-item .wp-block-navigation-item__content {
        color: var(--color-brand);
    }

    header .wp-block-navigation .wp-block-navigation-item__content {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    header ul li.wp-block-navigation-item a::after {
        content: "";
        display: inline-block;
        width: 26px;
        height: 26px;
        background: transparent;
        mask: url("../images/arrow-outward.svg") no-repeat center;
        -webkit-mask: url("../images/arrow-outward.svg") no-repeat center;
        mask-size: contain;
        -webkit-mask-size: contain;
    }

    header ul li.wp-block-navigation-item.current-menu-item a::after {
        background: currentColor;

    }

    footer.site-footer .footer-menus-bottom {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--block-gap);
    }

    footer.site-footer .footer-menus-bottom .footer-menu-child {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: var(--space-20);
    }

    .flex-column-res {
        flex-direction: column;
        gap: var(--space-20);
    }

    .footer-top .flex-column-res h4 {
        font-size: var(--fs-24);
        line-height: 36px;
    }

    .footer-top .wp-block-social-links.has-small-icon-size {
        font-size: 20px;
    }

    .footer-top.flex-column-res {
        gap: var(--space-32);
    }

    .footer-bottom {
        margin-top: -6px !important;
    }

    .foot-note {
        margin-top: 64px !important;
    }

    header .wp-block-navigation-item.menu-btn-last {
        margin-top: 50px;
    }

    header .wp-block-navigation-item.menu-btn-last a {
        border: 1px solid var(--color-white);
        padding: 16px 32px !important;
        width: 100%;
    }
}