// Beautiful nav tabs
.nav-tabs {
  margin-bottom: 1rem;

  // Make responsive horizontally
  // display: block;
  // overflow-x: auto;
  // overflow-y: clip;
  // white-space: nowrap;

  .nav-item {
    // Make responsive horizontally
    // display: inline-block;

    .nav-link {
      border: none;
      color: #666;

      &.active {
        color: $primary;
        background-color: transparent;
        border: none;
        border-bottom: 2px solid $primary;
      }

      &:hover, &:focus {
        color: $primary;
      }
    }
  }
}