/* ============================================================================================
	FEATURED SPA FEATURE / PATTERN
============================================================================================ */
.hightime-spa-feature-item {
	opacity: 0
}
.hightime-spa-feature-item:first-of-type {
	background: rgb(207,183,163)
}
.hightime-spa-feature-item:nth-of-type(2) {
	flex-direction: row-reverse;
	background:rgb(199,207,209)
}
.hightime-spa-feature-item:nth-of-type(3) {
	background:rgb(209,169,157)
}
.hightime-spa-feature-image {
	aspect-ratio: 16/9
}
.hightime-spa-feature-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.hightime-spa-feature-content {
	padding: 0 8% 3em
}
.hightime-spa-feature-content-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: -3em 0 0 !important;
	padding: 8%;
	background: var(--wp--preset--color--white)
}

@media screen and (min-width: 768px) {
	.hightime-spa-feature-item {
		display: flex
	}
	.hightime-spa-feature-image {
		width: 60%
	}
	.hightime-spa-feature-content {
		flex: 1;
		min-width: 0;
		display: flex;
		align-items: center;
		padding: 3em 0
	}
	.hightime-spa-feature-item:nth-of-type(odd) .hightime-spa-feature-content-inner {
		margin: 0 0 0 -8% !important
	}
	.hightime-spa-feature-item:nth-of-type(even) .hightime-spa-feature-content-inner {
		margin: 0 -8% 0 auto !important
	}
}

.observe_is_active.hightime-spa-feature-item {
	animation: fadeInUp .4s forwards
}