.content-area-decoration {display:none;}
.content-area-decoration.magenta-circle {display:block;position:absolute;top:0;right:0;}
.content-area-decoration.magenta-circle:before {content:url(/images/decoration-1.png);}

@media (max-width:991px) {
	.content-area-decoration.magenta-circle:before {display:none;}
}

/* =========================================================
   IMAGE + CONTENT - STYLE 2
   ========================================================= */

.img-content-style-2 {
	--content-max-width: 1320px;
	--panel-bg: #ededed;

	position: relative;
	width: 100%;
	overflow: hidden;
}


/* ---------------------------------------------------------
   Main layout
   --------------------------------------------------------- */

.img-content-style-2 .img-content-wrap {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;

	/*
	 * The image is approximately 300px tall in the reference
	 * at an 804px viewport. These vertical paddings create
	 * the white space above/below the image.
	 */
	padding: 90px 0;
}


/* Grey background panel */
.img-content-style-2 .img-content-wrap:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 20px;
	bottom: 12px;
	right: 0;
	width: 62.5%;
	background: var(--panel-bg);
}


/* ---------------------------------------------------------
   Image
   --------------------------------------------------------- */

.img-content-style-2 .img-content-img {
	position: relative;
	z-index: 2;
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	width: 49%;
	height: 600px;
	overflow: hidden;

	/*
	 * Reference design has rounded corners where the image
	 * meets the interior of the layout.
	 */
	border-radius: 0 20px 0 0;
}


.img-content-style-2 .img-content-img picture {
	display: block;
	width: 100%;
	height: 100%;
}


.img-content-style-2 .img-content-img img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}


/* ---------------------------------------------------------
   1320px content area
   --------------------------------------------------------- */

.img-content-style-2 .img-content-wrap > .row {
	position: relative;
	z-index: 3;

	grid-column: 1;
	grid-row: 1;
	align-self: center;

	width: 100%;
	max-width: var(--content-max-width);

	margin-left: auto !important;
	margin-right: auto !important;
}


/*
 * Content occupies the right half of the 1320px container.
 * 60px padding matches the existing _gutter-120 concept
 * and closely matches the spacing in the supplied design.
 */
.img-content-style-2 .img-content-content-area {
	width: 50%;
	max-width: 50%;
	margin-left: auto;
	margin-right: 0;
	padding-left: 90px;
	padding-right: 60px;
}


.img-content-style-2 .img-content-content {
	position: relative;
	z-index: 3;
}


/* =========================================================
   REVERSED LAYOUT
   Content LEFT / Image RIGHT
   .is-layout-content-img
   ========================================================= */

.img-content-style-2.is-layout-content-img .img-content-wrap:before {
	left: 0;
	right: auto;
}


.img-content-style-2.is-layout-content-img .img-content-img {
	margin-left: auto;
	margin-right: 0;

	border-radius: 12px 0 0 12px;
}


.img-content-style-2.is-layout-content-img .img-content-content-area {
	margin-left: 0;
	margin-right: auto;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

	.img-content-style-2 .img-content-content-area {
		padding-left: 40px;
		padding-right: 40px;
	}

}


/* =========================================================
   MOBILE
   Stack image + content instead of overlapping
   ========================================================= */

@media (max-width: 991px) {

	.img-content-style-2 .img-content-wrap {
		display: flex;
		flex-direction: column;

		padding: 0;
	}


	/* Remove desktop background panel */
	.img-content-style-2 .img-content-wrap:before {
		display: none;
	}


	/* Image */
	.img-content-style-2 .img-content-img {
		order: 1;
		width: 100%;
		aspect-ratio: 16 / 10;
		margin: 0;
		border-radius: 0;
		height: auto;
	}


	/* Content */
	.img-content-style-2 .img-content-wrap > .row {
		order: 2;

		width: 100%;
		max-width: none;

		margin: 0 !important;

		background: var(--panel-bg);
	}


	.img-content-style-2 .img-content-content-area {
		width: 100%;
		max-width: var(--content-max-width);

		margin: 0 auto;

		padding: 40px 25px;
	}


	/*
	 * Reversed mobile layout:
	 * content first, image second.
	 */
	.img-content-style-2.is-layout-content-img .img-content-wrap > .row {
		order: 1;
	}


	.img-content-style-2.is-layout-content-img .img-content-img {
		order: 2;

		margin: 0;

		border-radius: 0;
	}

}


