/******************************/
/*  START :: Images & Videos  */
/******************************/

/*****************************/
/*  START :: General Images  */
/*****************************/
.fl-post .fullheight img {
    max-height: 760px;
    height: 77vw;
    object-fit: cover;
}
.fl-post .largeheight img {
    max-height: 590px;
    height: 50vw;
    object-fit: cover;
}
.fl-post .mediumheight img {
    height: 30vw;
    max-height: 460px;
    object-fit: cover;
}
.fl-post .contain img {
    object-fit: contain;
}

.fl-post .bglefttop img {object-position:left top}
.fl-post .bgleftcenter img {object-position:left center;}
.fl-post .bgleftbottom img {object-position:left bottom;}
.fl-post .bgcentertop img {object-position:center top;}
.fl-post .bgcentercenter img {object-position:center center;}
.fl-post .bgcenterbottom img {object-position:center bottom;}
.fl-post .bgrighttop img {object-position:right top;}
.fl-post .bgrightcenter img {object-position:right center;}
.fl-post .bgrightbottom img {object-position:right bottom;}

/* TABLET, and down */
@media only screen and (max-width: 992px) {
    .fl-post .fullheight img{
        height: 70vw;
        max-height: 500px;
    }
    .fl-post .largeheight img{
        height: 70vw;
        max-height: 460px;
    }
    .fl-post .mediumheight img {
        height: 70vw;
        max-height: 360px;
    }
}
/* MOBILE, and down */
@media only screen and (max-width: 768px) {
    .fl-post .fullheight img{
        height: 80vw;
        max-height: 280px;
    }
    .fl-post .largeheight img{
        height: 80vw;
        max-height: 280px;
    }
    .fl-post .mediumheight img {
        height: 80vw;
        max-height: 280px;
    }
}
/*****************************/
/*  END   :: General Images  */
/*****************************/

/************************************/
/*  START :: Large Container Image  */
/************************************/
.row--large-container-image .fl-photo-caption-below {
    padding: 0;
    margin-top: 26px;
}
/************************************/
/*  END   :: Large Container Image  */
/************************************/

/***********************************************/
/*  START :: Full Width Image + Parallax Card  */
/***********************************************/

/* Fixed Scrolling Background */
.fixed_scrolling_card_wrapper {
    box-shadow:0px 0px 20px rgba(0,0,0,0.1);
    cursor:pointer;
    border-radius: 6px;
    overflow: hidden;
}
.fixed_scrolling_card .fl-col-content {transition:all 3s ease;}
.fixed_scrolling_card {overflow:hidden}
.fixed_scrolling_card_wrapper:hover .fixed_scrolling_card .fl-col-content{
    transform:scale(1.1);
}

body:not(.fl-builder-edit) .fl-content-full.container,
body:not(.fl-builder-edit) footer,
body:not(.fl-builder-edit) .fl-row:not(.jumpto_row) {
    position:relative;
    z-index:11;
}

body:not(.fl-builder-edit) .fl-row.fl-row-bg-none {background-color: var(--white);}

body:not(.fl-builder-edit) .fixed_scroll_bg_NEW {
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 100%; */
    left: 0;
    pointer-events: none; /* so this element doesn't prevent you from clicking on other elements, like blog + contact sections */
    position: fixed;
    top: 0;
    transition:all 1s ease;
    width: 100%;
    z-index: 0;

    max-height: 100%;
    min-height: 100vh; /* fallback for firefox */ 
    min-height: 100lvh; /* on iphone, height won't jump with dynamic addressbar */
    height: auto;
}

/* body:not(.fl-builder-edit) .fl-row-content-wrap {
    position:relative;
    z-index:1;
}  */

body:not(.fl-builder-edit) .fixed_scroll_bg {
    position:relative;
    /* z-index:101; */
    margin-bottom: 0 !important;
}

body:not(.fl-builder-edit) .fixed_scroll_bg .fl-row-content-wrap:after {
    visibility: hidden; /* turn off original image background color overlay */
}

/* styles new image background color overlays */
body:not(.fl-builder-edit) .fixed_scroll_bg_NEW:after { 
    content: '';
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    //background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 74.82%); 
}

/* only visible if parent is active */
body:not(.fl-builder-edit) .fixed_scroll_bg_NEW[data-active="true"]:after {
    display: block;
}

/* .fixed_scroll_card{
    max-width: 650px;
} */

/* TABLET, and down */
@media only screen and (max-width: 992px) {
    /* .fixed_scroll_bg .parallax_col {
        width: 74.5%;
    } */
}

/***********************************************/
/*  END   :: Full Width Image + Parallax Card  */
/***********************************************/