/* Page Components - Split Panel - Content & Image */
section.blk-split__panel > .blk-split__container { max-width: var(--row-max-width); margin-right: auto; margin-left: auto; }

section.blk-split__panel .content-block__content p:last-child { margin-bottom: 0; }
section.blk-split__panel .content-block__label { color: var(--secondary); }
section.blk-split__panel .button__container { margin-top: 3.333rem }

.section_intro-container { margin-top: 0rem; margin-bottom: 2rem; }
.section_intro_heading { font-weight: 500; color: var(--accent-quaternary); }
.section_intro_text { line-height: 1.67; }
.section_intro_text p { line-height: 1.67; }

/* Styles for if the browser supports CSS Grid */
@supports (display: grid) {
	section.blk-split__panel > .blk-split__container {
		--column-gap: 1rem;
		--row-site: 96vw;
		display: grid;
		grid-gap: 2rem var(--column-gap);
		grid-template-columns:
			minmax(calc(((100vw - ( var(--row-site) - (2 * var(--global-side-padding)))) / 2) - var(--column-gap) ), auto)
			repeat(12, minmax(0, 1fr))
			minmax(calc(((100vw - ( var(--row-site) - (2 * var(--global-side-padding)))) / 2) - var(--column-gap) ), auto);
		max-width: initial;
	}
	section.blk-split__panel > .row:before,
	section.blk-split__panel > .row:after { content: none; }
	section.blk-split__panel > .blk-split__container .blk-split__media {
		grid-column-start: 1; grid-column-end: 15;
	}
	section.blk-split__panel > .blk-split__container .blk-split__media:not(.has__overlay) .split-image__container { height: 100%; width: 100%; }
	section.blk-split__panel > .blk-split__container .blk-split__content {
		grid-column-start: 2; grid-column-end: 14;
	}
	@media (max-width: 1024px) {
		section.blk-split__panel > .blk-split__container .blk-split__content { grid-row: 1; }
		section.blk-split__panel > .blk-split__container .blk-split__media { grid-row: 2; }
		section.blk-split__panel.mobile-image-first > .blk-split__container .blk-split__media { grid-row: 1; }
		section.blk-split__panel.mobile-image-first > .blk-split__container .blk-split__content { grid-row: 2; }
		/* section.blk-split__panel.mobile-image-first:not(.has__overlay) { padding-top: 0; }
		section.blk-split__panel:not(.mobile-image-first):not(.has__overlay) { padding-bottom: 0; } */
		section.blk-split__panel > .blk-split__container .blk-split__media .split-image__container { width: 100%; max-width: 87%; margin-inline: auto; }
	}
	@media (max-width: 640px) {
		section.blk-split__panel > .blk-split__container .blk-split__media .split-image__container { max-width: 92%; }
	}
	
	@media (min-width: 640px) {
		section.blk-split__panel > .blk-split__container {
			--row-site: min(90vw, ( var(--row-max-width) + var(--global-side-padding) ));
		}
	}
	@media (min-width: 1024px) {
		section.blk-split__panel > .blk-split__container { 	--column-gap: 3rem; margin: 4rem 0; }
		section.blk-split__panel > .blk-split__container.blk-split__container-normal .blk-split__media,
		section.blk-split__panel > .blk-split__container.blk-split__container-reverse .blk-split__content {	grid-column-start: 2; grid-column-end: 8;	}
		section.blk-split__panel.image-extended > .blk-split__container.blk-split__container-normal .blk-split__media { grid-column-start: 1; }
		section.blk-split__panel.image-extended > .blk-split__container.blk-split__container-reverse .blk-split__media { grid-column-end: 15; }
		section.blk-split__panel > .blk-split__container.blk-split__container-normal .blk-split__content,
		section.blk-split__panel > .blk-split__container.blk-split__container-reverse .blk-split__media {	grid-row-start: 1; grid-row-end: 1;	grid-column-start: 8; grid-column-end: 14; }
		section.blk-split__panel.image-extended.break-out.bo-top.et > .blk-split__container .blk-split__media,
		section.blk-split__panel.image-extended.break-out.bo-both.et > .blk-split__container .blk-split__media { margin-top: -2.5rem; z-index: 2; }
		section.blk-split__panel.image-extended.break-out.bo-bottom.eb > .blk-split__container .blk-split__media,
		section.blk-split__panel.image-extended.break-out.bo-both.eb > .blk-split__container .blk-split__media { margin-bottom: -2.5rem; z-index: 2; }

		section.blk-split__panel > .blk-split__container.blk-split__container-normal .blk-split__media,
		section.blk-split__panel > .blk-split__container.blk-split__container-reverse .blk-split__content {	grid-column-end: calc(var(--left-column-span) + 2); }
		section.blk-split__panel > .blk-split__container.blk-split__container-normal .blk-split__content,
		section.blk-split__panel > .blk-split__container.blk-split__container-reverse .blk-split__media {
			grid-column-start: calc(var(--left-column-span) + 2);
		}
	}
	@media (min-width: 1920px) {
		section.blk-split__panel > .blk-split__container {
			--row-site: 1920px;
			max-width: 1920px;
			grid-template-columns: 
			200px 
			repeat(12, minmax(0, 1fr)) 
			200px;
		}
	}
}

section.blk-split__panel > .blk-split__container .blk-split__media { display: flex; align-items: center; position: relative; }
section.blk-split__panel > .blk-split__container .blk-split__media img.split-image-main { max-height: 300px; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0.75rem; }
section.blk-split__panel > .blk-split__container .blk-split__media img.split-image-overlay { position: absolute; bottom: 0; right: 0; border-radius: 1.75rem; border: 1rem solid var(--white); max-width: 60%; }

