/*------------------------------------*\
    
    Half Media / Half Text Block - Block-Specific Styling

    This file contains block-specific styles for the Half Media / Half Text block.
    Base component styles are in /assets/css/components/half-image-text.css

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

/* Add any block-specific overrides or additional styles here */

.half-and-half .flex-row {
    align-items: center;
    gap: 30px;
}

.half-image {
	position: relative;
}

@media (min-width: 1200px) {
    .half-and-half .flex-row {
        gap: 0;
    }
    
    .half-image img {
        min-height: 550px;
    }

    .half-text {
        padding-left: 50px;
    }
    
    .flex-opposite .half-text {
        padding-left: 0;
        padding-right: 50px;
    }
}