/* TABS
*********************/
.tabs {
    border-color: $hcPrimary;

    .tab-list {
        border-bottom-color: $hcPrimary;
        &__item {  margin: 0; }
        &__link {
            &--active {
                background-color: $hcPrimary;
                border-color: $hcPrimary;
                color: $hcSecondary;
            }

            // < MD
            @include media-breakpoint-down(md)
            {
                background-color: transparent;

                &--active {
                    background-color: $hcPrimary;
                }
            }
        }
    }

    &-content {
        border-color: $hcPrimary;
    }
}
