/*** 

====================================================================
Section Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 60px;
    .sub-title {
        position: relative;
        display: inline-block;
        font-size: var(--sec-title-subtitle-font-size);
        line-height: var(--sec-title-subtitle-line-height);
        font-weight: var(--sec-title-subtitle-font-weight);
        font-family: var(--sec-title-subtitle-font-family);
        color: var(--sec-title-subtitle-color);
        letter-spacing: 1.3px;
        margin-bottom: 10px;
    }
    h2 {
        position: relative;
        display: block;
        font-size: var(--sec-title-font-size);
        color: var(--sec-title-color);
        font-family: var(--sec-title-font-family);
        font-weight: var(--sec-title-font-weight);
        margin-bottom: 0;
        z-index: 2;
        @include media-breakpoint-down(lg){
            font-size: 36px;
            br {display: none;}
        }
        @include media-breakpoint-down(sm){
            font-size: 30px;
            line-height: 1.1em;
            letter-spacing: -1px;
        }
    }
    .text {
        margin-top: 20px;
    }
    &.light{
        .text,
        h2,
        h1{
            color: #ffffff;
        }
    }
    .icon-divider,
    .icon-divider-2,
    .icon-divider-3,
    .icon-divider-4{
        display: inline-block;
        margin-bottom: 8px;
    }
    &.v2 {
        .sub-title {
            color: var(--theme-color4);
            font-size: 48px;
            font-family: var(--style-font);
            @include media-breakpoint-down(sm){
                line-height: 1em;
            }
        }
        .title {
            font-family: var(--title-font);
        }
    }
}
