/* =============
   Tabs & Accordions
============= */

.nav-tabs,.nav-pills {
  .nav-link {
    color: $dark;
    font-weight: 600;
    text-align: center;
  }
  .nav-link.active{
    color: $primary;
  }
}

.nav-bg-custom{
  .nav-link.active{
    color: $white;
  }
}

.nav-tabs-custom {
  border-bottom: 2px solid $lightgray;

  .nav-item {
    position: relative;

    .nav-link {
      border: none !important;
      font-weight: 600;
    }
  }
}

.nav-tabs-custom > li > a {
  color: $dark;
}

.nav-tabs-custom > li > a::after {
  content: "";
  background: $primary;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs-custom > li > a.active::after, .nav-tabs-custom > li:hover > a::after {
  transform: scale(1);
}

.nav-tabs-custom > li > a.active {
  color: $primary !important;
}

