/**** CCCA-FL ***/

/* Google Font Import - Spline Sans and DM Serif */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap');

/* Font families
	font-family: 'Montserrat', sans-serif;
*/

/* Base Font size (used for determining REMs)
	18px
*/

/** Color Variables **/
:root{
	--primary1-color: #283A97;
	--primary1-rgb-color: 40,58,151;
	--primary2-color: #EEA600;
	--primary1_overlay: #ffffff;
	--primary2_overlay: #000000;
	--menu-hover-l1:#f5f5f5;
	--menu-hover-l2:#d7d7d7;
	--ccc-black: #232323;
	--ccc-curve: 50em;
	--ccc-font: 'Montserrat', sans-serif;
	--quarter-circle-radius:7px;
	--ccc-border-radius:7px;
	--ccc-transparent-blue: rgba(40,58,151,0.85);
	--panel-radius-before:5em;
    --panel-radius-after:50em;
}

/* Global Defaults*/
*, *:before, *:after { box-sizing: inherit; }
html,body{ font-family: var(--ccc-font); font-size:18px; line-height: 155%; margin: 0; padding: 0; height: 100%;}
html{ overflow-x: hidden; overflow-y: auto;}
main{position:relative;}
img{ width: 100%; height:100%; display:block;}
figure,img{ padding:0; margin:0; }

/*utilites*/
.text-orange{color:var(--primary2-color);}
.text-blue{color:var(--primary1-color);}
.flex{ display: flex;}
.wrapper{ margin: 0 auto; width: 90%; max-width: 1235px;}
.small { font-size: 0.9em; }

.solid-orange-container{background: var(--primary2-color); background-color: var(--primary2-color); color: #fff;}
.solid-orange-container *{color:var(--ccc-black);}

.solid-blue-container{background: var(--primary1-color); background-color: var(--primary1-color); color: #fff;}

.translucent-blue-container *,.solid-blue-container *{color:#fff;}
.translucent-blue-container{background: var(--ccc-transparent-blue); background-color: var(--ccc-transparent-blue); color: #fff;}

.translucent-hero-bg{position:relative;overflow:hidden;}
.translucent-hero-bg::before{
	content:"";
  	position:absolute;
  	top:0;
  	left:0;
  	width:55%;
  	height: 100%;
  	background: var(--ccc-transparent-blue);
  	border-top-right-radius: var(--ccc-curve);
  	border-bottom-right-radius: var(--ccc-curve);
  	transition: all 0.3s ease-out;
}
@media screen and (max-width:960px){
	.translucent-hero-bg::before{
		width:100%;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}	

.resp-2col-s{
  display:flex;
  flex-direction:row;
  align-items:center;
}
@media screen and (max-width:960px){
	.resp-2col-s{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
}

.subheading{text-transform:uppercase; font-weight:600 !important; font-size:clamp(14px,1.8vw,18px); line-height:1.2; margin-bottom: 1rem;}

@media screen and (min-width:1200px){
	.show-after-1200{display:block !important;}
	.show-before-1200{display:none !important;}
}
@media screen and (max-width:1200px){
	.show-after-1200{display:none !important;}
	.show-before-1200{display:block !important;}
}

.decor-quote{position:relative;}

.decor-quote::before {
    content: "\201C";
    font-family: var(--ccc-font);
    font-size: 52px;
    width: 52px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: end;
    font-weight: 600;
	color:#fff;
}

.decor-quote-orange::before {
    background: var(--primary2-color);
    right: 4.5rem;
}
@media screen and (max-width:960px){
	.decor-quote-orange::before {
    	left: 4.5rem;
	}
}

.decor-quote-blue::before {
    background: var(--primary1-color);
    left: 4.5rem;
}

figure.video-button-overlay a,.video-button-overlay a video{position:relative;}
figure.video-button-overlay .play_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.8); padding: 1rem 1.2rem; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

.title_link_pair{display:flex; align-items: flex-end;margin-bottom:2.5rem;}
.text_button{text-decoration: none;}
.text_button:hover{color:var(--primary1-color);}
.text_button > .button_icon{margin-left:0.5rem;}
.text_button > .button_icon svg *{fill:var(--primary1-color) !important;}
.half_width{ max-width: 50%; }



/* Font Styles - Headings */
h1,h2,h3,h4,h5,h6,p,a,button, .tool_headline1, .tool_headline2{ font-family: var(--ccc-font);margin: 0; padding: 0;color: var(--ccc-black);}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;}
p{ line-height:1.7;  font-weight:500; font-size: clamp(16px,1.5vw,18px); }

/* Font sizes */
h1{font-size:clamp(30px,1.8vw,40px);}
h2{font-size:clamp(22px,2.1vw,30px);}
h3{font-size:clamp(20px,1.8vw,24px);}

h4, .tool_headline2{ font-size: 1.3rem;  font-weight: 400;}
h5{ font-size: 1.1rem;font-weight: 600; color: var(--primary1-color);letter-spacing: 1px;}
h6{ font-size: 0.9rem; text-transform: uppercase; font-weight: 400;margin:0;letter-spacing: 0.3px;}

p{ font-size: 1rem; line-height: 1.5; color: #151210; font-weight: 400;}
p.large{ font-size: 1.222222222222222rem; line-height: 1.2;}
a{ text-decoration: underline; text-decoration-color: var(--primary1-color); text-underline-position: under; color: #000; transition: all 0.3s; font-weight: 400;}
a:hover{ color: var(--primary1-color);}

blockquote{
    padding: 3rem 4.5rem;
    background-color: #e7e7e7;
    border-top-right-radius: var(--ccc-curve);
    border-bottom-right-radius: var(--ccc-curve);
	margin: 3rem 0;font-style: italic;
	transition:all 0.3s ease-out;
}
@media screen and (max-width:960px){
	blockquote{
		   border-top-right-radius: 0;
    	border-bottom-right-radius: 0;
	}
}


blockquote > *{ font-size: 1.222222222222222rem !important; line-height: 136% !important; font-family: 'Jost', sans-serif !important;}

/* buttons */
.button{ display: inline-flex; text-decoration: none; position: relative; align-items: center; justify-content: space-between; padding: 0.2rem 1.3rem; background-color: var(--primary2-color); transition: all 0.3s ease-out; color: var(--primary2_overlay); font-size: 0.61rem; font-weight: 600; border: 2px solid var(--primary2-color); border-radius: 50em; overflow: hidden; white-space: nowrap; text-transform:uppercase;}
.button:hover{ background-color: var(--primary1-color);  color:var(--primary1_overlay); }


/** Tool Headings **/
h3.toolhead{ margin-bottom: 2rem;}

.right_column h3.toolhead{ font-size: 1.777777777777778rem; line-height: 132%; letter-spacing: -1px;}

/********* HEADER **************/
header{ position: relative; z-index: 999; margin: 0; padding: 0;}

header > .wrapper{ max-width: 100%;}

.header_top{ padding: 0.5rem 0;}
.header_top .wrapper{ justify-content: end; width: 97%; max-width: inherit;}
.header_top > .wrapper{display: grid; grid-auto-flow: column;}
.quicklinks_container{ display: flex; align-items: center;}
.quicklinks_container a{ display: inline-block; text-decoration: none; margin-right: 1rem; line-height:1; transition: all 0.3s; font-size: 0.78rem;
    font-weight: 500;}
.quicklinks_container a:hover{ text-decoration: underline;color:#fff !important;}
.header_logo{ text-decoration: none;}
.header_logo .fallback_logo{ color: var(--primary1-color); margin: 0;}
.header_button{ padding: 0.3rem 0.7rem; font-size:1rem;}
.header_social_media{ display: flex; align-items: center; margin-right: -0.75rem;}
.header_social_media a{ font-size: 0; margin: 0 0.5rem; padding: 0 0.25rem; transition: all 0.3s;}
.header_social_media a:hover{ opacity: 0.5;}
.header_social_media svg{ height: 22.38px; width: auto; vertical-align: middle;}
.header_social_media svg, .header_social_media svg *{ fill: var(--primary1-color) !important;}
.header_bottom_bar{position:relative;min-height: 113px;}

.header_bottom_bar::before{ content:""; position:absolute; bottom:0; left:0;height:7px; width:100%;
	background-image: linear-gradient(to right, var(--primary2-color) , var(--primary1-color));
}
.header_bottom_bar > .wrapper{ align-items: center; justify-content: space-between;}
.header_right_container{ display: flex; align-items: center; margin-left: 2rem;}
.logo{ font-size: 0; min-width: 190px; display: flex;}
.logo a{ display: flex;}
.logo img{ max-height: 90px; max-width: 100%} /* 10-4-21 */
.nav_panel{ position: relative; background: #fff;}

/** Desktop Search Form **/
@media all and (min-width: 1100px){
	.search_container{display:none;}
	.header_search_container{ position: relative; margin-left: 1rem;}
	.header_search_icon{ font-size: 0;  border-radius: 8px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all 0.3s; cursor: pointer;}
	.header_search_icon{ background: var(--primary1-color);border-radius:50%; transition:all 0.3s ease-out;}
	.header_search_icon:hover{ background: var(--primary2-color);border-radius:50%;}
	.header_search_icon svg{ vertical-align: middle; height: 15px; width: auto;}
	.header_search_icon svg, .header_search_icon svg *{ fill: var(--primary1_overlay) !important;}
	.header_search_icon:hover svg, .header_search_icon:hover svg *{ fill: var(--primary2_overlay) !important;}
	.header_search_form_container{ position: absolute; opacity: 0; top: 0; right: 0; transition: all 0.3s; background: #fff; z-index: -1; display: flex; padding: 1rem;}
	.header_search_form_container.open{ opacity: 1; top: calc(100% + 2rem);z-index: 4; background: var(--primary1-color);
    border-radius: 7px;}
	.header_search_form_container legend{ display: none;}
	.header_search_form_container fieldset{ border: none; padding: 0; margin: 0;}
	.header_search_form_container input[type=search]{ padding: 10px 5px; font-family: 'Jost', sans-serif; font-size: 0.7777777777777778rem; border-color: var(--primary2-color); border-radius: 3px;}
	.header_search_submit{ background: none; border: none; font-size: 0; cursor: pointer;}
	.header_search_submit svg, .header_search_submit svg *{ fill: var(--primary2-color) !important;}
}

/* ----------SECTION:  Mission Story ---------- */

#bg-down{min-height:560px;padding-bottom:2rem;}
#bg-down .section-title,#bg-down .section-text{margin-bottom: 1rem;}
#bg-down .resp-parent{
  align-items:center;
  gap:5rem;
}
#bg-down .mission_buttons a:nth-of-type(2){
	margin-left:0.5rem;
	border-color:var(--primary1-color);
	background:var(--primary1_overlay);
	color:var(--ccc-black);
}
#bg-down .mission_buttons a:hover:nth-of-type(2){
	border-color:var(--primary2-color);
	background:var(--primary1-color);
	color:var(--primary1_overlay);
}


@media screen and (max-width:960px){
	#bg-down .resp-parent{
		min-width:100%;
		height:100%;
		gap:0rem;
	}
}
#bg-down .resp-2col-s .resp-width-left{
  width: fit-content;
  max-width:492px;
  padding: 5rem 0;
  display: flex;
  align-items:center;
  position:relative;
}
@media screen and (max-width:960px){
	#bg-down .resp-2col-s .resp-width-left{
		width:100%;
		max-height: 400px;
		flex-direction:column;
		justify-content:center;
		padding: 5rem 0 3rem 0;
		margin-bottom:2rem;
  	}
}
#bg-down img{
  width: 100%; 
  height: 100%;
  aspect-ratio: 492 / 362;
  object-fit:cover;
  display:block;
  position: relative;
  border-radius: var(--ccc-border-radius);
}
@media screen and (max-width:960px){
	#bg-down img{
		width: 100%;
		height:30vh;
		min-height:250px;
	}
}
#bg-down .resp-2col-s .resp-width-right{
  flex:1;
  max-height:100%;
}
@media screen and (max-width:960px){
	#bg-down .resp-2col-s .resp-width-right{
		margin-top:2rem;
		max-width:492px;
		margin:auto;
	}
}
.bg-down-bar::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:50%;
  height: 100%;
  background-color: var(--primary2-color);
  border-bottom-left-radius: var(--ccc-curve);
  border-bottom-right-radius: var(--ccc-curve);
}


