/****************************
 * Common
****************************/
.bb-menu-row {padding:0 var(--bb-gap-container);}
.bb-menu-row.main {min-height:var(--bb-header-height); transition:min-height .3s ease;}

@media only screen and (min-width:1561px) {
    .bb-menu-row.main {
        --bb-container:1640px;
    }
}


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


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

/* Lines */
.bb-hamburger-button__inner i {width:100%; height:2px; background:var(--bb-color-primary); border-radius:2px;}
.bb-hamburger-button__inner i:nth-child(1) {top:0;}
.bb-hamburger-button__inner i:nth-child(2) {top:7px;}
.bb-hamburger-button__inner i:nth-child(3) {bottom:0; width:16px;}

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

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

/* wrapper */
.bb-menu-row.main .bb-menu-row-inner {min-height:var(--bb-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 */
html.accordion-moving body.menu-sticky [data-menu*="sticky"],
body.menu-sticky.scroll-up:not(.scroll-top) [data-menu*="sticky"],
body.menu-sticky.scroll-bottom [data-menu*="sticky"] {background:var(--bb-color-dark-blue);}

body.scroll-up:not(.scroll-top) .bb-menu-row.main,
body.scroll-bottom .bb-menu-row.main {--bb-header-height:var(--bb-header-height-sticky);}

/* Responsive */
@media only screen and (max-width:1560px) {
    .bb-menu-row.main {
        --bb-container:1280px;
    }
}