@import "constants";


ul.tabs {
    list-style: none;
    margin: 0;
    padding: 0;

    li {
        display: inline-block;

        a {
            font-family: "aktiv-grotesk", sans-serif;
            font-size: 12px;
            color: $darkGrey !important;
            font-weight: 500;
            text-transform: uppercase;
            padding: 12px 20px;
            border-bottom: 3px solid transparent;
            cursor: pointer;

            &:hover, &:active, &:focus, &.active {
                border-bottom: 3px solid $green;
                text-decoration: none;
                color: $black !important;
            }
        }
    }
}

ul.modal-tabs {
    list-style: none;
    margin: 0;
    padding: 0 10px;
    width: calc(100% - 20px);
    border-bottom: 1px solid $midGrey;

    li {
        display: inline-block;
        font-family: "aktiv-grotesk", sans-serif;
        font-size: 12px;
        color: $darkGrey !important;
        font-weight: 500;
        text-transform: uppercase;
        padding: 12px 20px;
        border-bottom: 3px solid transparent;
        cursor: pointer;

        &:hover, &:active, &:focus, &.active {
            border-bottom: 3px solid $green;
            text-decoration: none;
            color: $black !important;
        }
    }
}