.wp-block-hoyre-media-text {
	--border-radius: 12px;
	background-color: #b5dafe;
	color: #11265f;
	display: flex;
	border-radius: var(--border-radius);
	overflow: hidden;
	flex-direction: column;
	text-align: center;
	margin: clamp(2.5rem, 1.8275rem + 2.1521vw, 4.375rem) auto !important
}

.wp-block-hoyre-media-text.has-darkest-blue-background-color {
		background-color: #031530;
		color: #b5dafe;
	}

.wp-block-hoyre-media-text.has-dark-blue-background-color {
		background-color: #11265f;
		color: #b5dafe;
	}

.wp-block-hoyre-media-text.has-lightest-blue-background-color {
		background-color: #e4f4ff;
	}

.wp-block-hoyre-media-text.has-pale-purple-background-color {
		background-color: #e6dff7;
	}

.wp-block-hoyre-media-text.has-pink-background-color {
		background-color: #fae3f1;
	}

.wp-block-hoyre-media-text.has-pale-green-background-color {
		background-color: #c0fcd2;
	}

.wp-block-hoyre-media-text.has-pale-grey-background-color {
		background-color: #eee;
	}

.wp-block-hoyre-media-text.has-lightest-grey-background-color {
		background-color: #f5f5f5;
	}

.wp-block-hoyre-media-text.has-transparent-background-color {
		/* Same as background color of the page */
		background-color: #fff;
	}

.wp-block-hoyre-media-text .hoyre-media-text__blocks {
		margin: 0
	}

.wp-block-hoyre-media-text .hoyre-media-text__blocks p:first-child {
			margin-top: 0;
		}

.wp-block-hoyre-media-text .hoyre-media-text__blocks p:last-child {
			margin-bottom: 0;
		}

.wp-block-hoyre-media-text .hoyre-media-text__title-container + .hoyre-media-text__blocks {
		margin-top: 1rem;
	}

.wp-block-hoyre-media-text .hoyre-media-text__buttons {
		margin-top: 1.5rem;
	}

.hoyre-media-text__media {
	flex: 1 1;
	position: relative;
}

.hoyre-media-text__media-image {
	max-width: 100%;
	width: 100%;
	height: auto;
	vertical-align: bottom;
	aspect-ratio: 700/346;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: var(--focal, center);
	   object-position: var(--focal, center);
}

.hoyre-media-text__content {
	align-self: center;
	flex: 1 1;
	width: 100%;
}

.hoyre-media-text__content-inner {
	padding: clamp(1.5rem, 1.1875rem + 1vw, 2rem)
		clamp(1.5rem, 0.25rem + 4vw, 3.5rem);
}

.hoyre-media-text__title-container {
	align-items: flex-start;
	display: flex;
	grid-gap: 1rem;
	gap: 1rem
}

.hoyre-media-text__title-container svg {
		width: 1.5em;
		height: 1.5em;
		fill: var(--color-blue-500);
		margin-top: clamp(0.25rem, 0.0938rem + 0.5vw, 0.5rem);
	}

.hoyre-media-text__title {
	flex: 1 1;
	margin: 0;
}

.hoyre-media-text__buttons {
	display: inline-flex;
	grid-gap: 0.625rem;
	gap: 0.625rem;
	flex-wrap: wrap;
	justify-content: center;
}

.wp-block-hoyre-media-text.alignwide p {
	font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.25rem);
}

.wp-block-hoyre-media-text.is-layout-left,
.wp-block-hoyre-media-text.is-layout-right {
	text-align: left
}

.wp-block-hoyre-media-text.is-layout-left h2, .wp-block-hoyre-media-text.is-layout-right h2 {
		font-size: clamp(1.75rem, 1.2813rem + 1.5vw, 2.5rem);
	}

.wp-block-hoyre-media-text.is-layout-left .hoyre-media-text__buttons, .wp-block-hoyre-media-text.is-layout-right .hoyre-media-text__buttons {
		justify-content: flex-start;
	}

.wp-block-hoyre-media-text.is-layout-left.has-transparent-background-color .hoyre-media-text__content-inner, .wp-block-hoyre-media-text.is-layout-right.has-transparent-background-color .hoyre-media-text__content-inner {
			padding-left: 0;
			padding-right: 0;
		}

.wp-block-hoyre-media-text.is-layout-left.has-transparent-background-color .hoyre-media-text__media, .wp-block-hoyre-media-text.is-layout-right.has-transparent-background-color .hoyre-media-text__media {
			border-radius: var(--border-radius);
			overflow: hidden;
		}

@media (min-width: 900px) {

.wp-block-hoyre-media-text.is-layout-left,
.wp-block-hoyre-media-text.is-layout-right {
		--padding: clamp(1.5rem, 0.25rem + 4vw, 3.5rem);
		flex-direction: row
}

		.wp-block-hoyre-media-text.is-layout-left .hoyre-media-text__content-inner, .wp-block-hoyre-media-text.is-layout-right .hoyre-media-text__content-inner {
			padding: var(--padding);
		}

		.wp-block-hoyre-media-text.is-layout-left .hoyre-media-text__media-image, .wp-block-hoyre-media-text.is-layout-right .hoyre-media-text__media-image {
			aspect-ratio: 1/1;
			height: 100%;
		}
	}

.wp-block-hoyre-media-text.is-layout-top h2 {
		font-size: clamp(1.75rem, 0.9688rem + 2.5vw, 3rem);
	}

@media (min-width: 900px) {
		.wp-block-hoyre-media-text.is-layout-right .hoyre-media-text__content {
			order: 1;
		}

		.wp-block-hoyre-media-text.is-layout-right .hoyre-media-text__media {
			order: 2;
		}

	.wp-block-hoyre-media-text.is-layout-right.has-transparent-background-color
		.hoyre-media-text__content-inner {
		padding-right: var(--padding);
	}

	.wp-block-hoyre-media-text.is-layout-left.has-transparent-background-color
		.hoyre-media-text__content-inner {
		padding-left: var(--padding);
	}
		.wp-block-hoyre-media-text.is-layout-top .hoyre-media-text__content-inner {
			padding: 3.5rem;
		}

		.wp-block-hoyre-media-text.is-layout-top .hoyre-media-text__blocks {
			text-align: left;
			-moz-columns: 2;
			     columns: 2;
			margin: 0;
			grid-column-gap: 3rem;
			-moz-column-gap: 3rem;
			     column-gap: 3rem;
		}

		.wp-block-hoyre-media-text.is-layout-top .hoyre-media-text__title-container + .hoyre-media-text__blocks {
			margin-top: 2.5rem;
		}

		.wp-block-hoyre-media-text.is-layout-top .hoyre-media-text__buttons {
			margin-top: 3rem;
		}

		.wp-block-hoyre-media-text.is-layout-top .hoyre-media-text__media-image {
			aspect-ratio: 920/365;
		}
}