/* Main CSS for Beckman */

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

/** Font Family:

font-family: 'Nunito', sans-serif;

**/

/** Base font size (used for determining REMs)

17px

**/

/** Color Variables **/

html, body{ margin: 0; padding: 0;}

html{ font-size: 100%; font-family: 'Nunito', sans-serif; color: #403F4D; overflow-y: auto; overflow-x: hidden; max-width: 100vw;}

html.open_nav{ overflow: hidden;}

.home section{ width: 100vw;}

/* Main Headings Styles (Desktop) */
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; color: #403F4D;}
#main_container h1,#main_container h2,#main_container h3,#main_container h4,#main_container h5,#main_container h6,.tool_headline1, .tool_headline2{ margin: 1.5rem 0;}

h1{ font-size: 4.117647058823529rem; line-height: 100%; letter-spacing: -0.0588235294117647rem; font-weight: 800;}
h2{ font-size: 2.941176470588235rem; line-height: 100%; letter-spacing: -0.0294117647058824rem; font-weight: 800;}
h3, .tool_headline1{ font-size: 1.882352941176471rem; line-height: 113%; font-weight: 800;}
h4, .tool_headline2{ font-size: 1.411764705882353rem; line-height: 117%; font-weight: 800;}
h5{ font-size: 1rem; line-height: 100%; font-weight: 700;}
h6, p.subhead{ font-size: 0.8823529411764706rem; line-height: 106%; text-transform: uppercase; letter-spacing: 0.1176470588235294rem; font-weight: 700;}

p{ font-size: 1rem; line-height: 170%; margin: 0; padding: 0;}
p.large{ font-size: 1.529411764705882rem; line-height: 138%;}
p.small{ font-size: 0.8823529411764706rem; line-height: 167%;}
a{ font-weight: 700; text-decoration: none; color: #403F4D;}
p a:not(.button){ font-weight: 700; transition: all 0.3s; position: relative; text-decoration: underline; text-decoration-color: var(--color-base-2); text-decoration-thickness: 0.2352941176470588rem; text-decoration-skip: none; text-decoration-skip-ink: none; text-underline-position: under;}
/* p a::after{ content:""; background: var(--color-base-2); width: 100%; height: 0.2352941176470588rem; bottom: 0; left: 0; transform: translateY(75%); position: absolute; transition: all 0.3s; border-radius: 0.1764705882352941rem;} */
p a:hover{ color: var(--color-base-2);}

blockquote{ margin: 2rem 0; font-size: 1.529411764705882rem; line-height: 138%; background: rgba(var(--color-rgb-1),0.05); padding: 2rem;}
blockquote *{ margin: 0 !important; padding: 0 !important; font-size: 1.529411764705882rem !important; line-height: 138% !important;}

figcaption, figure .caption{ font-size: 1rem; font-family: 'Nunito', sans-serif; margin: 0 0 1rem 0; color: #67667B; border-left: solid #E0E0E4 4px; padding-left: 1rem;}

/** Tool Headings **/
h3.toolhead{ font-size: 1.882352941176471rem; font-weight: 800; line-height: 113%; background: rgba(var(--color-rgb-1),0.05); padding: 1rem 2rem;}

/** Buttons **/
.button{ font-size: 1rem; font-weight: 700; color: var(--color-overlay-1); background: var(--color-base-1); border-radius: 0.5882352941176471rem; white-space: nowrap; display: inline-block; padding: 0.75rem 2rem; min-width: 200px; transition: all 0.3s; margin-top:  1.5rem; text-align: center; box-sizing: border-box; border: solid 2px var(--color-base-1);}
.button:hover{ background: #fff; color: var(--color-base-1);}

/** General **/
.flex{ display: flex;}
.flex.full_width{ justify-content: center;}

.wrapper{ margin: 0 auto; width: 90%; max-width: 1170px;}

.button_icon{ display: inline-block; vertical-align: middle; padding-left: 0.75rem;}
.button_icon svg{ vertical-align: middle;}

main{ padding-top: 11rem;}

.text_logo { font-size: 1.75rem;
    line-height: 100%;
    letter-spacing: -0.0294117647058824rem;
    font-weight: 700;
	margin: 0;
    padding: 0;
    color: #403F4D;}

/**** HEADER *****/
header{ position: absolute; top: 0; left: 0; width: 100%; padding: 0; margin: 0; z-index: 999;	background: #fff; height: 11rem;}
.header_wrapper{ display: flex; justify-content: space-between; align-items: center; width: 94%; margin: 0 auto;}
header .nav_row .header_wrapper{ justify-content: center;}

header .header_top{ padding: 2rem 0 0.5rem 0;}

header .nav_row{ padding: 1rem 0 0 0;}

header .button{ margin-top: 0;}
 
/* logo */
.logo{ font-size: 0;}
.logo img{ display: block; width: auto; max-height: 3.411764705882353rem; max-width: 250px;}

/* search */
.search_container{ position: relative; padding-left: 0.5rem; background: #fff;}
.search_container form{ width: 100%;}

.search_icon{ display: flex; align-items: center; font-size: 0; padding: 1rem; border-radius: 10px;}
.search_icon svg{ vertical-align: middle;}
.search_icon svg, .search_icon svg *{ fill: var(--color-base-1) !important;}

.search_icon.active{ background: var(--color-base-1);}
.search_icon.active svg, .search_icon.active svg *{ fill: var(--color-overlay-1) !important;}

.search_form_container{ position: absolute; top: 0; right: 0; width: 300px; background: #fff; border-radius: 10px; z-index: -1; display: flex; align-items: center; opacity: 0; padding: 1rem 0; transition: all 0.3s; border: solid 2px var(--color-base-1); box-sizing: border-box;}
.search_form_container.open{ top: calc(100% + 5px); opacity: 1;}

.search_form_container legend{ display: none;}
.search_form_container input, .search_form_container fieldset{ margin: 0; padding: 0; border: none;}
.search_form_container button{ font-size: 0; margin: 0; padding: 0 0.75rem; background: none; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer;}

.search_form_container input{ width: calc(100% - 0.5rem); padding: 5px 0; font-family: 'Nunito', sans-serif; font-size: 1rem;}
.search_form_container ::placeholder{ font-size: 1rem; color: #686868; font-family: 'Nunito', sans-serif;}

/* utility nav (header and footer) */
.utility_nav{ position: relative;}

.util_nav_button{ display: inline-block; padding: 1rem 2rem; border-radius: 0.5882352941176471rem; border: solid 2px var(--color-base-1); text-align: center; box-sizing: border-box;}

.util_nav_links{ display: none; list-style: none; margin: 0; padding: 0; background: #fff; position: absolute; top: 100%; border: solid 2px var(--color-base-1); box-sizing: border-box; width: 260px; transition: all 0.3s; border-radius: 0.5882352941176471rem; margin-top: 5px; z-index: 10;}
.util_nav_links li a{ display: block; padding: 0.5rem 1rem; font-size: 1rem; transition: all 0.3s;}
.util_nav_links li a:hover{ color: var(--color-overlay-1); background: var(--color-base-1);}

@media all and (min-width: 767px){
	.utility_nav{ display: inline-block;}
	.utility_nav:hover .util_nav_links{ display: block;}
	.utility_nav:hover .util_nav_button::after{ content:""; width: 100%; position: absolute; bottom: -6px; left: 0; display: block; height: 6px;}
	
	/** added on 9-3-21 by WA **/
	.logo{ font-size: 0; display: flex; justify-content: center; width: 100%;}
	.header_cta{ display: flex; justify-content: flex-end; width: 100%;}
	.utility_nav{ display: flex; justify-content: start; width: 100%;}
	.footer_utility_container .utility_nav{ display: flex; justify-content: end; width: 100%;}
}


/**** FOOTER *****/
footer{ position: relative; background: rgba(64,63,77,0.044);}

.footer_top{ padding: 6vw 0;}
.footer_top > .flex{ justify-content: space-between; align-items: flex-start;}

.footer_logo img{ max-height: 200px; max-width: 220px;} /* 10-4-21 */

/* footer address */
.footer_address_container{ margin-top: 2rem;}

.footer_address_container *{ font-style: normal; font-size: 1rem; line-height: 170%;}

.footer_address_container a{ position: relative; transition: all 0.3s; line-height: 200%;}
.footer_address_container a::after{ content:""; background: var(--color-base-2); width: 100%; height: 0.2352941176470588rem; bottom: 0; left: 0; transform: translateY(75%); position: absolute; border-radius: 0.1764705882352941rem;}
.footer_address_container a:hover{ color: var(--color-base-2);}

/* footer nav */
ul.footer_nav_col{ margin: 0 auto; padding: 0; list-style: none;}
ul.footer_nav_col li{ margin: 0.75rem 0;}
ul.footer_nav_col li a{ display: inline-block; font-size: 1rem; font-weight: 700; transition: all 0.3s;}
ul.footer_nav_col li a:hover{ color: var(--color-base-2);}

/* footer utility nav **/
.footer_utility_container{ text-align: right;}
.footer_utility_container .util_nav_links{ text-align: left;}

/* social media icons */
.footer_social_media{ display: flex; align-items: center; justify-content: flex-end; margin-top: 3rem;}
.footer_social_media a{ font-size: 0; display: inline-block; margin: 0 1rem;}
.footer_social_media a:first-child{ margin-left: 0;}
.footer_social_media a:last-child{ margin-right: 0;}
.footer_social_media a svg{ height: 30px; width: auto;}
.footer_social_media a svg, .footer_social_media a svg *{ fill: var(--color-base-1) !important; transition: all 0.3s;}
.footer_social_media a:hover svg, .footer_social_media a:hover svg *{ fill: var(--color-base-2) !important;}

/* accreditation logos */
/* .accreditation{ justify-content: flex-end; margin-top: 2rem;}
.accred_item{ margin: 0 0.5rem; display: flex; align-items: center; justify-content: center;}
.accred_item:first-child{ margin-left: 0;}
.accred_item:last-child{ margin-right: 0;}
.accred_item img{ max-width: 80px; max-height: 40px; display: block; margin: 0 auto; } */

/* footer bottom */
.footer_bottom{ padding-bottom: 2rem;}
.footer_bottom > .flex{ justify-content: space-between; align-items: center;}
.footer_bottom p{ font-size: 0.8823529411764706rem; margin: 0; padding: 0;}

.footer_bottom .credit{ transition: all 0.3;}
.footer_bottom .credit img{ max-height: 30px; opacity: 0.35;}
.footer_bottom .nce_logo img {max-height: 30px;}
.footer_bottom .credit:hover img{ opacity: 1;}

/* footer statement */
.footer_statement_container{ padding: 2rem 0 0 0; text-align: center;}

a.nce_logo {max-height: 40px;}
/**** INSIDE PAGES *****/

/* Banner Area */
.banner{ position: relative; background: rgba(var(--color-rgb-1),0.05); padding-top: 5vw;}

.banner_flex{ display: flex; justify-content: space-between; align-items: center;}
.banner_img_container{ position: relative;}

.banner_col{ width: 50%;}
.banner_col.left{ width: 100%; padding-bottom: 5.5vw;}
.banner.has_photo .banner_col.left{ padding-right: 5%; width: 45%; padding-bottom: 2rem;}

.banner_img_container img{ position: relative; z-index: 2; display: block; border-radius: 10px; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15); width: 100%; height: auto;}
.banner_image_shape_container{ position: absolute; bottom: 0; left: 0; transform: translateX(-2rem) translateY(2rem); z-index: 1; width: 80%;}
.banner_image_shape_container svg{ width: 100%; height: auto;}
.banner_image_shape_container svg, .banner_image_shape_container svg *{ fill: var(--color-base-2) !important;}

.banner_wave{ position: absolute; bottom: 0; left: 0; width: 100%;}
.banner_wave svg{ display: block; width: 100%; height: auto;}

/* breadcrumbs */
.breadcrumbs{ display: flex; align-items: center; margin-bottom: 2rem;}

.breadcrumb_item:last-of-type, .breadcrumb_divide:last-of-type{ display: none;}

.breadcrumb_divide{ display: inline-block; margin: 0 1rem; vertical-align: middle; line-height: 100%; font-size: 0;}
.breadcrumb_divide svg{ vertical-align: middle; height: 16px; width: auto;}

/** Main Container **/
#main_container{ padding: 7vw 0 4vw;}

/* Page Layout and Sections */
.middle_column, .right_column{ display: inline-block; vertical-align: top;}

.middle_column{ width: 100%;}
.middle_column.with_right{ width: 65%; margin-right: calc(12% - 5px);}

.right_column{ width: 23%;}

.detail_padding img, .right_content img{ border-radius: 10px; box-shadow: 0 10px 30px 0 rgba(103,102,123,0.25); margin-bottom: 1rem !important;}

.detail_padding img{ margin-top: 1rem !important;}
.detail_padding > a + img{ margin-top: 0 !important;}

.detail_padding img[style*="float:left;"], .detail_padding figure[style*="float:left;"]{ margin: 0 2rem 2rem 0 !important;}
.detail_padding img[style*="float:right;"], .detail_padding figure[style*="float:right;"]{ margin: 0 0 2rem 2rem !important;}

#right_within{ display: flex; flex-direction: column;}

.middle_column li a, .right_content li a {font-weight: 700; transition: all 0.3s; position: relative; text-decoration: underline; text-decoration-color: var(--color-base-2); text-decoration-thickness: 0.2352941176470588rem; text-decoration-skip: none; text-decoration-skip-ink: none; text-underline-position: under;}

/*** Inside Nav ***/
#inside_nav{ margin-bottom: 4rem; padding-bottom: 3rem; border-bottom: solid #E0E0E4 4px;}

#menu ul{ margin: 0; padding: 0; list-style: none;}
#menu ul li a{ display: inline-block; margin: 0.75rem 0;}
#menu ul li a:hover{ color: var(--color-base-1);}

#menu > ul > li > a{ font-size: 1.411764705882353rem; font-weight: 800;}

#menu > ul > li > ul{ margin-left: 1.5rem;}
#menu > ul > li > ul > li > a{ font-size: 1rem; font-weight: 700;}
#menu > ul > li > ul > li > ul{ margin-left: 1.5rem;}
#menu > ul > li > ul > li > ul > li > a{ font-size: 1rem; font-weight: 400;}


/*****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: 'Nunito', sans-serif;}

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

/* Hero */

.slide_left_container, .slide_right_container{ width: 50%; padding-top: 30px; z-index: 1;}

.hero .slide{ align-items: center; position: relative; justify-content: space-between;}
.hero .slide::after{ content:""; position: absolute; top: calc(30px + 1rem); left: 0; width: 80%; background: rgba(var(--color-rgb-1),0.05); height: calc(100% - 30px - 2rem); z-index: 0;}

.slide_content_padding{ padding: 0 7vw 0 15.7vw;}
.slide_content_item p{ padding-top: 2rem;}

.hero_button_container{margin-top: 2rem; display: flex; align-items: center; margin-bottom: 0.2rem;}

.hero_button{ margin-top: 0; min-width: 0;}
.hero_button + a{ margin-left: 2rem;}

.slide_img_item{ overflow: hidden; border-radius: 45% 62% 75% 33% / 36% 11% 20% 72%; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.25);}
.slide_img_item img{ display: block; width: 100%; height: auto;}

.slide_right_container .slick-list{ overflow: visible !important;}

a.hero_link{ font-weight: 700; transition: all 0.3s; position: relative;}
a.hero_link::after{ content:""; background: var(--color-base-2); width: 100%; height: 0.2352941176470588rem; bottom: 0; left: 0; transform: translateY(75%); position: absolute; transition: all 0.3s; border-radius: 0.1764705882352941rem;}
a.hero_link:hover{ color: var(--color-base-2);}

/* hero navigation **/
.hero_nav{ display: flex; align-items: center; position: absolute; bottom: 10%; left: 15.7%; z-index: 1;}

.hero_prev{ order: 1;}
.hero_next{ order: 3;}
.hero_arrow{ background: none; border: none; font-size: 0;}
.hero_arrow svg{ height: 30px; width: auto; vertical-align: middle;}
.hero_arrow svg, .hero_arrow svg *{ fill: var(--color-base-1) !important;}

.hero_nav .slick-dots{ order: 2; margin: 0 1.5rem; padding: 0; list-style: none; display: flex; align-items: center;}
.hero_nav .slick-dots li{ margin: 0 0.25rem; display: flex; align-items: center; justify-content: center;}
.hero_nav .slick-dots li button{ background: var(--color-base-1); border: none; width: 50px; height: 4px; opacity: 0.2; font-size: 0;}
.hero_nav .slick-dots li.slick-active button, .hero_nav .slick-dots li.slick-active:hover button{ opacity: 1;}

.hero_video video{ display: block; width: 100%; height: auto;}


/* Content Section 1 - Story with video or image */
.story{ padding: 6.882352941176471rem 0 8.235294117647059rem 0;}
.story > .flex{ align-items: center; justify-content: space-between;}

.story_left{ position: relative; width: 53%;}
.story_media_container{ width: 93%; position: relative; z-index: 2;}

.story_media_container .play_button{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); background: var(--color-base-1); border: solid 2px var(--color-base-1); border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; z-index: 2; transform: all 0.3s; cursor: pointer;}
.story_media_container video, .story_media_container img{ display: block; width: 100%; height: auto;}
.story_media_container video{ position: relative; z-index: 1;}
.story_media_container .play_button svg{ vertical-align: middle; height: 24px; width: auto; transform: translateX(3px); transform: all 0.3s;}
.story_media_container .play_button svg, .story_media_container .play_button svg *{ fill: var(--color-overlay-1) !important;}

.story_media_container .play_button:hover{ background: #fff;}
.story_media_container .play_button:hover svg, .story_media_container .play_button:hover svg *{ fill: var(--color-base-1) !important;}

.story_bg_angle{ position: absolute; z-index: 1; right: 0; bottom: 0; transform: translateY(10%); text-align: right;}
.story_bg_angle svg{ width: 74%; height: auto;}
.story_bg_angle svg, .story_bg_angle svg *{ fill: var(--color-base-2) !important;}

.story_right{ width: 47%;}
.story_content_padding{ padding-left: 7%;}

.story_subhead{ color: var(--color-base-2); font-size: 0.8823529411764706rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 1.25rem;}

h2.story_title + p.story_text{ margin-top: 1.25rem;}


/* Announcements section */
.announcements{ position: relative; background: rgba(var(--color-rgb-4), 0.09);}
.news_top_wave_container{ width: 100%; background: #fff;}
.news_top_wave_container svg{ display: block; width: 100vw; height: auto;}
.news_top_wave_container svg, .news_top_wave_container svg *{ fill: rgba(var(--color-rgb-4), 0.09) !important;}

.announcements > .wrapper{ padding: 4.705882352941176rem 0 5.588235294117647rem 0;}

.news_title_container{ text-align: center;}
.news_title_container p.subhead{ margin-bottom: 1.5rem;}

.news_title_container + .news_feed{ margin-top: 2.941176470588235rem;}

.news_item{ background: #fff; position: relative; text-align: center; border-radius: 10px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.25); margin: 0 1rem; box-sizing: border-box; transition: all 0.2s; overflow: hidden;}
.news_item:nth-child(even){ margin-top: 2.3rem;}

.news_count_heading{ text-align: center; padding: 2rem 0; overflow: hidden; position: relative;}
.news_item:nth-child(even) .news_count_heading{ color: #403F4D;}
.news_item:nth-child(odd) .news_count_heading{ color: #fff;}

.news_item:nth-child(3) .news_count_heading{ color: var(--color-overlay-1);}
.news_item:nth-child(1) .news_count_heading{ color: var(--color-overlay-2);}
.news_item:nth-child(2) .news_count_heading{ color: var(--color-overlay-3);}
.news_item:nth-child(4) .news_count_heading{ color: var(--color-overlay-4);}

.news_item .news_count_heading::after{ content:""; position: absolute; width: 200%; height: 200%; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; z-index: 1;}

.news_item:nth-child(1) .news_count_heading::after{ background: var(--color-base-2);}
.news_item:nth-child(2) .news_count_heading::after{ background: var(--color-base-3);}
.news_item:nth-child(3) .news_count_heading::after{ background: var(--color-base-1);}
.news_item:nth-child(4) .news_count_heading::after{ background: var(--color-base-4);}

.news_count_number{ position: relative; z-index: 2; font-size: 1.411764705882353rem; font-weight: 800;}

.news_item_content{ padding: 2.3rem 1.470588235294118rem 4.705882352941176rem 1.470588235294118rem; border-radius: 0 0 10px 10px; border: 2px solid transparent;}

.news_item_content p{ padding-top: 1rem;}

.news_item_link{ position: absolute; left: 0; width: 100%; text-align: center; bottom: 1.470588235294118rem; }
.news_item_link a{ font-weight: 700; transition: all 0.3s; position: relative;}
.news_item_link a::after{ content:""; background: var(--color-base-2); width: 100%; height: 0.2352941176470588rem; bottom: 0; left: 0; transform: translateY(75%); position: absolute; transition: all 0.3s; border-radius: 0.1764705882352941rem;}
.news_item_link a:hover{ color: var(--color-base-2);}

/* news item 1 hover */
.news_item:nth-child(1):hover::before{ content:"";background: var(--color-base-2); position: absolute; left: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(1):hover::after{ content: "";background: var(--color-base-2); position: absolute; right: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(1):hover .news_item_content{ border-bottom: solid 2px var(--color-base-2); border-left: solid 2px var(--color-base-2); border-right: solid 2px var(--color-base-2);}

/* news item 2 hover */
.news_item:nth-child(2):hover::before{ content:"";background: var(--color-base-3); position: absolute; left: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(2):hover::after{ content: "";background: var(--color-base-3); position: absolute; right: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(2):hover .news_item_content{ border-bottom: solid 2px var(--color-base-3); border-left: solid 2px var(--color-base-3); border-right: solid 2px var(--color-base-3);}

/* news item 3 hover */
.news_item:nth-child(3):hover::before{ content:"";background: var(--color-base-1); position: absolute; left: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(3):hover::after{ content: "";background: var(--color-base-1); position: absolute; right: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(3):hover .news_item_content{ border-bottom: solid 2px var(--color-base-1); border-left: solid 2px var(--color-base-1); border-right: solid 2px var(--color-base-1);}

/* news item 4 hover */
.news_item:nth-child(4):hover::before{ content:"";background: var(--color-base-4); position: absolute; left: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(4):hover::after{ content: "";background: var(--color-base-4); position: absolute; right: 0; top: 0; width: 2px; height: 100%;}
.news_item:nth-child(4):hover .news_item_content{ border-bottom: solid 2px var(--color-base-4); border-left: solid 2px var(--color-base-4); border-right: solid 2px var(--color-base-4);}

.news_feed .slick-list{ overflow: visible;}

.news_nav{ display: flex; align-items: center; justify-content: center; margin: 3rem 0 0;}

.news_nav .slick-dots{ order: 2; margin: 0 1.5rem; padding: 0; list-style: none; display: flex; align-items: center;}
.news_nav .slick-dots li{ margin: 0 0.25rem; display: flex; align-items: center; justify-content: center;}
.news_nav .slick-dots li button{ background: var(--color-base-1); border: none; width: 50px; height: 4px; opacity: 0.2; font-size: 0;}
.news_nav .slick-dots li.slick-active button, .news_nav .slick-dots li.slick-active:hover button{ opacity: 1;}


/** Events **/
.events{ padding: 7.64705882352941vw 0;}

.events > .wrapper{ align-items: center;}

.events_container{ display: flex; flex-flow: wrap; justify-content: space-between;}
.event_item{ width: calc(50% - 1.764705882352941rem); position: relative; transition: all 0.3s;}
.event_item > a{ display: inline-block; width: 100%;}

.event_item *{ transition: all 0.3s;}

.event_content{ background: var(--color-base-1); border: 2px var(--color-base-1) solid; box-sizing: border-box; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; width: calc(100% - 55px); margin: 0 0 0 auto; position: relative; z-index: 1; padding: 2rem 0; min-height: calc(160px - 4rem); border-radius: 10px;}
.event_content > *{ padding-left: calc(55px + 1rem); padding-right: 1.5rem;}


.event_content h4, .event_content a, .event_content p{ color: var(--color-overlay-1);}

.events_col.left{ width: 33%;}
.events_left_text_container{ padding-right: 25%;}

.events_left_text_container p{ margin-top: 1.5rem;}

.events_col.right{ width: 67%;}

.event_item .date{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; background: #fff; display: flex; align-items: center; justify-content: center; width: 110px; height: 116px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.25); flex-direction: column;}
.event_item .day_mon{ display: block; text-align: center; color: var(--color-base-2); font-size: 0.8823529411764706rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; line-height: 100%;}
.event_item .day_num{ display: block; text-align: center; font-size: 1.764705882352941rem; font-weight: 800; line-height: 100%;}

.event_item:nth-child(1) .date{ border-radius: 71% 29% 48% 61% / 31% 38% 48% 32%;}
.event_item:nth-child(2) .date{ border-radius: 27% 72% 32% 72% / 31% 38% 48% 44%;}
.event_item:nth-child(3) .date{ border-radius: 42% 57% 48% 53% / 64% 51% 48% 34%;}
.event_item:nth-child(4) .date{ border-radius: 26% 73% 48% 53% / 64% 34% 66% 34%;}

.event_item:nth-child(3), .event_item:nth-child(4){ margin-top: 1.5rem;}

.events_button.mobile{ display: none;}

.event_item:hover .event_content{ background: #fff; }
.event_item:hover .event_content h4, .event_item:hover .event_content p{ color: #403F4D;}
.event_item:hover .event_content h4{ text-decoration: underline;}


/* Blog section */
.home_blog{ padding: 6vw 0; background: rgba(var(--color-rgb-1),0.05);}

.home_blog .heading_row{ justify-content: space-between; align-items: flex-end; margin-bottom: 2.647058823529412rem;}

.home_blog .heading_row p.subhead{ color: var(--color-base-2); margin-bottom: 1.5rem;}

.home_blog .heading_row .home_blog_button.desktop{ justify-self: flex-end; }
.home_blog .heading_row .home_blog_button.mobile{ display: none; }

.blog_nav{ display: flex; align-items: center; justify-content: center; margin: 3rem 0 0;}

.blog_nav .slick-dots{ order: 2; margin: 0 1.5rem; padding: 0; list-style: none; display: flex; align-items: center;}
.blog_nav .slick-dots li{ margin: 0 0.25rem; display: flex; align-items: center; justify-content: center;}
.blog_nav .slick-dots li button{ background: var(--color-base-1); border: none; width: 50px; height: 4px; opacity: 0.2; font-size: 0;}
.blog_nav .slick-dots li.slick-active button, .blog_nav .slick-dots li.slick-active:hover button{ opacity: 1;}

.blog_feed_container .slick-list{ overflow: visible;}

.post_image_container{ overflow: hidden; border-radius: 10px; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.25); height: 200px;}
.post_image_container img{ display: block; width: 100%; height: 100%; object-fit: cover;}

.blog_feed_item_padding{ padding: 0 0.8235294117647059rem; }
.blog_post_content{ margin-top: 1.5rem;}

.blog_post_meta{ padding-bottom: 1rem;}

.blog_post_title:hover{ text-decoration: underline;}

.home_blog_button.mobile{ display: none;}

/** Bottom CTA Box **/
.home_cta_box{ position: relative; padding: 0 0 5.470588235294118rem 0;}

.cta_section_bg{ position: absolute; width: 100%; height: calc(50% - 1.470588235294118rem); top: 0; left: 0; z-index: 1; opacity: 0.05;}

.home_cta_box .wrapper{ max-width: 1102px;}

.cta_box_container{ position: relative; padding: 1.470588235294118rem 0 2.176470588235294rem 0; z-index: 2;}

.home_cta_shape_left{ position: absolute; top: 0; left: 0; z-index: 1;}
.home_cta_shape_right{ position: absolute; bottom: 0; right: 0; z-index: 1;}

.cta_box{ position: relative; z-index: 2; background: #fff; border-radius: 10px; margin: 0 auto; width: 88%; text-align: center; box-shadow: 0 10px 30px 0 rgba(0,0,0,0.25);}

.cta_content_padding{ padding: 3.5rem;}

.cta_content_padding p{ margin-top: 2rem;}

.cta_buttons_container{ align-items: center; justify-content: center; margin-top: 1.5rem;}
.home_cta_button{ margin-top: 0;}
.home_cta_button + .home_cta_button{ margin-left: 1.25rem;}

.home_cta_shape_left svg, .home_cta_shape_left svg *{ fill: var(--color-base-2) !important;}
.home_cta_shape_right svg, .home_cta_shape_right svg *{ fill: var(--color-base-3) !important;}

.home_blog + .home_cta_box > .cta_section_bg{ background: var(--color-base-1);}
.announcements + .home_cta_box > .cta_section_bg{ background: var(--color-base-4); opacity: 0.09;}


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

/** normal desktop - < 1400px **/
@media all and (max-width: 1400px){
	.slide_content_padding{ padding: 0 3.5vw 0 7vw;}
	
	.hero_nav{ left: 7%;}
	.hero_arrow svg{ height: 24px;}
	
	.hero_title{ font-size: 2rem;}
	.slide_content_item p{ font-size: 1rem; padding-top: 1.25rem;}
	.hero_button_container{ margin-top: 1.25rem;}
	
	.hero_button{ font-size: 0.9rem; min-width: 0; padding: 0.75rem 1rem;}
	a.hero_link{ font-size: 0.9rem;}
	
}

/** small desktop - < 1280px **/
@media all and (max-width: 1280px){
	main{ padding-top: 10rem;}
	
	header{ height: 10rem;}
	
	/* Header */
	.util_nav_button{ padding: 0.75rem 1rem;}
	.util_nav_button svg{ height: 9px; width: auto;}
	.util_nav_links{ min-width: 200px;}
	.header_cta .button{ font-size: 0.9rem; min-width: 0; padding: 0.75rem 1rem;}
	
	/* search icon */
	.search_icon{ padding: 0.75rem;}
	.search_icon svg{ height: 20px; width: auto;}
	
	/* Events */
	.event_item{ width: calc(50% - 1rem);}
	.event_item .date{ width: 90px; height: 90px;}
	.event_content > *{ padding-left: calc(45px + 1rem);}
	.event_content{ width: calc(100% - 45px);}
	
	/* INSIDE PAGES */
	
	#page_heading h1{ font-size: 3rem;}
}

/** small desktop - < 1150px **/
@media all and (max-width: 1150px){
	/* hero */
	.hero .slide{ align-items: flex-start;}
	.slide_content_padding{ padding: calc(30px + 1rem) 3.5vw 0 3.5vw}
	
	.slide_left_container{ width: 60%;}
	.slide_right_container{ width: 40%;}
	
	.hero_nav{ left: 3.5%;}
}

@media all and (max-width: 960px){
	.hero .slide{ padding-bottom: 4rem; }
	.hero .slide::after{ width: 100%;}
	
	/* INSIDE PAGES */
	
	#page_heading h1{ font-size: 2.7rem;}
}

@media all and (max-width: 860px){
	.hero .slide{ padding-bottom: 6rem; }
}

/** Tablet - < 767px **/
@media all and (max-width: 767px){
	main{ padding-top: 6rem;}
	
	.header_top .utility_nav, .header_top .header_cta{ display: none;}
	
	header{ height: 6rem;}
	
	header .header_top{ padding: 1.25rem 0;}
	
	html.open{ overflow: hidden;}
	
	header .nav_row .header_wrapper{ flex-direction: column; width: 100%;}
	
	.utility_nav{ text-align: center; padding-top: 2rem;}
	.util_nav_button{ width: calc(100% - 2rem);}
	.util_nav_button.open svg{ transform: rotate(180deg);}
	
	.util_nav_links{ position: relative; width: calc(100% - 2rem); margin: 5px auto 0 auto; top: auto; left: auto;}
	.util_nav_links.open{ display: block;}
	
	.search_container{ width: 100%; display: block; margin-top: 2rem; padding-left: 0;}
	.search_icon{ display: none;}
	.search_form_container{ position: relative; top: auto; right: auto; width: calc(100% - 2rem); opacity: 1;  z-index: 1; margin: 0 auto;}
	
	/** Footer **/
	.footer_top > .flex{ flex-direction: column; align-items: center; justify-content: center;}
	
	.footer_col, .footer_utility_container{ text-align: center;}
	.footer_social_media, .footer_col.flex{ justify-content: center;}
	
	ul.footer_nav_col{ text-align: center; margin-top: 2rem;}
	
	/* .accreditation{ justify-content: center; flex-flow: wrap;}
	.accred_item{ width: calc(50% - 1rem); margin: 0.5rem !important; text-align: center;} */
	
	.footer_bottom > .flex{ flex-direction: column; justify-content: center; align-items: center;}
	.footer_bottom p{ text-align: center;}
	
	.footer_bottom .credit{ margin-top: 2rem;}
	
	/** Hero **/
	.hero .slide{ flex-direction: column; width: 100%; align-items: center;}
	.slide_left_container{ width: 100%; padding-top: 2rem;}
	.slide_right_container{ width: 90%; align-self: flex-end;}
	.hero_nav{ bottom: 1.5rem; width: 100%; justify-content: center; left: 0;}
	
	.hero .slide::after{ height: 100%; top: 0;}
	
	.slide_content_padding{ padding-top: 0;}
	
	.hero_title{ font-size: 2.470588235294118rem;}
	.slide_content_item p{ font-size: 1.235294117647059rem; line-height: 157%;}
	
	/** Story Section **/
	.story{ padding: 3.2rem 0;}
	
	.story > .flex{ flex-direction: column;}
	
	.story_left, .story_right{ width: 100%;}
	.story_left + .story_right{ margin-bottom: 2rem;}
	
	.story_left{ order: 2;}
	.story_content_padding{ padding-left: 0;}
	
	.story_right{ order: 1;}
	.story_media_container{ width: 100%;}
	
	.story_bg_angle{ transform: translateY(12%) translateX(20%);}
	.story_bg_angle svg{ width: auto; height: 140px;}
	
	/* Announcements */
	.announcements > .wrapper{ padding: 3.2rem 0;}
	
	.news_top_wave_container{ overflow: hidden;}
	.news_top_wave_container svg{ width: auto; height: 25px;}
	
	/* Events */
	.events{ padding: 3.2rem 0;}
	
	.events > .wrapper{ flex-direction: column; align-items: center;}
	.events_col.left, .events_col.right{ width: 100%; text-align: center;}
	.events_left_text_container{ padding-right: 0;}
	
	.events_col.left + .events_col.right{ margin-top: 2rem;}
	
	.event_item{ text-align: left;}
	
	.events_button.desktop{ display: none;}
	.events_button.mobile{ display: inline-block;}
	
	/* Home Blog Section */
	.home_blog{ text-align: center;}
	
	.home_blog_button.desktop{ display: none;}
	.home_blog_button.mobile{ display: inline-block;} 
	.home_blog .heading_row{ justify-content: center; text-align: center;}
	
	.blog_feed_item{ text-align: left;}
	
	/* CTA Box */
	.cta_box{ width: 100%;}
	.home_cta_shape_left{ transform: translateX(-8%);}
	.home_cta_shape_right{ transform: translateX(28%);}
	
	/** Inside Page Layouts */
	.middle_column, .right_column, .middle_column.with_right{ width: 100%;}
	.middle_column.with_right{ margin-right: 0;}
	
	.middle_column + .right_column{ margin-top: 3rem; padding-top: 3rem; border-top: solid #E0E0E4 4px;}
	
	#inside_nav{ order: 2; margin-top: 4rem; padding-top: 3rem; border-top: solid #E0E0E4 4px; margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
	.right_content{ order: 1;}
}


/** Mobile **/
@media all and (max-width: 640px){
	body{ overflow-x: hidden !important;}
	
	h1{ font-size: 2.470588235294118rem; line-height: 110%; letter-spacing: 0;}
	h2{ font-size: 1.882352941176471rem; line-height: 113%; letter-spacing: 0;}
	h3, .tool_headline1{ font-size: 1.411764705882353rem; line-height: 117%;}
	h4, .tool_headline2{ font-size: 1.235294117647059rem; line-height: 129%;}
	
	.home section:not(.hero) .button{ width: 80%;}
	
	/** Footer **/
	.footer_col{ width: 100%;}
	
	/* .accred_item{ width: 100%; margin: 0.5rem 0 !important;} */
	
	/* events */
	.event_item{ width: 100%; margin-top: 1.5rem;}
	.event_item:first-child{ margin-top: 0;}
	
	/* cta box */
	.cta_content_padding{ padding: 2rem 1.5rem;}
	
	.cta_section_bg{ display: none;}
	
	.cta_buttons_container{ flex-direction: column;}
	.home_cta_button + .home_cta_button{ margin-left: 0; margin-top: 1rem;}
	.home_cta_button{ width: 90% !important;}
	
	/* INSIDE PAGES */
	
	/* banner area */
	.banner{ padding: 3rem 0 3rem;}
	.banner.has_photo{ padding: 2.941176470588235rem 0 4rem;}
	
	.banner_flex{ flex-direction: column; align-items: center;}
	.breadcrumbs{ justify-content: center; margin-bottom: 1rem;}
	
	.banner_col{ width: 100%;}
	.banner.has_photo .banner_col.left{ width: 100%; padding-right:0;}
	
	.banner_col.right{ transform: translateX(2rem);}
	
	#page_heading{ text-align: center;}
}

/* SM 3.0 CSS */
.tool_content, #inside_nav { font-family: 'Nunito', sans-serif;}
#sm3_main_content main{ padding-top: 0;}
.sm3_header_right .account_info a{ text-decoration: none !important; font-weight: normal;}

/* 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: #0B6EFD; 
	--color-rgb-1: 11,110,253; 

	--color-base-2: #E84855; 
	--color-base-3: #F9DC5C; 
	
	--color-base-4: #28B58B; 
	--color-rgb-4: 40,181,139; 
	
	--color-overlay-1: #ffffff; 
	--color-overlay-2: #ffffff; 
	--color-overlay-3: #000000; 
	--color-overlay-4: #000000; 
  }


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