/* Split Content */

.split-content {}

.split-content figure {
	min-height: 18em;
	display: flex;
	color: rgb(var(--white));
	box-shadow: 0 0.722rem 0.889rem rgba(var(--black), 0.1);
}

.split-content [class*='spaced'] figure {
	max-width: none;
}

.split-content picture {
	display: none;
	visibility: hidden;
}

.split-content img {
	height: auto;
	width: 100%;
}

.split-content figcaption {
	padding: 1.889em 1.778em;
	width: 100%;
}

.split-content blockquote {
	font-size: 1.333em;
	font-weight: 900;
	line-height: 1.333;
}

.split-content blockquote svg {
	position: relative;
	font-size: 1.375em;
	margin-bottom: 0.25em;
}

/* Split Content */

/* Split Content [Play Button] */

.split-content figcaption button {
	max-width: 12em;
	margin-top: 1.5em;
	color: inherit;
	text-align: left;
	line-height: 1.333;
	text-transform: uppercase;
	font-weight: 900;
	text-decoration: underline;
	transition: opacity 0.35s ease;
}

.split-content figcaption button:hover, 
.split-content figcaption button:focus {
	opacity: 0.65;
}

.split-content figcaption button svg {
	font-size: 2.444em;
	margin-right: 1rem;
}

/* Split Content [Play Button] */

/* Split Content [BG Image] */

.bg-image.split-content picture {
	display: flex;
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.bg-image.split-content img {
	height: 100%;
	object-fit: cover;
}

.bg-image.split-content figcaption {
	width: 66.667%;
	max-width: 19em;
	position: relative;
	z-index: 1;
}

.bg-image.split-content.bg-top-center figcaption, 
.bg-image.split-content.bg-bottom-center figcaption {
	width: 100%;
	max-width: none;
}

.bg-image.split-content.bg-center-left figcaption, 
.bg-image.split-content.bg-center-right figcaption {
	width: 40%;
	max-width: 12.556em;
}

.bg-image.split-content[class*='-top'] figcaption {
	align-self: flex-start;
}

.bg-image.split-content[class*='-bottom'] figcaption {
	align-self: flex-end;
}

.bg-image.split-content[class*='-right'] figcaption {
	margin-left: auto;
}

.bg-image.split-content blockquote {
	max-width: 10.083em;
}

.bg-image.split-content blockquote:not(:empty):before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

/* Split Content [BG Image] */

/* Split Content [BG Inset] */

.bg-inset.split-content figure {
	min-height: 31em;
}

.bg-inset.split-content picture {
	display: flex;
	visibility: visible;
	margin: -1.111em -1.111em 0 -7em;
    max-width: 26em;
    position: relative;
}

.bg-inset.split-content figcaption {
	width: 48%;
}

.bg-inset.split-content blockquote svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	transform: translateY(-10.25%);
}

/* Split Content [BG Inset] */

/* Split Content [Magenta Variant] */

.bg-inset.split-content[class*='-top'] figure, 
.split-content[class*='-top'] blockquote:before {
	background-color: rgb(var(--magenta));
}

.split-content.bg-top-center blockquote:before {
	border-bottom-right-radius: 50%;
}

.split-content[class*='-top'] blockquote svg {
	color: rgb(var(--red));
}

/* Split Content [Magenta Variant] */

/* Split Content [Yellow Variant] */

.bg-inset.split-content[class*='center-left'] figure, 
.split-content[class*='center-left'] blockquote:before {
	background-color: rgb(var(--yellow-orange));
}

.split-content[class*='center-left'] blockquote:before {
	border-bottom-right-radius: 50%;
}

.split-content[class*='center-left'] blockquote svg {
	color: rgb(var(--red-orange));
}

/* Split Content [Yellow Variant] */

/* Split Content [Blue Variant] */

.bg-inset.split-content[class*='-bottom'] figure, 
.split-content[class*='-bottom'] blockquote:before {
	background-color: rgb(var(--light-blue));
}

.split-content.bg-bottom-center blockquote:before {
	border-top-right-radius: 50%;
}

.split-content[class*='-bottom'] blockquote svg {
	color: rgb(var(--blue));
}

/* Split Content [Blue Variant] */

/* Split Content [Green Variant] */

.bg-inset.split-content[class*='center-right'] figure, 
.split-content[class*='center-right'] blockquote:before {
	background-color: rgb(var(--green));
}

.split-content[class*='center-right'] blockquote:before {
	border-bottom-left-radius: 50%;
}

.split-content[class*='center-right'] blockquote svg {
	color: rgb(var(--dark-green));
}

/* Split Content [Green Variant] */

/* Split Content [Popup] */

.cms-content .split-content figure {
	display: block;
}

.cms-content .bg-image.split-content picture {
	position: relative;
	height: auto;
}

.cms-content .split-content .popup {
	opacity: 1;
	visibility: visible;
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	transform: none;
}

.cms-content .split-content .popup:before, 
.cms-content .split-content .popup:after {
	display: none;
}

/* Split Content [Popup] */

/* Responsive [1440px] */

@media screen and (max-width: 1440px) {
}

/* End Responsive [1440px] */

/* Responsive [1200px] */

@media screen and (max-width: 1200px) {
}

/* End Responsive [1200px] */

/* Responsive [1000px] */

@media screen and (max-width: 1000px) {
	.split-content figure {
		margin-top: calc(var(--vertical-spacing) * 0.75);
		min-height: 33em;
	}
	
	.bg-inset.split-content picture {
		max-width: 30em;
	}
	
	.bg-inset.split-content blockquote svg {
		width: auto;
		height: 100%;
	}
}

/* End Responsive [1000px] */

/* Responsive [800px] */

@media screen and (max-width: 800px) {
	
}

/* End Responsive [800px] */

/* Responsive [650px] */

@media screen and (max-width: 650px) {
	.bg-inset.split-content blockquote svg {
	    width: 100%;
	    height: auto;
	}
}

/* End Responsive [650px] */

/* Responsive [550px] */

@media screen and (max-width: 550px) {
	.split-content figure {
		margin-top: calc(var(--vertical-spacing) * 0.5);
		min-height: 23em;
	}
	
	.bg-inset.split-content figure {
		min-height: 19.5em;
	}
	
	.split-content figcaption {
		padding: 1.5em;
	}
	
	.bg-image.split-content figcaption {
		width: 75%;
	}
	
	.bg-inset.split-content figcaption {
		width: 100%;
	}
	
	.split-content blockquote {
		font-size: 1.222em;
	}
	
	.bg-inset.split-content blockquote {
		max-width: 13em;
	}
	
	.bg-inset.split-content blockquote svg {
		font-size: 20em;
	}
	
	.bg-inset.split-content picture {
		display: none;
		visibility: hidden;
	}
}

/* End Responsive [550px] */