@charset "UTF-8";
/* USWDS doesn't have support when menu item isn't a link */
.usa-col .usa-nav__submenu-item strong {
  display: block;
  padding: 0.5rem;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .usa-col .usa-nav__submenu-item strong {
    color: #000;
  }
}

/* For some reason USWDS removes padding-left on first column only */
@media screen and (min-width: 640px) {
  .usa-megamenu .usa-col .usa-nav__submenu-item a,
  .usa-megamenu .usa-col .usa-nav__submenu-item strong {
    padding-left: 0 !important;
  }
}

.usa-header--basic .usa-nav__primary > .usa-nav__primary-item > a,
.usa-header--basic .usa-nav__primary > .usa-nav__primary-item > button {
  padding-bottom: 0.5rem;
}

.basic-megamenu .usa-nav__primary button[aria-expanded] span::after {
  top: 60%;
}

/* Active nav item border */
span.usa-current-border,
.usa-nav__submenu-item .usa-current-border,
.usa-nav__primary .usa-nav__link.usa-current > span,
.usa-nav__primary .usa-nav__link.is-active > span,
.usa-nav__primary .usa-accordion__button.usa-current > span {
  border-left: 0.3125rem solid var(--ojp-header__active-nav);
  padding-left: 0.375rem;
}

/* Active nav item bottom indicator */
.usa-nav__primary .usa-nav__link.is-active::after {
  background-color: var(--ojp-header__active-nav) !important;
}

/* Mobile menu button — match legacy OJP theme */
.usa-navbar .usa-menu-btn {
  order: 90;
  margin-left: auto;
  text-transform: none;
  font-weight: bold !important;
  width: auto;
}
@media print {
  .usa-navbar .usa-menu-btn {
    display: none;
  }
}

/* Hide language switcher item for the current active language */
html:lang(en) .usa-nav__primary li.menu-lang-switcher-en,
html:lang(es) .usa-nav__primary li.menu-lang-switcher-es {
  display: none;
}

/* Preview CSS */
.ui_patterns_component__stories .ui_patterns_story__story {
  position: relative;
  min-height: 100px;
}
.ui_patterns_component__stories .ui_patterns_story__story nav {
  position: absolute;
}