@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.functions";

.c-tabs__list {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid $color-stone-500;
  list-style: none;
  display: flex;
}
.c-tabs__item {
  margin: 0 0 -1px 0;
  display: flex;
}
.c-tabs__link {
  min-height: rem(35);
  padding: 0 rem(10);
  @include font-gm-sans-bold;
  font-size: rem(12);
  letter-spacing: rem(1);
  line-height: line-height(12, 14);
  color: $color-white;
  border: 1px solid transparent;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  &:hover,
  &:focus,
  &:active {
    color: $color-white;
  }
  &:hover {
    text-decoration: underline;
  }
}
.c-tabs__item--active {
  .c-tabs__link {
    border-color: $color-stone-500;
    border-bottom-color: $color-grey-800;
    &:hover {
      text-decoration: none;
    }
  }
}
