/* Text Image CSS */

.text-image.hero{
	padding-bottom: 250px;
}
.text-image.hero .wp-image{
	position: absolute;
	right: 0;
	bottom: 50px;
	width: 50%;
}
.text-image.hero .content-wrapper, .text-image.pos-right .content-wrapper{
	padding-right: 100px;
}
.text-image.pos-left .content-wrapper{
	padding-left: 100px;
}
.text-image.hero .curve{
	position: absolute;
	bottom: 0;
}
.text-image.full-size-image .wp-image{
    max-height: 373px;
    width: auto;
}

.text-image .image-wrapper{
    margin: 0;
}
.text-image .image-wrapper img{
    width: 100%;
}
.text-image.image-br10 .image-wrapper img{
    border-radius: 10px;
}

.text-image .block-image{
    position: absolute;
    width: calc(50% - 15px);
    top: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.text-image[class*="img-pos-left"] .block-image{
    right: auto;
    left: 0;
}
.text-image.hero.pos-push_right:first-child .wp-image{
    bottom: auto;
    top: 80px;
}
.text-image.hero.pos-push_right:first-child + .module-spacer, .text-image.hero.pos-push_right:first-child + .module,
.text-image.hero.pos-push_right:first-child .wp-block-columns, .text-image.hero.pos-push_right:first-child + .listing{
    position: relative;
    z-index: 999;
}

@media screen and (max-width: 1480px){
    .text-image.pos-left .content-wrapper{
        padding-left: 20px;
    }
    .text-image.hero{
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 1199px){
    .text-image.hero{
        padding-bottom: 150px;
    }
}

@media screen and (max-width: 991px){
    .text-image.hero{
        padding-bottom: 160px;
    }
    .text-image.hero.pos-push_right:first-child .wp-image{
        max-height: 300px;
        max-width: 300px;
        width: 100%;
        top: auto;
        bottom: -120px;
    }
    .text-image .image-wrapper{
        margin-bottom: 20px;
    }
    .text-image.pos-left .content-wrapper{
        padding-left: 0;
        padding-right: 20px;
    }
    .text-image.hero .content-wrapper, .text-image.pos-right .content-wrapper{
        padding-right: 0;
    }
    .text-image.pos-right .content-wrapper{
        margin-bottom: 20px;
    }
    .text-image.no-pad-top:not(.white){
        padding-right: 30px!important;
    }
}