/****************************
 * Common
****************************/
.vii-menu {
    --menu-text:#000;
    color:var(--menu-text);
}
.vii-menu a, .vii-menu a:hover, .vii-menu a:focus {
    color:var(--menu-text);
}
.vii-menu .current a {text-decoration:underline; font-weight:500;}
.vii-menu.txt_color_white {
    --menu-text:#fff;
}
.vii-menu-row.main {min-height:var(--vii-header-height);}


/****************************
 * Logo
****************************/
.vii-menu-logo svg,
.vii-menu-logo {width:var(--vii-logo-width); aspect-ratio:130/23;}
.vii-menu-logo img {height:100%; width:auto;}
.vii-menu-logo svg * {transition:all 0.3s ease}
.txt_color_white .vii-main-logo svg * {fill:var(--menu-text);}


/****************************
 * Menu Sticky
****************************/
[data-menu*="sticky"] {position:fixed; top:0; left:0; right:0;}

/* wrapper */
.vii-menu-row.main .vii-menu-row-inner {min-height:var(--vii-header-height);}

/* Scroll middle down: hide menu */
html:not(.accordion-moving) body.menu-sticky.scroll-middle.scroll-down [data-menu*="sticky"] {
    opacity:0; transform:translateY(-100%);
}

/* Scroll middle up: change header background */
html.menu-open [data-menu*="sticky"],
body.menu-sticky.scroll-up:not(.scroll-top) [data-menu*="sticky"] {
    background:#fff;

    --menu-text:#000;
}
html.menu-open [data-menu*="sticky"]:before,
body.menu-sticky.scroll-up:not(.scroll-top) [data-menu*="sticky"]:before {opacity:0;}