/* 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: 9990; 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%;
}

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