/* Three Column Text CSS */

.three-col-text-block .wrapper{
    padding: 80px;
}
.three-col-text-block .title{
    margin-bottom: 12px;
}
.three-col-text-block .title.adaptive-height{
    margin-top: 5px;
}
.three-col-text-block .inner{
    padding-right: 50px;
}
.three-col-text-block .intro{
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.three-col-text-block.collapsed .content-row{
    height: 250px;
    overflow: hidden;
    position: relative;
}
.three-col-text-block.collapsed .content-row .overlap{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    z-index: 99;
}
.text-reveal{
    margin-top: 20px;
}
.text-reveal span{
    color: inherit!important;
}
.text-reveal:hover{
    cursor: pointer;
}

@media screen and (max-width: 1349px){
    .three-col-text-block .intro{
        max-width: 85%;
    }
}

@media screen and (max-width: 1199px){
    .three-col-text-block .wrapper{
        padding: 60px;
    }
}

@media screen and (max-width: 991px){
    .three-col-text-block .wrapper{
        padding: 40px 20px;
    }
    .three-col-text-block .title{
        height: auto!important;
        margin-top: 0;
    }
    .three-col-text-block .title.empty{
        margin-bottom: 0;
        margin-top: 0;
    }
    .three-col-text-block .inner{
        padding-right: 0;
    }
}