:root {
  --logo-width: 17rem;
  --section-div-height: min(5rem, 5vw);
  --section-div-width: 125%;
}
/*
 * ----------------------------------------
 * header menu
 * ----------------------------------------
 */
@media (min-width: 980px) {
  .header__menu ul li {
    margin-left: 0 !important;
  }
  .header__menu ul {
    gap: 2em;
  }
  .header__menu ul li:nth-child(3) {
    margin-right: 11.5rem;
  }
  .header__menu ul li:nth-child(4) {
    margin-left: 11.5rem !important;
  }
}
/*
 * ----------------------------------------
 * animation for menu links
 * ----------------------------------------

@-webkit-keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
@keyframes focus-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-800px);
        transform: translateZ(-800px);
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}
 */
/*
 * ----------------------------------------
 * switch for overlay menu
 * ----------------------------------------
*/
[data-header-overlay="overlay"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}
[data-header-overlay="overlay"] #brxe-aguozx .bricks-nav-menu > li > a {
  color: #fff;
}
[data-header-overlay="overlay"] #brxe-aguozx .bricks-nav-menu > li > a::before {
  background-color: #fff;
}
[data-header-overlay="overlay"] .brxe-logo {
  filter: invert(1);
}
[data-header-overlay="overlay"] .header__menu.brxe-nav-menu .bricks-mobile-menu-toggle {
  color: #fff;
}
/*
 * ----------------------------------------
 * other css
 * ----------------------------------------
 */
