/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/navigation/main/component/menu.main.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.menu--main {
  font-weight: 400;
}
.menu--main.menu--level-0 {
  position: absolute;
  inset: 0;
  z-index: 100;
  overflow: auto;
  background-color: var(--main-menu--bg-color);
  margin-top: var(--site-header-stripe-height);
}
.menu--main.menu--level-0 .menu__details[open] {
  border-left: 5px solid var(--accent--color);
}
.menu--main.menu--level-0 .menu__details[open] summary a {
  color: var(--main-menu--a--color--active);
}
.menu--main.menu--level-0 .menu__details[open] summary {
  color: var(--main-menu--summary--color--active);
}
.menu--main.menu--level-0 > .menu__item {
  display: flex;
  align-items: center;
}
.menu--main.menu--level-0 > .menu__item a {
  color: var(--main-menu--a--color);
}
.menu--main.menu--level-0 > .menu__item a:hover, .menu--main.menu--level-0 > .menu__item a:focus {
  color: var(--main-menu--a--color--active);
}
.menu--main.menu--level-0 > .menu__item summary {
  color: var(--main-menu--summary--color);
}
.menu--main.menu--level-0 > .menu__item > a,
.menu--main.menu--level-0 > .menu__item summary {
  text-transform: uppercase;
  display: inline-block;
  padding: 1em var(--safe-area-inline);
  font-size: 0.7501875469rem;
}
.menu--main.menu--level-0 > .menu__item + .menu__item {
  border-top: 1px solid var(--main-menu--menu-item--border-color, var(--accent--color));
}
@media (min-width: 64em) {
  .menu--main.menu--level-0 {
    overflow: unset;
    background-color: var(--main-menu--bg-color);
    margin-top: 0;
    position: relative;
    display: flex;
    margin-left: -0.5em;
    margin-bottom: 1px;
  }
  .menu--main.menu--level-0 > .menu__item + .menu__item {
    border-top: none;
  }
  .menu--main.menu--level-0 > .menu__item + .menu__item::before {
    content: "•";
    display: var(--main-menu--bullet--display);
    color: var(--main-menu--bullet--color, var(--accent--color));
  }
  .menu--main.menu--level-0 > .menu__item > a,
  .menu--main.menu--level-0 > .menu__item summary {
    padding: 1em 0.75em;
  }
  .menu--main.menu--level-0 > .menu__item > a:hover,
  .menu--main.menu--level-0 > .menu__item > a:focus,
  .menu--main.menu--level-0 > .menu__item summary:has(a:hover, a:focus) {
    background-color: var(--main-menu--menu-item--bg-color--active);
  }
  .menu--main.menu--level-0 > .menu__item .menu__details[open] {
    border-left: none;
  }
  .menu--main.menu--level-0 > .menu__item .menu__details[open] summary {
    background-color: var(--main-menu--menu-item--bg-color--active);
  }
  .menu--main.menu--level-0 .menu__submenu-wrapper {
    position: absolute;
    background-color: var(--main-menu--submenu--bg-color);
    border-bottom: 5px solid var(--accent--color);
  }
}
.menu--main.menu--level-1 {
  padding-inline: var(--safe-area-inline);
}
.menu--main.menu--level-1 > .menu__item > a {
  color: var(--main-menu--lvl1--a--color, var(--main-menu--a--color));
  margin: 0.75em 18px;
  display: inline-block;
}
.menu--main.menu--level-1 > .menu__item > a:hover, .menu--main.menu--level-1 > .menu__item > a:focus {
  color: var(--main-menu--lvl1--a--color--active, var(--main-menu--a--color--active));
}
@media (min-width: 64em) {
  .menu--main.menu--level-1 {
    padding-inline: 0;
  }
  .menu--main.menu--level-1 .menu__item:nth-child(1) {
    display: none;
  }
}