/* ============================================================
   COMPONENT: IMAGE & COPY
============================================================ */

.vw-image-copy {
	overflow: hidden;
	color: var(--color-text);
	background: var(--color-background);
}


.vw-image-copy a {
	font-family: var(--font-family-heading);
}

.vw-image-copy__row {
	align-items: stretch;
}

.vw-image-copy__content-column,
.vw-image-copy__image-column {
	min-width: 0;
}

.vw-image-copy__content-column {
	display: flex;
	align-items: center;
}

.vw-image-copy--image-right .vw-image-copy__content-column {
	order: 1;
	padding-inline-end: 2.5rem;
}

.vw-image-copy--image-right .vw-image-copy__image-column {
	order: 2;
}

.vw-image-copy--image-left .vw-image-copy__image-column {
	order: 1;
}

.vw-image-copy--image-left .vw-image-copy__content-column {
	order: 2;
	padding-inline-start: 2.5rem;
}

.vw-image-copy__content {
	width: 100%;
}

/* .vw-image-copy__content :where(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6
) {
	margin-block-end: 1.875rem;
}*/

.vw-image-copy__content > :first-child {
	margin-block-start: 0;
}

.vw-image-copy__content > :last-child {
	margin-block-end: 0;
}

.vw-image-copy__media {
	width: 100%;
	height:100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--color-background-creame);
}

.vw-image-copy__image {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

/* Entrance animation is handled globally by vw-viewport-animations.css/js. */

/* ============================================================
   TABLET / MOBILE
   Framework col-lg breakpoint: image is always above content.
============================================================ */

@media (max-width: 61.999em) {
	

	
	.vw-component.vw-image-copy {
		margin-top: 30px;
	}
	
	.vw-component.vw-image-copy + .vw-component.vw-image-copy {
		margin-top: 40px;
	}

	.vw-image-copy--image-right .vw-image-copy__image-column,
	.vw-image-copy--image-left .vw-image-copy__image-column {
		order: 1;
	}

	.vw-image-copy--image-right .vw-image-copy__content-column,
	.vw-image-copy--image-left .vw-image-copy__content-column {
		order: 2;
		padding-inline: 0;
	}
}