.secondary-nav {
  --secondary-nav-height: 3.25rem;
  background: var(--surface-blue);
  font-weight: 400;
}

.secondary-nav__wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-height: var(--secondary-nav-height);
}

.secondary-nav__title {
  --text-font-size: 17;
  font-weight: 700;
  margin: 0;
}

.secondary-nav .subnav-toggle-button {
  color: var(--color-primary-shade);
}

.secondary-nav .secondary-nav__title + .subnav-toggle-button {
  position: relative;
  inset: auto;
  height: var(--secondary-nav-height);
  margin-right: -0.5rem;
}

.secondary-nav .nav__intranet {
  display: none;
  width: 100%;
}

.has-secondary-nav .nav__intranet {
  display: block;
}

.nav__intranet .nav-li-level1 {
  --nav-item-padding-block: 0rem;
}

.nav__intranet .nav-li-level1 > div > a {
  padding-block: 0.5rem;
}

.secondary-nav .nav-li-level1 > div > a::after {
  bottom: 0.5rem;
}

@media (max-width: 67.4375rem) {
  .secondary-nav .nav-ul-level1 {
    margin-top: calc(var(--nav-item-padding-block) * -1);
  }
  .nav-ul-level1 {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 47.9375rem) {
  .nav-ul-level1 {
    padding-bottom: 1rem;
  }
}
@media (min-width: 48rem) {
  .secondary-nav .subnav-toggle-button .svg-icon {
    height: 14px;
    width: 14px;
  }
  .secondary-nav .nav-li-level1 {
    --text-font-size: 16;
  }
  .secondary-nav .nav-li-level2,
  .secondary-nav .nav-li-level3 {
    --text-font-size: 15;
  }
  .secondary-nav .secondary-nav__title + .subnav-toggle-button {
    margin-right: -1rem;
  }
}
@media (min-width: 67.5rem) {
  .secondary-nav {
    --secondary-nav-height: 3.25rem;
  }
  .secondary-nav .nav {
    --subnav-bg-color-desktop: var(--color-primary-shade);
    justify-content: flex-end;
    display: flex;
    position: relative;
    z-index: var(--z-index-secondary-nav);
  }
  .secondary-nav .nav-li-level1 > .subnav-toggle-button {
    --nav-item-padding-block: 0.5rem;
  }
  .secondary-nav .subnav-toggle-button .svg-icon {
    height: 12px;
    width: 12px;
  }
  .secondary-nav__title,
  .secondary-nav__menu-button {
    display: none;
  }
  .secondary-nav .nav-li-level2 .subnav-toggle-button {
    color: var(--white);
  }
  .secondary-nav .nav-li-level1 > div {
    font-weight: 400;
  }
  .secondary-nav .nav-li-level1 {
    --text-font-size: 16;
  }
  .secondary-nav .nav-li-level2,
  .secondary-nav .nav-li-level3 {
    --text-font-size: 15;
  }
}

/*# sourceMappingURL=/assets/application/base/secondary-navigation-81b997d0.css.map */