/* blocks/content-with-image-section
 *
 * Background image/size/position come through as inline styles from the
 * Settings tab. The toggles below are class-driven:
 *   .has-top-border  -> Settings > Top Border
 *   .has-image       -> a Featured Image was set
 */

.section-content-with-image {}
/* 
.section-content-with-image.has-top-border {
	border-top: 1px solid currentColor;
} */

.section-content-with-image .container {
	align-items: center;
}

.section-content-with-image .content-col {}
.section-content-with-image .section-title {}
.section-content-with-image .content {}
.section-content-with-image .site-btn {}

.section-content-with-image .image-col {}
.section-content-with-image .image-col img {}

@media (max-width: 767px) {
	.section-content-with-image .container { flex-direction: column; }
}
