/*------------------------------------*\
    
    Contained Image + Text Block Customizations - Global Styling

    The styles you add to this file will be applied to the 'Contained Image + Text' block. 
    If there is any reasons why you would need to style them separately,
    please create a block-specific stylesheet for it (don't forget to register that block-specific stylesheet in acf-start-blocks.php)

\*------------------------------------*/

.image-text {
    color: #525252;
}

.image-text--left .image-text__text {
    padding-bottom: 40px;
}

.image-text--left .flex-row,
.image-text--right .flex-row {
    flex-direction: column-reverse;
}

.image-text--right .image-text__half {
    margin-top: 30px;
}

@media (min-width: 1024px) {
    .image-text--left .flex-row {
        flex-direction: row;
    }

    .image-text--right .flex-row {
        flex-direction: row-reverse;
    }

    .image-text--right .image-text__half {
        margin-top: 0;
    }
}

.image-text__img img {
    width: 100%;
}

.image-text__img-large {
    padding-left: 42px;
    width: 100%;
    height: 158px;
}

.image-text--right .image-text__img-large {
    padding-left: 0;
    padding-right: 42px;
}

.image-text__img-small {
    width: 95px;
    height: 123px;
    position: absolute;
    left: 16px;
    top: 63px;
}

.image-text--right .image-text__img-small {
    left: auto;
    right: 16px;
}

.image-text__img {
    position: relative;
    z-index: 2;
}

.image-text--left .image-text__img {
    margin-bottom: 50px;
}

.image-text--right .image-text__text {
    padding-top: 50px;
}

.home .image-text.image-text--home {
	padding-bottom: 0px;
}

@media (max-width: 1199px) {
	.home .image-text-box--home {
		margin-top: 20px !important;
	}
}

@media (min-width: 768px) {
    .image-text--home {
        padding-top: 70px;
    }

    .image-text--left .image-text__text {
        padding-bottom: 50px;
    }

    .image-text--left .image-text__img {
        margin-bottom: 100px;
    }

    .image-text__img-large {
        padding-left: 85px;
        height: 318px;
    }
    
    .image-text__img-small {
        width: 191px;
        height: 247px;
        left: 16px;
        top: 127px;
    }

    .image-text--right .image-text__img-large {
        padding-right: 85px;
    }

    .image-text--right .image-text__text {
        padding-top: 70px;
    }
}

@media (min-width: 1024px) {
    .image-text--left .image-text__img {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    
    .image-text .flex-row {
        align-items: center
    }

    .image-text--home .flex-row {
        align-items: flex-start
    }

    .flex-opposite {
        flex-direction: row-reverse;
    }

    .image-text__img-large {
        padding-left: 108px;
        height: 460px;
    }
    
    .image-text__img-small {
        width: 276px;
        height: 356px;
        left: 0;
        top: 184px;
    }

    .image-text--home .container-fluid {
        padding: 0;
    }

    .image-text__text {
        padding-right: 50px;
    }

    .image-text--home .image-text__text {
        padding-left: 32px;
    }

    .image-text--right .image-text__text {
        padding-top: 0;
        padding-right: 16px;
        padding-left: 50px;
    }

    .image-text {
        padding-bottom: 160px;
    }

    .image-text--home {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .image-text--right .subheading--left::before {
        width: 300px;
        left: -312px;
    }

}

@media (min-width: 1366px) {
    .image-text__text {
        padding-right: 100px;
    }

    .image-text--right .image-text__text {
        padding-top: 70px;
    }
    
}

@media (min-width: 1440px) {
    .image-text--home .image-text__text {
        padding-left: 158px;
    }

    .image-text__text {
        padding-right: 30px;
    }

    .image-text.image-text--home, .image-text {
        padding-bottom: 100px;
    }
	
}

@media (min-width: 1600px) {
    .image-text--home .image-text__text {
        padding-left: 158px;
    }

    .image-text__text {
        padding-right: 150px;
    }

    .image-text--right .image-text__text {
        padding-left: 85px;
    }
}

.image-text.image-text--left + .module {
    margin-top: 70px;
}

.image-text.image-text--left + .bg-white {
    margin-top: 70px;
}

@media (min-width:2000px) {
    .home .image-text.image-text--home {
        margin-bottom: 100px;
    }
}