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


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

  > li {
    border: 0;

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

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

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

}

