/* YourWAI CSS Delta */
:root {
	--clr-dropshadow-blue: rgba(66, 96, 230, 0.3);
	--swiper-pagination-bullet-width: 15px;
	--swiper-pagination-bullet-size: 15px;
	--swiper-pagination-bullet-height: 15px;
	--swiper-pagination-bullet-size: 15px;
	--clr-ywlblue: #4260E6;
	--clr-ywlpurple: #9C5FDA;
}


body {
	--wp--preset--font-size--large: 1.25em !important;
}

a { outline: none; }

.uagb-container-inner-blocks-wrap {
	padding: 0 1.5rem;
}

h2, h3, h4 {
	margin-block-end: 0;
text-wrap: balance;
}

h1 + p, h2 + p, h3 + p, h4 + p {
	margin-block-start: 1rem;
}

h2 span {
	font-size: 70%;
	display: block;
}

.balance { text-wrap: balance; }

.swiper-content {
	padding-left: 0 !important;
	padding-bottom: 0 !important;
}

.swiper-content p:last-of-type {
	padding-bottom: 0 !important;
}



h1 strong, h2 strong, h3 strong, h4 strong {
	font-weight: inherit !important;
}

h1 {
	font-style: normal !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
text-wrap: balance;
}

h2 {
	font-weight: 500;
}

.h2-subhead {
	font-weight: 300 !important;
	margin-top: 0 !important;
}

p { 
	margin-block-start: 0; 
	margin-block-end: 1rem;
}

.vam6 img { vertical-align: -6px; }
.vam3 img { vertical-align: -3px; }


.wp-block-embed__wrapper {
	overflow: hidden;
	border-radius: 0.5rem;
	box-shadow: 0 0 12px #12317C31;
}

.swiper-pagination {
	text-align: left !important;
	margin-left: 0.5rem !important;
}

.wp-block-uagb-container { padding-left: 0 !important; }

.swiper-pagination-bullet-active {
	padding: 0 1.5rem !important;
	border-radius: 15px !important;
	transition: all 0.3s ease-in-out;
}

.swiper-pagination-bullet {
	border-radius: 15px !important;
	outline: none !important;
}

.uagb-tabs__panel {
	background: #F1F5F9 !important;
}

.uagb-tabs__wrap.uagb-tabs__hstyle1-desktop .uagb-tab {
	margin: 0 10px 0 0 !important;
}

.uagb-block-d3a421df .uagb-tabs__panel .uagb-tab.uagb-tabs__active {
	border-radius: 4px !important;
}

.stars {
	padding: 3rem 0 0;
}

.stars:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	background: url(/wp-content/uploads/template/highlight-stars.svg) no-repeat center top;
}

.red-underline strong {
	background: url(/wp-content/uploads/template/line-red-marker.svg) no-repeat center bottom;
	padding-bottom: .25rem;
}

.green-underline strong {
	background: url(/wp-content/uploads/template/line-green-marker.svg) no-repeat center bottom;
	padding-bottom: .25rem;
}

.yellow-underline strong {
	background: url(/wp-content/uploads/template/line-yellow-marker.svg) no-repeat center bottom;
	padding-bottom: .25rem;
}

.orange-underline strong {
	background: url(/wp-content/uploads/template/line-orange-marker.svg) no-repeat center bottom;
	padding-bottom: .25rem;
}

.purple-underline strong {
	background: url(/wp-content/uploads/template/line-purple-marker.svg) no-repeat center bottom;
	padding-bottom: .25rem;
}

.max-80 {
	max-width: 80%;
	height: auto;
	margin: 0 auto;
}