/* ---------- SECTION: Real Story to Right ---------- */

.resp-grid-s{
  display:grid;
  grid-template-columns: 473px 1fr;
}
@media screen and (max-width:960px){
	.resp-grid-s{
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width:960px){
	#bg-to-right .resp-parent{
		gap:0rem;
	}
}
#bg-to-right .resp-grid-s .resp-width-left{
  width:fit-content;
}
@media screen and (max-width:960px){
	#bg-to-right .resp-grid-s .resp-width-left{
  		width: auto;
	}
}
#bg-to-right .resp-width-left img,#bg-to-right .resp-width-left video{
  width:100%;
  height:auto;
  aspect-ratio: 473 / 268;
  display:block;
  border-radius: var(--ccc-border-radius);
}
@media screen and (max-width:960px){
	#bg-to-right .resp-width-left img,#bg-to-right .resp-width-left video{
		width: 100%;
		height:auto;
		min-height:186px;
		max-height:250px;
		max-width:492px;
		margin:auto;
		object-fit: cover;
	}
}
#bg-to-right resp-2col-s .resp-width-right{
  flex:1;
}
#bg-to-right .text-outer {
  display: flex;
  justify-content:start;
  align-items:center;
}
#bg-to-right .text-inner{
  text-align:right;
  color:#fff;
  padding:2rem 4.5rem ;
  background-color: var(--primary1-color);
  border-top-right-radius: var(--ccc-curve);
  border-bottom-right-radius: var(--ccc-curve);
  max-height: 100%;
}
@media screen and (max-width:960px){
	#bg-to-right .text-inner{
	text-align:left;
	background-color:transparent;
	color:#000;
	padding:2rem 0;
	max-width:492px;
	margin:auto;
	}
}
@media screen and (max-width:960px){
	#bg-to-right .text-inner p,#bg-to-right .text-inner h3{color:var(--ccc-black) !important;}
}

#bg-to-right figure.video-button-overlay .play_btn svg *{fill:var(--primary1-color);}
#bg-to-left figure.video-button-overlay .play_btn svg *{fill:var(--primary2-color);}



/* ---------- SECTION: Real Story to Left ---------- */
#bg-to-left .resp-grid-s{
  display:grid;
  grid-template-columns: 473px 1fr;
}
@media screen and (max-width:960px){
	#bg-to-left .resp-grid-s{
		grid-template-columns: 1fr !important;
	}
}
@media screen and (max-width:960px){
	#bg-to-left .resp-parent{
		gap:0rem;
	}
}
.make-1fr-473{
  grid-template-columns: 1fr 473px !important;
}
#bg-to-left .resp-width-left img,#bg-to-left .resp-width-left video{
  width:100%;
  height:auto;
  aspect-ratio: 473 / 268;
  display:block;
  border-radius: var(--ccc-border-radius);
}
@media screen and (max-width:960px){
	#bg-to-left .resp-width-left img,#bg-to-left .resp-width-left video{
	width: 100%;
	height:auto;
	min-height:186px;
	max-height:250px;
	max-width:492px;
	margin:auto;
	object-fit: cover;
	}
}
#bg-to-left resp-2col-s .resp-width-right{
  flex:1;
}
@media screen and (max-width:960px){
  .resp-width-right{
    order:2;
  }
  .resp-width-left{
    order:1;
  }
}
#bg-to-left .text-outer {
  display: flex;
  justify-content:start;
  align-items:center;
  z-index: 1;
}
#bg-to-left .text-inner{
  color:#000;
  padding:2rem 4.5rem ;
  background-color: var(--primary2-color);
  border-top-left-radius: var(--ccc-curve);
  border-bottom-left-radius: var(--ccc-curve);
  max-height: 100%;
}
@media screen and (max-width:960px){
	#bg-to-left .text-inner{
	background-color:transparent;
	color:#000;
	padding:2rem 0 ;
	max-width:492px;
	margin:auto;
	}
}

#bg-to-left,#bg-to-right{padding:2rem 0;}
#bg-to-left h3,#bg-to-right h3{margin-top:0;}


/* ----------SECTION:  Panels Story ---------- */

