/* Main CSS for Wycliffe Signature Theme */

@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700,700i,400i&display=swap');
@import '../../_common/css/accred_logo.css';

/* Fonts 
	font-family: 'Fjalla One', sans-serif;
	font-family: 'Noto Sans', sans-serif;	
*/

/*
	Base Font Size used for calculating REMs: 17px
*/

/** Color Variables **/

html, body{ margin: 0;  overflow-x:hidden;overflow-y: auto;}
html{ font-size: 106.25%; font-family: 'Noto Sans', sans-serif;}

/** headings **/
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-family: 'Fjalla One', sans-serif;}

h1{ font-size: 3.529411764705882rem; line-height: 100%; text-transform: uppercase; font-weight: normal;}
h2{ font-size: 2.128823529411765rem; line-height: 135%; color: var(--color-base-1); font-weight: normal;}
h3{ font-size: 1.723529411764706rem; line-height: 132%; letter-spacing: 0.01em; font-weight: 700; color: #444444;}
h4{ font-size: 1.267058823529412rem; letter-spacing: 0.075em; line-height: 168%; color: #000000;}
h5{ font-size: 1.411764705882353rem; line-height: 150%; letter-spacing: 0.025em; color: var(--color-base-1); font-weight: normal;}
h6{ font-size: 1.165882352941176rem; line-height: 174%; letter-spacing: 0.1em; text-transform: uppercase; font-weight: normal;}

/* blockquotes */
/** Quotes **/
blockquote{ 
	display: block; 
	background: rgba(var(--color-rgb-1),0.15); 
	padding: 1.5rem 1.5rem 1.5rem 2rem; 
	margin: 2rem 0; 
	border-left: none;
	margin: 0 !important;
	font-style: italic; 
}
blockquote p{ margin: 0;}
/* p + blockquote{padding-top:0 !important;} */
blockquote > *{ 
	font-size: 1.22rem !important; 
	line-height: 136% !important; 
	font-family: 'Noto Sans', sans-serif;}

/* custom button */
.hero_button{ font-size: 0.9411764705882353rem; text-transform: uppercase; letter-spacing: -0.01em; font-weight: 700; display: inline-block; padding: 1.176470588235294rem 3.5rem; text-align: center; transition: all 0.3s; color: var(--color-base-1);}
.hero_button{ background: #fff; margin-top: 2rem;}
.hero_button:hover{ background: var(--color-base-1); color: var(--color-overlay-1);}

h1.home_page_title{ visibility: hidden !important; position: absolute; z-index: -999;}

/** General **/
.wrapper{ width: 93%; margin: 0 auto;}
.flex{ display: flex;}

fieldset{ border: none;}

p, .inside_page ul, .inside_page ol{ font-size: 1rem; line-height: 176%;}
a{ text-decoration: none; color: #000;}


.inside_page a{ font-weight: 700; }
.inside_page .middle_column ol a,
.inside_page .middle_column ul a,
.inside_page .middle_column p > a,
.inside_page .right_content a:not(.goto_date), 
.tile_content a, .right_per_detail a
{ text-decoration: underline; 	text-decoration-thickness: 2px;}
.detail_padding a:hover{ color: var(--color-base-1);}

#sm3_body .goto_date{
	text-decoration: none !important;
}

/*main{ padding-top: calc(10.82352941176471rem + 12px);}*/

/*************** HEADER ***************/
header{ width: 100%; position: relative; top: 0; left: 0; right: 0; z-index: 199; border-top: 10px solid var(--color-base-1); box-shadow: 0 8px 12px rgba(0,0,0,0.16); padding: 0;}

/** header top bar **/
.header_top{ height: 7.294117647058824rem; background: #ffffff; border-bottom: 2px solid #ebebeb; display: flex; align-items: center; position: relative;}

.header_top > .flex{ justify-content: space-between; align-items: center; height: 100%;}

/* logo */
.logo a{ font-size: 0;}
/* .logo img{ max-width: 385px; max-height: 95px;}  9-30-21 */
.fallback_logo {font-size: 1.723529411764706rem; line-height: 132%; letter-spacing: 0.01em; color: #444444; font-weight: 400; padding: 0; font-family: 'Fjalla One', sans-serif;}

/*EA 07/14/2023 Stop icons from moving off screen by making the logo flexible*/
.header_top > div > .logo {
    margin-right: 1rem;
}
.logo img {
    max-height: 97px;
    height: auto;
}

.header_right{ display: flex; align-items: center; height: 100%;}

/* header utility icons */
.header_icons{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center; height: 100%;}
.header_icons > li{ border-right: 1px solid #ebebeb; height: 100%; display: flex; align-items: center; position: relative;}
.header_icons > li:first-child{ border-left: 1px solid #ebebeb;}
.header_icons > li > a{ display: flex; height: 100%; padding: 0 1.882352941176471rem; transition: all 0.3s;align-items: center;}
.header_icons > li > a svg{ width: 30px; vertical-align: middle;max-height:30px;}
.header_icons > li > a svg, .header_icons > li a svg *{ fill: var(--color-base-1) !important;}

.header_logo .fallback_logo{ color: var(--color-base-1); margin: 0;}

/* info drop down (enhanced option) */
.info_dropdown{ position: absolute; display: none; top: 100%; right: 0; background: rgba(var(--color-rgb-1),0.92); max-height: calc(100vh - 7.294117647058824rem); overflow-y: auto; z-index: 2;}

@media all and (min-width: 767px){
	.info_icon:hover .info_dropdown{ display: block;}
	.header_icons > li > a:hover{ background: var(--color-base-2);}
	.header_icons > li > a:hover svg, .header_icons > li a:hover svg *{ fill: var(--color-overlay-2) !important;}
}

.header_icons > li > a.active{ background: var(--color-base-2);}

.info_dropdown ul{ list-style: none; margin: 0; padding: 1.411764705882353rem; width: calc(320px - 1.411764705882353rem - 1.411764705882353rem);}
.info_dropdown ul li{ margin-top: 1.411764705882353rem; position: relative; display: flex;}
.info_dropdown ul li:first-child{ margin-top: 0;}
.info_dropdown ul li a{ display: block; font-size: 1.058823529411765rem; letter-spacing: 0.01em; color: #fff; font-family: 'Fjalla One', sans-serif; text-decoration: none; font-weight: normal;}
.info_dropdown ul li::before{ content:">"; display: inline-block; opacity: 0; color: #fff; padding-right: 1rem;}
.info_dropdown ul li:hover::before{ opacity: 1;}

/* search */
.search_icon{ font-size: 0; padding: 0 10px 0 2rem;}
.search_icon svg{ width: 30px; align-self: center;} 

.search_form_container{ position: fixed; top: 0; right: 0; transform: translateY(-100%); transition: all 0.3s; background: var(--color-base-2); border-top: 10px solid var(--color-base-1); padding: 0 2rem; height: 7.294117647058824rem; width: 810px; max-width: 42%; display: flex; align-items: center; justify-content: center;}
.search_form_container form{ width: 100%;}
.search_form_container form fieldset{ display: flex; align-items: center;}
.search_form_container span.search_title{ color: var(--color-overlay-2); font-size: 1.411764705882353rem; font-family: 'Fjalla One', sans-serif; white-space: nowrap; font-weight: normal;}
.search_form_container form legend{ display: none;}
.search_form_container form input{ width: 100%; background: none; border: none; border-bottom: solid var(--color-overlay-2) 1px; padding: 0 1rem; font-size: 1rem; color: var(--color-overlay-2);}
.search_form_container button{ display: none;}

/** header nav bar (bottom bar) **/
.nav_bar{ display: flex; align-items: center; height: 3.529411764705882rem; background: #f9f9f9;}
.nav_bar > .wrapper{ display: flex; justify-content: flex-end; align-items: center; height: 100%;}


/*************** FOOTER ***************/
footer{ border-top: 2px solid var(--color-base-1); background: #fff;}

.footer_top > .wrapper{ justify-content: space-between; padding: 1.529411764705882rem 0; border-bottom: 2px solid rgba(var(--color-rgb-1),0.25);}

#footer_logo{ margin-bottom: 1rem;}
#footer_logo a{ font-size: 0;}

#footer_logo img{ max-width: 275px; max-height: 100px;} /* 9-30-21 */

.footer_top address{ font-size: 1.058823529411765rem; font-style: normal; letter-spacing: -0.025em; color: #000; }

.address_line{ display: block;}

footer .phone, footer .email{ margin: 1rem 0 0 0;}
footer .phone a, footer .email a{ text-decoration: underline; color: #000;}
footer .email a{ font-weight: 700;}

.footer_social{ text-align: right;}
.social_title{ font-family: 'Fjalla One', sans-serif; font-size: 1.588235294117647rem; text-transform: uppercase; letter-spacing: -0.01em; color: var(--color-base-1); font-style: normal; font-weight: normal;}
.footer_social_icons{ display: flex; justify-content: flex-end; margin-top: 0.5rem;}
.footer_social_icons a{ font-size: 0; margin: 0.5rem; padding: 0.5rem;}
.footer_social_icons a:last-child{ margin-right: -0.5rem;}
.footer_social_icons svg{ height: 30px; width: auto;}
.footer_social_icons svg, .footer_social_icons svg *{ fill: var(--color-base-1) !important; transition: all 0.3s;}
.footer_social_icons a:hover svg, .footer_social_icons a:hover svg *{ opacity: 0.7;}

.footer_links{ margin: 1.5rem 0 0 0; padding: 0; list-style: none; display: flex;}
.footer_links li:last-child{margin-left: 1rem;}
.footer_links .footer_button{ font-size: 0.9411764705882353rem; text-transform: uppercase; letter-spacing: -0.01em; font-weight: 700; display: inline-block; padding: 1.176470588235294rem 3.5rem; text-align: center; transition: all 0.3s;}
.footer_links .footer_button{ background: var(--color-base-1); color: var(--color-overlay-1); padding: 0.85rem 3.5rem; white-space: nowrap;}
.footer_links .footer_button:hover{ background: var(--color-base-2); color: var(--color-overlay-2);}

.accreditation{ margin-top: 2rem; justify-content: flex-end; align-items: center;}

.footer_logo .fallback_logo{ color: var(--color-base-1);} /* 10-4-21 */

.footer_bottom{ padding: 1rem 0;}
.footer_bottom > .wrapper{ justify-content: space-between; align-items: center;}
.footer_bottom p{ padding: 0; margin: 0; font-size: 0.8235294117647059rem; letter-spacing: 0.025em; color: #000;}

.footer_statement{ padding: 0 0 1rem 0; text-align: center;}
.footer_statement p{ padding: 0; margin: 0; font-size: 0.8235294117647059rem; letter-spacing: 0.025em; color: #000; color: rgba(0,0,0,0.5);}

footer .credit img{ max-height: 25px; width: auto; display: block; opacity: 0.5; transition: all 0.3s;}
footer .credit:hover img{ opacity: 1;}
.nce_logo img {max-height: 40px;}
.aware_logo img {max-height: 20px;}

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

/* Headings */

  .middle_column h2, .middle_column h5, 
  .right_per_detail h2, .right_per_detail h5 {
	color: var(--color-base-1);
  }

/** Banner Area **/
.banner{ position: relative; width: 100%;}

.banner img{ display: block; width: 100%; height: auto; position: relative; z-index: 1;}

.banner_overlay{ position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); z-index: 2;}

.banner_content{ position: absolute; left: 0; bottom: 7.5%; padding: 0 3.5%; width: 93%; z-index: 3;}

#page_heading{ position: relative; display: inline-block;}
.banner.has_photo #page_heading::after{ content:""; position: absolute; bottom: -0.5rem; left: 0; width: 100%; height: 50%; background: var(--color-base-1); display: block; z-index: 0;}

#page_heading h1{ color: #fff; position: relative; display: inline-block; z-index: 1;}

/* no banner image */
.banner.no_photo .banner_content{ position: relative; bottom: auto; left: auto; padding: 8.85416666666667vw 3.5vw 3.4375vw 3.5vw}

.banner.no_photo #page_heading h1{ color: var(--color-overlay-1);} /** color mode change **/

.banner_img_default{ background-color: var(--color-base-1); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* breadcrumns */
.breadcrumbs{ display: flex; margin-top: 2.352941176470588rem;}
.breadcrumbs a{ color: #fff; font-size: 0.9411764705882353rem; font-weight: 400; }
.breadcrumb_divide{ margin: 0 1rem;}
.breadcrumb_divide svg{ vertical-align: middle;}

.breadcrumbs .breadcrumb_item:last-child a, .breadcrumbs a:hover{ font-weight: 700;}

/* Main Container */
#main_container{ padding: 0 0 3.529411764705882rem 0;}

/* Page Layout */
.middle_column, .right_column{ display: inline-block; vertical-align: top; padding-top: 3.529411764705882rem;}

.middle_column{ width: calc(100% - 3.5vw); padding-left: 3.5vw;}
.full .middle_column{ width: 93%; padding-right: 3.5%; padding-left: 3.5%;}
.middle_column.with_right{ width: calc(100% - 524px - 3.5vw - 4.5vw - 5px); padding-right: 4.5vw;}

/* Right Sidebar */
.right_column{ width: 524px; box-sizing: border-box; border-left: solid thin #000;}

.right_content{ background: #fff; display: inline-block; width: calc(100% - 5.2rem); padding: 2rem 3rem 0 2.2rem;}
.right_per_detail{ background: #fff; padding-bottom: 4rem;}
.right_per_detail:last-child{ padding-bottom: 0; margin-bottom: 0;}
.right_per_detail img.custom_image{ width: 100%; display: block; height: auto;}

/* Inside Content - General */
.detail_padding img[style*="float:left;"]{ margin: 0 2rem 1rem 0 !important;}
.detail_padding img[style*="float:right;"]{ margin: 0 0 1rem 2rem !important;}

.button{ font-size: 0.9411764705882353rem; text-transform: uppercase; letter-spacing: -0.01em; font-weight: 700; display: inline-block; padding: 1.176470588235294rem 3.5rem; text-align: center; transition: all 0.3s;}
.button{ background: var(--color-base-1); color: var(--color-overlay-1) !important;}
.button:hover{ background: var(--color-base-2); color: var(--color-overlay-2) !important;}

/** Tool Headings **/

h3.toolhead{ font-family: 'Fjalla One', sans-serif; font-weight: normal; font-size: 2rem; color: var(--color-overlay-1); background: var(--color-base-1); padding: 1rem 3rem 1rem 2.2rem; border-bottom: 7px solid var(--color-base-2);}

.middle_column h3.toolhead{ margin-bottom: 1rem;}

/*****INSIDE PAGE TOOLS****/
.detail_minical .calendar_form .month_header,
.detail_minical .calendar_options,
.calendar_grid .calendar_grid_headings,
.detail_minical .calendar_grid td,
.calendar_nav,
.calendar_options,
.calendar_grid_day,
.calendar_list_title,
.calendar_list_date,
.slideshow_caption,
.number_pager,
.cycle_overlay,
.post-activity,
.form-item,
.form-label,
.color-button,
.responsive-form input[type="file"],
.responsive-form input, .responsive-form textarea, .responsive-form select,
.news-rss,
.blog_title_all,
.blogtags,
.signup-date,
.grouping-heading,
.login-menu,
.blog-row-header,
.blog-results-row,
.post-nav-left,
.blogattachment,
.header,
.dir-head-link,
.dir-head-back,
.dir-name,
.collapse-btn,
.expandme,
.group-details strong,
.back-to-top,
.profile,
.detail_profiles .staff_header .search_box input[type="text"],
.detail_profiles .popup_box .profile-name,
.detail_profiles .popup_box .profile-title,
.profile-contact,
.detail_profiles .profile-short,
.overlay_details span{font-family: 'Noto Sans', sans-serif;}

/** Inside Anchors **/
.detail_padding{ position: relative; display:inline-block;} 

.detail_padding.detail_announcements2 ul li .tool_headline2{ position: relative; left: 0;} 


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

/** General **/
h3.section_title{ font-family: 'Fjalla One', sans-serif; font-size: 2.470588235294118rem; letter-spacing: -0.01em; color: var(--color-base-1); font-weight: normal;}
.header_row{ justify-content: space-between; align-items: center; margin-bottom: 1.764705882352941rem;}

/*** Hero ***/

/* slideshow */

.hero{position:relative;}
.hero_slideshow_container{ display: block; width: 100%; position: relative;}
.hero_slideshow{ display: block; width: 100%; position: relative; z-index: 1;}
.hero_slideshow .slide{ width: 100%;}

.slide_left{ background: var(--color-base-2); align-items: center; height: 100%; width: calc(34.21875vw - 9.75vw); position: absolute; left: 0; top: 0; z-index: 2; padding: 0 6.25vw 0 3.5vw;}

.slide_right{ position: relative; z-index: 1; }
.hero_slideshow .slide img{ display: block; margin: 0 0 0 auto; width: 65.78125vw;}

.hero_arrows{ position: absolute; right: 0; bottom: 0; padding: 1rem 2rem; background: var(--color-base-1); display: flex; align-items: center; justify-content: center; z-index: 2;}
.hero_arrow{ background: none; border: none; appearance: none; padding: 0.5rem; margin: 0 0.5rem; transition: all 0.3s;}
.hero_arrow:hover{ opacity: 0.6; cursor: pointer;}

.hero_arrow svg, .hero_arrow svg *{ fill: var(--color-overlay-1) !important;}

h2.hero_title{ color: var(--color-overlay-2); font-size: 3.117647058823529rem; line-height: 113.2075471698113%; letter-spacing: -0.01em;}
.slide_content p{ color: var(--color-overlay-2); font-size: 1.176470588235294rem; line-height: 145%; letter-spacing: 0.01em; font-weight: 400; margin: 0; padding: 1.5rem 0 0 0;}

/** Tiles **/
.tiles{ position: relative; padding: 4.117647058823529rem 0 5.882352941176471rem 0;}

.tile_container{ display: flex;}
.tile{ margin-left: 5.5%; box-shadow: 0 18px 32px rgba(0,0,0,0.1); background: #fff; position: relative;}
.tile:first-child{ margin-left: 0;}

/* Flex Tiles by count */
.tile.tilecount_1{ margin: 0 auto; max-width: 480px;}
.tile.tilecount_2{ width: 50%;}
.tile.tilecount_3{ width: 33.33333333%;}
.tile.tilecount_4{ width: 25%;}

.tile img{ display: block; width: 100%; height: auto;}

.tile_content{ padding: 2.647058823529412rem 1.470588235294118rem; }
h3.tile_title, h3.tile_title a{ text-decoration:none; font-size: 1.764705882352941rem; line-height: 110%; font-family: 'Fjalla One', sans-serif; color: var(--color-base-1); font-weight: normal;}
.tile_content p{ margin: 0; padding: 1rem 0 0 0; font-size: 1rem; line-height: 153%; letter-spacing: -0.025em; color: #000;}
.tile_content p a{ font-weight: 700; color: #000;}
.tile_content p a:hover{ color: var(--color-base-1);}

.tile_container.four_tile .tile::before{ content:""; position: absolute; top: -4px; left: 0; z-index:2; background: var(--color-base-1); height: 1rem; width: 80%;}
.tile_container.two_tile .tile{ border-top: 1rem solid var(--color-base-1);}

/** Events and News Section **/

/* events */
.events{ width: calc(38.28125% - 3.5vw - 4.6875vw); padding: 3.764705882352941rem 4.6875vw 2.647058823529412rem 3.5vw; background: #f9f9f9;}
.events.full{ width: calc(100% - 7vw); padding: 3.764705882352941rem 3.5vw 2.647058823529412rem 3.5vw;}

.events .header_row a{ font-size: 1.058823529411765rem; font-family: 'Fjalla One', sans-serif; color: #000; letter-spacing: -0.01em; transition: all 0.3s; font-weight: normal; text-align: right; white-space: nowrap;}
.events .calendar_icon{ padding-right: 0.25rem;}
.events .header_row a svg{ transition: all 0.3s;}

.events .header_row a:hover{ color:var(--color-base-2);}
.events .header_row a:hover svg, .events .header_row a:hover svg *{ fill: var(--color-base-2) !important; transition: all 0.3s;}

.events_container{ justify-content: space-between; flex-flow: wrap;}
.event { width: calc(50% - 5% - 2rem); padding: 1rem; box-shadow: 0 18px 32px rgba(0,0,0,0.1); background: #fff; position: relative; border: solid rgba(0,0,0,0.15) 1px; /* display: flex; justify-content: space-between; */}
.event:first-child, .event:nth-child(3){ margin-left: 0;}
.event:first-child, .event:nth-child(2){ margin-bottom: 3.529411764705882rem;}

.date_bar{text-align: center; width: 3.25rem; display: inline-block; vertical-align: top;}
.date_bar .month{ color: #000000; font-weight: 700; font-size: 1.058823529411765rem; letter-spacing: 0.025em; line-height: 100%;}
.date_bar .date{ color: var(--color-base-1); font-weight: 700; font-size: 2.823529411764706rem; letter-spacing: -0.025em; line-height: 100%;}

.event_slider_container{ width: calc(100% - 3.25rem - 5px); position: static; overflow: hidden; display: inline-block; vertical-align: top;}
.event_slider_container .bx-wrapper{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: none; margin-bottom: 1rem;}

.event_content{ padding-bottom: 0.75rem;}
.event_content h6, .event_content h6 a{ color: var(--color-base-1); font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 1.058823529411765rem; letter-spacing: -0.01em; text-transform: none; line-height: 120%;}
.event_content h6 a:hover{ color: #000;}
.event_content span.time{ display: block; color: #000000; font-family: 'Noto Sans', sans-serif; font-weight: 400; font-size: 1.058823529411765rem; letter-spacing: -0.025em; line-height: 115%;}

.event_next, .event_prev{ font-size: 0; position: absolute; bottom: 0; right: 0; z-index: 100;}
.event_prev{ right: 32px;}
.event_next a, .event_prev a{ background: var(--color-base-1); border: none; padding: 10px; display: block;}
.event_next a:hover, .event_prev a:hover{ background: #000;}
.events_arrows .disabled{ visibility: hidden;}

.events_arrows svg, .events_arrows svg *{ fill: var(--color-overlay-1) !important;}

/* news - right side content */
.news_right{ width: calc(61.71875% - 3.5vw - 3.125vw); padding: 3.764705882352941rem 3.5vw 2.647058823529412rem 3.125vw; background: var(--color-base-2);}
.news_right.full{ width: calc(100% - 7vw); padding: 3.764705882352941rem 3.5vw 2.647058823529412rem 3.5vw;}

.news_right h3.section_title{ color: var(--color-overlay-2);}

/* announcements */
 
.announcements .header_row{ align-items: flex-end;}
.news_arrow{cursor: pointer; transition: all 0.3s;}
.news_arrow.news_prev{ padding-right: 0.5rem; margin-right: 1.5rem;}
.news_arrow.news_next{ padding-right: 0.5rem;}
.news_arrow svg, .news_arrow svg *{ fill: var(--color-overlay-2) !important;}
.news_arrow:hover svg, .news_arrow:hover svg *{ fill: var(--color-overlay-2) !important;}

.news_slider, .news_slider .slick-list{ overflow: visible;}
.news_slider *:focus{ outline: none;}
/* .news_slider::after{ content:""; position: absolute; top: 0; right: 0; width: 2.96875vw; background: var(--color-base-2); height: 100%;} */

.news_slider .slick-slide .news-item:last-child .news_content{ margin-left: 1.5vw; }
.news_slider .slick-slide .news-item:first-child .news_content{ margin-right: 1.5vw; }

.news-item{ vertical-align: top; margin-bottom: 2rem;}
.news-img-container{ width: 45%; position: relative;}
.news-img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.news_text{ padding: 1rem; width: 100%;}
.news_text.hasimg{ width: calc(57% - 2rem);}

h4.news_title, h4.news_title a{ color: var(--color-base-1); font-style: normal; font-family: 'Fjalla One', sans-serif; font-size: 1.294117647058824rem; line-height: 127%; font-weight: normal; letter-spacing: -0.01em; font-weight: normal;}
h4.news_title a:hover{ color: #000;}
.news_text p{ padding: 0.75rem 0 0 0; margin: 0; font-size: 1.058823529411765rem; color: #000; line-height: 133%; letter-spacing: -0.025em; }
.news_text p a{ text-decoration: underline; font-weight: 700; color: #000; transition: all 0.3s;}
.news_text p a:hover{ color: var(--color-base-1);}

.news_content{ background: #fff; box-shadow: 0 18px 32px rgba(0,0,0,0.1); min-height: 11.30208333333333vw;}

/*** Stories Section (Enhanced) ***/
.stories{ position: relative; width: 100%; padding: 4.470588235294118rem 0; }

.story_bg{ position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.1;}

/* links list option */
.links_list_section{ align-items: center; justify-content: space-between; position: relative; z-index: 1;}

.links_list_section .story_left{ width: 50%; position: relative;}
.links_list_section .story_left .story_img{ width: 63%; overflow: hidden; position: relative; z-index: 1; margin-top: 2rem;}
.links_list_section .story_left img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.story_message_container{ position: absolute; z-index: 2; top: 0; right: 0; width: 45%; background: var(--color-base-2); box-shadow: 0 18px 32px rgba(0,0,0,0.1);}
h3.story_message{ font-family: 'Fjalla One', sans-serif; font-size: 2.117647058823529rem; line-height: 139%; letter-spacing: -0.01em; color: var(--color-base-1); padding: 2rem; font-weight: normal;}

.story_right{ width: 45%;}

.story_links{ margin: 0; padding: 0; list-style: none; width: 100%;}
.story_links a{ font-size: 1.058823529411765rem; font-weight: 700; letter-spacing: -0.025em; display: block; color: #000; transition: all 0.3s; padding: 2rem 0; border-bottom: solid 1px #000; box-sizing: border-box;}
.story_links li:first-child a{ border-top: solid 1px #000;}
.story_links a:hover{ color: var(--color-overlay-1); background: var(--color-base-1); padding-left: 2rem;}

.story_links .hover_arrow{ display: none; padding-left: 2rem;}
.story_links a:hover .hover_arrow{ display: inline-block;}


/* video story option */
.video_story_section{ align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.video_story_section.full{ justify-content: center;}

.video_story_section .story_left{ width: 47%; position: relative;}
.video_story_section .story_left video, .video_story_section .story_left img{ display: block; width: 100%; height: auto; position: relative; z-index: 1;}

.video_story_section .play_button{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; transition: all 0.2s ease-in-out;}
.video_story_section .story_left .play_button:hover{ transition: all 0.2s ease-in-out;}

h4.videostory_subtitle{ font-size: 1.764705882352941rem; letter-spacing: -0.01em; font-style: normal; color: #444444; line-height: 125%; font-family: 'Noto Sans', sans-serif;}
.story_text{ padding: 1.5rem 0 0 0;}
.video_story_content .story_text p{ line-height: 147%;}
.video_story_content .story_text p:first-child{ margin-top: 0; padding-top: 0;}
.video_story_content .story_text p:last-child{ margin-bottom: 0; padding-bottom: 0;}

.video_story_content .button_container{ margin-top: 3.6vw;}
.video_story_button{ font-size: 0.9411764705882353rem; text-transform: uppercase; letter-spacing: -0.01em; font-weight: 700; display: inline-block; padding: 1.176470588235294rem 3.5rem; text-align: center; transition: all 0.3s;}
.video_story_button{ background: #fff; border: solid 1px #000; color: var(--color-base-1);}
.video_story_button:hover{ background: var(--color-base-1); border-color: var(--color-base-1); color: var(--color-overlay-1);}


.video_story_section .story_left .play_button {
    border-radius: 50%;
    background-color: rgb(var(--color-rgb-1));
    width: 15%;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_story_section .story_left .play_button svg{
   margin-left: 8px;
   height:45%;
   transition: transform 0.2s ease-in-out;
}
.video_story_section .story_left .play_button:hover svg{
	transform: scale(1.1);
 }
 

/* Mission Statement Section */
.mission_statement{ /* background-image: url(custom/images/mission_bg.jpg); */ background-color: var(--color-base-1); background-size: auto 100%; background-position: left; background-repeat: no-repeat; padding: 3.352941176470588rem 0;}

.mission_statement > .wrapper{ width: 70%; align-items: center;}

.mission_title{ border-top: solid 1px #fff; border-bottom: solid 1px #fff; margin-right: 2.6vw;}
.mission_title h2{ color: #fff; font-size: 3.529411764705882rem; padding: 2rem; white-space: nowrap;}

.mission_text h4{ color: #fff; font-size: 1.764705882352941rem; font-style: normal; letter-spacing: 0.01em; line-height: 133.33333%; font-weight: 400; font-family: 'Noto Sans', sans-serif;}


/** Bottom Grid Section **/

/* grid of 8 */
.grid_container.tool6a{ flex-flow: wrap;}
.grid_container.tool6a .grid_item{ width: 25%; position: relative; overflow: hidden;}

.grid_container .grid_item img{ display: block; width: 100%; height: auto; position: relative; z-index: 1;}

.grid_title_container{ position: absolute; bottom: 0; width: 100%; left: 0; z-index: 2; text-align: center; transition: all 0.3s; width: 100%;}
h3.grid_title{ font-family: 'Fjalla One', sans-serif; font-size: 1.529411764705882rem; letter-spacing: -0.01em; color: var(--color-overlay-1); z-index: 2; padding: 1rem; text-align: center; width: calc(100% - 2rem); position: relative; z-index: 2; font-weight: normal;}
.grid_container.tool6a .grid_item:nth-child(2n) h3.grid_title{ color: var(--color-overlay-2); transition: all 0.3s;}
.grid_container.tool6a .grid_item .grid_arrow{ visibility: hidden; transition: all 0.3s; position: absolute; z-index: 2;}
.grid_container.tool6a .grid_item .grid_arrow svg{ height: 1.352941176470588rem; width: auto;}

.grid_container.tool6a .grid_item:nth-child(2) .grid_arrow svg,
.grid_container.tool6a .grid_item:nth-child(2) .grid_arrow svg *,
.grid_container.tool6a .grid_item:nth-child(4) .grid_arrow svg,
.grid_container.tool6a .grid_item:nth-child(4) .grid_arrow svg *{ 
	fill: var(--color-overlay-2) !important;
}

.grid_overlay{ position: absolute; z-index: 1; width: 100%; height: 100%; top: 100%; left: 0; background-color: rgba(var(--color-rgb-1),0.9); transition: all 0.3s;}
.grid_container.tool6a .grid_item:nth-child(2n) .grid_overlay{ background-color: rgba(var(--color-rgb-2),0.9);}
.grid_container.tool6a .grid_item .grid_title_container .grid_overlay{ transition: all 0.3s; top: 0; z-index: 1;}

/* row two colors */
.grid_container.tool6a .grid_item:nth-child(6) .grid_overlay,
.grid_container.tool6a .grid_item:nth-child(8) .grid_overlay{ 
	background-color: rgba(var(--color-rgb-1),0.9);
}
.grid_container.tool6a .grid_item:nth-child(6) h3.grid_title,
.grid_container.tool6a .grid_item:nth-child(8) h3.grid_title{ 
	color: var(--color-overlay-1);
}
.grid_container.tool6a .grid_item:nth-child(6) .grid_arrow svg,
.grid_container.tool6a .grid_item:nth-child(8) .grid_arrow svg *{ 
	fill: var(--color-overlay-1) !important;
}
.grid_container.tool6a .grid_item:nth-child(5) .grid_overlay,
.grid_container.tool6a .grid_item:nth-child(7) .grid_overlay{
	background-color: rgba(var(--color-rgb-2),0.9);
}
.grid_container.tool6a .grid_item:nth-child(5) h3.grid_title,
.grid_container.tool6a .grid_item:nth-child(7) h3.grid_title{
	color: var(--color-overlay-2);
}

.grid_container.tool6a .grid_item:nth-child(5) .grid_arrow svg,
.grid_container.tool6a .grid_item:nth-child(5) .grid_arrow svg *,
.grid_container.tool6a .grid_item:nth-child(7) .grid_arrow svg,
.grid_container.tool6a .grid_item:nth-child(7) .grid_arrow svg *{ 
	fill: var(--color-overlay-2) !important;
}

/* hover state stuff */
.grid_container.tool6a .grid_item:hover .grid_title_container{ transition: all 0.3s; bottom: 50%; transform: translateY(50%);}
.grid_container.tool6a .grid_item:hover .grid_overlay{ top: 0;}
.grid_container.tool6a .grid_item:hover .grid_title_container .grid_overlay{ opacity: 0; }
.grid_container.tool6a .grid_item:hover .grid_arrow{ visibility: visible; position: relative;}
.grid_container.tool6a .grid_item:hover h3.grid_title{ font-size: 2.117647058823529rem;}

.grid_container{justify-content: center;}

/* columns */
.columns_container{ flex-flow: wrap;}
.column_item{ position: relative; width: 25%;}
.column_item img{ display: block; width: 100%; height: auto; position: relative; z-index: 0;}

.column_inner_shadow{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; box-shadow: inset 0 0 60px rgba(0,0,0,0.29);}

.column_item h3.grid_title{ z-index: 3; padding-bottom: 3rem; }

.column_content{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 3.125vw;}
.column_content_bar{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}

.column_item:nth-child(1) .column_content_bar,
.column_item:nth-child(3) .column_content_bar{
	background-color: rgba(var(--color-rgb-1),0.9);
}

.column_item:nth-child(2) .column_content_bar,
.column_item:nth-child(4) .column_content_bar{
	background-color: rgba(var(--color-rgb-2),0.9);
}

.column_item:nth-child(2) h3.grid_title,
.column_item:nth-child(4) h3.grid_title{
	color: var(--color-overlay-2);
}

.column_item .column_button_container{ position: absolute; z-index: 3; left: 50%; top: 100%; transform: translateX(-50%) translateY(-2rem); width: 100%;}
.column_item .column_button_container .button{ background: #fff; color: var(--color-base-1);}

.column_item:nth-child(1) .column_button_container .button:hover,
.column_item:nth-child(3) .column_button_container .button:hover{
	color: var(--color-overlay-2);
	background: var(--color-base-2);
}

.column_item:nth-child(2) .column_button_container .button:hover,
.column_item:nth-child(4) .column_button_container .button:hover{
	background: var(--color-base-1);
	color: var(--color-overlay-1);
}


/*************** TOOL OVERRIDES ***************/
.video_text .button {padding: 0;}
/**column tools**/

.multi-column-wrapper{ display: inline-block;/* font-size: 0;*/ vertical-align: top;}
.multi-column-wrapper.maxcols-2{ width: calc(50% - 5px);}
.multi-column-wrapper.maxcols-3{ width: calc(33.3333333333% - 5px);}
.multi-column-wrapper.maxcols-4{ width: calc(25% - 5px);}

.multi-column{ float: none; width: auto !important; margin: 0 !important; padding: 1rem !important;}

@media all and (max-width: 960px){
	.multi-column-wrapper.maxcols-4{ width: calc(50% - 5px);}
}

@media all and (max-width: 640px){
	.multi-column-wrapper{ width: 100% !important;}
}

.right_per_detail.detail_minical{ font-size: 0.875rem; }

.right_per_detail.detail_minical .right_content {width: calc(100% - 4rem)!important;} 

.calendar_tooltip_desc{ word-break: break-word;}

.detail_profiles .staff_header .profile ul li a, .staff_sec tr th a{ color: #fff;}


.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%;}

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

/** INSIDE NAV **/

/* Desktop version */

@media all and (min-width: 767px){
	#inside_nav{ padding-left: 3.95833333333333vw; margin-bottom: 3.529411764705882rem;}
	#inside_nav ul{ margin: 0; padding: 0; list-style: none;}

	/* all level inside nav links */
	#inside_nav ul li a{ display: block; transition: all 0.3s; line-height: 130%;}

	/* level 1 */
	#inside_nav ul > li > a{ font-family: 'Fjalla One', sans-serif; font-size: 1.764705882352941rem; color: #000; padding: 1rem 0; font-weight: 400;}
	#inside_nav ul > li > a:hover{ color: var(--color-base-1);}

	/* level 2 */
	#inside_nav > div > ul > li > ul > li > a{ font-family: 'Fjalla One', sans-serif; font-size: 1.764705882352941rem; padding: 1rem 0 0.9117647058823529rem 2rem; color: var(--color-base-1); box-sizing: border-box; font-weight: 400; position: relative;}
	#inside_nav > div > ul > li > ul > li > a:hover{ background: var(--color-base-1); color: var(--color-overlay-1);}
	#inside_nav > div > ul > li > ul > li > a:hover::after{ content:""; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: var(--color-base-2); }

	/* level 3 */
	#inside_nav ul > li > ul > li > ul{ padding: 0.5rem 0;}
	#inside_nav ul > li > ul > li > ul > li > a{ padding: 1rem 0 0.5rem 4rem; color: var(--color-base-1); font-size: 1.294117647058824rem; letter-spacing: -0.01em; font-weight: 400;}
	#inside_nav ul > li > ul > li > ul > li > a:hover{ color: #000;}
	
	.mobile_inside_nav{ display: none;}
	.footer_links{justify-content: end;	}
}

/* Tablet Version */

@media all and (max-width: 767px){
	.mobile_inside_nav{ display: block; margin: 1rem auto 0; width: 93%;}
	.mobile_inside_nav > a{ font-family: 'Fjalla One', sans-serif; font-weight: 400; font-size: 1.5rem; color: var(--color-overlay-1); display: block; background: var(--color-base-1); padding: 1rem; text-align: center;}
	
	.mobile_inside_nav > a > svg{ transition: all 0.2s; vertical-align: middle;}
	.mobile_inside_nav > a.active > svg{ transform: rotate(180deg);}
	
	.mobile_inside_nav #menu{ display: none; background: #fff; padding: 0 1.25rem;}
	
	.mobile_inside_nav #menu ul{ list-style: none; margin: 0; padding: 0;}
	
	.mobile_inside_nav #menu a{ display: block;}
	
	/* level 1 */
	.mobile_inside_nav #menu ul > li > a{ font-family: 'Fjalla One', sans-serif; font-size: 1.5rem; color: #000; padding: 1rem 0; font-weight: 400;}
	
	/* level 2 */
	.mobile_inside_nav > #menu > ul > li > ul > li > a{ font-family: 'Fjalla One', sans-serif; font-size: 1.5rem; padding: 1rem 0 0.9117647058823529rem 2rem; color: var(--color-base-1); box-sizing: border-box; font-weight: 400; position: relative;}
	
	/* level 3 */
	.mobile_inside_nav > #menu > ul > li > ul > li > ul > li > a{ padding: 1rem 0 0.5rem 4rem; color: var(--color-base-1); font-size: 1.2rem; letter-spacing: -0.01em; font-weight: 400;}
}

/* Mobile Version */

@media all and (max-width: 640px){
	/* level 1 */
	.mobile_inside_nav #menu ul > li > a{ font-size: 1.25rem; padding: 0.75rem 0; font-weight: 400; line-height: 125%;}
	
	/* level 2 */
	.mobile_inside_nav > #menu > ul > li > ul > li > a{ font-size: 1.25rem; padding: 0.75rem 0 0.75rem 1.25rem; line-height: 125%;}
	
	/* level 3 */
	.mobile_inside_nav > #menu > ul > li > ul > li > ul > li > a{ padding: 0.5rem 0 0.5rem 2.5rem; color: var(--color-base-1); font-size: 1rem; line-height: 125%;}
}

/*** END INSIDE NAV Styles ***/


/** Desktop Only Styles **/
@media all and (min-width: 767px) {
	/** search **/
	.search_icon:hover + .search_form_container, .search_form_container:hover{ transform: translateY(0);}
	
	/** hero slideshow **/
	.slide_left::after{ content:""; position: absolute; right: 0; top: 0; height: 100%; width: 7.8125vw; background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%); transform: translateX(100%);}
}

@media all and ( max-width: 1750px) {
	html{ font-size: 100%;}
	
	.event_content h6, .event_content h6 a, .event_content span.time{ font-size: 0.9rem;}
	
	.event:first-child, .event:nth-child(2){ margin-bottom: 2rem;}
}

@media all and (max-width: 1650px){
	.events{ width: calc(42% - 7vw); padding-right: 3.5vw;}
	.news_right{ width: calc(58% - 3.5vw - 3.125vw);}
	
	/* Inside Page Layout */
	.right_column{ width: 27%;}
	.middle_column.with_right{ width: calc(73% - 3.5vw - 4.5vw - 5px);}
}

@media all and (max-width: 1400px){
	/* custom button */
	.button{ font-size: 0.8rem; padding: 0.75rem 2rem;}
	
	/** hero slideshow **/
	h2.hero_title{ font-size: 2.25rem;}
	.slide_content p{ font-size: 1rem; padding: 1rem 0 0 0;}
	.hero_button{ margin-top: 1.25rem;}
	
	.slide_left{ padding: 0 4vw 0 3.5vw; width: calc(34.21875vw - 7.5vw);}
	
	/* events */
	.events{ width: calc(45% - 5vw); padding-right: 2vw;}
	.news_right{ width: calc(55% - 3.5vw - 3.125vw);}
	
	.event{ width: calc(50% - 2.5rem);}
	
	/* announcements */
	.news-img-container{ padding-top: 43%;}
	.news_content{ align-items: center;}
	
	h4.news_title, h4.news_title a{ font-size: 1rem;}
	.news_text p{ font-size: 0.85rem;}
	
	/* social media feeds */
	.social_media .soc-pic{ width: 100px; height: 100px;}
	.social_media .social-post.hasimg .social_text{ width: calc(100% - 100px - 1rem);}
	.social_media .social-post p, .social_media .social-post a{ font-size: 0.9rem;}
	
	/* links list section */
	
	h3.story_message{ font-size: 1.75rem;}
}

@media all and (max-width: 1280px){
	/** hero slideshow **/
	h2.hero_title{ font-size: 1.5rem;}
	.slide_content p{ font-size: 0.9rem;}
	
	/** tiles **/
	.tile{ margin-left: 2.5%;}
	
	/* events */
	.event{ flex-direction: column; align-items: center;}
	.event_list{ width: 100%;}
	.date_bar{ padding-bottom: 1.5rem;}
	.event:first-child, .event:nth-child(2){ margin-bottom: 2rem;}
	
	/* links list section */
	.story_links a{ font-size: 1rem; padding: 1.25rem 0; padding-right: 2rem;}
	.story_links a:hover{ padding-left: 1.25rem;}
	
	h3.story_message{ font-size: 1.5rem;}
	
	.story_links li{ position: relative;}
	.story_links .hover_arrow{ padding-left: 0; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);}
	
	/** mission statement section **/
	.mission_statement > .wrapper{ width: 80%;}
	.mission_title h2{ font-size: 2.5rem;}
	.mission_text h4{ font-size: 1.15rem;}
	
	/** instagra grid **/
	.ig_grid_icon svg{ width: 22px; height: 22px;}
	#bottom_instagram_feed .social-post .post-detail span, #bottom_instagram_feed .social-post .post-detail span a{ font-size: 1rem;}
	
	/* inside banner */
	#page_heading h1{ font-size: 2.5rem;}
}

@media all and (max-width: 980px){
	/** tiles **/
	.tile_container{ flex-flow: wrap; justify-content: space-between;}
	.tile{ margin: 0 0 1.5rem 0; width: 48%;}
	
	/* Flex Tiles by count */
	.tile.tilecount_1{ margin: 0 auto;}
	.tile.tilecount_2{ width: 48%;}
	.tile.tilecount_3{ width: 33.33333333%;}
	.tile.tilecount_4{ width: 48%;}
	
	/** events and news section **/
	.news{ flex-flow: wrap;}
	.events{ padding-right: 0; padding: 3rem 3.5% 2rem 3.5%; width: 93%;}
	.news_right{ padding-left: 0; padding: 3rem 3.5% 2rem 3.5%; width: 93%;}
	
	/** events **/
	.event{ width: calc(25% - 2.5rem);}
	
	/** social media section **/
	.social_media{ height: auto;}
	.social_media .feed_row:first-child{ margin-bottom: 3rem;}
	
	/* links list section */
	.links_list_section{ align-items: flex-start;}
	
	/* video story section */
	.video_story_section{ flex-direction: column; justify-content: center;}
	.video_story_section .story_right, .video_story_section .story_left{ width: 100%;}
	.video_story_section .story_left{ margin-bottom: 2rem; max-width: 640px;}

	/** mission statement section **/
	.mission_statement > .wrapper{ width: 93%;}
	.mission_title h2{ font-size: 2rem;}
	.mission_text h4{ font-size: 1rem;}
	
	/** grid section **/
	h3.grid_title{ font-size: 1.25rem}
	.grid_container.tool6a .grid_item:hover h3.grid_title{ font-size: 1.5rem;}
	.grid_container.tool6a .grid_item .grid_arrow svg{ height: 15px;}
	
}

@media all and (max-width: 767px) {
	html.open_nav, html.open_nav body{ overflow: hidden;}
	
	/* main{ padding-top: calc(7.294117647058824rem + 10px);} */
	
	/* HEADER */
	header{ padding-bottom: 0;}
	.header_top{ border-bottom: none;}
	
	.logo{ max-width: calc(100% - 35px - 2.5rem);}
	
	/* hide nav bar */
	.nav_bar{ background: none; display: block; height: auto; align-items: unset;}
	
	/*header right moved to bottom */
	.header_right{ position: fixed; width: 100%; bottom: 0; left: 0; height: 4rem; background: #fff; justify-content: center; box-shadow: 0 -8px 12px rgba(0,0,0,0.16); z-index: 101;}
	
	.header_icons > li{ position: static;}
	.header_icons > li > a{ padding: 0 1rem;}
	.info_dropdown{ top: auto; width: 100vw; left: 0; right: 0; background: rgba(var(--color-rgb-1),1); display: block; transition: all 0.3s; bottom: 0; transform: translateY(100%);}
	.info_dropdown.active{ transform: translateY(0); bottom: 4rem;}
	
	/** search **/
	.search_icon{ height: 100%; padding: 0 1rem;display: flex;}
	.search_icon.open{ background: var(--color-base-2);}
	
	.search_icon.open svg, .search_icon.open svg *{ fill: var(--color-overlay-2) !important;}
	
	.search_form_container{ bottom: 0; transform: translateY(100%); top: auto; max-width: calc(100% - 4rem);}
	.search_form_container.open{ transform: translateY(0); bottom: 4rem;}
	.search_form_container button{ display: inline-block;}
	
	/** FOOTER **/
	footer{ margin-bottom: 4rem;}
	
	.footer_top > .wrapper, .footer_bottom > .wrapper{ flex-direction: column; justify-content: center; align-items: center;}
	.footer_social, .footer_col{ text-align: center;}
	.footer_col{ margin-top: 1.5rem;}
	.footer_col:first-child{ margin-top: 0;}
	.footer_social_icons{ justify-content: center;}
	
	.footer_bottom p.copyright{ padding-bottom: 1rem;}
	
	.footer_links{ flex-direction: column; justify-content: center; align-items: center;}
	.footer_links li:last-child{margin-left: 0rem; margin-top: 1rem;}
	
	#footer_logo img{ max-height: 130px;} /* 9-30-21 */

	.footer_social_icons a {margin: 0.5rem 0rem;}
	.breadcrumb_divide {margin: 0 .5rem;}
	
	/** HOME PAGE **/	
	
	h3.section_title{ font-size: 2rem;}
	
	/* Hero Slideshow */
	.hero_slideshow_container{ background: var(--color-base-2); }
	.slide_content_wrapper{ display: flex; flex-direction: column;}
	.slide_left{ order: 2; width: calc(100% - 7vw); padding: 2rem 3.5vw; position: relative;}
	.slide_right{ order: 1;}
	.hero_slideshow .slide img{ width: 100%;}
	
	.hero_arrows{ top: calc(53.68171021377672vw - 0.0rem); bottom: auto; transform: translateY(-100%);}
	
	/* links list section */
	.links_list_section{ flex-flow: wrap;}
	.story_left, .story_right{ width: 100% !important;}
	
	.story_left{ margin-bottom: 2rem;}
	
	.links_list_section .story_left{ display: flex; align-items: center;}
	.story_message_container{ position: relative; top: auto; right: auto;}
	.story_links .hover_arrow{ padding-left: 5px;}
	
	/** grid section **/
	h3.grid_title{ font-size: 1.15rem}
	.grid_container.tool6a .grid_item:hover h3.grid_title{ font-size: 1.25rem;}
	
	/* Inside Page Layout */
	.right_column{ width: 100%; padding: 3rem 3.5vw 0; margin-top: 3rem; border-top: solid 10px rgba(0,0,0,0.4);}
	.middle_column.with_right{ width: calc(100% - 7vw); padding-right: 3.5vw;}
	.middle_column{ padding-right: 3.5vw; width: calc(100% - 7vw);}
}

@media all and (max-width: 640px){
	/* FOOTER */
	
	.search_form_container span.search_title{ font-size: 0.8rem;}
	h3.section_title{ font-size: 1.5rem;}
	.header_row{ margin-bottom: 1.25rem;}
	h3.tile_title, h3.tile_title a{ font-size: 1.35rem;}
	
	.tiles, .stories{ padding: 2rem 0;}
	.tile{ width: 100% !important;}
	
	/** events **/
	.event{ width: calc(100% - 2.5rem); margin-bottom: 2rem; flex-direction: row; align-items: flex-start;}
	
	.event_list{ width: calc(100% - 4.25rem);}
	.event_content h6, .event_content h6 a, .event_content span.time{ font-size: 1rem;}
	
	/** social media section **/
	.feed_row > div{ flex-flow: wrap;}
	.social_media .social-post{ width: 100%; margin-bottom: 2rem;}
	.social_media .feed_row:first-child{ margin-bottom: 0rem;}
	
	/** links list section **/
	.links_list_section .story_left .story_img{ width: 100%; margin-top: 0;}
	.story_message_container{ width: 100%;}
	.links_list_section .story_left{ flex-flow: wrap;}
	
	/** Video Story **/
	h4.videostory_subtitle{ font-size: 1.15rem;}
	.story_text{ padding: 0.75rem 0 0 0;}
	
	/** mission statement section **/
	.mission_statement > .wrapper{ flex-direction: column; justify-content: center;}
	.mission_title{ margin-bottom: 1.5rem;}
	
	/** grid section **/
	h3.grid_title{ font-size: 1.2rem}
	.grid_container.tool6a .grid_item:hover h3.grid_title{ font-size: 1.5rem;}
	.grid_container.tool6a .grid_item .grid_arrow svg{ height: 12px;}
	
	.grid_container.tool6a .grid_item, .column_item{ width: 50%;}
	
	/** instagra grid **/
	#bottom_instagram_feed .social-post{ width: 50%; height: 50vw;}
	#bottom_instagram_feed .social-post .post-detail span, #bottom_instagram_feed .social-post .post-detail span a{ font-size: 0.9rem;}
	
	/** inside banner **/
	.banner.has_photo .banner_content{ position: relative; padding: 0; bottom: auto; width: 100%;}
	.banner_overlay{ display: none;}
	.banner.has_photo #page_heading{ background: var(--color-base-1); padding: 1rem 3.5vw;}
	#page_heading h1{ font-size: 2rem; color: var(--color-overlay-1);}
	.banner.has_photo #page_heading::after{ display: none;}
	
	.banner.has_photo .breadcrumbs{ padding: 1rem 3.5vw; margin-top: 0;}
	.banner.has_photo .breadcrumbs a{ color: #000;}
	.banner.has_photo .breadcrumb_divide svg, .banner.has_photo .breadcrumb_divide svg *{ fill: #000 !important;}
	
	.logo img {max-width: 250px;}
}

@media all and (max-width: 480px){
	.grid_container.tool6a .grid_item, .column_item{ width: 100%;}
}

/* SM 3.0 CSS */
.tool_content, #inside_nav { font-family: 'Noto Sans', sans-serif;}
#sm3_main_content main{ padding-top: 0;}
.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;}

/*EA 07/14/2023 */
.detail_padding .dir-head-back.dir-border a:hover{ color: #fff;}
span.button_icon{display:none;}

/* credit logo color */
.credit_logo{ filter: brightness(50%); transition: filter 0.3s ease-out;}
.credit_logo:hover{ filter: brightness(0%); }

/* EA 12-19-23 */
.detail_padding.detail_textgraphic p img, .detail_padding.detail_textgraphic figure {
    margin-right: 1rem;
}

/* Screen Reader Only class */
.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

/** Color Variables **/
:root{
	--color-base-1: #3c1053;
	--color-rgb-1: 60,16,83;

	--color-base-2: #c8b273;
	--color-rgb-2: 200,178,115;

	--color-overlay-1: #ffffff;
	--color-overlay-2: #000000;
}

@media screen and (min-width:960px){
    .accreditation{ 
        justify-content: inherit;
    }    
}
@media screen and (min-width:767px){
    .accreditation{ 
        justify-content: end;
    }    
}

/* EA 02-21-2024 */
.inside_page iframe{
	width: 100%;
	max-width: 100%;
}

/* AM 09-15-2026 - video embeds keep their 16:9 ratio when width is forced to 100%.
   Without this the hard-coded height attribute (YouTube ships height="315") stays
   fixed while the width scales, letterboxing the player on desktop and pillarboxing
   it on phones. Vimeo is unaffected when pasted with its own responsive wrapper,
   but is included here for bare embeds. */
.inside_page iframe[src*="youtube"],
.inside_page iframe[src*="youtu.be"],
.inside_page iframe[src*="vimeo"]{
	aspect-ratio: 16 / 9;
	height: auto;
}

/* AM 09-15-2026 - Meta's plugin embeds are the opposite case: the player is
   rendered by Facebook at the pixel size baked into the src query string
   (width=560&height=314) and clipped to it, so stretching the frame crops the
   video rather than resizing it. They are handled by the Meta embed block in
   custom.js, which re-requests them at the container width so the fluid width
   above matches what Facebook draws, and sets the height attribute to suit.
   Deliberately no width rule of their own: any width declaration outranks the
   width attribute in the cascade, so width:auto does not fall back to the
   attribute, it falls back to the 300px default for a replaced element. */

.third-news-item {
    margin-left: 0 !important;
}


/** Tool Headings **/
h3.toolhead{ 
	font-family: 'Fjalla One', sans-serif; 
	font-weight: normal; 
	font-size: 2rem; 
	color: var(--color-overlay-1) !important; 
	background: var(--color-base-1); 
	padding: 1rem 3rem 1rem 2.2rem !important; 
	border-bottom: 7px solid var(--color-base-2);}

/* buttons - modified for SM3 since arrow icon not possible*/
.ck-content .button {
    padding: 0 1.5rem;
	line-height: 3;
}

/* CK Content Editor 
	.too(l-content: views tool content before clicking to edit the tool
		- cannot hover over individual words, therefore no hover state defined for anchor
	.ck-content: views tool content after clicking to edit the tool
*/


/** Headings' Levels**/
.ck-content h1, .tool_content h1,
.ck-content h2, .tool_content h2,
.ck-content h3, .tool_content h3,
.ck-content h4, .tool_content h4,
.ck-content h5, .tool_content h5,
.ck-content h6, .tool_content h6
{
	margin: 0; 
	padding: 0;
	font-family: var(--font-serif);
	color: var(--gray-dark);
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	font-family: 'Fjalla One', sans-serif;
}

/** Quotes **/
.ck-content blockquote, .tool_content blockquote, blockquote{ 
	display: block; 
	background: rgba(var(--color-rgb-1),0.15); 
	padding: 1.5rem 1.5rem 1.5rem 2rem !important; 
	border-left: none !important;
	margin: 0 !important;
	font-style: italic; 
}
.ck-content blockquote p, .tool_content blockquote p,  blockquote p{ margin: 0;}
/* .ck-content p + blockquote,.tool_content p + blockquote{padding-top:0 !important;} */
.ck-content blockquote > *, .tool_content blockquote > *, blockquote > *{ 
	font-size: 1.22rem !important; 
	line-height: 136% !important; 
	font-family: var(--font-inter) !important;
}

/* lists */
.middle_column ul li, .middle_column ol li,
.right_content ul li, .right_content ol li
{margin: .25rem;}

a.sm3_tool_handle{
	text-decoration: none !important;
	font-weight: 400 !important;
	&:hover{
		text-decoration: none !important;
	}
}

.ck-content .button, .tool_content .button, .button{
    text-decoration: none !important;
}
.ck-content .button:hover, .button:hover{
    text-decoration: none !important;
}

/* Anchor NOT button */
.ck-content a:not(.button, .dir-head-link),
.ck-content a:not(.sm3_tool_handle),
.tool_content a:not(.button, .sm3_tool_handle, .dir-head-link),
.swal2-html-container a
{   
	text-decoration: underline; 
	text-decoration-thickness: 2px ;
	text-decoration-color: #000; 
	text-underline-position: under; 
	color: #000; 
	transition: all 0.3s; 
	font-weight: 700;
}
.ck-content a:not(.button, .dir-head-link):hover, 
.swal2-html-container a:hover
{ 
	color: var(--color-base-1); 
	text-decoration-color: var(--color-base-1); 
}

.ck-content p,
.tool_content p{
	line-height: 1.76;
}

.grecaptcha-badge {
	bottom: 85px !important;
}

.inside #pop_alert {display: none !important;}