.carousel-style-3:before {content:"";background:var(--light);width:40%;height:100%;position:absolute;}
.carousel-style-3 .carousel-inner {display:flex;}
.carousel-style-3 .carousel-left {flex:0 0 30%;}
.carousel-style-3 .carousel-right {flex:0 0 70%;max-width: 70%;}
.carousel-style-3 .carousel-left h2 {font-size:36px;max-width:80%}
.carousel-style-3 .carousel-left p {font-size:22px;font-weight:600;max-width:80%}
.carousel-style-3 .carousel-item-img {height:200px;margin: 0px 15px 20px;display: block;}
.carousel-style-3 .carousel-item img {width:100%;height:100%;object-fit:cover}

@media (max-width:991px) {
.carousel-style-3 .carousel-inner {display:block;}
	.carousel-style-3:before {content:"";background:var(--light);width:100%;height:50%;position:absolute;}
	.carousel-style-3 .carousel-right {max-width:100%}
	.carousel-style-3 .carousel-left {text-align:center;}
	.carousel-style-3 .carousel-left h2, .carousel-style-3 .carousel-left p {max-width:100%}
}

.values-wrap {display:flex;gap:15px;justify-content:space-between;margin-bottom:60px;flex-wrap: wrap;}

@media (max-width:1199px) {
.values-wrap {justify-content:left;margin-bottom:30px;}	
}

.cta-style-2 .cta-img {height:250px;border-radius:0 20px 0 0}
.cta-style-2 .cta-img img {height:100%;width:100%;object-fit:cover;;border-radius:0 20px 0 0}
.cta-style-2 .cta-text-area {background:var(--secondary);padding:30px;}
.cta-style-2 .cta-text-area:before {content:""; background:url(/images/cta-bottom.png);width:100%;height:3px;position:absolute;bottom:0;left:0;background-size:cover;}
.cta-style-2 .cta-text-area h1, .cta-style-2 .cta-text-area h2, .cta-style-2 .cta-text-area h3, .cta-style-2 .cta-text-area h4, .cta-style-2 .cta-text-area h5, .cta-style-2 .cta-text-area h6  {font-size:22px;color:#fff;}

.text-with-number {margin-bottom:30px;}
.text-with-number .text-with-number-number {width:100px;height:100px;color:var(--primary-5);display: flex;align-items: center;justify-content: center;font-size: 36px;font-weight: 700;position:absolute;top:30px}
.text-with-number.text-bg-third .text-with-number-number {background:var(--third)}
.text-with-number.text-bg-fourth .text-with-number-number {background:var(--fourth)}
.text-with-number.text-bg-aqua .text-with-number-number {background:var(--aqua)}
.text-with-number.text-bg-purple .text-with-number-number {background:var(--purple)}

.text-with-number.text-bg-primary .text-with-number-number {background:var(--primary);color:#fff}
.text-with-number.text-bg-secondary .text-with-number-number {background:var(--secondary);color:#fff}
.text-with-number.text-bg-yellow .text-with-number-number {background:#FFCA08}
.text-with-number.text-bg-light-pink .text-with-number-number {background:#F49AC0}

.text-with-number .text-with-number-text {max-width:95%;margin-right:0;margin-left:auto;padding:30px 30px 1px 90px}
.text-with-number.text-bg-third .text-with-number-text {background:var(--third-1)}
.text-with-number.text-bg-fourth .text-with-number-text {background:var(--fourth-1)}
.text-with-number.text-bg-aqua .text-with-number-text {background:#d2eff0}
.text-with-number.text-bg-purple .text-with-number-text {background:#d9e3f2}

.text-with-number.text-bg-primary .text-with-number-text {background:var(--primary-1)}
.text-with-number.text-bg-secondary .text-with-number-text {background:var(--secondary-1)}
.text-with-number.text-bg-yellow .text-with-number-text {background:#FFECA9}
.text-with-number.text-bg-light-pink .text-with-number-text {background:#FBDCE9}


@media (max-width:991px) {
	.text-with-number .text-with-number-number {width:100%;height:100px;color:var(--primary-5);display: flex;align-items: center;justify-content: center;font-size: 36px;font-weight: 700;position:relative;top:0}
.text-with-number .text-with-number-text {max-width:100%;margin-right:0;margin-left:auto;padding:30px 30px 1px}
}

/* School Facts table: stack label over value on phones so emails aren't split mid-word */
@media (max-width:575px) {
	.school-facts-table, .school-facts-table tbody, .school-facts-table tr, .school-facts-table th, .school-facts-table td {display:block;width:100%;}
	.school-facts-table th {border-bottom:0;padding-bottom:0 !important;font-weight:600;}
	.school-facts-table td {border-top:0 !important;padding-top:4px !important;}
}

.testimonials-carousel-style-2 .slick-list {
	transition: height 0.5s ease;
}