.nav-primary {
  background-color: $gray-850;
  box-shadow: inset 0 -0.5rem 1rem $gray-900;
}

.nav-primary-subsection-link,
.nav-primary-tertiary-link {
  color: $gray-400;

  &:hover {
    color: $gray-100;
    background-color: lighten($gray-875, $amount: 5%);
  }

  &:focus:not(.active), &:active:not(.active) {
    color: $gray-400 !important;
  }

  &.active {
    color: $white;

    &:not(.expanded) {
      border-left: solid 0.25rem $intense-orange;
      color: $white;
      background-color: $gray-800;
    }
  }
}