.hor-panels { display: flex;  gap: 0px 0px; }
.grid-comp svg ,.panel-comp svg {height:35px;margin-bottom:0.8rem;}
.grid-comp svg *,.panel-comp svg *{fill:var(--primary2-color);}
.grid-comp h3,.panel-comp h3{line-height:1.458;text-transform:uppercase;margin-bottom:1rem;}
.grid-comp p,.panel-comp p{margin-bottom:1rem;line-height:1.3;font-size:clamp(16px,1.3vw,18px);}
.grid-comp img,.panel-comp img{ object-fit:cover;}
.grid-comp figure .cell-overlay *,.panel-comp figure .cell-overlay *{display: flex;flex-direction: column;align-items: center;}
.grid-comp figure .cell-overlay *{text-align:inherit; }
.panel-comp figure .cell-overlay *{text-align:center; }
.panel-comp.show-after-1200 figure .cell-message {display:none;}
.grid-comp .panel-icon,.panel-comp .panel-icon{margin-bottom: 0.5rem;}

.panel-comp.show-after-1200 figure .cell-overlay{
  display:flex;
  align-items:start;
  justify-content:center;
  padding: 3rem 2rem;
  position:absolute;
  bottom:-45%;
  left:0;
  width:100%;
  width: -moz-available;
  width: -webkit-fill-available;
  height: 55%;
  transition: all 0.3s ease-out;
  border-top-right-radius: var(--panel-radius-before);
  border-top-left-radius: var(--panel-radius-before);
}
  @media screen and (max-width:1200px){
	  .panel-comp.show-after-1200 figure .cell-overlay{
		width:100%;
    	border-radius: 0;
	  }
  }

.grid-comp figure,.panel-comp figure{position:relative;overflow:hidden;}
.panel-comp.show-after-1200  figure:hover h3{margin-bottom:0.7rem;}
.panel-comp.show-after-1200 figure:hover .cell-message {display:block;}
@media screen and (min-width:1200px){
  .panel-comp.show-after-1200 figure:hover  p{line-height:1.35;}
}

.panel-comp.show-after-1200  figure:hover .cell-overlay{ 
  bottom:0%;
  padding-top: clamp(2rem,3.5vw,4rem);
  border-top-right-radius: var(--panel-radius-after);
  border-top-left-radius: var(--panel-radius-after);
}

.grid-comp .panel-icon,.panel-comp .panel-icon{ height: 25px; max-width: 40px;}
@media screen and (max-width:1200px){
	.grid-comp.show-before-1200 .panel-icon img,.panel-comp.show-before-1200 .panel-icon img{ min-height: 100% !important; max-height: 100% !important;}
	.grid_slider_item ,.panel_slider_item {margin: auto 0.5rem;width: 328px;
}
}


/* ----------------- SECTION: Grid Component -----------------  */
.grid-comp{
	margin:4rem auto;
}
.grid-comp.show-after-1200 .ccc-comp-grid {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 0px 0px; 
}
.grid-comp svg {height:35px;}
.grid-comp svg *{fill:var(--primary2-color);}
.grid-comp h3{width:10ch;line-height:1.458;}
.grid-comp figure:hover h3{width:13ch;}
.grid-comp p{margin-bottom:1.5rem;max-width:75%;}
.grid-comp img{ object-fit:cover;}

.grid-comp.show-after-1200 .cell-overlay{
  display:flex;
  align-items:center;
  padding: clamp(1rem,3vw,2.5rem);
  position:absolute;
  top:0;
  left:0;
  width:37%;
  height: 60%;
  transition: all 0.3s ease-out;
}

.grid-comp figure{
  position:relative;
  overflow:hidden;
  transition: all 0.3s ease-out;
}

.grid-comp.show-after-1200  figure:hover .translucent-blue-container{ 
  width:auto;
  height:100%;
  height: -moz-available;
  height: -webkit-fill-available;
}

.grid-comp.show-after-1200  figure:hover .cell-overlay.translucent-blue-container{border-radius:0 !important;}

.grid-comp.show-after-1200 #gridcell_1 .cell-overlay {
  bottom: 0;top: auto;
  left:auto;right:0;
  border-top-left-radius: 50em;
  transition: all 0.3s ease-out
}
.grid-comp.show-after-1200 #gridcell_2 .cell-overlay {
  bottom: 0;top: auto;
  border-top-right-radius: 50em;
  transition: all 0.3s ease-out
}
.grid-comp.show-after-1200 #gridcell_3 .cell-overlay {
  left: auto;right:0;
  border-bottom-left-radius: 50em;
  transition: all 0.3s ease-out
}
.grid-comp.show-after-1200 #gridcell_4 .cell-overlay {
  border-bottom-right-radius: 50em;
  transition: all 0.3s ease-out
}

.grid-comp.show-after-1200 #gridcell_1 .cell-overlay{justify-content:end;align-items: end;}
.grid-comp.show-after-1200 #gridcell_1 .content{text-align:right;}
.grid-comp.show-after-1200 #gridcell_1 .cell-overlay *{align-items: end;}
.grid-comp.show-after-1200 #gridcell_1:hover .cell-overlay{justify-content:start;align-items: center;}
.grid-comp.show-after-1200 #gridcell_1:hover .content{text-align:right; align-items: flex-end;}
.grid-comp.show-after-1200 #gridcell_1:hover .content h3{text-align:right;}
.grid-comp.show-after-1200 #gridcell_1:hover .content p{text-align:right;}

.grid-comp.show-after-1200 #gridcell_2 .cell-overlay{align-items: end;}
.grid-comp.show-after-1200 #gridcell_2 .cell-overlay *{align-items: start;}
.grid-comp.show-after-1200 #gridcell_2:hover .cell-overlay{text-align:left; align-items: center;}
.grid-comp.show-after-1200 #gridcell_2:hover .content{text-align:left; align-items: start;}
.grid-comp.show-after-1200 #gridcell_2:hover .content h3{text-align:left;}
.grid-comp.show-after-1200 #gridcell_2:hover .content p{text-align:left;}

.grid-comp.show-after-1200 #gridcell_3 .cell-overlay{justify-content:end;align-items: start;}
.grid-comp.show-after-1200 #gridcell_3 .content{text-align:right;}
.grid-comp.show-after-1200 #gridcell_3 .cell-overlay *{align-items: end;}
.grid-comp.show-after-1200 #gridcell_3:hover .cell-overlay{justify-content:start;align-items: center;}
.grid-comp.show-after-1200 #gridcell_3:hover .content{text-align:right;align-items: end;}
.grid-comp.show-after-1200 #gridcell_3:hover .content h3{text-align:right;}
.grid-comp.show-after-1200 #gridcell_3:hover .content p{text-align:right;}

.grid-comp.show-after-1200 #gridcell_4 .cell-overlay{align-items: start;}
.grid-comp.show-after-1200 #gridcell_4 .cell-overlay *{align-items: start;}
.grid-comp.show-after-1200 #gridcell_4:hover .cell-overlay{align-items: center;}
.grid-comp.show-after-1200 #gridcell_4:hover .content{text-align:left;align-items: start;}
.grid-comp.show-after-1200 #gridcell_4:hover .content h3{text-align:left;}
.grid-comp.show-after-1200 #gridcell_4:hover .content p{text-align:left;}

.grid-comp.show-after-1200 #gridcell_1 .cell-message{display:none;}
.grid-comp.show-after-1200 #gridcell_1:hover .cell-message{display:flex; align-items: end;}

.grid-comp.show-after-1200 #gridcell_2 .cell-message{display:none;}
.grid-comp.show-after-1200 #gridcell_2:hover .cell-message{display:flex;align-items: start;}

.grid-comp.show-after-1200 #gridcell_3 .cell-message{display:none;}
.grid-comp.show-after-1200 #gridcell_3:hover .cell-message{display:flex;align-items: end;}

.grid-comp.show-after-1200 #gridcell_4 .cell-message{display:none;}
.grid-comp.show-after-1200 #gridcell_4:hover .cell-message{display:flex;align-items: start;}


/* ----------------- BREAKPOINT -----------------  */

