/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display&display=swap'); */
@import '../../_common/css/accred_logo.css';


/* dm-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/dm-sans-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* dm-sans-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/dm-sans-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* dm-sans-700 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/dm-sans-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* abril-fatface-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Abril Fatface';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/abril-fatface-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
	:root{

		--font-dm: 'DM Sans', sans-serif;
		--font-serif: "Abril Fatface", serif;

		--gray-dark: hsl(0, 1%, 23%);
		--gray-mid: hsl(0, 1%, 53%);
		--gray-light: hsl(0, 1%, 83%);

		--color-base-1: #351e30; 
		--color-base-2: #da3407;
		--color-base-3: #378500;
	
		--color-rgb-1: rgb(0,0,0); 
		--color-rgb-2: rgb(0,0,0); 
		--color-rgb-3: rgb(0,0,0); 
	
		--color-overlay-1: #ffffff; 
		--color-overlay-2: #ffffff; 
		--color-overlay-3: #ffffff; 
	}


/* 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;
}


	html,body{ font-family: var(--font-dm); color: var(--gray-dark); font-size: 112.5%; line-height: 155%; margin: 0; padding: 0; height: 100%;}
	html{ overflow-x: hidden; overflow-y: auto;}

/** Utilities **/
	.flex{ display: flex;}
	.wrapper{ margin: 0 auto; width: 90%; max-width: 1200px;}
	.light-image{filter: brightness(0) invert(1);}
	.dark-image{filter: brightness(0);}


