/*--------------------------------------------------------------
   Helper Styles
--------------------------------------------------------------*/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.text{
    &--right{
        text-align: right;
    }
    &--left{
        text-align: left;
    }
    &--center{
        text-align: center;
    }
}

.pos{
    &--relative{
        position: relative;
    }
}
.z-index{
    &--20{
        z-index: 20;
    }    
}
.pl-0{
    @include mq('lg') {
        padding-left: 0 !important;
    }
}
.pl-0.col-lg-6{
    @include mq('lg') {
        padding-left: 0 !important;
    }   
}
.float--none{
    float: none !important;
}
.flx--100{
    flex: 0 0 100%;
}
.full-height {
    height: 100%;
}