:root,
:root:not(.menu-open):has(> body.scroll-middle.scroll-up),
:root:not(.menu-open):has(> body.scroll-bottom.scroll-middle) {
    --vii-header-height:78px;
    --vii-header-height-sticky:var(--vii-header-height);
    --vii-logo-height:30px;
    --vii-mobile-menu-width:400px;

    --vii-header-bg:var(--vii-color-white);
    --vii-header-overlay:rgba(256, 256, 256, 0.22);
    --vii-header-color:var(--vii-color-dark-gray);
    --vii-header-color-hover:var(--vii-color-primary);
    --vii-header-submenu-color:var(--vii-header-color);
    --vii-header-submenu-color-hover:var(--vii-header-color-hover);
    --vii-hambuger-bg:var(--vii-color-dark-gray);
    --vii-body-padding-top:var(--vii-header-height);
    --vii-cta-size:var(--vii-size-12);
}

/* Menu with menu-transparent  */
:root:has(> body.menu-transparent) {
    --vii-body-padding-top:0 !important;
}
:root:not(.menu-open):has(> body.menu-transparent) {
    --vii-header-bg:transparent;
    --vii-header-color:var(--vii-color-white);
    --vii-header-color-hover:var(--vii-color-white);
    --vii-header-submenu-color:var(--vii-color-dark-gray);
    --vii-header-submenu-color-hover:var(--vii-color-primary);
    --vii-hambuger-bg:var(--vii-color-white);
}

@media only screen and (max-width:1180px) {
    :root,
    :root:not(.menu-open):has(> body.scroll-middle.scroll-up),
    :root:not(.menu-open):has(> body.scroll-bottom.scroll-middle) {
        --vii-header-height:60px;
        --vii-logo-height:30px;
        --vii-header-color:var(--vii-color-white);
        --vii-header-color-hover:var(--vii-color-white);
        --vii-body-padding-top:var(--vii-header-height);
    }
}
@media only screen and (max-width:782px) {
    :root {
        --wp-admin--admin-bar--height:0px;
    }
}