/* @group Content Aside - 2 Images
------------------------------------ */
.content-aside-two-images {
	position: relative;
}
.content-aside-two-images .bp-multimedia {
	border-radius: 1rem;
	overflow: hidden;
}

/* Multimedia Wrapper
----------------------*/
.content-aside-two-images .multimedia-wrapper .bp-multimedia {
	height: 30rem;
}

/* Floating Multimedia Wrapper
----------------------*/
.content-aside-two-images .floating-multimedia-wrapper .bp-multimedia {
	height: 15rem;
}

@media only screen
and (min-width : 961px) {
	.content-aside-two-images {
		min-height: 72.8rem;
	}
	.content-aside-two-images .row {
		position: relative;
	}
	.content-aside-two-images .title-wrapper {
		order: 0;
	}
	.content-aside-two-images .text-wrapper {
		order: 1;
	}
	.content-aside-two-images .floating-multimedia-wrapper {
		order: 2;
	}
	/* Title Wrapper
	----------------------*/
	.content-aside-two-images .title-wrapper {
		margin-bottom: 5rem;
	}
	/* Floating Title Wrapper
	----------------------*/
	.content-aside-two-images .floating-multimedia-wrapper {
		margin-top: 31rem;
	}
	.content-aside-two-images .floating-multimedia-wrapper .bp-multimedia {
		height: 47rem;
	}
	/* Multimedia Wrapper
	----------------------*/
	.content-aside-two-images .multimedia-wrapper {
		position: absolute;
		left: 0;
		top: 0;
	}
	.content-aside-two-images .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) {
	.content-aside-two-images :is(.title-wrapper, .text-wrapper, .multimedia-wrapper, #important) {
		padding-right: 6rem!important;
	}
	/* Title Wrapper
	----------------------*/
	.content-aside-two-images .title-wrapper {
		margin-bottom: 2.4rem;
	}
	/* Multimedia Wrapper
	----------------------*/
	.content-aside-two-images .multimedia-wrapper .has-caption-font-size {
		padding-right: 18rem;
	}
	/* Floating Multimedia Wrapper
	----------------------*/
	.content-aside-two-images :is(.floating-multimedia-wrapper, #important) {
		max-width: 18rem;
		margin-left: auto!important;
		margin-top: -15rem;
		margin-bottom: 3rem;
	}
	.content-aside-two-images .floating-multimedia-wrapper .has-caption-font-size {
		display: none;
	}
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .content-aside-two-images :is(.title-wrapper, .text-wrapper, .multimedia-wrapper, .floating-multimedia-wrapper) {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .content-aside-two-images.animateActive :is(.title-wrapper, .text-wrapper, .multimedia-wrapper, .floating-multimedia-wrapper) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
@media only screen
and (min-width : 961px) {
	:where(#wrapper) .content-aside-two-images.animateActive :is(.multimedia-wrapper) {
		--delay: 0.3s;
	}
	:where(#wrapper) .content-aside-two-images.animateActive :is(.title-wrapper, .text-wrapper) {
		--delay: 0.5s;
	}
	:where(#wrapper) .content-aside-two-images.animateActive :is(.floating-multimedia-wrapper) {
		--delay: 0.7s;
	}
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	:where(#wrapper) .content-aside-two-images.animateActive :is(.title-wrapper) {
		--delay: 0.3s;
	}
	:where(#wrapper) .content-aside-two-images.animateActive :is(.multimedia-wrapper, .floating-multimedia-wrapper) {
		--delay: 0.5s;
	}
	:where(#wrapper) .content-aside-two-images.animateActive :is(.text-wrapper) {
		--delay: 0.7s;
	}
}