/** @format */

.acf_section--hero {
	display: flex;
	flex-direction: row-reverse;
	gap: 0;
	text-decoration: none;
	transition: all 300ms ease;
}

.acf_section--hero.hero_image--cover {
	gap: 1px;
}

.acf_section--hero[href]:hover {
	background-color: var(--spot-color-blog);
}

.acf_section--hero.border_block_end--off {
	border-block-end: none;
}

.acf_section--hero .hero_image {
	position: relative;
	min-height: var(--title-image-min-height);
	flex-grow: 1;
	min-width: 100%;
	aspect-ratio: 4 / 3;
}

@media (max-width: 974px) {
	.acf_section--hero .hero_image {
		max-height: calc(60dvh - var(--real-heights-from-top));
	}
}

.acf_section--hero .hero_image--above_large {
	height: calc(60dvh - var(--real-heights-from-top));
}

.acf_section--hero .hero_image--above_small {
	height: calc(30dvh - var(--real-heights-from-top));
}

.acf_section--hero .hero_image--side {
	width: max(calc(100% / 3), var(--grid-min-cell-width));
	min-width: calc(100% / 3);
}

.acf_section--hero .hero_image--side + .hero_content .text-wrapper {
	margin: 0px;
}

.acf_section--hero .hero_image--none {
	display: none;
}

.acf_section--hero .hero_image {
	background-color: var(--color-white);
}

.acf_section--hero .hero_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.acf_section--hero.hero_image--contain .hero_image img {
	object-fit: contain;
}

.acf_section--hero .hero_content {
	background-color: var(--color-white);
	padding: calc(var(--universal-gap) * 2) var(--universal-gap);
	width: max(calc(100% / 1.5 - 1px), var(--grid-min-cell-width));
	min-width: calc(100% / 1.5 - 1px);
	flex-grow: 1;
	gap: calc(var(--universal-gap) / 2);
	display: flex;
	flex-direction: column;
	justify-content: center;
}