.grid-comp.show-before-1200 .content,.panel-comp.show-before-1200 .content{
  text-align:center;
}
.grid-comp.show-before-1200 .content > *{
  margin-bottom:1rem;
}
.grid-comp.show-before-1200 h3,.panel-comp.show-before-1200 h3{
  width:100%;
  display:block
}
.grid-comp.show-before-1200 p,.panel-comp.show-before-1200 p{
  max-width:100%;
  margin-bottom:1.5rem;
	display:block
}
.hero_nav,.grid_slider_nav,.panel_slider_nav{
	display: flex;
    justify-content: center;
	padding: 0;
}
.hero_nav ul.slick-dots, .grid_slider_nav ul.slick-dots,.panel_slider_nav ul.slick-dots {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    gap: 0.5rem;
    align-items: center;
}
.hero_nav ul.slick-dots li,.grid_slider_nav ul.slick-dots li,.panel_slider_nav ul.slick-dots li{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: 2px solid var(--primary1-color);
}
.hero_nav ul.slick-dots li{border: 2px solid #fff;}
.hero_nav ul.slick-dots li.slick-active,.grid_slider_nav ul.slick-dots li.slick-active,.panel_slider_nav ul.slick-dots li.slick-active{
	background: var(--primary1-color);
	padding: 3px;
}
.hero_nav ul.slick-dots li.slick-active{background:#fff;}
.hero_nav .slick-dots button,.grid_slider_nav .slick-dots button,.panel_slider_nav .slick-dots button {
	display:none !important;
}

.grid-comp.show-before-1200 .cell-overlay,.panel-comp.show-before-1200 .cell-overlay{
  display:grid;
  grid-auto-flow:row;
  grid-template-columns: 1fr;
  align-items:center;
  padding: 2rem;
  position:absolute;
  top:0;
  left:0;
  aspect-ratio: 400 / 540;
  height:40vh;
  min-height:400px;
  max-height:500px;
  transition: all 0.3s ease-out;
  width:100%;
}

.grid-comp.show-before-1200 img,.panel-comp.show-before-1200 img{
  width:auto;
  height:40vh;
  min-height:400px;
  max-height:500px;
}
@media screen and (max-width:1200px){
	.panel-comp.show-before-1200 .panel_slider_item > img{
		min-width: 328px;
	}
}

.grid-comp .panel-icon img,.panel-comp .panel-icon img{
  filter: invert(75%) sepia(29%) saturate(6453%) hue-rotate(6deg) brightness(99%) contrast(103%);
}



/********* FOOTER **************/

footer{ background: var(--primary1-color);position: relative;margin-top: 2rem;}
.footer_top{ padding: 5vw 0;}
.footer_top > .wrapper{ display:grid; grid-auto-flow: column; grid-template-columns: repeat(5,1fr);gap:1rem;}
@media all and (max-width:960px){
	.footer_top > .wrapper{ display:grid; grid-auto-flow: row; grid-template-columns: 1fr;gap:1rem;}
	.footer_top > .wrapper *{ text-align: center;}
	.footer_col{ margin-top: 1rem;}
	.footer_title{margin-bottom:0.5rem !important;}
	.footer_logo{margin:1.5rem auto;}
	.footer_middle > .wrapper{grid-template-columns: 1fr !important;justify-content: center;gap:1rem;}
	.accreditation{ justify-content: center !important;	}
}
.footer_middle{margin:1rem auto;}
.footer_middle > .wrapper{display: grid; grid-template-columns: 1fr 1fr ;gap:2em;}
.footer_title{margin-bottom:1rem;font-weight: 800;font-size: 0.78rem; letter-spacing: 1.5px; line-height: 1.7;text-transform: uppercase;}
.footer_nav li{ margin: 0.25rem 0;}
.footer_nav > li > a{ color: var(--primary1_overlay); text-decoration: none;font-size:0.78rem;text-transform: uppercase; font-weight: 600;letter-spacing:1.5px;line-height: 1.7;}
.footer_nav a:hover{ text-decoration: underline; text-decoration-color: var(--primary1_overlay);}
.footer_col{ color: var(--primary1_overlay); font-size: 0.78rem;font-weight:500;letter-spacing: 0.16px;}
.footer_col.contact a{color:var(--primary1_overlay);}
.footer_col.contact a:hover{text-decoration:underline;}
address{ font-style: normal;}


.footer_logo{ font-size: 0; display: flex; text-decoration: none;} /* 10-4-21 */
.footer_logo img{ display: block; max-width: 285px; height: auto; max-height: 150px;} /* 10-4-21 */
.footer_logo .fallback_logo{ color: var(--primary1_overlay);font-size: 2.2rem;}/* 10-4-21 */

.contact_icon{ font-size: 0; margin-right: 1rem; display: inline-block; vertical-align: middle; opacity: 0.75;}
.contact_icon svg{ width: 18px; height: auto; vertical-align: middle;}
.contact_icon svg, .contact_icon svg *{ fill: var(--primary1_overlay) !important;}
.contact_info .address_line{ display: block;}

.phone a, .email a{ font-style: normal; color: var(--primary1_overlay); font-size: 1rem; line-height: 155%; font-weight: 400; text-decoration: none; transition: all 0.3s;}
.phone a:hover, .email a:hover{ text-decoration: underline; text-decoration-color: var(--primary1_overlay);}
address + .phone, address + .email{ margin-top: 0.75rem;}
.phone + .email{ margin-top: 0.75rem;}

.accreditation{ align-items: center; justify-content: end;}
.accreditation > *{ margin-left:1rem;}
.accred_item{ max-width: 25%;}
.accred_item img{ display: block; max-width: 100%; max-height: 50px;}

.footer_social_icons{ justify-content: start;}
.footer_social_icons a{ font-size: 0; margin: 0 0.5rem; padding: 0 0.5rem;}
.footer_social_icons svg{ height: 22px; width: auto; transition: all 0.3s; vertical-align: middle;}
.footer_social_icons a svg, .footer_social_icons a svg *{ fill: var(--primary1_overlay) !important;}
.footer_social_icons a:hover svg, .footer_social_icons a:hover svg *{ opacity: 0.7;}
.footer_nav_col{ margin: 0 9.4vw 0 0;}
.footer_nav_col.no_margin{ margin: 0;}
.footer_nav{ list-style: none; margin: 0; padding: 0;}
.footer_utility_nav{ list-style: none; margin: 0; padding: 0;margin-top: 1rem;}
.footer_utility_nav li{ margin: 0.5rem 1.5rem 0.5rem 0;font-size: 1.5rem;} 
.footer_utility_nav li a{ margin: 0.25rem 0;font-size: 1.4rem;font-weight: 500;}
.footer_utility_nav a{ color: var(--primary1_overlay); text-decoration: none;}
.footer_utility_nav a:hover{ text-decoration: underline; text-decoration-color: var(--primary1_overlay);}
.footer_nav_col{ width:100%;}
.footer_social_icons + .footer_links_container{ margin-top: 2.5rem;}
.footer_left{ width: 50%;}
.footer_center{ width: 30%;}
.footer_right{ width: 20%;}
.school_name{margin-bottom: 2rem;}

.fstory_text_container p,.tel_label,.footer_title{color:#fff;} 
.fstory_text_container p{width: 42ch;} 
.footer_bottom{ padding: 1.5rem 0; border-top: solid 1px rgba(255,255,255,0.7);position: relative;}
.credits{ justify-content: space-between; align-items: center;}
.copyright{ margin: 0; padding: 0; color: var(--primary1_overlay);}
.tel_label{font-weight: 700;}
.credit_logo img{ display: block; opacity: 0.5; height: 20px; width: auto; transition: all 0.3s;}
.credit_logo:hover img{ opacity: 1;}
.footer_statement_container{ text-align: center; padding-top: 1rem;}
.footer_statement_text{ color: var(--primary1_overlay); margin: 0; padding: 0;}
.footer_statement_text a{ color: var(--primary1_overlay);}
.footer_middle{display:flex;flex-direction: column; justify-content: center; align-items: center;}

.nce_logo img {max-height: 40px;}
.aware_logo img {max-height: 20px;}


/********* INSIDE PAGES **************/

/* inside page layout */
.inside #main_container p{ margin: 0 0 1rem 0; }
#main_container{ padding: 5.8vw 0;}
#main_container > .wrapper,.inner_content_wrapper{display:flex;gap: 55px;}
@media all and (max-width:960px){
	#main_container > .wrapper, .inner_content_wrapper {
    display: block;
	}
	.middle_column.with_right {
    width: 100% !important;
	}
	.right_column{width: 100%;padding-top:2rem;border-top:1px solid #000;}
	/* inside nav/right col */
	#right_within{ display: flex; flex-direction: column;}
	#inside_nav{ order: 1000; width: 100%; margin-top: 3rem; padding-top: 3rem; border-top: solid 5px rgba(0,0,0,0.2);}
	#inside_nav + .right_per_detail{ margin-top: 0; }
	.right_column{ width: 100% !important;}
}


.ec-expandme > a {
    text-decoration: none;
	text-underline-position: auto;
    color: #000;
    transition: all 0.3s;
    font-weight: 700;
    letter-spacing: 0.97px;
    line-height: 24px;
    border-bottom: 2px solid #ccc;
    width: 100%;
    display: block;
    padding-bottom: 0.5rem;
}

.expanded-text {margin:1.5rem 0 3rem 0;}


.left_column > aside{ margin-right: 44px; width: 14rem;}
.middle_column,.inner_content_wrapper{ flex:1;}
.right_column{ width: 20%;min-width:20%;}

/* inside page typography*/
#right_within p,#right_within ul li,#right_within ol li{ font-size:0.8rem;}
#right_within ul,#right_within ol{padding-left: 1rem;}
.middle_column, #right_within ul,#right_within ol{line-height:1.2;}
.middle_column ul li,.middle_column ol li, #right_within ul li,#right_within ol li{margin-bottom:0.7rem;}
#right_within ul li,#right_within ol li{margin-bottom:0.5rem;}

#main_container img{border-radius:8px;width: auto;}


/* inside buttons */
#main_container .button_container{ display: inline-block;}
.right_column .button{ max-width: 100%; white-space: normal;}
.inside h1,.inside h2,.inside h3,.inside h4,.inside h5,.inside h6{margin-top:0;margin-bottom:1rem;}

#right_within h1{ font-size: 3rem;}
#right_within h2{ font-size: 1.7rem;}
#right_within h3, .tool_headline1{ font-size: 1.5rem; }
#right_within h4, .tool_headline2{ font-size: 1.2rem;  }
#right_within h5{ font-size: 1rem;}
#right_within h6{ font-size: 0.8rem; }

/* inside content editor images shape and caption */

/* inside content editor images with floats */
.middle_column .detail_padding img[style*="float:left;"]{ margin: 0 2rem 2rem 0 !important;}
.middle_column .detail_padding img[style*="float:right;"]{ margin: 0 0 2rem 2rem !important;}
.detail_padding img{ border-radius: 8px;}
.slideshow_caption { width: 75%; margin: auto; }
.detail_padding figure.image{ margin: 2rem 0; position: relative;}
.detail_padding figure.image img{ display: block; width: calc(100% - 2rem); height: auto; margin: 0 auto; position: relative; z-index: 2;} 
.detail_padding figure.image .editor_image_container + .caption, .detail_padding figure.image .editor_image_container + figcaption{ margin-top: 1rem;}
.detail_padding figure.image .caption, .detail_padding figure.image figcaption{ font-size: 0.8333333333333333rem; color: rgba(0,0,0,0.8);}

/* banner area */
.banner{ position: relative; width: 100%; background: var(--primary1-color);}
.banner > .wrapper{ position: relative;}
.banner.has_photo{ background: #fff;}
.banner h1.page_title { margin: 0; font-size: clamp(30px,3vw,40px); color: #fff;}
.banner.has_photo h1.page_title{ text-align: start;line-height: 1.2;max-width: 608px;}
.banner_photo_container{ overflow: hidden; border-radius: 0px;}
.banner_photo_container img{ width: 100%; height: 100%; object-fit: cover;min-height: 200px;}
.banner_content{ position: relative; z-index: 2; margin: 0;padding: 2rem 0;}
/*.banner_content > *{ width:50%;  }*/
.banner.has_photo .banner_content{ gap:3rem;}

.banner_image_title{ position:absolute;	width:100%;	height:100%;top:0;left:0;display: flex;}
.banner_image_title > .wrapper {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
}
.banner_image_title > .wrapper *{ color:#fff;}

.page_desc {font-size: clamp(16px,3vw,18px);line-height: 1.2;width: 90%;margin-top: 1rem;max-width: 608px;}

.breadcrumbs_section{background:var(--primary2-color);}
.breadcrumbs{ margin: 0.5rem 0; display: flex; align-items: center; justify-content: flex-start; flex-flow: wrap; position: relative;z-index: 2;}
/*.breadcrumbs *{color: var(--primary3-color);font-weight: 500;}*/
.breadcrumbs svg *{fill:#000;}

.breadcrumb_item a{text-decoration: none; font-weight: 600; line-height:1.2; opacity: 0.8; color: #000; vertical-align: middle;font-size: 0.75rem;text-transform: uppercase;}
.breadcrumb_item a:hover{text-decoration: underline; text-decoration-color: #000;}
.breadcrumb_divide{ font-size: 0; vertical-align: middle; margin: 4px 0.7rem 0 0.7rem;}
.breadcrumb_divide svg{ height: 10px; width: auto; vertical-align: middle; opacity: 0.8;}
.breadcrumb_item{display:flex;}

/** inside menu **/
#inside_nav + .right_per_detail{ margin-top: 4rem;}
#menu ul{ list-style: none; margin: 0; padding: 0;}
#menu > ul{ border-left: solid 2px #ccc;}
#menu ul li a{ margin: 0.75rem 0 0.75rem 0;}
#menu > ul > li:first-child a{ margin-top: 0;}
#menu > ul > li:last-child a{ margin-bottom: 0;}
#menu ul ul{ margin-left: 1.5rem;}
#menu ul li a{ text-decoration: none; display: inline-block; padding-left: 1.5rem;}
#menu > ul > li > a{ font-size: 1.1rem; font-weight: 500; position: relative;line-height: 1.2;}
#menu > ul > li > a:hover{ border-left: solid 4px var(--primary3-color); }
#menu ul li li a{ font-size: 1rem; font-weight: 400;}
#menu ul li li li a{ font-size: 0.8333333333333333rem; font-weight: 400;}
#menu ul li li a:hover, #menu ul li li li a:hover{ text-decoration: underline;}
.inside #inside_nav .has_children_2 ul {border-left: solid 2px #ccc; }


.inside blockquote {
    position: relative;
}

.inside blockquote::before {
    content: "\201C";
    background: var(--primary2-color);
    font-family: var(--ccc-font);
    font-size: 52px;
    width: 52px;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: -30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    line-height: 1;
    left: 4.5rem;
	padding: 18px 0 0 0;
    height: 38px;
}

.inside .slideshow_caption {
    max-width: 60%;
    font-size: 0.8rem;
	line-height: 1.2;
}
.inside .detail_padding.detail_slide_jquery {
    margin: 2rem auto;
}


/********* HOME PAGE **************/

section_title{ text-align: center;}

/* hero */
.hero{ position: relative; background: var(--primary1-color);}
.hero_title{color:#fff;}
.hero-body-text{color:#fff;letter-spacing: 0.28px;line-height: 1.3;font-size: clamp(18px,1.8vw,25px) !important;}
.hero.has_hero_video.no_hero_text{ max-height: 50vh;min-height: 600px;}
.hero.has_hero_video .hero-body-text { max-width: 90%;margin: 0rem auto 1rem; text-align: center; font-size: 1rem !important; margin-top: 1rem;}
.hero_image_slideshow, .hero_video{ position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; opacity: 1; z-index: 0; overflow: hidden;}
.hero_image_slideshow *{ height: 100% !important;}
.slide_img_item{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.hero_image_slideshow img, .hero_video video{ width: 100%; height: 100%; object-fit: cover;}
.hero_video video{ opacity: 0.2;}
.hero_text_slideshow{padding: 1rem;}
.slick-track{display:flex !important;align-items:center !important;}
.hero_slideshow_container, .hero_video_text_container{ position: relative; z-index: 2; height: 75vh;min-height: 600px;display:flex;align-items:center;}
.hero_video_text_container{display: flex; align-items: end;justify-content: center;}
.hero.has_hero_video .hero_title{margin-top: 0;text-align: center;}
.slide_text_item{ text-align: left;margin-block-end: 2rem;}
.hero_video_text_container .slide_text_item{ text-align: center;margin-block-end: 2rem;}
.hero_video_text_container h2{ margin:auto;}
.hero_nav{ position: absolute; z-index: 2; bottom: 5%; left: 7%; transform: translateX(-50%); display: flex; align-items: center;}
@media screen and (max-width:960px){ .hero_nav{left: 12%;} }
@media screen and (max-width:767px){ .hero_nav{left: 19%;} }

.hero_arrow,.news_arrow,.stats_arrow{ background: var(--primary1-color); border: none; font-size: 0; cursor: pointer; aspect-ratio: 1/1;padding: 1rem;}
.hero_arrow svg,.news_arrow svg,.stats_arrow svg{ height: 20px; width: auto;}
.hero_arrow svg *,.news_arrow svg *,.stats_arrow svg *{ fill: #fff !important;}
.hero_arrow:hover,.news_arrow:hover,.stats_arrow:hover{background: var(--primary2-color);}
.hero_arrow:hover svg *,.news_arrow:hover svg *,.stats_arrow:hover svg *{fill: var(--primary1-color) !important;}
.hero_arrow.hero_prev,.news_arrow.news_prev,.stats_arrow.stats_prev{ order: 1;}
.hero_arrow.hero_next,.news_arrow.news_next,.stats_arrow.stats_next{ order: 3;}
.hero_nav .slick-dots{ list-style: none; margin: 0 1rem; padding:0; display: flex; order: 2; align-items: center;}
.hero_nav .slick-dots li button{ font-size: 0; background: #C1C7CA; height: 1px; width: 60px; transition: all 0.3s; border: none; cursor: pointer; display: flex;}
.hero_nav .slick-dots li.slick-active button, .hero_nav .slick-dots li:hover button{ height: 3px; background: var(--primary2-color);}
.hero_link.button span.button_icon svg *{fill: var(--primary2-color) !important;}

/* events */
#real_story_heading > .wrapper, .events_container > .wrapper{ flex-direction: column; align-items: center;display: flex;}

.panel-comp,.events_container, section#real_story_heading { margin: 4rem 0 0 0; }

.events_container .section_title{margin:2rem 0 3rem; text-align: center;font-size: 2.4rem;} 

.events_group{ display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; row-gap: 1rem;margin:2rem auto;}
@media screen and (max-width:960px){
.events_group{ grid-template-columns: 1fr; grid-auto-flow: row;}
}



.event_item{ width: 100%; margin-bottom: 1.3rem; justify-content: flex-start;align-items: center;align-items: flex-start; align-items: start; padding-top: 1rem;}

.event_item .event_desc{ margin-top:0.5rem;font-weight:500;}
.event_title {font-size: 1.35rem;letter-spacing: 0.27px;}
.event_title a {text-decoration: none;font-weight: 700;color:var(--primary1-color);}
.event_title a:hover {color:var(--ccc-black);}
.event_item .date_container { padding: 1rem; text-align: center; border-radius: 50%; aspect-ratio: 1 / 1; margin-right:1.5rem; min-width: 32.35px;}
.date.mm{font-weight: 400;color: var(--primary3-color);text-transform:uppercase;line-height: 1;; font-size: 0.8rem;}
.date.dd{font-weight: 600;line-height: 1;}
.event_item .date{ margin: 0; padding: 0; white-space: nowrap;color: inherit;}
.event_item .time{ font-weight:600;}
.event_button{text-align: center; margin-top: 1rem}
.event_button .button{ background: rgba(var(--primary3-rgb-color),0.8); color: var(--primary3_overlay);}
.event_button .button:hover{ background: rgba(var(--primary3-rgb-color),1);}
.event_button .button span.button_icon {background: var(--primary3-color);}
.event_button .button span.button_icon svg *{fill: var(--primary3_overlay) !important; }
.banner_content h1{position:relative;}


/* home stats */
.home_stats{ position: relative; padding: 4rem 0; background: #fff;}
.home_stats.editor_only{ padding: 6rem 0;}
.home_stats.has_video{ padding: calc(272.5px + 3.444rem) 0 5.77rem 0;}
.inside_bg_container,.stats_bg_container{ 
	position: absolute; 
	width: 100%; height: 100%; 
	top: 0; left: 0; 
	z-index: 1;     
}

.inside .expand-container a span { font: normal normal normal 14px/1 FontAwesome !important; }

.inside_bg_container img, .stats_bg_container img{ display: block; width: 100%; height: 100%; object-fit: cover;filter: sepia(100%) saturate(518%) brightness(100%) hue-rotate(337deg); opacity: 0.8;}
.home_stats > .stats_content{ position: relative; z-index: 2; text-align: center; display:flex;justify-content: space-between;gap:2rem;align-items: center;}
.stats_left{ max-width: 507px; margin: auto;}
.stats_right{display: flex;justify-content: center;align-items: center;}
.home_stats > .stats_content *{ color: #000;}
.stats_show_wrapper{position: relative;}
.stats_text_container + .stats_container{ margin-top: 2rem; max-width: 350px; margin: auto;}
.stats_nav{position: absolute; bottom: 10%; left: -52.5px; display: flex; flex-direction: column;}
.stats_content{position: relative; z-index: 2; text-align: center;display: flex; gap: 2rem;}
.home_stats .slick-slide img{border-radius: 7px;}
.stats_text_container > h2{font-size:clamp(2rem,3.8vw,3.4rem);max-width: 23ch;}
.stats_image_slideshow{max-width:100%;}
.stats_container{ justify-content: space-around; align-items: center; display: grid; grid-template-columns: auto auto; gap: 1rem;}
.stat_item{ box-sizing: border-box; text-align: center;padding: 1.5rem;}
.stat_item:last-child{ border-right: none;}
/*.stat_item > h3{ font-size: clamp(2rem,3.8vw,3.4rem);}*/
.stat_item p{ margin: 0; padding: 0;}
.staff_sec .sort_box .sortby-select li {padding: 1em 0;}
.sort_box ul li{ margin-bottom: 0;}

/* home announcements */
.home_announcements{ padding: 5rem 0 3.055555555555556rem 0;}
.news_feed_container{ margin-left: -1rem; }
.home_announcements h2 + .news_feed_container{ margin-top: 3rem;}
.home_announcements .section_title{text-align: left; margin-right:2rem;font-size: 2.4rem;}
.news_item{ padding: 0 0.5rem;}
.news_item h4 a{ text-decoration: none;}
.news_button{margin-bottom: 3px;}
.news_img_container{  overflow: hidden; position: relative; padding: 0.75rem; height: 273px; width:auto; display: flex; align-items: center; justify-content: center; border-radius: 7px;} /** edited on 11-8-21 by WA **/

.news_img_container a{display: block; width: 100%; height: 100%;}
.news_img_container.no-img{ margin: 0.75rem; padding: 0.75rem; background: var(--primary1-color);box-sizing: border-box;}
.news_img_container img{ background: #fff; position: relative; z-index: 2; border-radius: 4px;}  /** edited on 11-8-21 by WA **/
.news_item .background_color{ position: absolute; top: 0.75rem; left: 0.75rem; width: calc(100% - 1.5rem); background: var(--primary1-color); height: calc(100% - 1.5rem); z-index: 1; border-radius: 4px;}
.news_img_window{ overflow: hidden; border-radius: 4px; height: 100%; width: 100%; z-index: 2; display: block; position: relative;}
.news_img_container.no-img a{ display: flex; align-items: center; justify-content: center;}
.news_img_container a img, .news_img_window img{ object-fit: cover; width: 100%; height: 100%;}
.news_img_container.no-img a img{ object-fit: contain; width: auto; height: 20%; max-width: 90%;}
.news_img_container.no-img img{ background: none; padding: 0;}  
.news_img_container img{ position: relative; z-index: 2;}
.news_item_content{ padding: 1rem 0.75rem 0;}
.news_title{margin-top:0;}
.news_title > a{text-decoration: none;font-size: 1.8rem;line-height: 1.2;margin-top:0;}
.news_slider_nav{ margin-top: 3rem; display: flex; align-items: center; justify-content: center;}
.news_arrow.slick-disabled{ opacity: 0;}
.news_slider_nav .slick-dots{ list-style: none; margin: 0 1rem; padding:0; display: flex; order: 2; align-items: center;}
.news_slider_nav .slick-dots li button{ font-size: 0; background: #C1C7CA; height: 1px; width: 60px; transition: all 0.3s; border: none; cursor: pointer; display: flex;}
.news_slider_nav .slick-dots li.slick-active button, .news_slider_nav .slick-dots li:hover button{ height: 3px; background: var(--primary2-color);}

/* home image gallery */
.home_gallery{ padding: 2.5rem 0;overflow: hidden;}
.home_gallery_carousel{display: flex;}
.home_gallery h2 + .home_gallery_carousel{ margin-top: 3rem;}
.home_gallery_item{ padding: 0 1rem; width:100%;}
.tile_title{padding-top: 1rem;font-size: 1.8rem;line-height: 1.2;margin-top:0;}
.gallery_img{ overflow: hidden; display: block; position: relative; border-radius: 7px;}
.gallery_img img{ display: block; width: 100%; height: 100%; transition: all 0.3s;object-fit: cover;}
.gallery_item_button{ width: calc(100% - 2rem); border-radius: 0 0 4px 4px;}
.home_gallery_slider_nav{ margin-top: 3rem; display: flex; align-items: center; justify-content: center;}

/* home cta section */
.home_cta{ position: relative; background: #000; padding: 5rem 0; text-align: center;}
.home_cta.no_bg{ background: none;}
.cta_bg_container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0.25;}
.cta_bg_container img{ display: block; object-fit: cover; width: 100%; height: 100%;}
.home_cta > .wrapper{ max-width: 970px;}
.home_cta_content{ position: relative;}
.home_cta_content h3{ color: #fff;}
.home_cta_content p{ color: #fff;}
.cta_buttons_container{ text-align: center; margin-top: 1.5rem;}
.cta_buttons_container .button span{ position: relative; z-index: 1;}
.cta_buttons_container .button::before{ z-index: 0; opacity: 0.2; transition: all 0.3s;}
.cta_buttons_container .button:hover::before{ opacity: 0;}
.cta_buttons_container .button:first-child{ background: rgba(var(--primary3-rgb-color),1); color: var(--primary3_overlay);}
.cta_buttons_container .button:first-child:hover{ background: rgba(var(--primary3-rgb-color),1);}
.cta_buttons_container .button:first-child span.button_icon{ background: var(--primary3-color);}
.cta_buttons_container .button:first-child span.button_icon svg, .cta_buttons_container .button:first-child span.button_icon svg *{ fill: var(--primary3_overlay) !important;}
.cta_buttons_container > .button + .button{ margin-left: 1.5rem;}

/** faculty table fix - added on 7-6-21 by WA **/
.staff_sec table{ font-size: 16px;}
.dir-head-link{ font-weight: 600;}

/** sidebar mini cal fix - added on 7-23-21 by WA **/
.detail_minical .calendar_grid{ font-size: 13px;}

/** sidebar announcements expand font size fix - added on 8-27-21 by WA **/
.expand-container span{ font-size: 1rem !important; line-height: 155% !important; color: #151210 !important; font-weight: 400 !important; font-family: 'Jost', sans-serif !important;}

/* added on 9-15-21 by WA - reduce font size of right sidebar calendar */
.calendar_list{ font-size: 0.8rem;}
.staff_sec .sort_box .sortby-select a {color: #ffffff;}
.staff_sec .sort_box .sortby-select a:hover {text-decoration: underline!important;}
.staff_sec .sort_box .sortby-select li {line-height: 100%!important;}
.detail_profiles .staff_header .profile ul li a {color: #ffffff!important;}
.detail_profiles .staff_header .profile ul li a:hover {text-decoration: underline!important;}
.home_brands{padding:3rem 0;background: var(--primary1-color);}
.home_brands > .wrapper{background: #fff; padding: 3rem 0; max-width: 100%; width: 100%;}
.home_brands .section_title{text-align: center;font-size: 2.4rem; width: 70%;
    margin: 0 auto 4rem;}
.logo_item figure { height: 65px; width: auto; margin: 0 1rem; }
.logo_item figure img { max-width: 100%; height: 100%; object-fit: contain; }

/********* MEDIA QUERIES **************/

@media all and (max-width: 1100px){
	.nav_panel{ position: fixed; right: -110%; top: 112px; width: 100vw; height: 100vh; transition: all 0.3s; z-index: 1000;}
	.nav_panel.open{ right: 0;}
	html.open_nav{ overflow: hidden;}
	.header_qlinks {width: 90vw !important;}
	.header_qlinks{ width: 100%;padding: 0rem 1rem;}
	.header_button{display: inherit;text-align: center;padding: 0.5rem 0;}
	.quicklinks_container,.header_qlinks{width:100%;}
	.nav_panel_content{ max-height: calc(100vh - 50px); overflow: auto;}
	.header_top{ padding-top:1rem; height: 50px; display: flex;}
	.header_bottom_bar {display: flex;}
	.header_search_form_container{display:none;}
	
/*	.header_bottom_bar{ padding: 1rem 0;}*/
	
	.header_top, .header_search_container, .contact_label{ display: none;}
	.header_top .wrapper{ justify-content: center; width: 98%;}
	.header_email, .header_phone{ max-width: 50%; overflow: hidden; text-overflow: ellipsis;}
	.logo{ max-width: calc(100% - 2rem - 50px);}
	.header_right_container{ margin-left: 0;height: 60px;}
	.mobile_top_row{ display: flex; align-items: center; justify-content: space-between; margin: 1rem auto; width: 90%;}
	.mobile_search_container{ width: calc(100% - 1rem - 50px);}
	.header_search_form_container{ display: flex; border: solid 1px #C1C7CA; border-radius: 3px; }
	.header_search_form_container legend{ display: none;}
	.header_search_form_container fieldset{ border: none; padding: 0; margin: 0;}
	.header_search_form_container input[type=search]{ padding: 10px 5px; font-family: 'Jost', sans-serif; font-size: 0.7777777777777778rem; border: none; width: 100%;}
	.header_search_submit{ background: none; border: none; font-size: 0; cursor: pointer; order: 2;}
	.header_search_submit svg, .header_search_submit svg *{ fill: var(--primary1-color) !important;}
	.header_search_form_container form{ order: 1; width: calc(100% - 2rem);}
	.mobile_bottom_row{ margin: 0; background: var(--primary1-color); padding: 0.7rem 0;}
	.utility_nav{ display: flex; flex-direction: row; margin: 0 auto; width: 90%; justify-content: end;gap:1.5rem;}
	.utility_nav a{ display: inline-block; padding: 0.25rem 0; margin: 0.25rem 0; text-decoration: none; color: var(--primary1_overlay); font-size: 0.8rem;letter-spacing: 1.29px;
    text-transform: uppercase; font-weight: 600; line-height: 1.2;}
	
	/** INSIDE PAGES **/
	.middle_column.with_right{ width: calc(100% - 237px); }
	#main_container .button{ padding-left: 1rem;}
	#main_container .button span.button_icon{ margin-left: 1rem;}
	
/*	copied SEARCH*/
	/* search */
.search_container{ overflow: hidden; display: flex; align-items: center; height: 100%; position: relative;}
.search_button{ position: relative; padding: 0 0 0 0.5rem; background: var(--main-dark-color); z-index: 1; cursor: pointer; display: flex; height: 100%; align-items: center;}
.search_container .search_button svg, .search_container .search_button svg *{ fill: var(--primary1-color) !important;}
.search_form_container{ position: absolute; height: 100%; width: 290px; background: #fff; right: 0; top: 0; transform: translateX(100%); z-index: 0; transition: all 0.3s; display: flex; align-items: center; opacity: 0;}
.search_form_container form{ border: none; padding: 0 0 0 1rem; margin: 0; font-size: 1rem;z-index: 0;}
.search_form_container form fieldset{ padding: 0; margin: 0; border: none;}
.search_form_container legend{ display: none;}
.search_form_container form input{ 
    background: transparent;
    border: none;
    appearance: none;
    font-family: var(--ccc-font);
    padding: 9px 5px 5px 13px;
    font-size: 1rem;
	width: 85%;
	}
.search_form_container form ::placeholder{ color: #757575; font-family: 'Poppins', sans-serif;}
.search_form_container button{ font-size: 0; border: none; background: #fff; display: flex; height: 100%; align-items: center; padding: 0 1rem;}
.search_form_container button svg, .search_form_container button svg *{ fill: #3A3B47 !important;}

.search_button span svg{ vertical-align: middle;}

.search_button span svg, .search_button span svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/

.close_search{ display: none;}

.search_container.active{ overflow: visible;}
.search_container.active .search_form_container{ transform: translateX(-2.5rem); opacity: 1;margin-right: 17px;}
	
	
.search_container.active > .togglemenu{display:none;}
.togglemenu.active .open_search{ display: none;}
.togglemenu.active .close_search { display: block; }

.search_container.active .open_search{ display: none;}
.search_container.active .close_search{ display: block; }
	
.search_form_container{
  background: 90% 50% / contain no-repeat url("custom/icons/search.svg");
  background-size: 20px;
}
.search_form_container::before{	content:"";	position:absolute;top:0;left:0;	width:100%;height:100%;	border:3px solid #bfbfbf;border-radius:50em;display: block;	}
	
.search_container.active .close_search{background: var(--primary1-color);border-radius: 50%;padding: 10px 12px;}
.search_container.active .close_search svg *{fill:var(--primary1_overlay) !important;}
	
.nav_panel.open #topnav > li > .drop_level2_wrapper > ul{border-left: none;width: 100%; margin-left: 0;}
	
.nav_panel.open #topnav > li > .drop_level2_wrapper > ul > li{border-bottom: 1px solid #cccccc;padding: 0 0 0 48px;}
	
.nav_panel.open #topnav > li > .drop_level2_wrapper > ul > li > a{ width: 90%; padding: 0.8rem 0;}
.nav_panel.open #topnav > li > .drop_level2_wrapper  .drop_level2_wrapper > ul { margin-bottom: 20px;}
.nav_panel.open #topnav > li > .drop_level2_wrapper  .drop_level2_wrapper > ul > li > a{ padding: 5px 0;}
	
/*	copied SEARCH*/
		
}

.move_right{transform: translateX(30px);}
.move_left {left: 0;transform: translateY(-2px);}
.open_nav .nav_panel_content #mainnav{margin-bottom:2rem;padding-bottom: 2rem;}

@media screen and (max-width:700px){
.search_active .logo{visibility: hidden;}
}
@media screen and (max-width:600px){
	.inside_bg_container{top: 123px;}
}
@media screen and (min-width:600px) and (max-width:960px){
	.inside_bg_container{top: 32px;}
}

@media all and (max-width: 970px){
	.section1_video_container{ margin-bottom: -25%;}
	.home_stats.has_video{ padding: calc(25% + 3.444rem) 0 3rem 0;}
}
@media all and (max-width: 960px){
	
	.slide_text_item{ width: 90%; max-width:100%;}
	#main_container > .wrapper.mc{flex-direction: column;}
	#main_container > .wrapper.mc .left_column{order:2;}
	#main_container > .wrapper.mc .outer_content_wrapper{order:1;}
	.banner_content > *{ width:100%; }
	.banner_content > *{width:100%;}
	.banner_content{flex-direction: column;}
	.banner_content > .banner_left{width:100%;}
	.banner_content > .banner_right{width:100%;}
	.inside .banner_content h1::before{left: 50%; transform: translateX(-50%);}
	.inside .page_desc { width: 100%;margin-bottom: 0;}
	.banner .page_title{text-align:center;}
	.events_group{width:100%;}
	.school_name {text-align:center;}
	.footer_center { width: 100%; }
	.stat_item:nth-child(1){ border-bottom: solid thin rgba(255,255,255,0.25);}
	.stat_item:nth-child(2){ border-bottom: solid thin rgba(255,255,255,0.25); border-right: none;}
	.stat_item:nth-child(4){ border-right: none;}
	.section1_video_container.no_overlay{ margin-bottom: 3rem;}
	.cta_buttons_container{ display: block; text-align: center;}
	.cta_buttons_container > .button + .button{ margin-left: 0; margin-top: 1.5rem;}
	
	/*** FOOTER ***/
	.footer_top > .wrapper, .footer_links_container{ flex-direction: column; justify-content: center; align-items: center;}
	.footer_logo{ justify-content: center;}
	.footer_left, .footer_right{ display: none;}
	.footer_social_icons, address > .flex{ justify-content: center;}
	.footer_nav_col{ margin: 0; }
	.footer_left + .footer_right, .footer_nav_col + .footer_links_col{ margin-top: 2.5rem;}
	.footer_social_icons svg{ height: 32px;}
}

@media all and (min-width: 767px){

	.hero_title{ margin:0;text-align:left;width: 25ch;}
	.hero-body-text{margin: 1rem 0;text-align:left;width: 35ch}
	.gallery_img{aspect-ratio: 478 / 348;}
	.stats_left{padding-left: 52.5px;}
	.stat_item > h3 {
    font-size: clamp(2rem,3.8vw,3.4rem);
	}
}


/* Mobile and Tablet */
@media all and (max-width: 767px){
	.footer_bottom{min-height: 230px;}
	.inner_content_wrapper{flex-direction: column;}
	.right_column .right_tools{width:100%;}
	a.gototop{ top: 8rem;}
	/* mobile font styles */
	.tool_headline1{ font-size: 2.5rem; line-height: 1.2; font-weight: 400; letter-spacing: 0;}
	h4{ font-size: 1rem; line-height: 144%;}
	p.large{ font-size: 1.111111111111111rem; line-height: 150%; }
	.title_link_pair{justify-content: space-between;flex-flow: wrap;}
	.home_stats .slick-slide img{margin: auto;}
	.stats_text_container{display:none;}	
	.stats_text_container + .stats_container{margin-top: 0;}
	.stats_text_container h3{display:none;}
	.stat_item > h3 {font-size: 3.5rem;}
	.stats_left { padding-left: 0; }
	.stats_nav{position:relative;flex-direction:row;justify-content: center;bottom:auto;left:auto;}
	.home_stats > .wrapper{ flex-direction: column;}
	.stats_left, .stats_right{ max-width: 100%;}
	.nav_panel_content{ max-height: calc(100vh - 150px); overflow: auto;}
	.tile_title {margin-top: 0;}
	.stat_item {padding: 1rem;}

	/** INSIDE PAGES **/
	.middle_column.with_left{ width: 100%;}
	.left_column{ margin-left: 0; width: 100%; margin-top: 3rem; padding-top: 3rem; border-top: solid 5px rgba(0,0,0,0.2);}
	

	.home_gallery_carousel{ flex-direction: column; align-items: center; gap:1.5rem;}
	
	/** HOME PAGE **/
	
.hero_slideshow_container, .hero_video_text_container{ height:70vh;}
	
	.hero_title{ margin:0 auto;}
	.hero-body-text{margin: 1rem auto;}
	
	.hero.has_hero_video p.large{ margin: 1rem auto 1rem; max-width: 90%; font-size: 14px;}
/*    .hero.has_hero_video {height: 973px;}*/
    .hero.has_hero_video .events_container {bottom: -319px; padding: 0;}
/*    .hero.has_hero_slideshow .button {letter-spacing: normal;line-height: 100%; }*/
    .hero.has_hero_slideshow .hero_slideshow_container {height:70vh;}
/*	.hero_nav{ width: 70%; top: 41vh;}*/
	.hero_nav .slick-dots{ width: 100%; justify-content: center;}
	.hero_nav .slick-dots li{ max-width: 6vw; width: 100%;}
	.hero_nav .slick-dots li button{ width: 100%;}
    .hero_arrow svg,.news_arrow svg{height: 25px;}
	.hero_text_slideshow {padding: 1rem;}
	.home_announcements{ padding: 3rem 0;}
	.news_slider_nav{ margin-top: 0;}
	.home_announcements .section_title + .news_feed_container{ margin-top: 1rem;}
	.news_slider_nav .slick-dots{ width: 100%; justify-content: center;}
	.news_slider_nav .slick-dots li{ max-width: 4vw; width: 100%;}
	.news_slider_nav .slick-dots li button{ width: 100%;}
	.gallery_slider_nav .slick-dots{ width: 100%; justify-content: center;}
	.gallery_slider_nav .slick-dots li{ max-width: 4vw; width: 100%;}
	.gallery_slider_nav .slick-dots li button{ width: 100%;}
	.home_gallery{ padding: 3rem 0;}
	.home_gallery h2 + .home_gallery_carousel{ margin-top: 1rem;}
	.home_cta{ padding: 3rem 0;}
	.cta_buttons_container > .button + .button{ margin-left: 0; margin-top: 1rem;}
	.gallery_item_button{ width: calc(100% - 1rem); padding: 0 0 0 1rem;}
	.button span.button_icon{ margin-left: 1rem;}
	.button span.button_icon svg{ width: 25px;}
	.credits{ justify-content: center; flex-direction: column;}
	.copyright + .credit_logo{ margin-top: 1rem;}
	
	/* inside buttons */
	#main_container .button_container{ display: block; text-align: center;}
	

}

/* SM 3.0 CSS */
.right_content img{margin-bottom:1.5rem;}
.tool_content, #inside_nav { font-family: 'Jost', sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
#sm3_body footer{ background: none !important; padding: 0; border: none !important;}
#sm3_body .page_heading_row h1{ font-family: inherit; text-transform: none;}
#sm3_body .main-section{ border: none !important;}