// Tabs
// --------------------------------------------------


.nav-tabs,
.nav-tabs.nav-justified {
  background: $tabs-background-color;
  border-bottom: 1px solid $tabs-bottom-border-color;
  margin-bottom: $margin-m;

  > li.nav-item {
    border: 0;

    > a.nav-link {
      background: $tabs-background-color;
      border: 0;
      border-bottom: $tabs-bottom-border-size solid transparent;
      color: $tabs-text-color;
      font-weight: $tabs-font-weight;
      letter-spacing: 1px;
      padding-left: $tabs-horizontal-padding;
      padding-right: $tabs-horizontal-padding;

      &:focus {
        background: $tabs-focus-background-color;
        border: 0;
        border-bottom: $tabs-bottom-border-size solid $tabs-focus-bottom-border-color;
        box-shadow: $outline-box-shadow rgba($tabs-focus-bottom-border-color, $outline-border-opacity);
        color: $tabs-focus-text-color;
        outline: 0;
      }

      &.active:hover,
      &.active {
        background: $tabs-active-background-color;
        border: 0;
        border-bottom: $tabs-bottom-border-size solid $tabs-active-bottom-border-color;
        color: $tabs-active-text-color;
      }

      &:hover {
        background: $tabs-hover-background-color;
        border: 0;
        border-bottom: $tabs-bottom-border-size solid $tabs-hover-bottom-border-color;
        color: $tabs-hover-text-color;
      }
    }
  }
}