/* Font Styles - Headings */
	h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;font-family: var(--font-serif);color: var(--gray-dark);margin-bottom: 1rem; }

	h1{ font-size: clamp(2.125rem,5.6vw,4.9rem); line-height: 1.2; font-weight:700;}
	h2{ font-size: clamp(1.6667rem,2.68vw,2.34rem); line-height: 1.2;  font-weight:700;}
	h3{ font-size:clamp(1.444rem,2.2vw,2rem); line-height: 1.2;  font-weight:700;}
	h4{ font-size:clamp(1.112rem,1.8vw,1.8rem); line-height: clamp(1.4rem,2.3vw,2rem); font-weight:700; }
	h5{ font-size: 1.35rem; line-height: 1; font-weight: 700; }
	h6{ font-size: 1.125rem; line-height: 1; font-weight: 700; text-transform: uppercase;}

	h2.section_title{font-size: 2rem; line-height: 2.5rem;}
	p{ font-size: 1rem; line-height: 1.6rem; color: #000; font-weight: 400;margin-top:0;}
	p.small{ font-size: 0.833rem; line-height: 167%;}
	p.large{ font-size: clamp(1rem,2.053vw,1.222rem); line-height: clamp(1.3rem,2.791vw,1.662rem); margin-bottom: 1.5rem;}


/** Hyperlinks **/
.a, .inside a:not(.button){ 
	text-decoration: underline; 
	text-decoration-thickness: 2px ;
	text-decoration-color: var(--color-base-1); 
	text-underline-position: under; 
	color: var(--color-base-1); 
	transition: all 0.3s; font-weight: 700;
}
.a:hover, .inside a:not(.button):hover{ 
	text-decoration-color: var(--color-base-2); 
}


/** Quotes **/
	blockquote{ display: block; background: rgba(var(--color-rgb-1),0.15); padding: 1rem 1.25rem; margin: 2rem 0;}
	blockquote > *{ font-size: 1.2222rem !important; font-style: italic ;line-height: 136% !important; font-family: var(--font-serif) !important;}

/* Buttons */

.event_title{
	margin-bottom:0;
	font-style: normal;
	font-size: clamp(1.444rem,2.2vw,1.8rem);
	margin: 0;
    padding: 0;
    font-family: var(--font-serif);
    color: var(--gray-dark);
	line-height: 1.2;
	font-weight: 700;
}

.button {
    display: inline-flex;
    text-decoration: none;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 1.2rem;
    background: var(--color-base-1);
	border: 2px solid var(--color-base-1);
    transition: all 0.3s;
    color: var(--color-overlay-1);
    font-size: 1rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
    border-radius: 25px;
    overflow: hidden;
    white-space: nowrap;
	z-index: 0;
}

.tool_content button:not(.color-button), .ck-content button:not(.color-button){
	color: var(--color-overlay-1) !important;
}

	.button span.button_icon {
		font-size: 0;
		margin-left: 0;
		padding: 1rem;
		display: flex;
		align-items: center;
	}

	.button span.button_icon svg, .button span.button_icon svg * {
		fill:var(--color-overlay-1) !important;
	}

	.button::after{
		content: '';
		background:var(--color-overlay-1);
		border-radius: 25px;
		border: 2px solid var(--color-overlay-1);
		display: block;
		height: 110%;
		width: 110%;
		position:absolute;
		left:0;
		top:0;
		transform: translate(-100%,0) rotate(10deg);
		transform-origin: top left;
		transition: transform .2s ease-out;
		z-index: -1;
	}

	.button:hover::after{
		transform: translate(-4px,-4px);
	}

	.button:hover{  color:var(--color-base-1); border-color: var(--color-base-1);}

	.button:hover span.button_icon svg, .button:hover span.button_icon svg * {
		fill:var(--color-base-1) !important;
	}

	a.long_arrow_link{text-decoration: none;font-size: 1rem;}
	a.long_arrow_link > span{ vertical-align: text-top; margin-left: 10px;}
	a.long_arrow_link > span svg{height: 1rem;}
	a.long_arrow_link:hover{font-weight: 700;}

/********* HEADER *********/

	header{ position: relative; z-index: 2; margin: 0; padding: 0;}
	header .wrapper{ max-width: 100%;}
	.header_top{ background: #fff; padding: 0.5rem 0; font-family: var(--font-dm); border-bottom:1px solid var(--gray-light);}
	.header_top span, .header_top a{ color:#000; font-weight: 500;}
	.header_top .wrapper{ justify-content: space-between;}
	.header_top .wrapper.align_right{ justify-content: flex-end;}
	.quicklinks_container{ display: flex; align-items: center;}
	.quicklinks_container a{ margin-left: 15px;}
	.header_contact_container{ align-items: center;}
	.header_phone{ display: flex; align-items: center; }
	.header_phone { margin-left: 1rem;}
	.header-top-right{justify-content: flex-end;}
	.header_phone a,.quicklinks_container a{ font-size: 0.888rem; letter-spacing: 0px; text-decoration: none; color: #000; transition: all 0.3s;}
	.header_phone a:hover, .quicklinks_container a:hover{ text-decoration: underline;}
	.contact_label{ margin-right: 10px; font-size: 0.888rem;color: #000;font-weight: 400;}
	.contact_label > p{ display: inline;}
	.header_bottom_container{ display: flex; align-items: center; }
	.logo{ font-size: 0; min-width: 190px; display: flex; z-index: 1000;}
	.logo a{ display: flex; justify-content: center;}
	.logo img{ max-height: 70px; max-width: 100%}
	.header_bottom_bar .fallback_logo {color: #ffffff;  font-size: clamp(1.444rem, 2.2vw, 2rem); line-height: 1.2; font-weight: 700; margin: 0; padding: 0; font-family: var(--font-serif); margin-bottom: 1rem;} 
	a.header_logo {text-decoration: none;}
	.nav span.button_icon svg{ height: 8px; width: auto; vertical-align: middle; margin-bottom:3px;}
	.nav span.button_icon svg { fill: var(--color-base-2) !important;}
	.nav_panel{ position: relative; background: transparent; }
	.no_hero .header_bottom_bar{ background: var(--color-base-1); margin-bottom: 0rem;border-bottom: 2px solid #fff;}

	.header_if_video{background:var(--color-base-1);}
	.header_if_video .header_bottom_bar {margin-bottom:0;}
	.hero.has_hero_video > .hero_video_text_container{margin-top: 0;}
	.hero.has_hero_video{display: flex;}



/********* FOOTER **************/
	
	footer{ 
		position:relative; 
		padding-top: 2rem;
		background: var(--color-base-1);
	}

	.hero_arrow.hero_prev, .hero_arrow.hero_next, .news_arrow.news_prev,.news_arrow.news_next{ font-size: 0; border-radius: 14px; display: flex; align-items: center; justify-content: center; width: 40px; height: 28px; transition: all 0.3s; cursor: pointer;}
	.hero_arrow.hero_prev, .hero_arrow.hero_next { background: var(--color-overlay-1);}
	.news_arrow.news_prev,.news_arrow.news_next{ background: var(--color-base-1);}
	.hero_arrow.hero_prev:hover, .hero_arrow.hero_next:hover,.news_arrow.news_prev:hover, .news_arrow.news_next:hover{ background: var(--color-overlay-1); border:2px solid var(--color-overlay-1);}
	.hero_arrow.hero_prev svg, .hero_arrow.hero_next svg,.news_arrow.news_prev svg, .news_arrow.news_next svg{ vertical-align: middle; height: 15px; width: auto;}
	.hero_arrow.hero_prev:hover svg *, .hero_arrow.hero_next:hover svg *{ fill: var(--color-base-1) !important;}
	.hero .button{background: var(--color-base-2);border: 2px solid var(--color-base-2); color: var(--color-overlay-2); border: 2px solid var(--color-overlay-2);}
	.hero .button span.button_icon svg *{fill: var(--color-overlay-2) !important;}
	.hero .button:hover{background: var(--color-overlay-1);border: 2px solid var(--color-base-1);color: var(--color-base-1);}
	.hero .button:hover span.button_icon svg *{fill: var(--color-base-1) !important;}
	
	.footer_title{line-height:1.2;color: var(--color-overlay-1); font-family: var(--font-dm); font-weight: 700; opacity:0.8; text-transform:uppercase;}
	.fstory_text_container > .footer_title{margin-top: 2rem;}
	.fstory_text_container > p {color: var(--color-overlay-1);}
	.footer_center .footer_title{margin-top: 5rem;}
	.footer_social_icons > a{width: 25px; height: 25px; color: var(--color-overlay-1)}
	.footer_social_icons > a svg{height: 18px; width: auto;}
	.hero_arrow.hero_prev svg *, .hero_arrow.hero_next svg *, .news_arrow.news_prev svg *, .news_arrow.news_next svg *{ fill: var(--color-base-1) !important;}
	.footer_social_icons > a > svg *{ fill: var(--color-overlay-1) !important;}
	.footer_top{ padding: 4rem 0;position: relative;}
	.footer_top > .wrapper{ justify-content: space-between; gap:2rem;}
	.footer_logo{ font-size: 0; display: flex; text-decoration: none;} /* 10-4-21 */
	.footer_logo img{ display: block; max-width: 285px; height: auto; max-height: 150px;} /* 10-4-21 */
	.footer_logo .fallback_logo{ color: var(--color-overlay-1);font-style: normal;}/* 10-4-21 */
	.contact_icon{ font-size: 0; margin-right: 1rem; display: inline-block; vertical-align: middle; opacity: 0.75;}
	.contact_icon svg{ width: 18px; height: auto; vertical-align: middle;}
	.contact_icon svg, .contact_icon svg *{ fill: var(--color-base-2) !important;}
	.contact_info .address_line{ display: block;}
	.footer_logo + address{ margin-top: 2.5rem;margin-left: 1rem;}
	.footer_col{width: 33.33333%;}
	address{ font-style: normal; color: var(--color-overlay-1); font-size: 1rem; line-height: 155%; font-weight: 400;}
	.phone a, .email a{ font-style: normal; color: var(--color-overlay-1); font-size: 1rem; line-height: 155%; font-weight: 400; text-decoration: underline;  transition: all 0.3s;}
	.phone a:hover, .email a:hover{ text-decoration-color: var(--color-overlay-1);}
	address + .phone, address + .email{ margin-top: 0.75rem;}
	.phone + .email{ margin-top: 0.75rem;}
	.tel_label {margin-right: 5px;font-size: 1rem;color: var(--color-overlay-1);font-weight: 700;}
	.footer_col h6{ color: var(--color-overlay-1); opacity: 0.8; margin-bottom: 0.5rem;}
	.footer_social_icons{ justify-content: flex-end; margin-top: 2rem; }
	.footer_social_icons a{ font-size: 0; margin: 0 0.3rem; }
	.footer_social_icons + .footer_links_container{ margin-top: 2.5rem; }
	.footer_utility_nav{ list-style: none; margin: 0; padding: 0;}
	.footer_utility_nav li{ margin: 0.25rem 0;}
	.footer_utility_nav a{ color: var(--color-overlay-1); text-decoration: none;}
	.footer_utility_nav a:hover{ text-decoration: underline; text-decoration-color: var(--color-overlay-1);}
	.footer_bottom{ padding: 1.5rem 0; border-top: solid 1px rgba(255,255,255,0.7);position: relative;}
	.footer_button{margin-bottom: 2.5rem;}
	.credits{ justify-content: space-between; align-items: center;}
	.copyright{ margin: 0; padding: 0; color: var(--color-overlay-1);}
	.credit_logo img{ display: block; opacity: 0.5; height: 20px; width: auto; transition: all 0.3s;}
	.credit_logo:hover img{ opacity: 1;}
	.nce_logo img {max-height: 40px;}
	.footer_statement_container{ text-align: center; padding-top: 1rem;}
	.footer_statement_text{ color: var(--color-overlay-1); margin: 0; padding: 0;}
	.footer_statement_text a{ color: var(--color-overlay-1);text-decoration-color: var(--color-overlay-1);}
	.footer_statement_text a:hover{ text-decoration-color: var(--color-overlay-2);}
	.footer_right{display: flex;flex-direction: column;	}

/********* INSIDE PAGES **************/

/* Headings */

/* inside page */
.middle_column ul li, .middle_column ol li,
.right_content ul li, .right_content ol li
{
		margin: .25rem;
	}


.middle_column h2, .middle_column h3, .middle_column h4, .middle_column h5, .middle_column h6, 
.right_per_detail h2, .right_per_detail h3, .right_per_detail h4, .right_per_detail h5, .right_per_detail h6 {
	line-height: 1.2;
  }

  .middle_column h2, .middle_column h5, 
  .right_per_detail h2, .right_per_detail h5 {
	color: var(--color-base-1);
  }

  .middle_column h4, .middle_column h6, 
  .right_per_detail h4, .right_per_detail h6 {
	font-style: italic;
  }

.middle_column h2 {
	font-size: 3.8rem;
  }
  .middle_column h3 {
	font-size: 3.2rem;
  }
  .middle_column h4 {
	font-size: 2.3rem;
	text-transform: uppercase;
	letter-spacing: -0.02em;
  }
  .middle_column h5 {
	font-size: 1.8rem;
  }
  .middle_column h6 {
	font-size: 1.2rem;
	text-transform: uppercase;
  }
  /* .middle_column p, .middle_column li, .middle_column li a, .middle_column div, .middle_column article, .middle_column section {
	font-size: 1.125rem;
  } */
  
  .right_per_detail h2 {
	font-size: 2.3rem;
  }
  .right_per_detail h3 {
	font-size: 1.9rem;
  }
  .right_per_detail h4 {
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: -0.02em;
  }
  .right_per_detail h5 {
	font-size: 1.3rem;
  }
  .right_per_detail h6 {
	font-size: 0.875rem;
	text-transform: uppercase;
  }
  .right_per_detail p, .right_per_detail li, .right_per_detail li a, .right_per_detail div, .right_per_detail article, .right_per_detail section {
	font-size: 1rem;
  }

	#main_container{ padding: 5.88235294117647vw 0;}
	#main_container ul, #main_container ol{ font-size: 1rem; line-height: 1.4; color: #151210; font-weight: 400;}
	.right_column h3.toolhead{ font-size: 1.778rem; line-height: 132%; letter-spacing: -1px;}

	/* inside buttons */
	#main_container .button_container{ display: inline-block;}
	.right_content p, .right_content li{font-size: 0.8rem; line-height: 1.3; margin-bottom:1rem;}
	.right_content li, .right_content ol{margin-bottom: 0.6rem;}
	.right_column .button{ max-width: 100%; white-space: normal;}
	
	/* Slideshow */
	.inside .cycle_inner.cycle-slide{position:relative;}

	/* inside content editor images with floats */
	.middle_column .detail_padding img[style*="float:left;"]{ margin: 0 2rem 2rem 0 !important;}
	.middle_column .detail_padding img[style*="float:right;"]{ margin: 0 0 2rem 2rem !important;}

	/* inside content editor images shape and caption */
	.detail_padding img, .right_content img{ border-radius: 4px;}
	.detail_padding figure.image{ margin: 2rem 0; position: relative;}
	.detail_padding figure.image img{ display: block; width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 1;} 
	.detail_padding figure.image .editor_image_container{ position: relative;}
	.detail_padding figure.image .editor_image_container::after{ content:""; position:absolute; left: 0; bottom: -0.2rem; background: var(--color-base-2); border-radius: 3px; width: 100%; height: 50%;}
	.detail_padding figure.image .editor_image_container + .caption, .detail_padding figure.image .editor_image_container + figcaption{ margin-top: 1rem;line-height: 1.7;}
	.detail_padding figure.image .caption, .detail_padding figure.image figcaption, .inside .slideshow_caption{ font-size: 0.8888rem; color: rgba(0,0,0,0.8);}

	/* banner area */
	.banner{ position: relative; width: 100%; background: var(--color-base-1);height: auto; min-height: 245px;max-height: 500px;  }
	.banner .page_desc{max-width: 90%; text-align: center; color: var(--color-overlay-1); margin:0 auto 2rem auto;}
	.banner.has_photo{ background: var(--color-base-1);}
	.banner h1.page_title{ color: var(--color-overlay-1);text-align: center;font-size: 2.5rem;align-self: center;}
	.banner.has_photo h1.page_title{ color: var(--color-overlay-1);}
	.banner_photo_container{ width: 100%; position: absolute; z-index: 1; overflow: hidden; top: 0; left: 0; height: 100%;aspect-ratio: 1200 / 345; opacity: 0.1;}
	.banner_photo_container img{ width: 100%; height: 100%; object-fit: cover;}
	.banner_content{ position: relative; z-index: 2; width: 90%; margin: 0 auto; text-align: flex-start;height: 100%; display: flex; flex-direction: column; justify-content: center;align-items: flex-start;}
	.breadcrumbs{ margin-top: 0.8rem; display: flex; align-items: center; justify-content: flex-start; flex-flow: wrap;position: relative; }
	.breadcrumb_item a{ font-size: 0.7777777777777778rem; text-decoration: none; color: var(--gray-dark); vertical-align: middle; text-decoration: none !important;}
	.breadcrumb_item a:hover{text-decoration: underline !important; text-decoration-thickness: 2px !important;}
	.breadcrumb_divide{ font-size: 0; vertical-align: middle; margin: 0 0.5rem;}
	.breadcrumb_divide svg{ height: 14px; width: auto; vertical-align: middle; opacity: 0.8;}
	.breadcrumb_divide svg, .breadcrumb_divide svg *{ fill: var(--color-base-2) !important;}
	.breadcrumb_item{ margin-top: -3px; }

	/* inside page layout */
	.middle_column, .right_column{ display: inline-block; vertical-align: top;}
	.middle_column{ width: 100%;}
	.middle_column.with_right{ width: 66%;}
	.header_bottom_bar.inside{margin-bottom:3rem;width:100%;}

	.right_column{ margin-left: 12%; width: calc(22% - 7px);}

	/** inside menu **/
	#inside_nav + .right_per_detail{ margin-top: 4rem;}
	#menu { font-size: 1rem;line-height: 1.28rem;}
	#menu ul{ list-style: none; margin: 0; padding: 0;}
	#menu > ul{ border-left: solid 1px #C1C7CA;}
	#menu ul li a{color:var(--gray-dark); width: 100%;}
	#menu > ul > li:first-child a{ margin-top: 0;}
	#menu > ul > li:last-child a{ margin-bottom: 0;}
	#menu ul ul{ margin-left: 1.5rem;}
	#menu ul li a{ text-decoration: none; display: inline-block; padding-left: 1.5rem;  margin: 0.75rem 0 0.75rem 0; font-size:1.1112rem;position:relative;}
	#menu ul li { position: relative;}
	#menu ul li .flyout_arrow{position: absolute; right: 0; top: 12px; font-size: 0;transition: all 0.3s; padding: 0 0.3rem;transform: translateY(-50%);}
	#menu > ul > li > a:hover::after{ content: "";position: absolute;top: 0;left: 0;height: 100%;width:4px;	background: var(--color-base-1);	}
	#menu [class*="_default"],#menu [class$="_default"],#menu [class$="_default "]{font-weight: 700; color: var(--color-base-1);}
	#menu ul li li a{ font-size: 1rem; font-weight: 400;}
	#menu ul li li li a{ font-size: 0.8333333333333333rem; font-weight: 400;}

/********* HOME PAGE **************/

h2.section_title{ text-align: left;}

	/* hero */
	.hero{ position: relative; background: #000;}
	.hero.has_hero_slideshow{display:flex; flex-direction: column;justify-content: center;}
	.hero_slideshow_container, .hero_video_text_container{ position: relative; z-index: 2; padding: 0;height: 100%;display: flex; flex-direction: column; justify-content: start;}
	.hero_text_slideshow,.hero_video_text_container{margin:auto;margin: 2rem max(5vw,1rem); align-self: center; width:60ch; max-width: 90%;}
	.slide_text_item{ width: 100%; text-align: center; }
	.hero.has_hero_video.no_hero_text{ padding-top: 50vh;}
	.hero_image_slideshow, .hero_video{ position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.3; z-index: 0; overflow: hidden;}
	.hero_video{ opacity: 0.8;}
	.hero_image_slideshow{ opacity: 0.8; }
	.hero_image_slideshow *{ height: 100% !important;}
	.slide_img_item{ background-size: cover; background-position: center; background-repeat: no-repeat;}
	.hero_image_slideshow img, .hero_video video{ width: 100%; height: 100%; object-fit: cover;}
	.hero_image_slideshow img{ opacity: 0.5; }
	h2.hero_title{ font-size: clamp(2.1rem,5.13vw,2.7rem); line-height:clamp(2.5rem,6vw,3rem); margin-bottom:1rem; }
	.hero.has_hero_video {border-bottom: 2px solid var(--gray-light);}
	.hero.has_hero_video .hero_video_text_container{justify-content: end; height:60%;z-index:0;}
	.hero.has_hero_video .slide_text_item{margin-bottom: 1rem;}
	.slide_text_item p, .slide_text_item .hero_title{ color: #fff; text-align: center;}
	.hero_nav{ position: absolute; z-index: 2; bottom: 5vh; left: 50%; display: flex; align-items: center;transform: translateX(-50%);}
	.hero_arrow{ background: none; border: none; font-size: 0; cursor: pointer;}
	.hero_arrow svg{ height: 30px; width: auto;}
	.hero_arrow svg, .hero_arrow svg *{ fill: var(--color-overlay-1) !important;}
	.hero_arrow.hero_prev{ order: 1;}
	.hero_arrow.hero_next{ order: 3;}
	.hero_nav .slick-dots{ list-style: none; margin: 0 0.7rem; padding:0; display: flex; order: 2; align-items: center;}
	.hero_nav .slick-dots li button{border-color: #fff;}
	.slick-dots li button{ font-size: 0; background: transparent; height: 12px; transition: all 0.3s; 
		border: 2px solid var(--color-overlay-1); border-radius:50%; cursor: pointer; display: flex; margin: 0 4px; padding:6px;}

	.slick-dots li.slick-active button, .slick-dots li:hover button{ background: var(--color-overlay-2);}
	.hero_nav .slick-dots li.slick-active button, .hero_nav .slick-dots li:hover button{ background: #fff;}

/* Home Icon Menu*/

	.home_icon_menu {
		background: var(--color-base-1);
		padding: 2.5rem 0 2.5rem 0;
		/* --mask: radial-gradient(51.43px at 50% calc(100% - 69.00px),#000 99%,#0000 101%) calc(50% - 46px) 0/92px 100%,
		radial-gradient(51.43px at 50% calc(100% + 46.00px),#0000 99%,#000 101%) 50% calc(100% - 23px)/92px 100% repeat-x;
		-webkit-mask: var(--mask);
		mask: var(--mask); */
	}
	.home_icon_container{justify-content: space-between;gap:1rem;} 
	.home_icon_container > *{color: var(--color-overlay-1);}
	.home_icon_container > a {text-decoration: none;}
	.home_icon_container > a > span > svg {height: 20px;margin-right:0.25rem;}
	.home_icon_container > a > span > svg > *{fill: var(--color-overlay-1);}
	.home_icon_container > a:hover{text-decoration:underline; text-decoration-color: var(--color-overlay-1);}
	.icon_img {gap:15px; align-items: center;}
	.icon_img > img{height:25px;width:auto;}



/* events or calendar */
	.event_right_wrapper{position:relative; display: flex; justify-content: space-between; width: 100%; align-items: center;}
	.event_right_wrapper .button_icon{position:relative;display: flex; flex-direction: column; justify-content: center;}
	.events_container{ position: relative; z-index: 2;display:flex; margin: 2rem 0;}
	.events_container > .wrapper{z-index: 3;}
	.event_item{ align-items: center; width: 90%; margin: auto; padding: 0.8rem; position:relative;}
	.calshow_events{position:relative;}	
	.calshow_events > .calshow_link_wrapper{border-radius: 5px;}
	.calshow_events a{position:relative;}
	.calshow_events a:hover::before {content:"";position: absolute;	top: 0;	left:0;	width:100%;	height:100%;border: 2px solid var(--color-base-1);border-radius: 5px;	}
	.event_item .date_container *{ color: #fff;}
	.event_item .date_container{ position:relative; padding: 0.5rem;width: 30px; height: 45px; display: flex; flex-direction: column; align-items: center; background: var(--color-base-1);border-radius: 50px; margin-right: 1rem; justify-content: center;}
	.event_item .date{ margin: 0; padding: 0; white-space: nowrap; font-weight: 700;text-transform: uppercase;font-size: 0.8rem;line-height: 1.2;font-family: var(--font-dm);}
	.event_item .date.day{font-size:1rem;line-height: 1;}
	.event_item .event_title > a{text-decoration: none;}
	.event_item .event_title > a:hover{text-decoration: underline;}
	.event_info_container{position:relative;}
	.event_info_container > h6{margin:0; text-transform: none;}
	.event_info_container .time.small{margin:0;}

/* home story section */
	.home_story{ padding: 2.5rem 0;}
	.story_container{ justify-content: space-between;}
	.story_title_container{ width: 50%; margin-right: 9.8%; overflow: hidden;max-height: 350px; border-radius: 10px;}
	.story_right_col{ width: 100%;display:flex;flex-direction:column;justify-content: center;}
	.story_subtitle{ margin: 0; padding: 0;}
	.story_buttons_container{ margin-top: 2rem;}
	.story_buttons_container.full{ margin: 0 auto;}
	.story_buttons_container .button:last-child{ z-index: 0; background: #fff; border:2px solid var(--color-base-1); color: var(--color-base-1);}

	.home_tiles .slick-slide {display: inline-flex!important;}

	.footer_button .button{ min-width:175px;z-index: 0; background: var(--color-overlay-1); color: var(--color-base-1); border:2px solid var(--color-base-1);}
	.footer_button > .button > span.button_icon, .story_buttons_container .button:last-child > span.button_icon{ color: var(--color-overlay-2);}
	.footer_button > .button > span.button_icon{ color: var(--color-overlay-2);}
	.footer_button > .button::after, .story_buttons_container .button:last-child::after{background: var(--color-base-1);}
	.footer_button > .button:hover, .story_buttons_container .button:last-child:hover{ background: var(--color-base-1);border:2px solid var(--color-overlay-1); color: var(--color-overlay-1); }
	.story_buttons_container .button:last-child > span.button_icon > svg *{ fill: #000 !important;}
	.footer_button > .button > span.button_icon > svg *{ fill:  var(--color-base-1) !important;}
	.footer_button .button:hover span.button_icon svg *, .story_buttons_container .button:last-child:hover > span > svg *{fill: var(--color-overlay-1) !important;}
	.story_buttons_container > .button + .button{ margin-left: 1.5rem;}
	.story_title_container > img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.7s;}
	.story_title_container:hover > img{ transform:scale(1.1);}
	

	.video_story{
		margin-bottom:-2rem; 
		/* background:#e0e0e0;  */
		padding:3rem 0 5rem 0;
		background-color: #ffffff;
		/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%23e0e0e0' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");
		background-size: 55%; */
		border-top: 5px solid #f0f0f0; 
	}

	.video_story_figure { margin: auto; display: flex; justify-content: center; width:100%; overflow: hidden; aspect-ratio: 1080 / 512; min-height:160px;}
	.video_story_figure a{position: relative;display: block;display: flow-root;}
	.video_story_figure video{aspect-ratio: 1080 / 512; width: 100%; height: 100%;object-fit:cover; object-position:center;border-radius: 10px;}
	.video_story_figure a span.play_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; background: var(--color-overlay-3); padding: 1rem; border-radius: 8%; opacity: 0.9; transition:all 0.3s;}
	.video_story_figure a span.play_btn > svg{ width:30px; height:35px; transition: all 0.3s;}
	.video_story_figure a span.play_btn > svg *{fill:var(--color-base-3) !important;}
	.video_story_figure a span.play_btn:hover > svg {transform:scale(1.1); }
	.video_story_text{width: -webkit-fill-available; display: flex; align-items: center;}
	.video_story_text h2 { font-size: clamp(1.6667rem,3.68vw,3.34rem); line-height: 1.2; font-weight: 700;}

	.home_stats{padding-bottom: 2.5rem;}

/*margin: 0 1rem*/
	.home_tiles {
		background: var(--color-base-2);
		padding: 3rem 0 3rem 0;
	}
	.home_tiles_item{ 
		aspect-ratio: 290 / 406; 
		border-radius: 4px; 
		overflow: hidden; 
		box-shadow: 0 5px 10px 0 rgba(98,112,121,0.5); 
		margin-bottom: 15px;
		/* --mask:
		radial-gradient(22.86px at 50% 32.25px,#000 99%,#0000 101%) calc(50% - 30px) 0/60px 51% repeat-x,
		radial-gradient(22.86px at 50% -17.25px,#0000 99%,#000 101%) 50% 15px/60px calc(51% - 15px) repeat-x,
		radial-gradient(22.86px at 50% calc(100% - 32.25px),#000 99%,#0000 101%) calc(50% - 30px) 100%/60px 51% repeat-x,
		radial-gradient(22.86px at 50% calc(100% + 17.25px),#0000 99%,#000 101%) 50% calc(100% - 15px)/60px calc(51% - 15px) repeat-x;
	  -webkit-mask: var(--mask);
			  mask: var(--mask); */
	}

	.tile_sec_title, .tile_sec_text{color: var(--color-overlay-2);}
	.left_tile_group .long_arrow_link{color: var(--color-overlay-2);}
	.left_tile_group .long_arrow_link span svg g path{fill: var(--color-overlay-2);}
	.tiles_img{ display: block;object-fit: cover; object-position: center; width: 100%; height: 100%; transition: all 0.7s;}
	.home_tiles .tile_nav > ul{list-style: none;display:flex; justify-content: center;align-items: center;padding: 0;}
	.home_tiles .tile_nav > ul > li{display:flex; justify-content: center;align-items: center;}
	.home_tiles_item:hover > .tiles_img{transform:scale(1.1);}
	.home_tiles .slick-dots li button{border-color: var(--color-overlay-2);}

/* Home announcements / Recent News*/
.home_announcements{ padding: 2.5rem 0 3.055555555555556rem 0;}
.home_announcements > .wrapper{position:relative;padding-bottom: 3rem;}
.home_announcements h2 + .news_feed_container{ margin-top: 3rem; position: relative;}

.tel_label + a{text-decoration: none;}
.tel_label + a:hover{text-decoration: underline;text-decoration-color: var(--color-overlay-1);}

.news_item{ margin: 0 0.7rem; width:250px; border-radius: 4px;box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; margin-bottom: 1rem;}
.news_item h4 a{ text-decoration: none;font-size: 1.2rem;line-height: 1.2;	color: var(--color-base-1) !important; }
.news_item .news_img_window > img{ transition: all 0.7s;}
.news_item:hover .news_img_window > img{ transform: scale(1.1);}
.news_item:hover h4 a{ text-decoration: underline;}
.news_img_container{ position: relative; display: flex; align-items: center; justify-content: center;} /** edited on 11-8-21 by WA **/
.news_img_container.no-img{ overflow: hidden; z-index: 2; display: block; display: flex; align-items: center; justify-content: center; background: var(--gray-light); border-radius: 4px 4px 0 0;}
.news_img_container img{ background: #fff; position: relative; z-index: 2; }  /** edited on 11-8-21 by WA **/
.news_img_container a, .news_img_window{ overflow: hidden; aspect-ratio:3/2; width: 100%; z-index: 2; display: block; position: relative; border-radius: 4px 4px 0 0;}
.news_img_container.no-img a{ display: flex; align-items: center; justify-content: center;}
.news_img_container a img, .news_img_window img{ object-fit: cover;}
.news_img_container.no-img a img{ object-fit: contain; width: 20%; height: auto; max-width: 90%;}
.news_img_container.no-img img{ background: none; padding: 0;}  
.news_img_container img{ position: relative; z-index: 2;}
.news_img_container > a:hover + .background_shape{ height: 100%;}
.news_item_content{ padding: 1rem 1rem; background: #fff;}
.news_item_content p {word-wrap: break-word;}
.news_item_content > h4{margin-bottom: 1rem;}
.news_item_arrow{ position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 0; background: var(--color-base-1); z-index: 3;}
.news_item_arrow svg{ height: 20px; width: auto; vertical-align: middle;}
.news_item_arrow svg, .news_item_arrow svg *{ fill: var(--color-overlay-1) !important;}
.news_slider_nav{ display: flex; align-items: center; justify-content: center; width: 100px;position:absolute;bottom: 0;right: 0;}
.news_slider_nav > *{margin: 0 5px;right: 148px;}
.news_arrow{ background: none; border: none; font-size: 0; cursor: pointer;}
.news_arrow svg{ height: 30px; width: auto;}
.news_arrow svg, .news_arrow svg *{ fill: #151210 !important;}
.news_arrow.news_prev{ order: 1;}
.news_arrow.news_next{ order: 3;}
.news_arrow.slick-disabled{ opacity: 0;}
.news_slider_nav .slick-dots{ list-style: none; margin: 0 1rem; padding:0; display: flex; order: 2; align-items: center;}
.news_slider_nav .slick-dots li button{ font-size: 0; background: #C1C7CA; height: 1px; width: 60px; transition: all 0.3s; border: none; cursor: pointer; display: flex;}
.news_slider_nav .slick-dots li.slick-active button, .news_slider_nav .slick-dots li:hover button{ height: 3px; background: var(--color-base-2);}
.news_arrow.news_prev,.news_arrow.news_next{ font-size: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all 0.2s; cursor: pointer;}
.news_arrow.news_prev,.news_arrow.news_next{ background: var(--color-overlay-1);}
.news_arrow.news_prev:hover, .news_arrow.news_next:hover{ background: var(--color-base-2);transition: all 0.2s; border: 2px solid var(--color-base-2);}
.news_arrow.news_prev svg, .news_arrow.news_next svg{ vertical-align: middle; height: 15px; width: auto;transition: all 0.3s;}
.news_arrow.news_prev, .news_arrow.news_next{border: 2px solid var(--color-base-1);}
.news_arrow.news_prev:hover, .news_arrow.news_next:hover{border: 2px solid var(--color-overlay-2);}
.news_arrow.news_prev svg *, .news_arrow.news_next svg *{ fill: var(--color-base-1) !important;transition: fill 0.3s;}
.news_arrow.news_prev:hover svg *, .news_arrow.news_next:hover svg *{ fill: var(--color-overlay-2) !important;}

/* Homepage Statistics */
.home_stats.editor_only{ padding: 6rem 0;}
.home_stats > .wrapper{ background: var(--color-base-3);border-radius: 10px;}
.stats-box{padding: 2rem 1rem; position: relative; z-index: 2; text-align: center;margin: auto;}
.stats_text_container + .stats_container{ margin: 2rem 2rem 0 2rem;}
.stats_container{ justify-content: space-around; }
.stat_item{ width: 25%; box-sizing: border-box; text-align: left;}
.stat_item > *{ color: var(--color-overlay-3);}
.stat_item p{ margin: 0; padding: 0;text-align: center;font-size: 1rem;}
.stat_item h2{ text-align: center; font-family: var(--font-dm); font-weight: 700; margin:0; font-size: 2rem;}
.stat_item > figure{display:flex; justify-content: center; margin-bottom: 0.3rem;}
.stat_item > figure > img{height:40px; width:auto; transition: all 0.3s;}
.stat_item:hover > figure > img {transform: scale(1.1);}
.stat_desc {
    overflow-wrap: break-word;
}

/*calendar of events*/
	.events_container > .wrapper{margin: 2.5rem auto 2rem auto;}
	.calshow_events{width:100%;gap:0.5rem;}
	.calshow_events >* { text-decoration: none;}
	.calshow_button .long_arrow_link{color: var(--color-base-1);}
	.calshow_button .long_arrow_link svg *{fill: var(--color-base-1) !important;}

.staff_sec table{ font-size: 16px;}
.dir-head-link{ font-weight: 600;}
.detail_minical .calendar_grid{ font-size: 13px;}
.expand-container span{ font-size: 1rem !important; line-height: 155% !important; color: #151210 !important; font-weight: 400 !important;}
.calendar_list{ font-size: 0.8rem;}

.staff_sec .sort_box .sortby-select a {color: #ffffff;}
.staff_sec .sort_box .sortby-select a:hover {text-decoration: underline!important;}
.staff_sec .sort_box .sortby-select li {line-height: 100%!important;}
.detail_profiles .staff_header .profile ul li a {color: #ffffff!important;}
.detail_profiles .staff_header .profile ul li a:hover {text-decoration: underline!important;}

/* Accordion */
.detail_expand_collapse{
	margin-bottom: 2rem;
}
.ec-expandme a{
	text-decoration: none !important;
}
.ec-expandme a:hover{
	text-decoration: underline !important;
}



/********* MEDIA QUERIES **************/

@media all and (min-width:1100px){
	
	.header_top{ padding: 0; height: 44px; display: flex;}
	.header_bottom_bar{margin-bottom: 2rem;}
	.header_bottom_bar > .wrapper{ align-items: center; justify-content: center; flex-direction: column;}
	.logo{ margin: 2.5rem 0 0.5rem 0; display: flex; justify-content: center;}
	.nav_panel_content{margin-bottom: 0.5rem;}
	.close_search{ display: none;}
	.header_search_container.open .open_search{ display: none;}
	.header_search_container.open .close_search { display: block; }
	.hero.has_hero_slideshow, .hero.has_hero_video{min-height:600px; max-height:calc(100vh - 166.375px); height: 70vh; z-index:1;} 
	.hero_text_slideshow, .hero_video_text_container{margin:2rem auto; width:100%;}
	
	/** Desktop Search Form **/
	.header_search_container{ position: relative; margin-left: 1rem; align-self: start; margin-top: 0.2rem;}
	.header_search_icon{ font-size: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all 0.3; cursor: pointer;}
	.header_search_icon svg{ vertical-align: middle; height: 15px; width: auto;}
	.header_search_icon svg, .header_search_icon svg *{ fill: var(--gray-dark) !important;}
	.header_search_icon:hover svg, .header_search_icon:hover svg *{ fill: var(--color-base-1) !important;}
	.header_search_form_container{ position: absolute; opacity: 0; top: 0; right: 0; transition: all 0.3s; background: #fff; z-index: -1; display: flex; padding-left: 1rem;}
	.header_search_form_container.open{ opacity: 1; top: -1px; border-radius: 4px; z-index: 3;right:36px;}
	.header_search_form_container legend{ display: none;}
	.header_search_form_container fieldset{ border: none; padding: 0; margin: 0;}
	.header_search_form_container input[type=search]{ padding: 7px 5px; font-family: var(--font-serif); font-size: 0.7777777777777778rem; border-color: #C1C7CA; border-radius: 3px;}
	.header_search_submit{ background: none; border: none; font-size: 0; cursor: pointer;}
	.header_search_submit svg, .header_search_submit svg *{ fill: var(--color-base-1) !important;}
}

@media all and (max-width: 1100px){
	.togglemenu{ border: 1px solid #fff; }
	.togglemenu.close_menu_mobile{ background: var(--color-base-1); }
	.hero.has_hero_slideshow, .hero.has_hero_video{min-height:500px; max-height:calc(100vh - 106px);height: 70vh}
	.header_bottom_bar > .wrapper{ align-items: center; justify-content: space-between;}
	.nav_panel{ background: #fff; }
	.logo{ padding: 0; max-width: calc(100% - 2rem - 50px);}
	.nav_panel{ position: fixed; right: -110%; top: 0px; width: 100vw; height: 100vh; transition: all 0.3s; z-index: 1000; }
	.nav_panel.open{ right: 0;}
	html.open_nav{ overflow: hidden;}
	.nav_panel_content{ max-height: calc(100vh - 50px); overflow: auto;}
	.header_bottom_bar{ padding: 1rem 0;}
	.header_search_container{ display: none;}
	.header_top .quicklinks_container{ display: none;}
	.header_top .wrapper{ justify-content: center; width: 98%;}
	.header_contact_container{ width: 100%; justify-content: center;}
	.header_email, .header_phone{ max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
	.header_bottom_container{ margin-left: 0;z-index: 1000;}
	.mobile_top_row{ display: flex; align-items: center; justify-content: space-between; margin: 1rem auto; width: 90%;}
	.mobile_search_container{ width: calc(100% - 1rem - 50px);}
	.header_search_form_container{ display: flex; border: solid 1px #C1C7CA; border-radius: 3px; }
	.header_search_form_container legend{ display: none;}
	.header_search_form_container fieldset{ border: none; padding: 0; margin: 0;}
	.header_search_form_container input[type=search]{ padding: 10px 5px; font-family: var(--font-serif); font-size: 0.7777777777777778rem; border: none; width: 100%;}
	.header_search_submit{ background: none; border: none; font-size: 0; cursor: pointer; order: 2;}
	.header_search_submit svg, .header_search_submit svg *{ fill: var(--color-base-1) !important;}
	.header_search_form_container form{ order: 1; width: calc(100% - 2rem);}
	.mobile_bottom_row{ margin: 2rem 0 0 0; background: var(--color-base-1); padding: 2rem 0;}
	.utility_nav{ display: flex; flex-direction: column; margin: 0 auto; width: 90%;}
	.utility_nav a{ display: inline-block; padding: 0.25rem 0; margin: 0.25rem 0; text-decoration: none; color: var(--color-overlay-1)!important; font-size: 1rem;}
	.hero.has_hero_video.no_hero_text{ padding-top: 0;}
	.banner_content{padding-top:1rem; }
	
	/* events */
	.event_item .event_desc{ display: none;}
	
	/** INSIDE PAGES **/
	.middle_column.with_right{ width: calc(100% - 237px); }
	.right_column{ margin-left: 30px; width: 200px;}
	#main_container .button{ padding-left: 1rem;}
	#main_container .button span.button_icon{ margin-left: 1rem;}
}

@media all and (min-width: 960px){
	.mobile-cal-button{display:none !important;}
	.calendar_link{display: inline-flex !important;}
	.events_container {flex-direction: row !important;}
	.events_container > .wrapper{ justify-content: center; margin-top:0;z-index:3;flex-direction: column; align-items: center;}
	.calshow_events >* { width: 32%; }
	.calshow_events{display:flex; flex-wrap:wrap;}
	.stat_item h2::before{left:0;}
	.footer_button{justify-content: flex-end;margin-bottom: 2rem;}
	.footer_links_container{justify-content: flex-end;flex-direction: column;align-self: flex-end;}
	.footer_right .accreditation{ display:none;}
	.footer_center{padding-left:2rem;}
	.home_announcements header{display:flex; gap:3rem; margin-bottom:1rem;}	
	.home_announcements header .news_header_right{flex:1; }
	.home_announcements header .news_header_right a{color:  var(--color-base-1);}
	.home_announcements header .news_header_right a svg *{fill:  var(--color-base-1);}
	.home_announcements header p{flex:1; font-style: oblique; margin-bottom:0;}
	.video_story > * {width:50%;}
}

@media all and (max-width: 960px){
	.stat_item{text-align: center;}
	.stat_item h2::before{left:50%; transform:translateX(-50%);}
	.home_stats{ position: relative; padding: 1rem 0 2rem 0; }
	
	.calshow_link_wrapper:nth-of-type(4),.calshow_link_wrapper:nth-of-type(5),.calshow_link_wrapper:nth-of-type(6) { display:none;}

	.footer_button{justify-content: center;margin-bottom: 2.5rem;}
	.footer_center .footer_title { margin-top: 2rem; }
	.fstory_text_container{display:none;}
	/* .accreditation{margin-left: 0rem;} */
	.footer_social_icons{justify-content: center; margin-top: 2rem;}
	.footer_col{width:100%;}
	.footer_left .accreditation{ display:none;}
	/* .footer_right .accreditation { justify-content: center; margin-top: 2rem;} */
	.footer_center .footer_title{margin-top: 0rem;}
	
	.mobile-cal-button{display:block;margin:2rem 0;}
	.calendar_link{display: none;}

	.events_container {flex-direction: column;}
	.events_container > .wrapper{ flex-direction: column;align-items: center;}
	
	.home_story{ padding: 3rem 0 0 0; }
	.story_container{ flex-direction: column; margin-bottom: 3rem; }
	.story_title_container{ width: 100%; padding-right: 0; }
	.story_right_col{ width: 100%; }
	.story_title_container + .story_right_col{ padding-top: 1rem; }
	.story_buttons_container{ display: block; }
	.story_buttons_container > .button + .button{ margin-left: 0; margin-top: 1.5rem;}
	.stats_container{ flex-flow: wrap;}
	.stat_item{ width: 50%; padding: 1.5rem;}
	
	/*** FOOTER ***/
	.footer_top > .wrapper, .footer_links_container{ flex-direction: column; justify-content: center; align-items: center;}
	.footer_utility_nav > li{text-align: center;}
	.footer_col{ text-align: center;}
	.footer_logo{ justify-content: center;}
	.footer_left + .footer_right, .footer_links_col{ margin-top: 2.5rem;}
	.footer_social_icons svg{ height: 32px;}

	.home_icon_container{gap: 0.5rem; flex-direction: column; margin: auto;	width: 20ch;}

	.video_story > .wrapper{flex-wrap:wrap;}
	.video_story > .wrapper > *{width:100%;}
}


@media all and (min-width: 767px){
	.home_tiles > .wrapper{	display:flex; justify-content: center; }
	.left_tile_group{display: flex;justify-content: space-between;align-items: center; width: 60%;}
	.right_tile_group{width:40%;}
	.left_tile_group_inner{width:70%; margin-right: 4rem;}
	.home_tiles_item{
		position: relative;
		aspect-ratio: 290 / 406 !important; 
		/* max-width: 290px;  */
		margin: 15px;
		}
	.news_feed_container{flex-wrap: nowrap;}
	#menu ul li a {width: 13vw;max-width: 198px;}
}


/* Mobile and Tablet */
@media all and (max-width: 767px){
	
	.nav_panel_content{ max-height: calc(100vh - 150px); overflow: auto;}
	.home_tiles .slick-slide {display: block!important;}
	
	/** INSIDE PAGES **/
	.middle_column.with_right{ width: 100%;}

	.right_column{ margin-left: 0; width: 100%; margin-top: 3rem; padding-top: 3rem; border-top: solid 5px rgba(0,0,0,0.2);}

	#main_container > .wrapper{display: block  !important;}
	.middle_column.with_right{ width:100%; }
	.right_column{ width:100%;}
	
	/** HOME PAGE **/
	
.hero_slideshow_container, .hero_video_text_container{ padding: 0;}
/*    .hero.has_hero_video {height: 973px;}*/
    .hero.has_hero_video .events_container {bottom: -319px; padding: 0;}
    .hero.has_hero_slideshow .hero_slideshow_container {padding: 0;}
	.calshow_nav, .hero_nav{ width: 90%;}
	.calshow_nav .slick-dots, .hero_nav .slick-dots{ width: 100%; justify-content: center;}
	.hero_text_slideshow, .hero_video_text_container{width: 90%;}
	
	.home_announcements{ padding: 3rem 0;}
	.news_slider_nav{ margin-top: 0;}
	.home_announcements h2 + .news_feed_container{ margin-top: 1rem;}
	.news_arrow{ padding: 1rem 0;}
	
	.left_tile_group{width: 100%;}
	
	.news_slider_nav .slick-dots{ width: 100%; justify-content: center;}
	.news_slider_nav .slick-dots li{ max-width: 4vw; width: 100%;}
	.news_slider_nav .slick-dots li button{ width: 100%;}

	.tile_nav .slick-dots{ margin-bottom: 0;}
	.button span.button_icon svg{ width: 25px;}
	.credits{ justify-content: center; flex-direction: column;}
	.copyright + .credit_logo{ margin-top: 1rem;}
	
	/* inside buttons */
	#main_container .button_container{ display: block; text-align: center;}
	
	/* inside nav/right col */
	#right_within{ display: flex; flex-direction: column;}
	#inside_nav{ order: 1000; width: 100%; margin-top: 3rem; padding-top: 3rem; border-top: solid 5px rgba(0,0,0,0.2);}
	#inside_nav + .right_per_detail{ margin-top: 0; }
	
	.home_tiles_item{aspect-ratio: auto; box-shadow: none;}
	.tile_sec_text{margin-bottom: 10px !important;}
	.long_arrow_link_wrapper{margin-bottom: 15px;}
	.tiles_img {
        width: auto;
        height: auto;
        margin: auto;
    }
}

@media all and (max-width: 600px){
	.home_tiles_carousel{flex-direction: column; justify-content: center; align-items: center;}
	.home_tiles_carousel > article{ margin: 1rem 0;}
	.home_tiles_item > .button.tiles_item_button{font-size: 1.2rem;}
	.news_slider_nav{display:none;}
	.tiles_item_button{bottom:2rem;}
	/* .header_phone{max-width: 90%;} */
	.stats-box{max-width: 440px;}
	.calendar_slideshow img{ aspect-ratio: 3 / 2; object-fit: cover; }
}

@media all and (min-width:600px){
	/* .stats-box{max-width: 664px;} */
}



/* SM 3.0 CSS */
.tool_content, #inside_nav { font-family: var(--font-dm);}
.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;}


/* buttons - modified for SM3 since arrow icon not possible*/
#sm3_body .button {
    padding: 0 1.5rem 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
*/

.ck-content a:not(.button,.dir-head-link), .tool_content a:not(.button,.dir-head-link){ 
	text-decoration: underline;
	text-decoration-thickness: 2px ;
	text-decoration-color: var(--color-base-1) !important;
	text-underline-position: under; 
	color: var(--color-base-1) !important; 
	transition: all 0.3s; 
	font-weight: 700;
}
.ck-content a:not(.button):hover{ 
	text-decoration-color: var(--color-base-2) !important;  
}
/** Tool Headings **/
h3.toolhead{ margin-bottom: 2rem;font-weight:700;font-size: 2rem !important;}

/** 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: 'DM Sans', sans-serif !important;
}

.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-bottom: 1rem !important;
}

a.sm3_tool_handle{
	text-decoration: none !important;
	font-weight: 400 !important;
	&:hover{
		text-decoration: none !important;
	}
}
.ck-content .button:hover{
    text-decoration: none !important;
}

/* Site-wide Alert Button */
.swal2-html-container a{
	padding: 0 1.2rem;
}

/* Anchor Directory Heding)*/
.inside a.dir-head-link{
	color: var(--color-overlay-1) !important;
}

a.goto_date{
	text-decoration: none !important;
}

.icon.dis-mail-circle{
	text-decoration: none !important;
}

.nav_panel.open #topnav .link{
	text-underline-position: under;
	color: var(--color-base-1);
	transition: all 0.3s;	
	font-weight: 700;
}

.footer_social_icons > a {
	width: auto;
}