/* Main Stylsheet for Cliff Valley Signature Theme
SchoolSite/Faithwebsites
*/

/** Fonts **/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap');
@import '../../_common/css/accred_logo.css';

/* Font Family CSS
	font-family: 'Poppins', sans-serif;
*/

/* Base Font Size (used for find rems)
	16px
*/

html, body{ margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto;}
html{ font-size: 100%; font-family: 'Poppins', sans-serif;}
html.open_nav{ overflow: hidden;}

/* Main Headings Styles */
h1,h2,h3,h4,h5,h6{ margin: 1rem 0 1rem 0; padding: 0; font-weight: 700;}

h1{ color: #333; color: var(--main-dark-color); font-size: 3.125rem; line-height: 128%;}
h2{ color: #333; color: var(--main-dark-color); font-size: 2.25rem; line-height: 128%;}
h3, .tool_headline1{ color: #333; color: var(--main-dark-color); font-size: 1.5rem; line-height: 133%;}
h4, .tool_headline2{ color: #333; color: var(--main-dark-color); font-size: 1.125rem; line-height: 144%;}
h5{ color: var(--primary1-color); font-size: 0.875rem; line-height: 144%; text-transform: uppercase; letter-spacing: 0.125rem;}
h6{ color: #333; color: var(--main-dark-color); font-size: 0.875rem; line-height: 144%; text-transform: uppercase; letter-spacing: 0.125rem;}
p{ font-size: 1rem; line-height: 175%; padding: 0;}
p:not(#main_container p){ margin: 0;}
p.large{ font-size: 1.25rem; line-height: 170%;}
a{ color: var(--primary1-color); font-weight: 600; text-decoration: none;}
p a{ color: var(--primary1-color); font-weight: 600; text-decoration: underline; text-decoration-color: var(--primary2-color); text-decoration-thickness: 2px;}
p a:hover{ text-decoration-color: var(--primary1-color); transition: all 0.3s;}


/******** GENERAL ********/
.flex{ display: flex;}
.wrapper{ margin: 0 auto; max-width: 1170px; width: 89%;}

main{ padding: 11.875rem 0 0 0;}

svg{ vertical-align: middle;}

hr{ width: 200px; margin: 2.5rem auto 2.5rem 0; border: solid 2px var(--primary2-color);}

/* Styled Button */
.button{ font-size: 0.875rem; color: var(--main-light-color); letter-spacing: 2px; text-transform: uppercase; background: var(--primary1-color);  padding: 1rem 2rem; width: 15.625rem; max-width: calc(100% - 4rem); transition: all 0.3s; margin-top: 2rem; border-radius: 25px; position: relative; display: inline-block; text-decoration: none !important;}
.button:hover, .button:active, .button:focus{ text-decoration: none !important;}

.color2_light .button{ color: #333; color: var(--main-dark-color);} /** 10-27-21 **/
.color2_dark .button{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.button.alt{ color: #fff; background: var(--primary1-color);}
.color1.light .button.alt{ color: var(--main-dark-color);} /** 10-27-21 **/
.color1.dark .button.alt{ color: var(--main-light-color);} /** 10-27-21 **/

.button_content{ display: flex; justify-content: center; width: 100%; align-items: center; transition: all 0.2s; margin: 0 auto; line-height: 100%;}

.button_text{ white-space: nowrap;}

.button_spacer{ content:""; display: inline-block; width: 100%; transition: all 0.2s;}
.button:hover .button_spacer{ width: 0.75rem;}

.color2_light .button_arrow svg, .color2_light .button_arrow svg *{ fill: var(--main-dark-color) !important;} /** 10-27-21 **/
.color2_dark .button_arrow svg, .color2_dark .button_arrow svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/

.color1.dark .button.alt .button_arrow svg, .color1.dark .button.alt .button_arrow svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/
.color1.light .button.alt .button_arrow svg, .color1.light .button.alt .button_arrow svg *{ fill: var(--main-dark-color) !important;} /** 10-27-21 **/

.button_arrow svg, .button_arrow svg *{ fill: #fff !important;}
.button.alt .button_arrow svg, .button.alt .button_arrow svg *{ fill: #fff !important;}

.link_arrow svg, .link_arrow svg *{ fill: var(--primary1-color) !important;}

.fallback_logo {color: var(--primary1-color); font-size: 1.5rem; line-height: 133%;  margin:0; padding: 0; font-weight: 700;}

/* Tool Head */
h3.toolhead{ margin-bottom: 1.25rem;}

/*block quote */
blockquote{ background: rgba(226,224,229,0.35); padding: 2rem 1.5rem; margin: 2rem 1rem;}

/******** HEADER *********/
header{ position: fixed; padding: 0; margin: 0; top: 0; left: 0; width: 100%; z-index: 999;}

.header_wrapper{ display: flex; width: 94%; margin: 0 auto;}

.header_top{ height: 3.125rem; background: var(--main-dark-color);}
.header_top > .header_wrapper{ justify-content: flex-end; align-items: center; height: 100%;}

.mobile_utility{ display: none;}

/* search */
.search_container{ overflow: hidden; display: flex; align-items: center; height: 100%; position: relative;}
.search_container .search_button{ position: relative; padding: 0 1rem 0 0.5rem; background: var(--main-dark-color); z-index: 1; cursor: pointer; display: flex; height: 100%; align-items: center;}
.search_container .search_button svg, .search_container .search_button svg *{ fill: var(--main-light-color) !important;}
.search_form_container{ position: absolute; height: 100%; width: 200px; background: #fff; right: 0; top: 0; transform: translateX(100%); z-index: 0; transition: all 0.3s; display: flex; align-items: center; opacity: 0;}
.search_form_container form{ border: none; padding: 0 0 0 1rem; margin: 0; font-size: 1rem;}
.search_form_container form fieldset{ padding: 0; margin: 0; border: none;}
.search_form_container legend{ display: none;}
.search_form_container form input{ background: #fff; border: none; appearance: none; font-family: 'Poppins', sans-serif; padding: 5px;}
.search_form_container form ::placeholder{ color: #757575; font-family: 'Poppins', sans-serif;}
.search_form_container button{ font-size: 0; border: none; background: #fff; display: flex; height: 100%; align-items: center; padding: 0 1rem;}
.search_form_container button svg, .search_form_container button svg *{ fill: #3A3B47 !important;}
.search_button span svg{ vertical-align: middle;}
.search_button span svg, .search_button span svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/
.close_search{ display: none;}
.search_container.active{ overflow: visible;}
.search_container.active .search_form_container{ transform: translateX(-5.5rem); opacity: 1;}
.search_container.active .open_search{ display: none;}
.search_container.active .close_search { display: block; }

/* header utility nav */
.header_utility_nav{ display: flex; align-items: center; height: 100%; background: var(--main-dark-color); position: relative; z-index: 2;}
.header_utility_nav ul{ margin: 0; padding: 0; list-style: none; display: flex;}
.header_utility_nav ul li{ position: relative; margin: 0 0.5rem;}
.header_utility_nav ul a{ color: var(--main-light-color); display: block; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.125rem; transition: all 0.3s;}
.header_utility_nav ul li:hover::after{ content:""; position: absolute; bottom: -4.12px; width: 100%; background:var(--primary2-color); height: 2.12px;}

/* header bottom row */
.header_bottom{ background: #fff; height: 8.75rem;}
.header_bottom > .header_wrapper{ justify-content: space-between; align-items: center; height: 100%;}
.logo a{ font-size: 0;}
.logo img{ max-width: 250px; max-height: 100px;} /* 9-30-21 */

.header_right{ align-items: center;}

.header_button{ font-size: 0.875rem; color: #333; color: var(--main-dark-color); text-transform: uppercase; white-space: nowrap; letter-spacing: 0.125rem; font-weight: 700; background: var(--primary2-color); border-radius: 25px; padding: 1rem 2rem; margin-left: 1rem; transition: all 0.3s;}
.header_button:hover{ background: var(--primary1-color); color: var(--main-light-color);}

.color2_light .header_button{ color: #000; color: var(--main-dark-color);} /** 10-27-21 **/
.color2_dark .header_button{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.color1_light .header_button:hover{ color: #000; color: var(--main-dark-color);} /** 10-27-21 **/
.color1_dark .header_button:hover{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

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

footer{ background: var(--main-dark-color);}
footer.has_cta{ margin-top: 9.25rem;}

/* Footer CTA */
.footer_cta{ max-width: 1170px; width: 89%; margin: 0 auto; background: #fff; border-radius: 0 50px 0 50px; box-shadow: 0 10px 30px rgba(48,48,46,0.25); transform: translateY(-3rem);}

.footer_cta_content{ padding: 4.375rem; display: flex; justify-content: space-between; align-items: center;}
.footer_cta_content.centered{ justify-content: center;}
.footer_cta_text{ width: calc(90% - 250px); margin-right: 9%;}
.footer_cta_content.centered .footer_cta_text{ width: 100%; margin-right: 0; text-align: center;}
.footer_cta_text p{ color: #757575; margin-top: 1rem;}

.cta_button_container .button{ margin-top: 0; background: var(--primary1-color); color: #ffffff;}
.color1_dark.color2_light .cta_button_container .button_arrow svg * {fill: #fff!important;}
.cta_button_container:last-child{ margin-top: 2rem;}

/** Footer Content **/
.footer_top{ padding: 5.3125rem 0;}
footer.has_cta .footer_top{ padding: 0 0 5.3125rem 0;}
.footer_top > .wrapper{ display: flex; justify-content: space-between;}

.footer_left{ display: flex; width: 100%;}

.footer_left .footer_col:first-child{ padding-right: 10%; min-width: 250px;}

.footer_logo img{ display: block; max-width: 120px; height: auto; max-height: 200px;}
.footer_logo.text_logo{ max-width: 100%;}
h3.footer_text_logo{ color: #fff;}

.footer_logo + address, .footer_logo + .phone, .footer_logo + .email{ margin-top: 1rem;}

footer address, footer .phone, footer .email{ color: #fff; font-size: 1rem; font-style: normal; line-height: 187%; }
footer .address_line{ display: block;}

footer address a,footer .phone a, footer .email a{ color: #fff; font-weight: 400;}
footer address a:hover,footer .phone a:hover, footer .email a:hover{ text-decoration:underline; text-decoration-color: var(--primary2-color); transition: all 0.3s; font-weight: 600; text-decoration-thickness: 2px;}

footer span.contact_label{ font-weight: 600;}
footer.color2_light span.contact_label{ color: #fff;} /** 10-27-21 **/
footer.color2_dark span.contact_label{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.footer_col_title{ color: rgba(255,255,255, 0.55); margin-bottom: 1.25rem; white-space: nowrap;}
.footer_col_title::after{ content:""; background: var(--primary2-color); display: block; margin-top: 1.25rem; width: 4.6875rem; height: 4px;}

.footer_util{ list-style: none; margin: 0; padding: 0;}
.footer_util li{ padding: 0.25rem 0;}
.footer_util li a{ color: #fff; font-size: 1rem; font-weight: 400;}
.footer_util li a:hover{ text-decoration:underline; text-decoration-color: var(--primary2-color); transition: all 0.3s; font-weight: 600; text-decoration-thickness: 2px;}

/* footer social */
.footer_social_icons{ display: flex; align-items: center;}
.footer_social_icons a{ font-size: 0; margin: 0 0.75rem;}
.footer_social_icons svg{ height: 20px; width: auto;}
.footer_social_icons svg, .footer_social_icons svg *{ fill: #fff !important;}
.footer_social_icons a:hover svg, .footer_social_icons a:hover svg *{ fill: var(--primary2-color) !important; transition: all 0.3s;}

.footer_bottom{ padding-bottom: 4rem;}
.footer_bottom .flex{ justify-content: space-between; }

footer .fallback_logo {color: #fff;}

p.copyright{ font-size: 0.875rem; text-transform: uppercase; letter-spacing: 2px; color: rgba(255,255,255,0.55); font-weight: 700; line-height: 143%;}

a.credit{ opacity: 0.25;}
a.credit:hover{ opacity: 0.9; transition: all 0.3s;}

.footer_statement_container{ padding: 1rem 0 0 0; text-align: center;}
p.footer_statement{ font-size: 0.875rem; color: rgba(255,255,255,0.55); line-height: 143%; margin: 0;}
a.footer_statement{ font-size: 0.875rem; color: rgba(255,255,255,0.55); line-height: 143%; margin: 0;}

.has_accred_logos{ text-align: right;}
.has_accred_logos .footer_col_title::after{ margin: 1.25rem 0 0 auto;}
.has_accred_logos .footer_social_icons{ justify-content: flex-end;}

.credit img{ max-height: 40px;}
.nce_logo img{max-height: 40px; }
.aware_logo img {max-height: 20px;}
/******** INSIDE PAGES ********/

/* Inside General */
.detail_textgraphic img{ border-radius: 50px 0 50px 0;}


/** Banner Area **/
.banner{ background: rgba(226,224,229,0.35); position: relative; margin-bottom: 5rem;}
.banner.has_photo{ margin-bottom: 8.125rem;}

.banner > .wrapper{ display: flex; align-items: center; position: relative; padding: 7.8125rem 0;}

.page_meta{ display: flex; flex-direction: column; justify-content: center;}
.banner.has_photo .page_meta{ width: 40%; min-height: 140px;}

.banner_photo_container{ overflow: hidden; border-radius: 0 50px 0 50px; box-shadow: 0 10px 30px rgba(48,48,46,0.25); width: 54%; height: 92%; position: absolute; right: 0; bottom:0; transform: translateX(15%) translateY(50px);}
.banner_photo_container img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.standalone_page .banner .wrapper{ padding: 0 !important;} /** added on 11-10-21 by WA **/

/** Inside Layout **/
#main_container > .wrapper{ display: flex; justify-content: space-between;}


.middle_column{ width: 100%;}
.middle_column.with_right, .middle_column.with_both{ width: calc(89% - 270px); margin-right: 11%;}

.right_column{ width: 270px;}

/** Inside Nav **/
#menu ul{ list-style: none; margin: 0; padding: 0;}
#menu ul li{ position: relative;}
#menu ul li a{ margin: 1rem 0; position: relative; display: inline-block;}

/* level 1 items */
#menu > ul > li > a{ font-size: 1.25rem; color: #333; color: var(--main-dark-color); font-weight: 600; line-height: 130%;}
#menu > ul > li > a:hover{ color: var(--primary2-color); transition: all 0.3s;}

.inside_nav_toggle{ position: absolute; right: 0; top: 1rem; cursor: pointer;}
.inside_nav_toggle.close{ display: none;}

.open .inside_nav_toggle.close{ display: block;}
.open .inside_nav_toggle.open{ display: none;}

/* level 2 items */
#menu > ul > li > ul{ display: none;}

#menu ul li ul li{ padding-left: 1rem;}
#menu ul li ul li a{ font-size: 1rem; color: #757575; font-weight: 400; margin: 0 0 0.75rem 0}
#menu ul li ul li a:hover{ color: var(--primary1-color); transition: all 0.3s; text-decoration:underline; text-decoration-color: var(--primary2-color); text-decoration-thickness: 2px;}

/* level 3 items */
#menu ul li ul li ul li{ padding-left: 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: 'Poppins', sans-serif;}

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

/** General Home Page Styles **/

.home_page p{ margin: 0; padding: 0;}

.heading_row{ justify-content: space-between; align-items: center; margin-bottom: 3rem;}
.heading_row.no_title{ justify-content: flex-end;}
.section_button{ margin-top: 0; max-width: 250px; width: 100%;}
.section_button.mobile_only{ display: none !important;}

/** Hero Section **/

/* hero slideshow */
.hero_slideshow_container *:focus{ outline: none !important;}

.hero_slideshow_container{ width: 100%; position: relative;}

.hero_slideshow .slick-list{ padding-bottom: 48px;}

.hero_slideshow .slide{ width: 100%; height: 35.29411764705882vw;}
.hero_slideshow .slide .slide_content{ width: 100%;}
.hero_slideshow .slide .slide_content::after{ content:""; position: absolute; background: var(--primary1-color); height: 32.35294117647059vw; z-index: 0; width: 100%; left: 0; top: 0;}

.hero_slideshow .slide_left{ width: 57%; align-items: center; /* background: var(--primary1-color); */ position: relative; z-index: 1; min-height: 32.35294117647059vw; justify-content: center;}
.slide_text{ margin: 0; padding: 0; padding: 0 14% 0 28%; width: 58%;}
.slide_text h2.hero_title{ color: #fff; font-size: 3.125rem; line-height: 128%;}

.color1_light .slide_text h2.hero_title{ color: #333; color: var(--main-dark-color);} /** 10-27-21 **/
.color1_dark .slide_text h2.hero_title{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.slide_text p{ margin: 0; padding: 2rem 0 0 0; font-size: 1.25rem; line-height: 170%;}

.color1_light .slide_text p{ color: #333; color: var(--main-dark-color);} /** 10-27-21 **/
.color1_dark .slide_text p{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.color1_light .hero_button{ color: #333; color: var(--main-dark-color);} /** 10-27-21 **/

.color1_dark .hero_button{ background: var(--primary2-color); color: #333; color: var(--main-dark-color);} /** 10-27-21 **/
.color1_light .hero_button{ background: #333; background: var(--main-dark-color); color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.color1_light .hero_button .button_arrow svg, .color1_light .hero_button .button_arrow svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/
.color1_dark .hero_button .button_arrow svg, .color1_dark .hero_button .button_arrow svg *{ fill: var(--main-dark-color) !important;} /** 10-27-21 **/

.hero_slideshow .slide_right{ width: 43%; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; z-index: 2; overflow: hidden; border-radius: 0 0 0 50px; box-shadow: 0 15px 30px rgba(48,46,46, 0.3);}
.hero_slideshow .slide_right img{ object-fit: cover; width: 100%; height: 100%;}

/* hero arrows */
.hero_arrows{ position: absolute; left: 57%; top: calc(50% - 2.94117647058823vw); transform: translateX(-50%) translateY(-50%); display: flex; flex-direction: column;}
.hero_arrow{ background: var(--primary1-color); border: solid 2px #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; width: 3.125rem; height: 3.125rem; box-shadow: 0 0 20px rgba(255,198,77, 0.4); cursor: pointer; transition: all 0.3s;}
.hero_arrow:hover{ background: var(--primary2-color);}
.hero_arrow:hover svg, .hero_arrow:hover svg *{ fill: #3A3B47 !important;}
.hero_arrow:first-child{ margin-bottom: 1.5rem;}

.color1_dark .hero_arrow svg, .color1_dark .hero_arrow svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/
.color1_light .hero_arrow svg, .color1_light .hero_arrow svg *{ fill: var(--main-dark-color) !important;} /** 10-27-21 **/

.color2_dark .hero_arrow:hover svg, .color2_dark .hero_arrow:hover svg *{ fill: var(--main-light-color) !important;} /** 10-27-21 **/
.color2_light .hero_arrow:hover svg, .color2_light .hero_arrow:hover svg *{ fill: var(--main-dark-color) !important;} /** 10-27-21 **/


.color1_dark.color2_dark .hero_button{ color: #fff;} /** 10-27-21 **/
.color1_dark.color2_dark .button_arrow svg *{ fill: #fff !important;} /** 10-27-21 **/

.color1_dark.color2_light .hero_button{ color: #000;} /** 10-27-21 **/
.color1_dark.color2_light .button_arrow svg *{ fill: #000 !important;} /** 10-27-21 **/


/** Mission Statement Section **/
.mission{ padding: 2rem 0 6.25rem 0;}

.mission_wrapper{ width: 74%;}

.mission p{ padding-top: 1rem; color: #757575;}


/** Info Section **/
.info{ position: relative; width: 100%; padding: 6.25rem 0 0; z-index: 1; margin-bottom: 6.25rem;}

.info.has_boxes{ padding-bottom: 16.75rem; margin-bottom: 0;}

/* info section background */
.info_bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; z-index: 1;}
.info_bg img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.info .section_overlay{ position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; background-color: rgba(0,0,0,0.75);}

.info_top, .info_bottom{ position: relative; z-index: 3; display: flex;}

.info_top{ justify-content: space-between; align-items: center; padding-bottom: 2.1875rem;}
.info_top.centered{ justify-content: center;}

/** stats **/
.stats_container{ width: 47%; display: flex; flex-flow: wrap;}
.stat_item{ width: calc(50% - 3rem); padding: 0 1.5rem 4.0625rem; text-align: center;}
.stat_item img{ max-height: 50px !important; width: auto;}
.color2_light .stats_title{ color: #ffffff;} /** 10-27-21 **/
.color2_dark .stats_title{ color: #ffffff;} /** 10-27-21 **/
.stat_desc{ color: #fff;}

/* stats - full width */
.stats_container.full{ width: 100%;}
.stats_container.full .stat_item{ width: calc(25% - 3rem);}

/** info blurb and buttons **/
.info_blurb_container{ width: 47%; padding-bottom: 4.0625rem;}
.info_blurb_container h2{ color: #fff;}
.info_blurb_container p{ color: #fff; padding-top: 1rem;}

.info_blurb_buttons_container{ display: flex; justify-content: space-between;}
.info_blurb_buttons_container .info_button_item{ width: 48%;}
.info_blurb_buttons_container .info_button_item .button{ width: calc(100% - 4rem);}
.info_blurb_buttons_container .button {background: var(--primary1-color); color: var(--main-light-color);}
.info_blurb_buttons_container .button .button_arrow svg {fill: #fff!important;}

.color1_dark .info_blurb_buttons_container .info_button_item:last-child .button{ color: #fff; background: var(--primary1-color);} /** 10-27-21 **/
.color1_dark .info_blurb_buttons_container .info_button_item .button_arrow svg, .color1_dark .info_blurb_buttons_container .info_button_item .button_arrow svg *{ fill: #fff !important;} /** 10-27-21 **/

.color1_light .info_blurb_buttons_container .info_button_item:last-child .button{ color: var(--main-dark-color); background: #efefef;} /** 10-27-21 **/
.color1_light .info_blurb_buttons_container .info_button_item:last-child .button_arrow svg, .color1_light .info_blurb_buttons_container .info_button_item:last-child .button_arrow svg *{ fill: var(--main-dark-color) !important;} /** 10-27-21 **/

.info_blurb_buttons_container .info_button_item:last-child .button{ color: #fff; background: var(--primary1-color);}
.info_blurb_buttons_container .info_button_item:last-child .button_arrow svg, .info_blurb_buttons_container .info_button_item:last-child .button_arrow svg *{ fill: #fff !important;}

/* info blurb - full width */
.info_blurb_container.full{ width: 100%; text-align: center;}
.info_blurb_container.full .info_blurb_buttons_container{ justify-content: center;}
.info_blurb_container.full .info_blurb_buttons_container .info_button_item{ max-width: 250px; margin: 0 1rem;}

/** info boxes **/
.info_boxes_section{ margin-top: -16.75rem; position: relative; z-index: 2; margin-bottom: 5.625rem;}
.info_boxes_section.no_info_top{ margin-top: 0; padding: 6.25rem 0;}

.info_boxes_section .section_overlay{ position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; background-color: rgba(0,0,0,0.75);}

.info_boxes_container{ display: flex; justify-content: space-around; position: relative; z-index: 2;}
.info_box_item{ width: calc(33.3333333% - 1.25rem); background: #fff; box-shadow: 0 10px 30px rgba(48,48,46,0.25);}
.info_box_item:first-child{ border-radius: 0 0 0 50px;}
.info_box_item:last-child{ border-radius: 0 50px 0 0;}
.info_box_content{ padding: 3rem 2rem; text-align: center;}

.info_box_content p{ color: #757575; padding-top: 1.25rem;}

.info_box_content .info_box_link{ margin-top: 2rem; display: inline-block; transition: all 0.3s;}
.info_box_content .info_box_link::after{ content:""; height: 2px; width: 100%; display: block; background: var(--primary2-color); margin-top: 3px; transition: all 0.3s;}
.info_box_content .info_box_link:hover::after{ background: var(--primary1-color);}

.info_box_content .link_arrow{ padding-left: 5px;}

.box_subtitle {color: var(--primary1-color);
    font-size: 0.875rem;
    line-height: 144%;
    text-transform: uppercase;
    letter-spacing: 0.125rem; margin: 1rem 0 1rem 0;
    padding: 0;
    font-weight: 700;}


/** Blog Section **/
.blog_section{ margin-bottom: 6.25rem;}

.blog_feed_container{ display: flex; justify-content: space-between;}
.blog_col{ width: 31.62393162393162%;}
.blog_col.left{ width: 65.81196581196581%;}

.blog_col.right{ display: flex; flex-direction: column; justify-content: space-between;}

.home_blog_post{ background: #fff; box-shadow: 0 10px 30px rgba(48,48,46,0.25); overflow: hidden;}
/* found to cause issue when only two blogs are active AM 11-18-22 .blog_col.right .home_blog_post{ height: calc( 50% - 1rem);}*/
.blog_col.right .home_blog_post:first-child{ border-radius: 0 50px 0 0;}
.blog_col.left .home_blog_post{ border-radius: 0 0 0 50px; height: 100%;}

.blog_date{ background: var(--primary1-color); font-size: 0.875rem; text-transform: uppercase; letter-spacing: 2px; padding: 10px 1rem; font-weight: 700;}

.color1_dark .blog_date{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/
.color1_light .blog_date{ color: #333333; color: var(--main-dark-color);} /** 10-27-21 **/

.blog_image{ width: 100%; height: 310px; overflow: hidden; }
.blog_image img{ display: block; object-fit: cover; width: 100%; height: 100%;}

.blog_content{ padding: 2rem 2rem 3rem;}
h3.blog_title, h3.blog_title a{ color: #3A3B47;}
h3.blog_title a:hover{ color: var(--primary1-color); transition: all 0.3s;}
p.home_blog_text{ color: #757575; padding: 1rem 0 0 0; }

.blog_link{ margin-top: 2rem; display: inline-block; transition: all 0.3s;}
.blog_link::after{ content:""; height: 2px; width: 100%; display: block; background: var(--primary2-color); margin-top: 3px; transition: all 0.3s;}
.blog_link:hover::after{ background: var(--primary1-color);}

.blog_link .link_arrow{ padding-left: 5px;}
.blog_section .button {color: #ffffff;}
.color2_light .blog_section .button_arrow svg, .color2_light .blog_section .button_arrow svg * {
    fill: #ffffff !important;}


/** Events Section **/
.events_section{ position: relative; padding: 6.25rem 0;}
.events_section .section_bg{ position: absolute; z-index: 1; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0;}
.events_section .section_bg img{ display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%);}
.events_section .section_overlay{ position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; background: rgba(var(--primary1-rgb-color),0.9);}

.events_section .wrapper{ position: relative; z-index: 3;}

.events_section h2.section_title{ color: #fff;}

.events_container .slick-track{ padding: 50px 0;}

.event_content{ background: #fff; width: calc(100% - 92px); padding: 4.6875rem 30px 3rem; box-shadow: 0 10px 30px rgba(48,48,46,0.25); text-align: center; margin: 0 auto; position: relative;}

.event_content .date{ width: 6.25rem; height: 6.25rem; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50%; background: var(--primary2-color); text-align: center; flex-direction: column;}

.event_content .date .day_num{ font-size: 1.875rem; font-weight: 700; line-height: 100%;}
.event_content .date .day_mon{ text-transform: uppercase; font-size: 0.875rem; font-weight: 700; letter-spacing: 2px; line-height: 100%; padding-top: 8px;}
.events_section .button {background: var(--primary2-color);}
.color2_light .events_section .button{ color: #000; color: var(--main-dark-color);} /** 10-27-21 **/
.color2_dark .events_section .button{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

.color1_light .events_section .button:hover{ color: #000; color: var(--main-dark-color);} /** 10-27-21 **/


/* Date colors */
.color2_light .event_content .date, .color2_light .event_content .date .day_mon{ color: #333; color: var(--main-dark-color);} /** 10-27-21 **/
.color2_dark .event_content .date, .color2_dark .event_content .date .day_mon{ color: #fff; color: var(--main-light-color);} /** 10-27-21 **/

h4.event_title, h4.event_title a{ font-weight: 700; }
h4.event_title a:hover{ color: #333; color: var(--main-dark-color); transition: all 0.3s;}

.event_content p.time{ color: #757575; padding-top: 0.5rem;}


/*************** TOOL OVERRIDES ***************/

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

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

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

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

@media all and (max-width: 1600px){
	/* hero */
	.slide_text{ padding: 0 7% 0 14%; width: 79%;}
	.slide_text p{ padding: 1.5rem 0 0 0; line-height: 150%;}
	.hero_button{ margin-top: 1.5rem;}
}

@media all and (max-width: 1400px){
	/* Banner area */
	.banner_photo_container{ transform: translateX(0) translateY(25px); height: 80%;}
}
	
@media all and (max-width: 1280px){
	.header_button{ font-size: 0.75rem; margin-left: 0.75rem;}
	
	/* hero */
	.slide_text h2.hero_title{ font-size: 2.5rem;}
	.slide_text p{ font-size: 0.9rem; padding: 1rem 0 0 0; line-height: 130%;}
	.hero_button{ font-size: 0.8rem; margin-top: 1rem;}
}

@media all and (max-width: 1170px){
	.logo img{ max-width: 150px;} /* 9-30-21 */
}

@media all and (max-width: 1024px){
	/* blog section */
	.blog_feed_container{ flex-direction: column;}
	.blog_col.left, .blog_col.right{ width: 100%;}
	.blog_col.left .home_blog_post{ height: auto; border-radius: 0 50px 0 0;}
	.blog_col.right{ flex-direction: row; margin-top: 1.5rem;}
	.blog_col.right .home_blog_post{ height: auto; width: calc( 50% - 1rem);}
	
	.logo img{ max-width: 130px;} /* 9-30-21 */
}

@media all and (max-width: 980px){
	/* hero */
	.hero_slideshow .slide_left{ width: 70%;}
	.hero_slideshow .slide_right{ width: 30%;}
	
	.hero_arrows{ left: 70%;}
	.hero_arrow:first-child{ margin-bottom: 0.75rem;} 
	
	.slide_text{ padding: 0 5% 0 5.5vw; width: calc(95% - 5.5vw);}
	.slide_text h2.hero_title{ font-size: 2rem;}
	.slide_text p{ font-size: 0.85rem;}
	
	.logo img{ max-width: 200px;} /* 9-30-21 */
}

@media all and (max-width: 767px){
	/** Mobile Headings **/
	h1{ font-size: 2.125rem; }
	h2{ font-size: 1.5rem; line-height: 133%;}
	h3, .tool_headline1{ font-size: 1.25rem;}
	h4, .tool_headline2{ font-size: 1.125rem;}
	h5, h6{ font-size: 0.875rem;}
	
	/** Footer **/
	footer.has_cta{ margin-top: 3rem;}
	.footer_cta_content{ padding: 3rem 2rem; flex-direction: column; justify-content: center; text-align: center;}
	.footer_cta_text{ width: 100%; margin-right: 0;}
	.footer_cta_buttons_container{ width: 100%; text-align: center;}
	
	.footer_cta_text + .footer_cta_buttons_container{ margin-top: 2rem;}
	
	.footer_top > .wrapper, .footer_left{ flex-direction: column; justify-content: center;}
	.footer_left .footer_col:first-child{ padding-right: 0; margin-bottom: 2rem;}
	.footer_left{ margin-bottom: 2rem; text-align: center;align-items: center;}
	.fotoer_right, .footer_col{ text-align: center;}
	.footer_social_icons{ justify-content: center;}
	.footer_logo{ margin: 0 auto; max-width: 220px;} /* 9-30-21 */
	.footer_logo img {margin: 0 auto;}
	.footer_bottom {text-align: center;}
	footer.has_cta .footer_top {padding-bottom: 0rem; }
	p.copyright {margin-bottom: 20px!important;}
	
	.footer_col_title::after{ margin: 1.25rem auto;}
	
	.footer_bottom .flex{ justify-content: center; flex-direction: column;}
	a.credit, p.copyright, p.footer_statement{ text-align: center;}
	a.credit{ margin-top: 1.5rem;}
	
	.footer_social_icons a{ margin: 0 1rem;}
	
	.footer_col_title{ margin-bottom: 1.5rem;}
	
	/* accreditation logos */
	.has_accred_logos .footer_col_title::after{ margin: 1.25rem auto 0;}
	.has_accred_logos .footer_social_icons{ justify-content: center;}
	
	/* Banner area */
	.banner.has_photo, .banner{ margin-bottom: 4rem;}
	
	.banner > .wrapper{ padding: 3rem 0 0; text-align: center; flex-direction: column;}
	.page_meta{ width: 100%; padding-bottom: 3rem; align-items: center; text-align: center;}
	.banner.has_photo .page_meta{ min-height: 0; width: 100%;}
	.page_meta .page_category{ padding-bottom: 1rem;}
	.banner_photo_container{ transform: translateX(0) translateY(0); height: auto; position: relative; width: 100%; right: auto; left: auto;}
	
	/** Inside Layout **/
	#main_container > .wrapper{ flex-direction: column;}
	.middle_column.with_right, .middle_column.with_both{ padding-right: 0; width: 100%;}
	.right_column{ width: 100%; margin-top: 2rem; padding-top: 2rem; border-top: 10px solid #3A3B47;}
	
	/** Home General **/
	.heading_row{ justify-content: center;}
	.section_button.desktop_only{ display: none !important;}
	.section_button.mobile_only{ display: block !important; max-width: 100%; width: calc(100% - 4rem); margin-top: 2rem;}
	
	/* hero */
	.slide_text h2.hero_title{ font-size: 1.5rem;}
	
	/* info top */
	.info{ margin-bottom: 3rem;}
	.info.has_boxes{ padding-bottom: 8.625rem;}
	
	.info_top{ flex-direction: column;}
	.stats_container, .info_blurb_container{ width: 100%;}
	.stat_item{ padding-bottom: 3.5rem;}
	.info_blurb_container{ padding-bottom: 0;}
	
	/* stats - full width */
	.stats_container.full .stat_item{ width: calc(50% - 3rem);}
	
	/* info boxes */
	.info_boxes_section{ margin-top: -8.625rem; margin-bottom: 3rem;}
	.info_boxes_section.no_info_top{ margin-top: 0;}
	
	.info_boxes_container{ flex-direction: column;}
	.info_box_item{ width: 100%; margin-bottom: 2rem;}
	.info_box_item:last-child{ margin-bottom: 0;}
	
	/** Blog section */
	.blog_section{ margin-bottom: 3rem;}
	.blog_col.right{ flex-direction: column; margin-top: 1rem;}
	.blog_col.right .home_blog_post{ width: 100%; height: auto;}
	.blog_col.right .home_blog_post:first-child{ margin-bottom: 1rem;}
	
	/* Events Section */
	.events_section{ padding: 3rem 0;}

}

/** mobile **/
@media all and (max-width: 640px) {
	main{ padding: 8.75rem 0 4rem 0;}
	
	.header_button {padding: 1rem; letter-spacing: normal;}
	
	.mobile_utility{ list-style: none; margin: 0; padding: 2rem 5.5vw; background: #3A3B47; display: block; position: absolute; width: 100%; left: 0; bottom: 0;}
	.mobile_utility li{ padding: 0.75rem 0;}
	.mobile_utility li:first-child{ padding-top: 0;}
	.mobile_utility li:last-child{ padding-bottom: 0;}
	.mobile_utility li a{ color: #fff; display: block; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 0.125rem; transition: all 0.3s;}
	
	/* hero */
	.hero_slideshow .slide{ height: auto;}
	
	.hero_slideshow .slide_left{ width: 100%; min-height: 250px; background: var(--primary1-color); padding: 2.5rem 0 calc(2.5rem + 50px) 0;}
	.hero_slideshow .slide_right{ position: relative; width: 100%; height: auto; top: auto; bottom: auto; left: auto; border-radius: 0 50px 0 50px; margin-top: -50px;}
	
	.hero_slideshow .slide .slide_content::after{ display: none; }
	
	.slide_text{ padding: 0; text-align: center; margin: 0 auto; width: 89%;}
	
	.slide_text h2.hero_title{ font-size: 2.125rem; line-height: 128%;}
	.slide_text p{ font-size: 1rem; line-height: 175%;}
	.hero_button{ margin-top: 1.25rem;}
	
	.hero_arrows{ left: 90%; top: 53%;}
	
	
	/** Mission Statement Section **/
	.mission{ padding: 2rem 0 2rem 0;}
	.mission_wrapper{ width: 100%;}
	.mission p{ font-size: 1rem;}
	
	/** info top section **/
	.info_blurb_buttons_container{ flex-direction: column;}
	.info_blurb_buttons_container .info_button_item{ width: 100%;}
	.info_blurb_container.full .info_blurb_buttons_container .info_button_item{ max-width: 100%; margin: 0;}


	
	/** blog section **/
	.home_blog_text{ display: none;}
	.blog_col.right .home_blog_post:first-child{ border-radius: 0;}
	.blog_col.right .home_blog_post:last-child{ border-radius: 0 0 0 50px;}
	.blog_link{ margin-top: 1.25rem;}
	
	
	/* accreditation logos */
	/* .accreditation{ flex-direction: row; align-items: center; flex-wrap: wrap;} */
	/* .accreditation .accred_item{ width: 100%;} */
	
}

/* SM 3.0 CSS */
.tool_content, #inside_nav { font-family: 'Poppins', sans-serif;}
.sm3_header_right .account_info a{ color: #fff; text-decoration: none; font-weight: normal;}
.sm3_content_building_area main{ padding-top: 3rem;}
#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;}


/* 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 {

	--primary1-color: #325DA4;
	--primary1-rgb-color: 50,93,164;

	--primary2-color: #FFC64D;

	--main-dark-color: #333333;
	--main-light-color: #ffffff;
  }

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

/* BEGIN: for Profiles tool - back to top */
a[name^="detailid_"] {
    position: relative;
    top: -100px;
}
/* END: for Profiles tool - back to top */

.event_arrows{
	display: flex;
	gap: 0.5rem;
	justify-content: center;
}

.event_arrows .event_prev svg, .event_arrows .event_next svg{
	transform: rotate(-90deg);
}


.ck-content .button, 
.tool_content .button, 
.swal2-html-container .button
{ 
	width:auto;
}

/** Quotes **/
.ck-content blockquote, .tool_content blockquote, blockquote{ 
	display: block; 
	background: #fff; 
	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: 'Poppins', sans-serif !important;
}

.middle_column h2, .middle_column h5, 
.right_per_detail h2, .right_per_detail h5
{	color: var(--primary1-color);
}
.middle_column h4, .middle_column h6, 
.right_per_detail h4, .right_per_detail h6
{	font-style: italic;
}

.swal2-html-container h2, .swal2-html-container h5 {
	color: var(--primary1-color) !important;
}
.swal2-html-container h4, .swal2-html-container h6 {
	font-style: italic !important;
}

.calendar_form.categories-present{
    .left{
        display: flex;
        flex-direction: column;
    }
    .calendar_options{
        display: flex;
        flex-wrap: wrap;
    }
    .categoryid{
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 767px) {
    .calendar_form{
        .calendar_view_list, .calendar_links .calendar_links_ical{
            padding: 0 0.8em;
        }
        .calendar_links .calendar_links_print{
            padding: 0;
        }
        .calendar_links .calendar_links_rss {
            padding-left: 0.8em;
        }
    }
  }