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


/****************************
 * Logo
****************************/
.vii-menu-logo {height:var(--vii-logo-height);}
.vii-menu-logo img {height:100%; width:auto !important;}


/****************************
 * Hamburger button
****************************/
.vii-hamburger-button {background:none;}
.vii-hamburger-button__inner {width:20px; height:16px;}

/* Lines */
.vii-hamburger-button__inner i {width:100%; height:2px; background:#000;}
.vii-hamburger-button__inner i:nth-child(1) {top:0;}
.vii-hamburger-button__inner i:nth-child(2) {top:7px;}
.vii-hamburger-button__inner i:nth-child(3) {bottom:0; width:15px; left:auto; right:0;}

/* home-page */
html:not(.menu-open) body.home .vii-hamburger-button__inner i {background:#fff;}
html:not(.menu-open) body.home.scroll-up:not(.scroll-top) .vii-hamburger-button__inner i,
html:not(.menu-open) body.home.scroll-bottom .vii-hamburger-button__inner i {background:#000;}


/* Open */
html.menu-open .vii-hamburger-button__inner i:nth-child(1) {transform:rotate(45deg); top:9px;}
html.menu-open .vii-hamburger-button__inner i:nth-child(3) {transform:rotate(-45deg); bottom:5px; width:100%;}
html.menu-open .vii-hamburger-button__inner i:nth-child(2) {width:0; left:50%;}

/****************************
 * Menu Sticky
****************************/
body.menu-sticky {padding-top:var(--vii-header-height);}
[data-menu*="sticky"] {position:fixed; top:0; left:0; right:0; background-color:var(--vii-color-white);}

/* homepage */
body.home.menu-sticky {padding-top:0;}
body.home:not(.scroll-bottom) [data-menu*="sticky"] {background-color:transparent;}


/* 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:not(.scroll-bottom) [data-menu*="sticky"] {
    opacity:0; transform:translateY(-100%);
}

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

/* when scroll up and scroll bottom */
body.scroll-up:not(.scroll-top) [data-menu*="sticky"],
body.scroll-bottom [data-menu*="sticky"] {
    box-shadow:0 12px 16px -4px rgba(16, 24, 40, 0.1), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
}

/* search button */
.vii-menu-block.search {color:var(--vii-color-gray-90); cursor:pointer;}
.vii-menu-block.search button {background:transparent; color:inherit;}

.vii-menu-block.search:hover,
.vii-menu-block.search:focus {color:var(--vii-color-blue);}

/* home page > search + language switcher */
html:not(.menu-open) body.home .vii-menu-block.search,
html:not(.menu-open) body.home .vii-language-switcher-item {color:var(--vii-color-white);}

html:not(.menu-open) body.home .vii-language-switcher-dropdown ul .vii-language-switcher-item {color:var(--vii-color-gray-90);}

html:not(.menu-open) body.home.scroll-bottom .vii-menu-block.search,
html:not(.menu-open) body.home.scroll-up:not(.scroll-top) .vii-menu-block.search {color:var(--vii-color-text);}

html:not(.menu-open) body.home.scroll-up:not(.scroll-top) .vii-language-switcher-item,
html:not(.menu-open) body.home.scroll-bottom .vii-language-switcher-item {color:var(--vii-color-gray-90);}

html:not(.menu-open) body.home .vii-menu-block.search:hover,
html:not(.menu-open) body.home .vii-menu-block.search:focus {color:var(--vii-color-blue) !important;}

/****************************
 * Menu Functional
****************************/
.vii-menu-functional {gap:16px;}

/* Responsive */
@media only screen and (max-width:1180px) {
    .vii-menu-functional {gap:25px;}
}