.no-tb-margin {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.row-gap-0 {
	row-gap: 0 !important;
}

@media all and (max-width: 870px) {
	header .wp-block-buttons.is-content-justification-left {
		justify-content: center !important;
		flex: 50% !important;
	}
	
	header .wp-container-core-group-layout-1 {
		flex: 50% !important;
	}
}

.quote {
	text-align: left;
	position: relative;
	color: var(--wp--preset--color--base-4) !important;
}
		
.quote:before {
			content:"\201C";
		}
		
.quote:after {
			content:"\201D";
		}
	
.attrib {
	color: var(--wp--preset--color--base-4) !important;
}	

.attrib-co {
	color: var(--global-palette6) !important;
}	

.attrib:before {
	color: var(--wp--preset--color--base-4) !important;
	content: "—";
}

.attrib {
	margin-bottom: 0 !important;
}

.attrib-co { 
	margin-top: 0 !important; 
	text-indent: 1em;	
}

.page-id-4993 .uagb-post__inner-wrap {
	border-radius: 8px !important;
}


.page-template-page-no-title .has-global-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.about-pce {  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem !important;
  grid-auto-flow: row;
  grid-template-areas:
    "about-pce-first about-pce-third"
    "about-pce-second about-pce-third";
  align-items: stretch !important;
  align-content: start;
}
.about-pce-third { grid-area: about-pce-third; padding: 1.5em !important; }
.about-pce-first { grid-area: about-pce-first;  padding: 1.5em !important;}
.about-pce-second { grid-area: about-pce-second;  padding: 1.5em !important;}

.about-pce h3,
.about-air h3 {
	margin-top: 0 !important;
}

.about-air {  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem !important;
  grid-auto-flow: row;
  align-items: stretch !important;
  align-content: start;
  grid-template-areas:
    "about-air-first about-air-third"
    "about-air-second about-air-fourth";
}

.about-air-first { grid-area: about-air-first;  padding: 1.5em !important;}
.about-air-second { grid-area: about-air-second;  padding: 1.5em !important;}
.about-air-fourth { grid-area: about-air-fourth;  padding: 1.5em !important;}
.about-air-third { grid-area: about-air-third;  padding: 1.5em !important;}

@media all and (max-width: 700px) {
	.about-pce {  display: grid !important;
		grid-template-columns: 1fr;
		gap: 1.5rem !important;
		grid-auto-flow: row;
		grid-template-areas:
			"about-pce-first"
			"about-pce-second"
			"about-pce-third";
		align-items: stretch !important;
		align-content: start;
	}

	.about-air {  display: grid !important;
		grid-template-columns: 1fr;
		gap: 1.5rem !important;
		grid-auto-flow: row;
		align-items: stretch !important;
		align-content: start;
		grid-template-areas:
			"about-air-first"
			"about-air-second"
			"about-air-third"
			"about-air-fourth";
	}


}

.blog-listing .wp-block-post {
	background: var(--wp--preset--color--base);
	padding: 1rem 2rem;
	border-radius: 8px;
}


.wp-block-post-excerpt__more-text {
	position: relative;
}

.wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link img {
	vertical-align: middle;
	position: absolute;
	right: 0;
	
}

.single-post .wp-block-image.size-large img,
.single-post .wp-block-image.size-full img {
	padding: 0 2rem;
}

.center-image {
	margin: 0 auto;
	text-align: center;
}

/* Solutions */

.ds-rc-box-solutions {
	box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2) !important;
	padding: 1rem !important;
}

.ds-rc-box-solutions p {
	line-height: 1.3 !important;
	padding-top: 0.75rem !important;
}

.ds-rc-cbox-solutions {
	box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2) !important;
	padding: 2rem !important;
}

.ds-rc-cbox-solutions p {
	line-height: 1.8 !important;
	padding-top: 0.75rem !important;
}

.more-with-arrow a {
	color: var(--wp--preset--color--base-3) !important;
	position: relative;
	display: inline-block;
	background: url('/wp-content/uploads/2024/02/link-arrow.svg') no-repeat center right;
	padding-right: 1.5rem;
	
}

.more-button-with-arrow a {
	position: relative;
	display: inline-block;
	background-image: url('/wp-content/uploads/2024/02/link-arrow-white.svg');
	background-repeat: no-repeat;
	background-position: 95% center;
	padding-right: 2.5rem;
	
}


.skip {
    position: absolute;
    display: block;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
    background: var(--wp--preset--color--base-2) !important;
    color: #000 !important;
    padding:10px
}

.skip:active, .skip:focus, .skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    position:relative
}

.has-text-decoration-underline {
text-decoration: underline;
}



.show-mobile { display: none; }

@media only screen and (max-width: 767px) {
	.show-mobile { display: block; }
}


