.nav {
  > li {
    > a {
      padding: 10px 10px 3px;
    }
  }
}

.nav-tabs {
  @include box-shadow(0px 2px 1px -1px $gray);
  padding: 0 28px;

  > li {
    @extend .body-1;

    > a {
      color: $dark-gray;
      text-transform: uppercase;
    }

    &.active > a {
      &,
      &:hover,
      &:focus {
        @extend .body-1-semibold;
        border-bottom: 3px solid $blue;
      }
    }
  }
}