/* *****************************************************************************
*
*  Nav
*
* ***************************************************************************** */
.nav {
  .nav-link {
    @extend .link-highlight;

    &:not(.active){
      color: $gray-700;
    }
  }

  &--font-secondary {
    .nav-link {
      @extend .vui--text-highlight;

      &:not(.active){
        color: $gray-700;
      }
    }
  }

  &--dark {
    .nav-link {
      &:not(.active){
        color: $gray-400;
      }
    }
  }
}