.testimonial-carousel .slick-slide.slick-active > div {
	position: relative;
}

.testimonial-carousel .slick-slide > div article {
	border-radius: 24px;
	position: relative;
	margin: 2rem;
	z-index: 2;
	width: auto !important;
	padding: 30px 60px;
	overflow: visible;
	opacity: 0.2;
	transition: all 0.3s ease-in-out;
	
}

.testimonial-carousel .slick-slide.slick-active > div article {
	border-radius: 24px;
	filter: drop-shadow(8px 8px 10px var(--clr-dropshadow-blue));
	background: #fff !important;
	position: relative;
	margin: 2rem;
	z-index: 2;
	width: auto !important;
	padding: 30px 60px;
	opacity: 1;
	overflow: visible;
	
}

.testimonial-carousel .slick-slide.slick-active > div::after {
	content: ' ';
	background: #F1F5F9;
	width: 112px;
	height: 112px;
	display: block;
	top: 12px;
	left: 12px;
	position: absolute;
	background: url('/wp-content/uploads/template/quote-corner.svg') no-repeat top left;
	background-size: contain;
	z-index: 200;
}

.testimonial-carousel .quote {
	text-align: center;
	font-size: 1.1rem;
}

.testimonial-carousel .attrib {
	text-align: center;
	font-weight: bold;
}

.uagb-slick-carousel ul.slick-dots li {
	width: unset !important;
	height: unset !important;
}
.uagb-slick-carousel ul.slick-dots li button::before {
	display: none !important;
}

.uagb-slick-carousel ul.slick-dots li button {
	border-radius: 16px !important;
	width: unset !important;
	height: unset !important;
	padding: 8px !important;
	margin: 0 0.5rem !important;
	line-height: 1 !important;
	opacity: 0.5;
	background: var(--wp--preset--color--base-3) !important;
	transition: padding 0.3s ease-in-out;
}

.uagb-slick-carousel ul.slick-dots li.slick-active button {
	padding: 8px 24px !important;
	opacity: 1;
}

