.site-header {
  color: #fff;
  background-color: $vads-color-primary-darker;
}

.site-header .site-l-wrapper {
  padding-right: 0;

  @include media($desktop) {
    padding-right: units(5);
  }

  @include media($desktop-lg) {
    padding-right: units(10);
  }
}

.site-header__masthead {
  display: flex;
  justify-content: space-between;

  @include media($desktop) {
    align-items: center;
  }
}

.usa-button.site-button-inverse {
  background-color: #ffffff;
  color: $vads-color-primary-dark;

  &:active,
  &:hover {
    background-color: rgba(255,255,255,.8);
    color: $vads-color-primary-dark;
  }
}

.site-header__open-mobile-nav-button {
  border-radius: 0;
  margin: 0;
  width: auto;

  @include media($desktop) {
    display: none;
  }
}

.site-header__logo-text {
  display: block;
  font-size: 1.3125rem;
  font-weight: 300;
  font-style: normal;
  margin: $units-3 0;

  @include media($desktop) {
    font-size: 2rem;
  }
  strong {
    font-weight: 700;
  }
}

.site-header__logo-link,
.site-header__logo-link:visited {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.site-header__logo-link:hover,
.site-header__logo-link:focus {
  text-decoration: none;
}

.site-header__utility-links {
  align-items: center;
  display: flex;

  .usa-button {
    display: none;
    @include media($desktop-lg) {
      display: block;
    }
  }
}

.site-top-nav-wrapper {
  display: none;
  background-color: $vads-color-primary-darker;

  @include media($desktop) {
    display: block;
  }

  &.sticky {
    @include media($desktop) {
      position: -webkit-sticky;
      position: sticky;
      top: -1px;
      z-index: 800;
    }
  }
}

.site-header__nav {
  border-top: 1px solid white;
  display: none;

  @include media($desktop) {
    display: flex;
    justify-content: space-between;
  }
}

.site-header__nav-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-header__nav-item {
  font-weight: bold;
  margin: 0;
}

.site-header__nav-list:first-child {
  margin-left: $units-neg-3;
}

.site-header__nav-list:last-child {
  margin-right: $units-neg-3;
}

.site-header__nav-item__link,
.site-header__nav-item__link:visited {
  color: #fff;
  display: block;
  padding: $units-2 units(2.5);
  text-decoration: none;
  transition: none;
}

.site-header__nav-item__link:hover,
.site-header__nav-item__link:focus {
  color: $color-gold;
  text-decoration: none;
}

.site-header__nav-item__link.current {
  border-bottom: 4px solid $color-gold;
}

.site-header__nav-item__link.site-header__nav-item__link--icon {
  align-items: center;
  display: flex;
  gap: $units-0p5;
  white-space: nowrap;
}