/* @group Case Studies Header
------------------------------------ */
.case-studies-header {
	position: relative;
	padding-block: 35rem 10rem;
	border-radius: 1rem;
	overflow: hidden;
}
.case-studies-header .row {
	height: 100%;
}
.case-studies-header :is(.text-wrapper) {
	z-index: calc(var(--z-index-lowest) + 1);
}
.case-studies-header .multimedia-wrapper {
	position: absolute;
	inset: 0;
	width: 100%;
	z-index: var(--z-index-lowest);
}
/* Text Wrapper
----------------------*/
.case-studies-header .text-wrapper :is(.first-block, .second-block) {
	border-radius: 1rem;
	overflow: hidden;
}
.case-studies-header .text-wrapper :is(.first-block) {
	background: var(--green);
	color: var(--gray);
	padding: 5rem;
	margin-bottom: 1rem;
}
.case-studies-header .text-wrapper :is(.first-block) .tag {
	padding: .6rem 2rem .8rem;
	border-radius: 1.5rem;
	overflow: hidden;
	width: fit-content;
}
.case-studies-header .text-wrapper :is(.second-block) {
	background: var(--gray);
	color: var(--blue);
	padding: 3rem 4.7rem;
}
.case-studies-header .text-wrapper :is(.second-block) .wp-block-list {
	list-style: none;
}
.case-studies-header .text-wrapper :is(.second-block) .wp-block-list li {
	position: relative;
}
/* Multimedia Wrapper
----------------------*/
:where(#wrapper) .case-studies-header .multimedia-wrapper {
	pointer-events: none;
}
.case-studies-header .multimedia-wrapper .bp-multimedia {
	height: 100%;
	width: 100%;
}
.case-studies-header .multimedia-wrapper .bp-multimedia :is(.img-box, .video-box)::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: var(--overlayColor);
	z-index: calc(var(--z-index-lowest) + 1);
}

@media only screen
and (min-width : 961px) {
	/* General
	----------------------*/
	.case-studies-header {
		padding-block: 15rem;
		min-height: 100rem;
	}
	/* Text Wrapper
	----------------------*/
	.case-studies-header .text-wrapper :is(.first-block) {
		padding: 5rem 4.7rem;
	}
	.case-studies-header .text-wrapper :is(.second-block) {
		padding: 5rem 4.7rem;
	}
	.case-studies-header .text-wrapper :is(.second-block) .wp-block-list {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 4rem;
	}
	.case-studies-header .text-wrapper :is(.second-block) .wp-block-list li:not(:last-of-type)::before {
		content: '|';
		font-weight: 700;
		color: var(--green);
		position: absolute;
		right: -2.1rem;
		top: 50%;
		transform: translate(0, -50%);
	}
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
	/* Text Wrapper
	----------------------*/
	.case-studies-header .text-wrapper :is(.second-block) .wp-block-list {
		width: 100%;
	}
	.case-studies-header .text-wrapper :is(.second-block) .wp-block-list li {
		display: block;
		text-align: center;
	}
	.case-studies-header .text-wrapper :is(.second-block) .wp-block-list li:not(:last-of-type) {
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
		border-bottom: 1px solid var(--green);
	}
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .case-studies-header :is(.multimedia-wrapper, .text-wrapper) {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .case-studies-header.animateActive :is(.multimedia-wrapper, .text-wrapper) {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
}
:where(#wrapper) .case-studies-header.animateActive :is(.multimedia-wrapper) {
    --delay: 0.1s;
}
:where(#wrapper) .case-studies-header.animateActive :is(.text-wrapper) {
    --delay: 0.4s;
}


/* Editor
------------------------------------ */
:where(.editor-styles-wrapper) .case-studies-header .text-wrapper {
	margin-block: 15rem!important;
}