/* Text Image CSS */

.text-image h1:first-child, .text-image h2:first-child, .text-image h3:first-child{
    margin-bottom: 30px;
}
.text-image.hero{
	padding-bottom: 250px;
}
.text-image.hero .wp-image{
	position: absolute;
	right: 0;
	bottom: 50px;
	width: 50%;
}
.text-image .content-wrapper{
    z-index: 999;
}
.text-image.pos-left .content-wrapper{
    padding-left: 25px;
}
.text-image.pos-right .content-wrapper{
    padding-right: 25px;
}
.text-image .content-wrapper *:last-child{
    margin-bottom: 0;
}
.text-image .image-wrapper{
    margin: 0;
}
.text-image .image-wrapper img.wp-image{
    width: 100%;
    position: relative;
    z-index: 99;
    border-radius: 20px;
}
.text-image.ort-portrait .image-wrapper img.wp-image{
    border-radius: 400px;
}
.text-image[class*="img-pos-left"] .block-image{
    right: auto;
    left: 0;
}
.text-image .padded{
    padding: 40px;
    border-radius: 20px;
}
.text-image .image-wrapper{
    position: relative;
    z-index: 99;
}
.text-image .content-wrapper h3 + ul{
    margin-top: 30px;
}
.text-image .image-caption{
    margin-top: 10px;
    float: left;
    width: 100%;
}
.text-image .b-shape{
    position: absolute;
    bottom: 0;
    height: calc(100% - 100px);
}
.text-image.pos-left .b-shape{
    left: -160px;
    bottom: -80px;
}
.text-image:not(.shape-none){
    overflow: hidden;
}
.text-image.pos-right .b-shape{
    bottom: -160px;
    right: -70px;
}
.text-image.ort-rectangle.pos-right{
    overflow: hidden;
}
.text-image.ort-rectangle.pos-right  .b-shape{
    bottom: -150px;
    height: calc(100% + 200px);
    right: -100px;
}

@media screen and (max-width: 1480px){
    .text-image .b-shape{
        max-width: 35%;
        height: auto;
    }
}

@media screen and (max-width: 991px){
    .text-image.pos-right .content-wrapper{
        padding-right: 0!important;
    }
    .text-image.pos-left .content-wrapper{
        padding-left: 0!important;
    }
    .text-image .image-wrapper{
        text-align: left;
    }
    .text-image:not(.ort-rectangle) .image-wrapper .wp-image{
        max-width: 50%;
    }
    .text-image.pos-left .b-shape{
        bottom: auto;
        top: -20px;
        left: auto;
        right: 0;
        max-width: 50%;
    }
    .text-image.pos-left .image-wrapper, .text-image.pos-right .content-wrapper{
        margin-bottom: 25px;
    }
    .text-image.pos-right .b-shape{
        right: 0;
        left: auto;
        bottom: -20px;
        max-width: 50%;
    }
    .text-image.ort-rectangle.pos-right .b-shape{
        display: none;
    }
}

@media screen and (max-width: 768px){
    .text-image:not(.ort-rectangle) .image-wrapper .wp-image{
        max-width: 66.66%;
    }
    .text-image.pos-right .b-shape{
        max-width: 80%;
    }

    .text-image.pos-left .b-shape{
        max-width: 85%;
        top: -10px;
    }
}

@media screen and (max-width: 600px){
    .text-image:not(.ort-rectangle) .image-wrapper .wp-image{
        max-width: 80%;
    }
}