section.blk-split__panel > .blk-split__container .blk-split__media.has__overlay .split-image__container { border-radius: 0.75rem; align-self: center; padding-bottom: 15%; position: relative; } 
section.blk-split__panel > .blk-split__container .blk-split__media.has__overlay { align-items: flex-start; }
section.blk-split__panel > .blk-split__container .blk-split__media.has__overlay img.split-image-main { max-width: 85%; max-height: 85%; }

section.blk-split__panel > .blk-split__container.blk-split__container-reverse .blk-split__media img.split-image-overlay { left: 0; right: auto; }
section.blk-split__panel > .blk-split__container.blk-split__container-reverse .blk-split__media.has__overlay img.split-image-main { margin-left: 15%; }

section.blk-split__panel > .blk-split__container .blk-split__media a { width: 100%; height: 100%; position: relative; }
section.blk-split__panel > .blk-split__container .blk-split__media a .video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; font-size: 3rem; color: var(--secondary); background: #fff; height: 60px; width: 60px; display: flex; border-radius: 50%; align-items: center; justify-content: center; }
section.blk-split__panel > .blk-split__container .blk-split__content { display: flex; flex-direction: column; }

@media (min-width: 900px) {
	section.blk-split__panel > .blk-split__container .blk-split__media img.split-image-main { max-height: 450px; }
}
@media (min-width: 1340px) {
	.section_intro-container { margin-top: 1rem; margin-bottom: 5rem; }
	section.blk-split__panel > .blk-split__container .blk-split__media img.split-image-main { max-height: 580px; }
	section.blk-split__panel.image-extended > .blk-split__container .blk-split__media img { max-height: 600px; }
	section.blk-split__panel > .blk-split__container .blk-split__content { padding-top: 2rem; padding-bottom: 2rem; }
	section.blk-split__panel > .blk-split__container .blk-split__content.vertical-center { justify-content: center; }
	section.blk-split__panel.image-extended.et { padding-top: 0; }
	section.blk-split__panel.image-extended.eb { padding-bottom: 0; }
	section.blk-split__panel.image-extended.et .blk-split__content { padding-top: var(--component-top-spacing); }
	section.blk-split__panel.image-extended.eb .blk-split__content { padding-bottom: var(--component-bottom-spacing); }

	section.blk-split__panel > .blk-split__container-normal.gap-equal .blk-split__media,
	section.blk-split__panel > .blk-split__container-reverse.gap-equal .blk-split__content { padding-right: calc(var(--extra-gap) / 2); }
	section.blk-split__panel > .blk-split__container-normal.gap-equal .blk-split__content,
	section.blk-split__panel > .blk-split__container-reverse.gap-equal .blk-split__media { padding-left: calc(var(--extra-gap) / 2); }

	section.blk-split__panel > .blk-split__container-normal.gap-media .blk-split__media,
	section.blk-split__panel > .blk-split__container-reverse.gap-content .blk-split__content { padding-right: var(--extra-gap); }
	section.blk-split__panel > .blk-split__container-reverse.gap-media .blk-split__media,
	section.blk-split__panel > .blk-split__container-normal.gap-content .blk-split__content { padding-left: var(--extra-gap); }
}

/* Styles for if the browser does not support CSS Grid */
@supports not (display: grid) {
	section.blk-split__panel > .blk-split__container { display: flex; padding-right: var(--global-side-padding); padding-left: var(--global-side-padding); }
	@media (max-width: 1024px) {
		section.blk-split__panel > .blk-split__container { flex-direction: column-reverse; }
		section.blk-split__panel.mobile-image-first > .blk-split__container { flex-direction: column; }
		section.blk-split__panel > .blk-split__container .blk-split__content,
		section.blk-split__panel.mobile-image-first > .blk-split__container .blk-split__media { margin-bottom: 1.5rem; }
		section.blk-split__panel.mobile-image-first > .blk-split__container .blk-split__content { margin-bottom: 0; }
		section.blk-split__panel > .blk-split__container .blk-split__media.has__overlay .split-image__container { max-width: 90%; margin: 0 auto; }
	}
	@media (min-width: 1024px) {
		section.blk-split__panel > .blk-split__container-reverse { flex-direction: row-reverse; }
		section.blk-split__panel > .blk-split__container .blk-split__media,
		section.blk-split__panel > .blk-split__container .blk-split__content { flex: 1; }
		section.blk-split__panel > .blk-split__container-normal.gap-equal .blk-split__media,
		section.blk-split__panel > .blk-split__container-reverse.gap-equal .blk-split__content { padding-right: calc(var(--extra-gap, 2rem) / 2); }
		section.blk-split__panel > .blk-split__container-normal.gap-equal .blk-split__content,
		section.blk-split__panel > .blk-split__container-reverse.gap-equal .blk-split__media { padding-left: calc(var(--extra-gap, 2rem) / 2); }

		section.blk-split__panel > .blk-split__container-normal.gap-media .blk-split__media,
		section.blk-split__panel > .blk-split__container-reverse.gap-content .blk-split__content { padding-right: var(--extra-gap, 2rem); }
		section.blk-split__panel > .blk-split__container-reverse.gap-media .blk-split__media,
		section.blk-split__panel > .blk-split__container-normal.gap-content .blk-split__content { padding-left: var(--extra-gap, 2rem); }
	}
}