.ywl-blockquote {

	* { color: #0F172A !important; }

	.ywl-quote-quote {
		font-size: 1.1rem;
		text-wrap: balance;
	}

	.ywl-quote-attrib {
		font-size: 0.85rem;
		text-wrap: balance;	
	}	

}

.ywl-blockquote::before {
	background: url('/wp-content/uploads/2024/12/i-c-quote.svg') no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
	margin: 0 auto -40px;
	content: '';
	z-index: 2000;
}

.i-tools::before {
	background: url('/wp-content/uploads/2024/12/i-tools.svg') no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
	margin: 0 auto -40px;
	content: '';
	z-index: 2000;
	
}
.i-settings::before {
	background: url('/wp-content/uploads/2024/12/i-settings.svg') no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
	margin: 0 auto -40px;
	content: '';
	z-index: 2000;
	
}
.i-streamline::before {
	background: url('/wp-content/uploads/2024/12/i-streamline.svg') no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
	margin: 0 auto -40px;
	content: '';
	z-index: 2000;
	
}
.i-teach::before {
	background: url('/wp-content/uploads/2024/12/i-teach.svg') no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 80px;
	display: block;
	position: relative;
	margin: 0 auto -40px;
	content: '';
	z-index: 2000;
	
}

footer.wp-block-template-part { margin-block-start: 0 !important; }

.leadership-team-wrap  {  
	display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
  grid-auto-flow: row;
  grid-template-areas:
    "desc desc p1 p2"
    "blank p3 p4 p5";
  --wp--style--global--content-size: min(100%, 1280px);
  padding: 5rem 2rem 2rem;
  background: url('/wp-content/uploads/2025/01/bg-swishdot.svg') no-repeat left center;
  background-size: 40%;
}

@media (max-width:700px) {
	.leadership-team-wrap  {  
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		gap: 1rem;
		grid-template-areas:
			"desc desc"
			"p1 p2"
			"p3 p4"
			"p5 blank";
		--wp--style--global--content-size: min(100%, 1280px);
		padding: 5rem 2rem 2rem;
		background: url('/wp-content/uploads/2025/01/bg-swishdot.svg') no-repeat left center;
		background-size: 40%;
	}
}


.desc { grid-area: desc; }

.p1 { grid-area: p1; }

.p2 { grid-area: p2; }

.p3 { grid-area: p3; }

.p4 { grid-area: p4; }

.p5 { grid-area: p5; }

.blank { grid-area: blank; }

.p1 figure, .p2 figure, .p3 figure, .p4 figure, .p5 figure {
	aspect-ratio: 360/275;
	border-bottom: 1px #D7DCDF solid;
}

.p1, .p2, .p3, .p4, .p5 {
	border-radius: 0.5rem;
	border: 1px #D7DCDF solid;
	overflow: hidden;
}

.res-head-blogs {

	.kt-inside-inner-col {
		background: rgba(249, 211, 84, 0.15);
		border-radius: 0.25rem !important;
		margin: 0 1rem;
	}
	
	h2 {
		display: inline-block;
		font-size: 0.9rem;
		font-weight: normal;
		text-transform: uppercase;
		background: rgba(249, 211, 84, 1);
		border-radius: 0.25rem;
		padding: 10px 20px;
		margin: 0;
	}
}


.res-head-videos {
	.kt-inside-inner-col {
		background: rgba(205, 96, 181, 0.15);
		border-radius: 0.25rem !important;
		margin: 0 1rem;
	}
	
	h2 {
		display: inline-block;
		font-size: 0.9rem;
		font-weight: normal;
		text-transform: uppercase;
		background: rgba(205, 96, 181, 1);
		border-radius: 0.25rem;
		padding: 10px 20px;
		margin: 0;
		color: #fff;
	}

}

.res-head-news {
	.kt-inside-inner-col {
		background: rgba(160, 215, 136, 0.15);
		border-radius: 0.25rem !important;
		margin: 0 1rem;
	}
	
	h2 {
		display: inline-block;
		font-size: 0.9rem;
		font-weight: normal;
		text-transform: uppercase;
		background: rgba(160, 215, 136, 1);
		border-radius: 0.25rem;
		padding: 10px 20px;
		margin: 0;
	}

}

/* Resources */

	.ywl-res-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 1rem;
		position: relative;
		background: #fff;
	}
	
	.ywl-res-item {
		border: 2px #D7DCE0 solid;
		border-radius: 19px;
		background: #fff;
		padding: 0.25rem 0.25rem 0;
		position: relative;
	}
	
	.ywl-res-item-wrap {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: fit-content 1fr;
		gap: 1rem;
		height: 100%;
	}
	
	.ywl-res-photo {
		border-radius: 1rem 1rem 0 0;
		background-size: cover;
		overflow: hidden;
		aspect-ratio: 2.25/1;
	}
	

	.ywl-res-text {
		padding: 0 1rem;
	}
	
	.ywl-res-badge {
		display: inline-block;
		clear: both;
		padding: 3px 6px;
		border-radius: 3px;
		font-size: 10px;
		margin: 0 0 5px 0;
	}
	
	.ywl-res-date {
		font-size: 10px;
	}
	
	.ywl-res-item h3 {
		text-wrap: balance;
		margin: 0.5rem 1.5rem 1.5rem 0;
		padding: 0;
		line-height: 1.3;
		font-size: 1rem;
		font-weight: normal;
	}
	
	.ywl-res-button {
		position: absolute;
		bottom: -9px;
		right: -2px;
		z-index: 100;
		width: 60px;
		height: auto;
	}

.ywl-res-blog-items {
	.ywl-res-badge {
		background: rgba(249, 211, 84, 1);
		
	}
}

