/*****************************/
/*  START :: Featured Cards  */
/*****************************/

/******************************************/
/*  START :: Feature Card - Text & Image  */
/******************************************/
.row--feature-card--img > div {
    overflow: hidden;
}
.row--feature-card--img .fl-module-photo,
.row--feature-card--img .fl-module-content,
.row--feature-card--img .fl-photo,
.row--feature-card--img .fl-photo-content {
    border-radius: 0px;
    display: inline-flex;
    flex-grow: 1;
}
.row--feature-card--img img {
    object-fit: cover;
    height: auto;
}
.row--feature-card--img .position-center img {
    object-position: center;
}
.row--feature-card--img .position-left img {
    object-position: left;
}
.row--feature-card--img .position-right img {
    object-position: right;
}

/* =================================================
        MOBILE, only        
================================================= */
@media only screen and (max-width: 768px) {
    /* Turn off animations on mobile, so stacked columns don't animate in at different times */
    .row--feature-card .fl-animation {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        transition-property: none !important;
        opacity: 1 !important;
    }
    /* bug fix in safari / firefox on ios for height: auto not working */
    .firefox .row--feature-card--img img,
    .safari .row--feature-card--img img {
        height: 100% !important; 
    }
}
/******************************************/
/*  END   :: Feature Card - Text & Image  */
/******************************************/

/***********************************************************************/
/*  START :: Feature Card - No Image / Heading + Text + Button + Icon  */
/***********************************************************************/
.row--feature_card--no_image_btn_icon .fl-module-photo {
    border-radius: 0;
}
/***********************************************************************/
/*  END   :: Feature Card - No Image / Heading + Text + Button + Icon  */
/***********************************************************************/

/****************************************/
/*  START :: 3 Column Split Background  */
/****************************************/
.scaleonhover .fl-col-content,
.scaleonhover.fl-module-box{
    transition: all .25s ease;
}
.scaleonhover .fl-col-content:hover,
.scaleonhover.fl-module-box:hover {
    transform: scale(1.05);
}
.row--feature_card--3column_split .feature-card .fl-module-button {
    margin-top: auto;
}
/* =================================================
                BB "LARGE" DESKTOP, only (custom)
================================================= */
@media only screen and (min-width: 992px) and (max-width: 1341px) {
    /* BB Large Background Gradient size does not render */
    .row--feature_card--3column_split.sky-to-snow > .fl-row-content-wrap {
        background-image: linear-gradient(180deg, var(--Sky-Blue) 37%, var(--Snow-White) 37.01%);
    }
    .row--feature_card--3column_split.snow-to-sky > .fl-row-content-wrap {
        background-image: linear-gradient(180deg, var(--Snow-White) 37%, var(--Sky-Blue) 37.01%);
    }
}
/****************************************/
/*  END   :: 3 Column Split Background  */
/****************************************/

/*****************************/
/*  END   :: Featured Cards  */
/*****************************/