/* Phase 1 navigation consolidation: retain the existing visual language. */
.header-sticky .header {
  display: block;
  position: fixed;
  top: 0;
}

@media (min-width: 64em) {
  .header-sticky.header--transparent .header .nav__container {
    background-color: #fff;
    background-image: none;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.32);
  }

  .header-sticky.header--transparent .header .nav__link {
    color: #000;
  }

  .header-sticky.header--transparent .header .nav__logo {
    background-image: url("../media/logo.png");
  }
}

.nav__submenu-toggle {
  background: transparent;
  border-style: solid;
  border-color: transparent;
  cursor: pointer;
  font-family: inherit;
}

.phase1-menu-link,
.phase1-menu-label {
  color: #000;
  display: inline-block;
  font-family: "metric", sans-serif;
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1;
  text-transform: none;
}

.phase1-menu-link:hover,
.phase1-menu-link:focus,
.menu__item--current .phase1-menu-link,
.menu__item--current .phase1-menu-label {
  color: #ac1e2e;
}

.nav__link[aria-current="page"],
.phase1-menu-link[aria-current="page"],
.menu__list--sub a[aria-current="page"] {
  border-bottom-color: #ac1e2e;
}

.nav__menu-toggle[aria-expanded="true"] .nav__menu-toggle__inactive {
  display: none;
}

.nav__menu-toggle[aria-expanded="true"] .nav__menu-toggle__active {
  display: block;
}