/* @group Content Aside
------------------------------------ */

/* Multimedia Wrapper
----------------------*/
.content-aside .multimedia-wrapper .bp-multimedia {
	height: 30rem;
	border-radius: 1rem;
	overflow: hidden;
}

@media only screen
and (min-width : 961px) {
	/* Multimedia Wrapper
	----------------------*/
	.content-aside .multimedia-wrapper .bp-multimedia {
		height: 72.8rem;
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	/* Text Wrapper
	----------------------*/
	.content-aside .text-wrapper {
		margin-bottom: 3rem;
	}
	.content-aside .text-wrapper .wp-block-heading {
		--fs: 3rem;
		--lh: 1.2em;
	}
	/* Multimedia Wrapper
	----------------------*/
	.content-aside :is(.multimedia-wrapper, #important) {
		padding-left: 6rem!important;
	}
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .content-aside :is(.text-wrapper, .multimedia-wrapper) {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .content-aside.animateActive :is(.text-wrapper, .multimedia-wrapper) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .content-aside.animateActive .text-wrapper {
    --delay: 0.3s;
}
:where(#wrapper) .content-aside.animateActive .multimedia-wrapper {
    --delay: 0.5s;
}