/* @group Map
------------------------------------ */
.map .has-h-3-font-size {
	line-height: 120%;
	letter-spacing: 0.08em;
	margin-bottom: 5rem;
}

.map .has-eyebrow-font-size {
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.map .bp-multimedia {
	height: 45.9rem;
	border: 3px solid var(--sunrise-bliss);
}
.map .bp-multimedia :where(.img-box, .video-box) {
	height: auto;
}

@media only screen and (min-width: 961px) {
	.map .has-h-3-font-size {
		line-height: 100%;
		letter-spacing: 0.046em;
		margin-bottom: 7.3rem;
	}
	.map .has-eyebrow-font-size {
		color: var(--pebble);
	}
	.map .bp-multimedia {
		height: auto;
		border: 1rem solid var(--sunrise-bliss);
	}
    
}
@media only screen and (min-width: 0) and (max-width: 960px) {
}

/* @end */


/* ANIMATIONS */

:where(#wrapper) .map :is(p, .wp-block-heading, .bp-multimedia) {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .map.animateActive :is(p, .wp-block-heading) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: 0.3s;
}
:where(#wrapper) .map.animateActive :is(.bp-multimedia) {
	animation: fadeUp var(--duration) forwards;
	animation-delay: var(--delay, 0);
	--delay: 0.5s;
}