.ywl-res-video-items {
	.ywl-res-badge {
		background: rgba(205, 96, 181, 1);
		a { color: #fff; }
	}

}

.ywl-res-news-items {
	.ywl-res-badge {
		background: rgba(160, 215, 136, 1);
		color: #fff;
	}

}

.ajax-load-more-wrap.blue .alm-load-more-btn {
	background-color:var(--clr-ywlblue) !important; 
}

.ywl-single-post {
	border-radius: 0.5rem;
	box-shadow: 0 0 12px #12317C31;
	padding: 0;
	margin-top: 2rem;
	margin-bottom: 2rem;
	
	.wp-block-post-featured-image img {
		aspect-ratio: 3/1;
		border-radius: 0.5rem 0.5rem 0 0;
		overflow: hidden;
		object-fit: cover;
		object-position: top center;	
	}
	
	.entry-content {
		padding: 1rem 3rem 3rem;
	}

}

.wp-block-post-terms__separator { display: none; }

.single-post .wp-block-post-title { margin-top: 10px; }
.single-post .wp-block-post-terms a,
.taxonomy-category.wp-block-post-terms a {
		display: inline-block;
		clear: both;
		padding: 3px 6px;
		border-radius: 3px;
		font-size: 10px;
		margin: 0 10px 5px 0;
		background: rgba(0, 0, 0, 0.25);
		text-transform: uppercase;
}





.featured-resource {
	position: relative;
	border-radius: 0 0.5rem 0.5rem;
	padding: 0 0.5rem 0.5rem;
	
	.wp-block-post-title {
		font-weight: normal;
	}
	
	.wp-block-uagb-container {
		padding: 0.25rem !important;
		margin: 0 !important;
	}
	
	.wp-block-post-featured-image {
		aspect-ratio: 0.95/1 !important;
		margin: 0 !important;
	}
	
	.entry-content-wrap {

	}
	.wp-block-post-excerpt,
	.wp-block-uagb-container { position: unset !important; }
}

.featured-resource::before {
	display: block;
	position: absolute;
	background: var(--clr-ywlpurple);
	color: #fff;
	content: "FEATURED RESOURCE";
	padding: 10px 20px;
	border-radius: 0.5rem 0.5rem 0 0;
	bottom: 100%;
	left: 0;
}

.wp-block-post-excerpt__more-text {
	position: absolute;
	text-indent: -9999em;
	overflow: hidden;
	bottom: 0;
	right: -1px;
	
	a { 
		display: block;
		background: url('/wp-content/uploads/template/resources-box.svg') no-repeat top left;
		background-size: cover;
		width: 60px;
		height: 60px;
	}
}

[aria-current="page"] {
	font-weight: bold;
	color: var(--clr-ywlblue) !important;
}

:root :where(.wp-element-button, .wp-block-button__link) {
		font-weight: 600 !important;
		border-radius: 2px !important;
		padding-top: 0.4rem !important;
		padding-bottom: 0.4rem !important;
		--wp--preset--shadow--natural: 0 15px 20px #4260E625;
}


	:root {
		--target-background-color: #4260e6; /* blue */
		--target-text-color: #fff; /* default white, selected blue */
		--target-selected-icon-color: #cd60b5; /* pink */
		--target-icon-color: #fff;
		--ywl-blue: #4260e6;

	}
	
	
		.ywtc-wrapper {
			display: grid;
			grid-template-columns: 50% 50%;
			gap: 1rem;
			align-items: center;
		}
		
		.ywtc-wrapper > div {
			padding: 1rem;
			position: relative;
		}
		
		.ywtc-wrapper img, .ywtc-wrapper svg {
			max-width: 100%;
			height: auto;
		}


		#classroom_point,
		#district_point,
		#school_point,
		#student_point {
			transition: all 0.2s ease-in-out;
		}	

		
		#goto_district:hover,
		#goto_school:hover,
		#goto_classroom:hover,
		#goto_student:hover,
		#goto_student.active {
			--target-text-color: var(--ywl-blue);
			--target-icon-color: var(--target-selected-icon-color);
			--target-background-color: #fff;
		}

		#goto_district.active,
		#goto_school.active,
		#goto_classroom.active,
		#goto_student.active {
			--target-text-color: var(--ywl-blue);
			--target-icon-color: var(--target-selected-icon-color);
			--target-background-color: #fff;

			#district_point { transform: rotate(45deg); }
			#school_point { transform: rotate(45deg); }
			#classroom_point { transform: rotate(45deg); }
			#student_point { transform: rotate(45deg); }
		}

.target-carousel .wp-block-uagb-container { flex-flow: row wrap; }
.target-carousel ul.slick-dots { text-align: left !important; }

.wp-block-uagb-container.ywl-bottom-cta::before { top: 1px !important; }

.mb-neg100 {
	margin-bottom: -100px !important;
	z-index: 1000;
}