/* ============================================================================================
	FEATURED HORIZONTAL BANNER / PATTERN
============================================================================================ */
.resola-horizontal-banner {
	flex-flow: column;
	width: 100%;
	gap: 12px
}
.resola-horizontal-banner-item {
	position: relative;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	background: var(--wp--preset--color--white)
}
@media screen and (min-width: 768px) {
	.resola-horizontal-banner {
		flex-flow: row
	}
	.resola-horizontal-banner-item {
		width: calc(50% - 6px)
	}
}
.resola-horizontal-banner-item .wp-block-image {
	width: 30%;
	aspect-ratio: 600/503
}
.resola-horizontal-banner-item p {
	flex: 1;
	min-width: 0;
	line-height: 1.2
}
.resola-horizontal-banner-item p a {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: calc(30% + 1em);
	color: currentColor;
	text-decoration: none
}