.nav-tabs {
  background: $color-white;
  border-bottom: none;

  > li {
    a {
      border: 2px solid transparent;
      color: $color-gray-3000;

      &:hover {
        background: $nav-tabs-active-link-hover-bg;
        border-bottom-color: transparent;
        color: $color-gray-2000;
      }
    }

    &.active > a {
      &,
      &:focus,
      &:hover {
        background-color: $nav-tabs-active-link-hover-bg;
        border: 2px solid transparent;
        border-bottom-color: $color-copenhagen-red;
        border-width: 2px 0px 2px 0px;
        color: $nav-tabs-active-link-hover-color;
        cursor: default;
      }
    }
  }
}

.nav-pills {
  background: $color-white;

  > li {
    a {
      color: $color-gray-3000;
      font-weight: $semi-bold;

      &:hover {
        background: $color-white;
        color: $color-gray-2000;
      }
    }

    &.active > a {
      color: $color-gray-1000;
    }
  }
}

// Only for transition period to new design DONT USE!
.nav-pills-tight > li a, .tighter-pills-fix .nav-pills > li a {
    color: #a0a9b3;
    font-weight: 600;
    font-size: 12px;
    padding: 16px 12px;
}


// Custom styles
// ==========================

.subnav {
  background: $color-white;
}