/*
	Theme Name: HCAM/MCAL Parent Theme
	Theme URI: http://www.illuminage.com/
	Author: John Tonge
	Author URI: http://www.illuminage.com/
	Description: Parent theme for two sites: HCAM and MCAL. Server is illuminwebgen.
*/

/* FONTS */
	@import url('//fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');
	/*font-family: 'PT Sans', sans-serif;*/
	
/* RESET */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea { border: 0; margin: 0; padding: 0; font-size: 100%;vertical-align: baseline; box-sizing: border-box;}
	article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section { display: block; }
	table  { border-collapse: collapse; border-spacing: 0; }
	address { font-style: normal; }
	td, td img { vertical-align: top; }
	pre, code, kbd, samp { font-family: monospace, sans-serif; }
	html, body, form, img { border: 0; margin: 0; padding: 0;}
	html { font-size: 100%}
	::selection { background: #fc0; color: rgba(0, 0, 0, .9); text-shadow: 0 1px 0 rgba(255, 255, 255, .25);}
	a { border: none; cursor: pointer; color: #004a80; }
	/* a:hover { color: #0068B3; }*/
	a:focus { outline: 2px dotted #f89; text-decoration: underline; }
	a:hover, a:active { outline: none; }
	ol { list-style: decimal; }
	ul { list-style: disc; }
	small { font-size: 85%; }
	strong, th { font-weight: bold; }
	input[type=text], input[type=email], input[type=password], input[type=submit] { appearance: none; -webkit-appearance: none; }
	input[type=submit] { cursor: pointer; }
	input[type=text]:focus { outline: 0 none; }
	#wpadminbar a { font-style: normal; }

	/* WORDPRESS */
	.alignleft { clear: left; display: inline; float: left; margin-right: 15px; }
	.alignright { clear: right; display: inline; float: right; margin-left: 15px; }
	.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
	.alignleft-nomargin { clear: left; display: inline; float: left; }
	.alignright-nomargin { clear: right; display: inline; float: right; }
	.hidden { display: none; visibility: hidden; }
	.invisible { visibility: hidden; }
	.clearfix { clear: both; overflow: hidden; zoom: 1; }
	.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.clearfix:after { clear: both; }

/* DOC LINK ICONS */
	a[href$=".doc"]:after, a[href$=".docx"]:after, a[href$=".pdf"]:after, a[href$=".ppt"]:after, a[href$=".xls"]:after, a[href$=".xlsx"]:after { display: inline-block; height: 12px; margin: 0 0 0 .5em; vertical-align: middle; width: 12px; background-position: 0 0; background-repeat: no-repeat; content: ''; }
	a[href$=".doc"]:after, a[href$=".docx"]:after { background-image: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/icon-doc.png); }
	a[href$=".pdf"]:after { background-image: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/icon-pdf.gif); }
	a[href$=".ppt"]:after, a[href$=".pptx"]:after { background-image: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/icon-ppt.png); }
	a[href$=".xls"]:after, a[href$=".xlsx"]:after { background-image: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/icon-xls.png); }
	a.no_icon:after, a.button:after { content: none; }
	.screen-reader-text { display: none; }
	.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }
	#content form { margin: 0 0 1em 0; }
	#content input[type=text],
	#content input[type=email],
	#content input[type=password],
	#content textarea,
	#content select,
	#content input[type=submit] {
		border: 1px solid #888;
		border: 1px solid rgba(0, 0, 0, .5);
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}
	#content input[type=text],
	#content input[type=email],
	#content input[type=password],
	#content textarea { padding: .5em; }
	#content textarea { height: 5em; }
	#content select { margin: 0; padding: .4em; vertical-align: top; width: auto; }
	#content input[type=submit] { padding: .5em 1em; width: auto; cursor: pointer; }

/* GENERAL */
	/* Base */
	body { font-family: 'PT Sans', sans-serif; font-size: 20px; }
	/*	* { -webkit-transition: .25s all; -moz-transition: .25s all; -ms-transition: .25s all; -o-transition: .25s all; transition: .25s all;}*/
	hr { border: 0; height: 2px; margin-top: 20px; margin-bottom: 20px; }
	p { margin: 0; padding: 0 0 25px; }
	ul, ol { margin: 25px 0 25px 25px; }
	ul li, ol li { padding: 0 0 10px 0; }
	ul li:last-child, ol li:last-child { padding-bottom: 0; }
	a { text-decoration: underline; }
	a:hover { text-decoration: none; }
	a.button { display: inline-block; text-decoration: none; margin: 20px 0;}
	h1, h2, h3, h4, h5, h6 {
		color: #004b80;
		font-weight: normal;
		margin: 0 0 20px;
	}
	h1 {
		font-size: 2.2em;
		line-height: 1.2em;
	}
	h2 {
		font-size: 1.8em;
		line-height: 1.2em;
	}
	h3 {
		font-size: 1.5em;
		line-height: 1.2em;
	}
	h4 {
		font-size: 1.3em;
		line-height: 1.2em;
	}
	h5 {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	h6 {
		font-size: 1.1em;
		line-height: 1.2em;
	}
	hr { border: 0; }
	hr { background-color: #c6c6c6; }
	.full-width { width: 100%; margin: 0 auto; }
	#main.full_width { width: 100%; margin: 0 auto; }
	.container { width: 90%; margin: 0 auto; max-width: 1500px; position: relative; }
	#membersonly-login-form h2 {
	    margin: 15px 0 10px 0;
	    color: #004b80;
	    font: normal bold 1.5em/1.2em 'PT Sans', sans-serif!important;
	}
	#membersonly-login-form li {
		line-height: 0;
	}

/* HEADER */
	/* Base */
	header { width: 100%; z-index: 100; position: relative; margin: 0 auto;}
	header.stick { position: sticky; top: 0; /*left: 35px; right:35px*/; }
	header #search-icon span  { display: none; }
	header #search-container { background-color: #BCD0E6; padding-top: 9px;}
	header #search-container,
	header #search-container #search,
	header #search-container form#search input[type="text"],
	header #search-container #search input[type="submit"]{ 
		height: 0;
		opacity: 0;
		-webkit-transition: height 4s ease, opacity: 20s ease;
		-moz-transition: height 4s ease, opacity: 20s ease;
		-o-transition: height 4s ease, opacity: 20s ease;
		-ms-transition: height 4s ease, opacity: 20s ease;
		transition: height 4s ease, opacity: 20s ease;
	}
	header #search-container #search { width: 100%; }
	.search-active header #search-container { opacity: 1; height: 55px; }
	.search-active header #search-container #search,
	.search-active header #search-container form#search input[type="text"],
	.search-active header #search-container #search input[type="submit"]{ opacity: 1; height: 35px; } 
	.search-active header #search-container #search input[type="submit"] { height: auto; opacity: 1; }
	.head { min-height: 140px; height: auto; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
	header.stick .head  { min-height: 105px; }
	.head .subtext { position: absolute; top: 36px;}
	.head .subtext h2 { font-size: 1em; color: #fff; padding: 12px 0; }
	#logo { height: 90px; left: 0; right: 0; position: absolute; top: 14px; width: 280px; background-repeat: no-repeat; background-size: contain; background-position: center; z-index: 1; margin-left: auto; margin-right: auto; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
	#print-logo { background-image: none!important; display: none; width: 100%; text-align: center; clear: both; overflow: hidden; position: relative; margin: 0 auto; }
	header.stick #logo { height: 75px; }
	#logo h2 { padding: 0; line-height: 0; }
	#logo a { display: block; width: 100%; height: 100%; }
	#logo a img { display: none; }
	#util-container { float: right;  position: relative; margin-top: 30px; }
	.utility_nav { font-size: 0; float: right; margin-right: 50px; }
	.utility_nav ul { list-style: none; margin: 10px 0; }
	.utility_nav ul li { display: inline-block;	padding: 0; }
	.utility_nav ul li a { display: block; text-decoration: none; }
	.utility_nav ul li .svg-inline--fa { width: 20px; height: 20px; opacity: .8; color: #fff; padding: 10px; border: 0; cursor: pointer;}
	.utility_nav ul li .svg-inline--fa:hover { opacity: 1; text-decoration: none;}
	.utility_nav ul li .svg-inline--fa.fa-twitter { background: #1DA1F2; }
	.utility_nav ul li .svg-inline--fa.fa-envelope { background: #222; }
	.utility_nav ul li .svg-inline--fa.fa-google-plus-g { background: #DB4437; }
	.utility_nav ul li .svg-inline--fa.fa-facebook-f { background: #384283; }	
	.utility_nav ul li .svg-inline--fa.fa-linkedin-in { background: #0077b5;}
	.utility_nav ul li .svg-inline--fa.fa-pinterest-p { background: #bf081c;}
	.utility_nav ul li .svg-inline--fa.fa-youtube { background: #ff0000;}
	.utility_nav ul li .svg-inline--fa.fa-instagram { background: #e95950;}
	#search-icon { position: absolute; right: 0; top: 12px; color: #6594c5; cursor: pointer; }
	#search-icon:before { -moz-transition: all 20s ease; transition: all 20s ease; }
	.search-active header #search-icon.dashicons-search::before { content:"\f158"; }
	#search { clear: both; overflow: hidden; margin: 0 auto; width: 100%;}
	#search label { display: none; }
	#search input { display: inline-block; vertical-align: middle; }
	#search input[type=submit] { cursor: pointer; width: auto; height: auto; background-color: transparent; color: #6594c5;}
	#search .dashicons,
	#search-icon.dashicons { font-size: 30px; }
	header .tools { display: none; }

	/* Customize */
	header { background-color: #004a80; }
	/*	form#search input[type="text"] {
		height: 35px;
		padding: 10px 0;
		width: 0;
	}*/
	form#search input[type="text"] {
    	height: 35px;
		width: 95%;
		padding: 10px 15px;
	}	
	.utility_nav ul li { vertical-align: middle; }
	.utility_nav ul li a { font-size: 14px; text-transform: uppercase; color: #6594c5; font-weight: bold; padding: 10px 15px; }
	.utility_nav ul li a:hover, .utility_nav ul li.current_page_item a { color:#fff; }
	.utility_nav li.menu-item-loginout { font-size: 0; line-height: 0; }
	.utility_nav li.menu-item-loginout a { font-size: 14px; line-height: 14px;}
	/*STICK*/
	.stick #logo {
		top: 0;
		margin: 0 auto;
	}
	#util-outer {
		position: absolute;
		right: 0;
	}
	.stick #util-container { 
		margin: 0; 
	}
	header.stick {
	    top: -85px;
	}

/* MENU */
	/* Base */
	.full-width.nav-cont { margin: 0 auto; /*background-color: #6594c5;*/ }
	nav.primary_nav .menu-primary-container { text-align: center; }
	nav.primary_nav ul { position: relative; padding: 0; margin: 0; list-style: none;}
	nav.primary_nav ul li { position: relative; display: inline-block; padding: 0 20px; list-style: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
	nav.primary_nav ul li a { display: block; text-decoration: none; }	
	nav.primary_nav ul li:hover a, nav.primary_nav ul li a:focus, nav.primary_nav ul li.current-menu-item a, nav.primary_nav ul li.current-menu-ancestor a, nav.primary_nav ul li.current_page_parent a, nav.primary_nav ul li ul.sub-menu { outline: none; }
	/* 2nd level nav */
	nav.primary_nav ul li li { padding: 0; text-align: left; }
	nav.primary_nav ul li ul.sub-menu { left: -9999px; position: absolute; opacity: 0; }
	nav.primary_nav ul li:hover ul.sub-menu, nav.primary_nav ul li.active ul.sub-menu, nav.primary_nav ul li a:focus + ul.sub-menu { left: auto; opacity: 1; -webkit-transition: 0s all; -moz-transition: 0s all; -ms-transition: 0s all; -o-transition: 0s all; transition: 0s all; }
	nav.primary_nav ul li.right-submenu:hover ul.sub-menu, nav.primary_nav ul li:last-child:hover ul.sub-menu, nav.primary_nav ul li.active:last-child ul.sub-menu, nav.primary_nav ul li a:last-child:focus + ul.sub-menu { left: auto; right: 0; }
	nav.primary_nav ul li ul.sub-menu li { display: block; height: auto; width: 200px; }
	nav.primary_nav ul li ul.sub-menu li a { padding: 15px 20px; }
	/* 3rd level nav */
	nav.primary_nav ul li ul.sub-menu li ul.sub-menu { left: -9999em; top: 0; }
	nav.primary_nav ul li ul.sub-menu li:hover ul.sub-menu { left: 100%; opacity: 1; }
	#navbtn, #closenav { display: none; }

	/* Customize */	
	nav.primary_nav ul li a { font-size: 20px; color: #fff; padding: 15px 0; position: relative; }
	nav.primary_nav ul li a:before {
		background-color: #fff;
		bottom: 10px;
		content: '';
		display: block;
		height: 3px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		transform-origin: center;
		transition: width .3s ease;
		width: 0;
	}
	nav.primary_nav ul.sub-menu li a:before { content: none; }
	/*  nav.primary_nav ul li a:hover:before { width: 100%; }*/
	nav.primary_nav ul li a:hover:before,
	nav.primary_nav ul li:hover a:before,
	nav.primary_nav ul li.active a:before,
	nav.primary_nav ul li a:focus:before,
	nav.primary_nav ul li.current-menu-item a:before,
	nav.primary_nav ul li.current_page_ancestor a:before,
	nav.primary_nav ul li.current_page_parent a:before {
		/*background-color: #6594c5;*/
		width: 100%;
	}
	nav.primary_nav ul.sub-menu { background-color: #6594c5; }
	nav.primary_nav ul li ul.sub-menu li a{ font-size: 18px; }
	nav.primary_nav ul.sub-menu li.current_page_ancestor,
	nav.primary_nav ul.sub-menu li.current-page-ancestor,
	nav.primary_nav ul.sub-menu li.current-menu-item a { background-color: #002D4D; }
	nav.primary_nav ul li li a:hover { background-color: #002D4D; }
	nav.primary_nav ul.sub-menu li.locked { position: relative; }
	nav.primary_nav ul.sub-menu li.locked a::before {
		content: "\f023";
		color: #fff;
		font-size: 12px;
		position: absolute;
		left: 20px;
		top: 20px;
		background: none;
		width: 15px;
		height: 15px;
		font-weight: 900;
	}
	nav.primary_nav ul.sub-menu li.locked a {
		padding-left: 30px;
	}

    /* LINES */
	.lines {
		width: 35px;
		height: 24px;
		float: right;
		display: none;
	}
	.lines .line {
		background: #fff;
		height: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}
	.lines .line.one {
		width: 100%;
	}
	.lines .line.two {
		width: 65%;
		margin: 5px 0;
	}
	.lines .line.three {
		width: 85%;
	}
	#navbtn .lines:hover .line.one {
		width: 85%;
	}
	#navbtn .lines:hover .line.two {
		width: 100%;
	}
	#navbtn .lines:hover .line.three {
		width: 65%;
	}
	#navbtn span {
		text-transform: uppercase;
		padding: 0 10px 0 0;
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		vertical-align: top;
	}
	#navbtn.open .lines .line.one,
	#navbtn.open .lines .line.three {
		width: 100%;
		background: #fff;
	}
	#navbtn.open .lines .line.one {
		transform: rotate(45deg);
		margin: 6px 0 -4px 0;
	}
	#navbtn.open .lines .line.three {
		transform: rotate(-45deg);
	}
	#navbtn.open .lines .line.two {
		display: none;
	}
	/*4379B1*/

/* HERO */
	/* Base */
	.hero-wrap { clear: both; overflow: hidden; width: 100%; }
	#hero { clear: both; overflow: hidden; width: 100%; }
	#hero .ill_hero_slider { padding: 0; max-height: 500px; }
	#hero .slide { -webkit-transition: 0s all; -moz-transition: 0s all; -ms-transition: 0s all; -o-transition: 0s all; transition: 0s all; }
	#hero .stage { clear: both; overflow: hidden; }
	#hero .title { background: none; padding: 0; position: relative; }
	#hero .caption { clear: both; overflow: hidden; background: none; position: relative; padding: 0; }
	#hero .button { display: inline-block; }
	#hero .prev { border: 0; margin: 0 0 0 50px; }
	#hero .next { border: 0; margin: 0 50px 0 0; }
	#hero .controls { position: absolute; width: 100%; left: 0; bottom: 0; height: auto; background: none; }
	#hero .controls .playback { background: rgba(0, 0, 0,  .85); padding: 20px; }
	#hero .ill_hero_slider .controls .playback .pause { border-color: #fff; }
	#hero .ill_hero_slider .controls .playback .play { border-left-color: #fff; }
	#hero .controls .dots { background: rgba(0, 0, 0,  .85); padding: 20px 20px 20px 0; }
	#hero .controls .dots .dot { background: #fff; }
	#hero .controls .dots .dot.active { background: #7D9AB5; }

	/* Customize */
	#hero .ill_hero_slider .stage { padding: 0 0 35.25% 0; }
	#hero .info {
		position: absolute;
		text-align: right;
		top: 0;
		right: 0%;
		width: 33%;
		height: 100%;
		padding: 100px 70px 0 70px;
		background: rgba(157, 179, 199, 0.55 );
		color: #000;
	}
	#hero .ill_hero_slider .stage .slide .title { text-align: right; font-size: 2em; line-height: 1.2em; font-weight: bold; color: #000; position: relative; }
	#hero .caption { position: relative; padding: 50px 0 20px 0; /*text-align: center;*/ text-align: right; } 
	#hero .caption:before { content: ""; position: absolute; top: 20px; background-color: #f0f0f0; width: 60%; height: 1px; /*left: 0;*/ right: 0; margin-left: auto; margin-right: auto; }
	#hero .button { text-transform: uppercase; font-size: 0.9em; color: #fff; padding: 12px 14px; background-color: #004a80; text-align: right; }

/* CALLOUTS */
	.callouts-wrap	{ background-color: #f0f0f0; border-bottom: 1px solid #a9a9a9; margin-bottom: 50px;}
	#callouts.count-1 .callout { width: 100%; }
	#callouts.count-2 .callout { width: 50%; }
	#callouts.count-3 .callout { width: 33.3%; }
	#callouts.count-4 .callout { width: 25%; }
	#callouts {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		margin: 0 -15px;
		padding: 80px 0;
	}
	.callout {    
		text-align: center;
		margin: 0 15px;
	}
	.callout h3 {
		margin: 0 0 35px 0;
		text-transform: uppercase;
		font-size: 1.9em;
		font-weight: bold;
		color: #004b80; 
		position: relative;
	}
	.callout h3:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		background-color: #6594c5;
		width: 50%;
		height: 1px;
		bottom: -20px;
	}
	.callout p { font-size: 1.1em; color: #333; margin: 50px 0 30px 0; }
	.callout a.button {
		display: inline-block;
		padding: 14px 16px;
		background-color: #6593c4;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		font-style: normal;
	}
	.callout a.button:hover {
		text-decoration: none;
		background-color: #004b80;
	}

/* CONTENT  */
	/* Base */
	#title_outer { padding: 25px 0; background-color: #f0f0f0; margin-bottom: 50px;}
	.content-wrap { clear: both; overflow: hidden; width: 100%; position: relative; }
	#content { width: 90%; margin: 0 auto; padding-bottom: 80px; clear: both; overflow: hidden; }
	#cont { width: 70%; margin: 0 5% 0 0; float: left; clear: both; overflow: hidden; position: relative; }
	.home #cont { width: 80%; margin: 0 auto; float: none; }
	.int #cont { padding-right: 4%; ; margin-bottom: 5%; }
	.int #cont:after { position: absolute; content: ""; background-color: #d4d4d4; width: 1px; height: 100%; top: 0; right: 0; }
	.page-template-tmpl_full .int #cont:after { content: none; }
	#cont.full { width: 100%; margin: 0 auto; float: none; max-width: 1200px; }
	#cont img { max-width:100%; height: auto;}
	#content.ill_directory { padding: 80px 0; }
	
/* CALENDAR EVENTS */
	.calendar-wrap { background: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/calendar-bg.png) center center/cover no-repeat #fff; }
	.calendar-container h2 { position: relative; font-size: 1.9em; color: #000; text-transform: uppercase; font-weight: bold; text-align: center; margin-top: 65px;}
	.calendar-container h2:after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		background-color: #4A4A4A;
		width: 18%;
		height: 1px;
		bottom: -9px;
	}
	#entries.count-1 .entry { width: 100%; }
	#entries.count-2 .entry { width: 50%; }
	#entries.count-3 .entry { width: 33.3%; }
	#entries.count-4 .entry { width: 25%; }
	#entries {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		margin: 0 -15px;
		padding: 60px 0 90px 0;
	}
	#entries .entry { margin: 0 15px; }
	#entries .entry a { text-decoration: none; }
	#entries .entry span { display: block; z-index: 1; }
	.date-box { position: relative; background-color: #004b80; border-bottom: 1px solid #004b80; }
	.date-box span { display: block; width: 100%; height: 100%; color: #fff; text-transform: uppercase; padding: 10px 15px; font-weight: bold; font-size: 0.8em; 
	}
	/*	.date-box:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background-color: #9b9fc5;
		width:25%;
		height: 100%;
		z-index: -1;

	}*/
	#entries .entry .excerpt { background-color: #fff; padding: 15px }
	#entries .entry .excerpt span { color: #004b80; font-weight: bold; }

/* SERVICES */
	#services { margin: 5em 0; }	
	.service {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		position: relative;
		opacity: 0;
	}
	.service:after {
		content: "";
		position: absolute;
		z-index: -1;
		width: 65%;
		height: 100%;
		background-color: #f0f0f0;
		top: 60px;
		left: 0;
		right: auto;
	}
	.service:nth-child(even):after { top: -60px; left: auto; right: 0; }
	.service { margin-bottom: 10em; }
	.service:last-child { margin-bottom: 0; }
	.service:nth-child(odd) { flex-direction: row-reverse; }
	.service > div { width: 50%; }
	.service .service_img { 
		z-index: 2; 
		background-repeat: no-repeat;
		background-size: cover;
		/* max-height: 800px;*/
		height: 400px;
		text-align: center;
	}
	.service .service_img img { display: block; width: 100%; height: 100%; }
	.service h3 { position: relative; font-size: 2em; text-transform: uppercase; color: #121212; } 
	.service h3:after {
		content: "";
		position: absolute;
		left: 0;
		background-color: #6594c5;
		width: 45%;
		height: 1px;
		bottom: -9px;
	}
	.service .service_txt { padding: 6em 3em 0 3em; position: relative; z-index: 1; }
	.service:nth-child(even) .service_txt { padding: 0 3em 6em 3em; }
	.service a.button { display: inline-block; padding: 10px 15px; text-transform: uppercase; color: #fff; text-decoration: none; background-color: #004b80; }
	.service a.button:hover { background-color: #0068B3; }

/* BLOG */
	article.hentry {
		margin: 20px 0 0 0;
		padding: 40px 0 0 0;
		border-top: 2px solid #d3d3d3;
	}
	article.hentry p.published {
		color: #666;
	}
	.navs {
		clear: both;
		overflow: hidden;
		margin: 20px 0;
		padding: 40px 0 0 0;
		border-top: 2px solid #d3d3d3;
		display: flex;
		flex-direction: row;
	}
	.navs .nav-previous {
		width: 50%;
		text-align: left;
	}
	.navs .nav-next {
		width: 50%;
		text-align: right;
	}
	.navs a {
		display: inline-block;
		text-decoration: none;
		padding: 15px 20px;
		color: #fff;
	}

/* RESPONSIVE VIDEO */
	.ill_video_container.vright { float: right; width: 45%; margin: 0 0 30px 5%; }
	.ill_video_container.vleft { float: left; width: 45%; margin: 0 5% 30px 0; }
	.ill_video_container .video-caption { background: #f6f6f6; padding: 15px; display: block; }
	.ill_responsive_video { margin: 0; padding: 0 0 56.25% 0; position: relative; }
	.ill_responsive_video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.ill_responsive_video br { display: none; }

/* PERSON */
	.person-wrap {
		clear: both;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.person {
		/*clear: both;*/
		/*overflow: hidden;*/
		padding: 0 0 30px 0;
		margin: 30px 3% 0 0;
		border-bottom: 2px solid #dce1df;
		width: 47%;
		float: left;
	}
	.person-wrap .person:nth-child(2n+1) {
		clear: both!important;
		overflow: hidden;
	}
	.person.space {
		border-bottom: 0;
	}
	.person.clear
	/*.person:nth-child(2n+1)*/ {
		clear: both;
		overflow: hidden;
	}
	#cont .person img {
		max-width: 25%;
		height: auto;
		float: left;
		margin: 0 25px 10px 0;
	}
	.person h3 {
		padding-top: 0;
	}  
	.person a.button {
		margin-top: 0;
	}
	.post_content {
		clear: both;
		overflow: hidden;
		margin: 40px 0;
	}

/* PUBLICATIONS */
	.ill_pubs {
		padding: 80px 0;
	}
	#main { 
		width: 70%; 
		margin: 0 5% 0 0; 
		float: left; 
		clear: both; 
		overflow: hidden; 
		position: relative; 
	}
	.ill_pubs_issues h2,
	.ill_pubs_sidebar h2 {
		background: #f6f6f6;
		padding: 15px 20px;
		border-bottom: 3px solid #004a80;
	}
	.ill_pubs_issues h2 a,
	.ill_pubs_sidebar h2 a {
		text-decoration: none;
		color: #004a80;
	}
	.ill_pubs_breadcrumbs a {
		color: #333;
		font-size: 13px;
	}
	.ill_pubs #main .entry-header,
	.ill_pubs #main .entry-header.stick {
		position: relative;
		background-color: rgba(0, 0, 0, 0);
		top: 0;
		z-index: 9;
	}
	.ill_pubs_article_info h2 {
		background-color: rgba(0, 0, 0, 0);
		border: 0;
		padding: 0 0 20px 0;
	}

/* SIDEBAR */
	/* Base */
	.sidebar, .ill_pubs_sidebar { width: 25%; float: left; }
	.sidebar .widget_page_sidebar { clear: both; overflow: hidden; }
	/*  .sidebar .section_guide ul { margin: 0; list-style: none; width: 64%; } 
	.sidebar .section_guide { margin: 0 0 50px 25px; }
	.sidebar h3#section-header { position: relative; color: #121212; text-transform: uppercase; margin-bottom: 40px; }
	.sidebar h3#section-header:after { content: ""; position: absolute; background: #6593c4; height: 1px; width: 60%; left: 0; bottom: -15px; }
	.children li a { color: #333333; text-decoration: none; font-size: 1.1em; }
	.children li a:hover { text-decoration: none; }
	.children li.current_page_item a { font-weight: bold; color: #004a80; }
	.sidebar .section_guide ul ul.children { display: none; margin: 0 0 0 20px; width: 100%; }
	.sidebar .section_guide li.current_page_item ul.children { display: block; }
	.sidebar .section_guide li.current_page_item ul.children,
	.sidebar .section_guide li.current_page_ancestor ul.children,
	.sidebar .section_guide li.current_page_parent ul.children { display: block; }*/
	/* Section Guide */
	#section_guide { margin-bottom: 25px; }
	#section_guide h2 {}
	#section_guide ul {
		margin: 0;
		padding: 0;
	}
	#section_guide ul ul { margin-left: 20px; }
	#section_guide ul li,
	/*#section_guide ul li.current-menu-ancestor > a,*/
	#section_guide ul li ul.sub-menu li.menu-item-has-children .sub-menu  { display: none; }
	#section_guide ul li.current-menu-ancestor,
	#section_guide ul li ul.sub-menu li,
	#section_guide ul li.current-menu-ancestor ul.sub-menu ul.sub-menu li.current-menu-ancestor > a,
	#section_guide ul li.current-menu-ancestor.showsec a { display: block; }
	#section_guide ul li.current-menu-item.menu-item-has-children > ul.sub-menu {
		display: block!important;
	}
	#section_guide ul li.current-menu-ancestor > ul.sub-menu {
		display: block!important;
	}
	#section_guide ul li.current-menu-ancestor.menu-item-has-children > a {
		display: none;
	}
	#section_guide ul li.current-menu-ancestor.menu-item-has-children ul a {
		display: block;
	}
	#section_guide ul li ul.sub-menu li {
		display: block;
		margin: 0;
		padding: 0;
	}
	#section_guide ul li a { text-decoration: none; display: block; padding-bottom: 8px; }
	#section_guide ul li ul.sub-menu li.current_page_item > a,
	#section_guide ul li ul.sub-menu li.current_page_item a .sub-menu li.current_page_item a { text-decoration: underline; }
	#section_guide ul li ul.sub-menu li.current_page_item a .sub-menu li.current_menu_item a { text-decoration: none; }
	
/* COLLAPSOMATIC */
	#content #cont span.collapseomatic,
	#content span.collapseomatic { font-size: 1.5em; color: #004a80; }
	#content #cont .collapseomatic,
	#content .collapseomatic,
	a.button.fake {
		display: block; 
		/*background: #004a80;*/
		background: #f0f0f0;
		border-bottom: 2px solid #004a80;
		padding: 20px 30px;
		text-decoration: none;
		margin: 10px 0 0 0;
	}
	span.collapseomatic:after,
	a.button.fake:after {
		/*margin: -.3em 0 0 .25em;  */
		content: "\f347"; 
		font-family: 'Dashicons'; 
		font-weight: normal;
		/*color: #fff;  */
		color: #004a80;
    	float: left;
    	margin: 0 10px 0 0;
    	-webkit-transition: .35s all;
    	-moz-transition: .35s all;
    	-ms-transition: .35s all;
    	-o-transition: .35s all;
    	transition: .35s all;
	}
	#content #cont .collapseomatic:hover,
	#content .collapseomatic:hover,
	a.button.fake:hover {
		color: #fff;
		background: #0077CC;
	}
	#content #cont .collapseomatic:hover:after,
	#content .collapseomatic:hover:after,
	a.button.fake:hover:after {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		color: #fff;
	}
	#content #cont .collapseomatic.colomat-close,
	#content .collapseomatic.colomat-close {
		margin-bottom: 15px;
		background: #004a80;
		color: #fff;
	}
	span.collapseomatic.colomat-close:after,
	#content #cont span.collapseomatic.colomat-close:hover:after,
	#content span.collapseomatic.colomat-close:hover:after {
		/*content: "\f343";*/
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
		color: #fff;
	}
	#content #cont .lookatme:focus,
	#content .lookatme:focus {
		outline: #4D8771 solid 3px;
	}

/* COLS */
	.col.half {
		width: 47%;
		float: left;
		margin: 0 3% 0 0;
	}
	.col.half::after {
		content: " ";
		clear: both;
		overflow: hidden;
		height: 1px;
		width: 100%;
		display: block;
	}

/* SPONSORS */
	.sponsors-wrap { background: #f0f0f0; padding: 30px 0; border-top: 1px solid #a9a9a9; clear: both; overflow: hidden; }
	.sponsors { width: 100%; clear: both; overflow: hidden; }
	.slick-slide { margin: 20px; }
	.slick-slide img { max-width: 100%; width: auto; height: auto; margin: 0 auto; opacity: .8; }
	.slick-slide img:hover { opacity: 1; }
	.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
	.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
	.slick-list:focus { outline: none; }
	.slick-list.dragging { cursor: pointer; cursor: hand; }
	.slick-slider .slick-track,
	.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	.slick-track { position: relative; top: 0; left: 0; display: block; }
	.slick-track:before, .slick-track:after { display: table; content: ''; }
	.slick-track:after { clear: both; }
	.slick-loading .slick-track { visibility: hidden; }
	.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
	[dir='rtl'] .slick-slide { float: right; }
	.slick-slide img { display: block; }
	.slick-slide.slick-loading img { display: none; }
	.slick-slide.dragging img { pointer-events: none; }
	.slick-initialized .slick-slide { display: block; }
	.slick-loading .slick-slide { visibility: hidden; }
	.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
	.slick-arrow.slick-hidden { display: none; }
	
/* IlluminAge CALENDAR */
	/* Base */
	.ill_calendar .ill_calendar_event .ill_calendar_date_box .ill_calendar_month, .ill_calendar #ill_calendar_grid th { background-color: #004a80; color: #fff; } /* header bar */
	.ill_calendar .ill_calendar_btn, .ill_calendar .ill_calendar_tools ul.ill_calendar_category > li, .ill_calendar .ill_calendar_tools ul.ill_calendar_category li ul, .ill_calendar .ill_calendar_tools ul.ill_calendar_category li ul li a, .ill_calendar .ill_calendar_tools .ill_calendar_date_nav form select {} /* buttons */
	#content .ill_calendar .ill_calendar_tools .ill_calendar_date_nav form select { height: 1.82em; padding: .1em .6em 0 .6em;}
	.ill_calendar .ill_calendar_btn, .ill_calendar .ill_calendar_tools ul.ill_calendar_category > li, .ill_calendar .ill_calendar_tools ul.ill_calendar_category li ul, .ill_calendar .ill_calendar_tools .ill_calendar_date_nav form select {}
	.ill_calendar .ill_calendar_tools .ill_calendar_date_nav .ill_calendar_btn { padding: .15em 0 .25em 0; } /* buttons */
	.ill_calendar #ill_calendar_grid .ill_calendar_week_row .ill_calendar_week_cols td.ill_calendar_grid_date {} /* calendar grid date */
	.ill_calendar #ill_calendar_grid .ill_calendar_week_row .ill_calendar_week_cols td a { background: #6594c5; color: #fff; } /* calendar grid event */
	ul.ill_calendar_simple { list-style: none; position: relative; float: left; width: 100%; display: block; margin-bottom: 30px; margin-left: 0; padding: 0 0 1em 0; }
	ul.ill_calendar_simple li a:hover { text-decoration: none; color: #0f1434; }
	ul.ill_calendar_simple li { display: block; clear: both; margin: 30px 0 0 0; position: relative; float: left; }
	ul.ill_calendar_simple li a { text-decoration: none; }
	ul.ill_calendar_simple li:first-child { margin-top: 0; }
	ul.ill_calendar_simple .date { background: #ed3237; color: #fff; text-transform: uppercase; text-align: center; padding: 10px 25px; float: left; width: 106px; margin-right: 25px; }
	ul.ill_calendar_simple .title { color: #384283; font-size: 18px; }
	.ill_calendar_event_info.clearfix { clear:right; }
	#content #cont .ill_calendar h2 { font-size: 1.2em; }
	#content #cont .ill_calendar .ill_calendar_date_box .ill_calendar_month { padding: 0.4em 0 0.2em 0; }
	.ill_calendar .ill_calendar_tools .ill_calendar_view a.ill_calendar_view_list:before,
	.ill_calendar .ill_calendar_tools .ill_calendar_view a.ill_calendar_view_grid:before { color: #004a80; }

/* GRAVITY FORMS */
	/* Base */
	#content .gform_wrapper .ginput_complex label { margin: 0 0 10px 0 !important; }
	#content .gform_wrapper legend.gfield_label { font-weight: 700; }
	#content .gform_wrapper input[type=text], #content .gform_wrapper input[type=password], #content .gform_wrapper textarea, #content .gform_wrapper select { width: 97%; }
	#content .gform_wrapper input[value="Other"][type=text] {width: 80%; }
	#content .gform_wrapper textarea { height: 10em; }
	#content .gform_wrapper ul.gform_fields { padding-left: 0; }

/* FACILITY FINDER */
	#ill_directory_list .ill_directory_list_block h3 {
		background: #f1f1f1;
		padding: 15px 20px;
		border-bottom: 2px solid #d3d3d3;
		margin: 0 0 20px 0;
	}
	#ill_directory_list .ill_directory_list_block h3 a {
		text-decoration: none;
	}
	.ill_directory_breadcrumb {
		width: auto;
		display: inline-block;
		margin: 20px 0;
	}
	.ill_directory_btn {
		margin: 20px 0;
	}

/* FOOTER */
	/* Base */
	footer { clear: both; overflow: hidden; width: 100%; position: relative; }
	footer a { color: #fff; }
	footer .left { float: left; width: 70%; }
	footer .right { float: right; width: 30%; padding-top: 25px; }
	/* Customize */
	footer .footer_top { padding: 50px 0; background-color: #444; }
	footer .footer_bottom { background-color: #090909; color: #fff;}
	footer .footer_top #logos {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		position: relative;
		align-items: flex-end;
	}
	footer .footer_top .logo { padding: 0 25px; }
	footer .footer_top .logo:first-child { padding-left: 0; }
	footer .footer_top .logo:last-child { padding-right: 0; }
	footer .footer_top .logo img{
		display: block;
		width: 100%;
		height: 100%;
	}
	footer .footer_top ul#menu-social { margin: 0 0 12px 0; } 
	footer .footer_top .social_nav { font-size: 0; float: right; }
	footer .footer_top .social_nav ul { list-style: none; }
	footer .footer_top .social_nav ul li { display: inline-block; padding: 0; margin-right: 23px;}
	footer .footer_top .social_nav ul li:last-child { margin-right: 0; }
	footer .footer_top .social_nav ul li a { display: block; text-decoration: none; }
	footer .footer_top .social_nav ul li .fab { position: relative; width: 15px; height: 15px; font-size: 20px; border-radius: 50%; color: #fff; border: 2px solid #fff; padding: 15px; cursor: pointer;}
	footer .footer_top .social_nav ul li .fab:hover { background: #fff; color: #000; text-decoration: none;}
	footer .footer_top .social_nav ul li .fab:before { position: absolute; top:6px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; }
	footer .footer_top .footer_nav { font-size: 0; float: right; }
	footer .footer_top .footer_nav ul { list-style: none; }
	footer .footer_top .footer_nav ul li { position: relative; display: inline-block; padding: 5px 15px 5px 0; margin-right: 15px; line-height: 6px; }
	footer .footer_top .footer_nav ul li:after { content: ""; position: absolute; top: 0; right: 0; background-color: #fff; width: 1px; height: 85%; }
	footer .footer_top .footer_nav ul li:last-child { margin-right: 0; padding-right: 0; }
	footer .footer_top .footer_nav ul li:last-child:after { content: none; }
	footer .footer_top .footer_nav ul li a { font-size: 16px; color: #fff; text-decoration: underline; }
	footer .footer_top .footer_nav ul li a:hover { text-decoration: none; }

/* SHARE */
	/* Base */
	/*	#share { margin: 0 auto; overflow: hidden; padding: 0; width: 5.5em; font-size: 14px; text-align: right; text-transform: uppercase; white-space: nowrap; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }
	#share.active { width: 11.5em; }
	#share div { display: inline-block; padding: 0; vertical-align: middle; cursor: pointer; }
	#share div:after { display: inline-block; margin: -.1em 0 0 .25em; vertical-align: middle; content: "\f237"; font-weight: bold; font: 20px 'dashicons'; }
	#share a { display: inline-block; margin: -.25em 0 0 4px; vertical-align: middle; font-weight: bold; cursor: pointer; opacity: .5; text-decoration: none; }
	#share a span { display: none; }
	#share a:first-child { margin: 0; }
	#share a:hover { opacity: 1; }
	#share a:after { display: inline-block; font: 20px 'dashicons'; line-height: 1.3;}
	#share a.facebook:after { content: "\f305"; }
	#share a.twitter:after { content: "\f301"; }
	#share a.email:after { content: "\f466"; }*/
	footer .footer_bottom .container { padding: 25px 0; }
	footer .footer_bottom p { font-size: 0.7em; padding: 0 0 5px;}
	footer .footer_bottom p.credit a { opacity: 0.6; text-decoration: none; }
	footer .footer_bottom p.credit a:hover { opacity: 1; } 
	footer .footer_bottom #contact { float: left; width: 50%; padding-top: 15px; }
	footer .footer_bottom #contact .copyright span { padding: 0 10px; }
	footer .footer_bottom .tools { float: right; width: 50%; text-align: right; }

/* ACCESS TOOLS */
	/* Base */
	#access_tools { position: relative; text-align: right; clear: both; overflow: hidden; margin: 0 0 10px 0;}
	#access_tools a { width: 50px; height: 50px; display: block; vertical-align: middle; color: #fff; font-size: 0; text-align: center; line-height: 50px; }	
	#access_tools a:hover { opacity: 0.8; }
	#access_tools a#textsize { /*background: #fff;*/ color: #fff; text-decoration: none; }
	#access_tools a#textsize:hover { background: none; color: #fff; }
	#access_tools a#textsize span.small { font-size: 23px; text-transform: uppercase; }
	#access_tools a#textsize span.big { font-size: 30px; text-transform: uppercase; }
	#access_tools a#highcontrast { background: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/icon-high-contrast.png) center center no-repeat; background-size: 33px auto; }
	#access_tools .screen_reader_text { display: inline-block; text-align: center; padding: 0; margin: 0; line-height: 0; vertical-align: top;}
	
/* CONTRAST */
	.high_contrast header,
	.high_contrast footer {
		background: #212121 !important;
		color: #fff !important;
	}
	.high_contrast header a, 
	.high_contrast .head .subtext h2, 
	.high_contrast #search-icon {
		color: #fff!important;
	}
	.high_contrast header #search-container {
		background: #000!important;
	}
	.high_contrast #search input[type=submit] {
		color: #fff!important;
	}
	.high_contrast .callout h3 {
		color: #000!important;
	}
	.high_contrast .callout h3:after {
		background-color: #999!important;
	}
	.high_contrast #hero .info {
		background: #fff;
	}
	.high_contrast #hero a {
		background: none!important;
	}
	.high_contrast .button {
		background: #222!important;
		color: #fff!important;
	}
	.high_contrast a,
	.high_contrast p {
		color: #222!important;
	}
	.high_contrast h1, 
	.high_contrast h2, 
	.high_contrast h3, 
	.high_contrast h4, 
	.high_contrast h5, 
	.high_contrast h6 {
		color: #000!important;
	}
	.high_contrast .date-box {
		background-color: #000!important;
		border-bottom: 1px solid #333!important;
	}
	.high_contrast #entries .entry .excerpt span {
		color: #222!important;
	}
	.high_contrast .service h3:after {
		background-color: #999!important;
	}
	.high_contrast footer .footer_bottom p,
	.high_contrast footer .footer_bottom a {
		color: #fff!important;
	}
	.high_contrast nav.primary_nav ul.sub-menu {
		background-color: #222!important;
	}
	.high_contrast nav.primary_nav ul li li a:hover {
		background-color: #000!important;
	}
	.high_contrast nav.primary_nav ul.sub-menu li.current_page_ancestor, 
	.high_contrast nav.primary_nav ul.sub-menu li.current-page-ancestor, 
	.high_contrast nav.primary_nav ul.sub-menu li.current-menu-item a {
		background-color: #000!important;
	}
	.high_contrast .ill_calendar .ill_calendar_event .ill_calendar_date_box .ill_calendar_month, 
	.high_contrast .ill_calendar #ill_calendar_grid th {
		background-color: #000!important;
	}
	.high_contrast .ill_calendar .ill_calendar_tools .ill_calendar_view a.ill_calendar_view_list:before, 
	.high_contrast .ill_calendar .ill_calendar_tools .ill_calendar_view a.ill_calendar_view_grid:before {
		color: #000!important;
	}
	/*.high_contrast #access_tools a#highcontrast {
		background: url(https://www.mcal.org/wp-content/themes/hcam-mcal-parent-2020/images/icon-high-contrast.png) center center no-repeat #fff!important;
		background-size: 40px auto!important;
	}*/

/* FONT SIZE */
	/* BIG */
	body.big, .big p, .big #hero .caption p, .big input, .big #search input[type=text] { font-size: 22px; line-height: 32px; }	
	.big h1, .big #hero .title { font-size: 2.4em; line-height: 2.4em; }
	.big h2 { font-size: 2.0em; }
	.big h3 { font-size: 1.7em; }
	.big h4 { font-size: 1.5em; }
	.big h5 { font-size: 1.4em; }
	.big h6 { font-size: 1.3em; }
	/* BIGGER */
	body.bigger, .bigger p, .bigger #hero .caption p, .bigger input, .bigger #search input[type=text] { font-size: 26px; line-height: 36px; }	
	.bigger h1, .bigger #hero .title { font-size: 2.8em; line-height: 2.8em; }
	.bigger h2 { font-size: 2.4em; }
	.bigger h3 { font-size: 2.1em; }
	.bigger h4 { font-size: 1.9em; }
	.bigger h5 { font-size: 1.8em; }
	.bigger h6 { font-size: 1.7em; }
	/* BIGGEST */
	body.biggest, .biggest p, .biggest #hero .caption p, .biggest input, .biggest #search input[type=text] { font-size: 26px; line-height: 36px; }	
	.biggest h1, .biggest #hero .title { font-size: 3.4em; line-height: 3.4em; }
	.biggest h2 { font-size: 3.0em; }
	.biggest h3 { font-size: 2.7em; }
	.biggest h4 { font-size: 2.5em; }
	.biggest h5 { font-size: 2.4em; }
	.biggest h6 { font-size: 2.3em; }

/* RESPONSIVE */
	@media all and (max-width: 1200px) {
		/*#hero .ill_hero_slider .stage {
		    padding: 0 0 55% 0;
		}*/
		#hero .info {
			width: 50%;
		}
	}
	@media all and (max-width: 1180px) {
		.head .subtext { top: 44px; }
		.head .subtext h2 { font-size: 0.9em; }
		.utility_nav ul li a { /*font-size: 12px; */padding: 10px 8px; }
	}
	@media all and (max-width: 1100px) {
		nav.primary_nav ul li { padding: 0 12px; }
		nav.primary_nav ul li a { font-size: 18px; }
		#hero .info {
			padding: 50px 50px 0 50px;
		}
	}
	@media all and (max-width: 1000px) {
    	.head .subtext { display: none; }
		#logo {
			/*width: 50%;*/
      		right: auto;
		}
		.utility_nav {
			/*width: 50%;*/
		}
		#search {
			width: 50%;
		}
		.person {
			width: 100%;
			clear: both;
			overflow: hidden;
			display: block;
			float: none;
		}
		.col.half {
			width: 100%;
			margin: 0 0 0 0;
			float: none;
		}
		#hero .ill_hero_slider {
			max-height: 100%!important;
		}
		#hero .ill_hero_slider .stage {
			padding: 0 0 65.25% 0;
		}
		.ill_hero_slider .stage .slide .pic {
			background-image: none!important;
			position: relative!important;
			height: auto!important;
		}
		.ill_hero_slider .stage .slide .pic img {
			display: block!important;
			width: 100%;
			height: auto;
		}
		#hero .info {
			width: 100%;
			position: relative;
			padding: 50px;
			text-align: center;
		}
		#hero .ill_hero_slider .stage .slide .title,
		#hero .caption,
		#hero .button {
			text-align: center;
		}
		#hero .controls {
			width: 100%;
			position: relative;
			background: rgba(0, 0, 0,  .85);
		}
		#hero .caption:before {
			width: 100%;
		}
		#hero .controls .playback,
		#hero .controls .dots {
			background: none;
		}
	}
	@media all and (max-width: 900px) {
		nav.primary_nav ul li { padding: 0 10px; }
		nav.primary_nav ul li:first-child { padding-left: 0; }
		nav.primary_nav ul li:last-child { padding-right: 0; }
		nav.primary_nav ul li a { font-size: 16px; }
		#callouts { flex-direction: column; }
		#callouts.count-2 .callout,
		#callouts.count-3 .callout,
		#callouts.count-4 .callout { width: 100%; }
		#callouts .callout { margin-bottom: 75px; }
		#callouts .callout:last-child { margin-bottom: 0; }
		/*
		#entries.count-2 .entry { width: 50%; }
		#entries.count-3 .entry { width: 33.3%; }*/
		#entries.count-4 .entry { width: 40%; }
		#entries {
			flex-wrap: wrap;
		}
	}
	@media all and (max-width: 800px) {
		.utility_nav {
		    width: 100%;
		    float: none;
		    text-align: center;
		}
		#search {
		    margin: 0 auto;
		    width: 100%;
		    float: none;
		    text-align: center;
		}
		#search fieldset {
			float: none;
		}
		#search input[type=text] {
			float: none;
		}
		#search input[type=submit] {
			float: none;
		}
		#hero .ill_hero_slider .stage {
			padding: 0 0 85% 0;
		}
		#hero .info {
			width: 100%;
			text-align: center;
		}
		#hero .caption {
			text-align: center;
		}
		#hero .caption::before {
			left: 0;
		}
		#hero .next, #hero .prev {
			margin: 0;
		}
		#hero .ill_hero_slider .stage .slide .title { text-align: center }
		.service { margin-bottom: 4em; opacity: 1!important; }
		.service,
		.service:nth-child(odd) { flex-direction: column; }
		.service > div { width: 100%; }
		.service_txt { background-color: #f0f0f0; }
		.service .service_txt,
		.service:nth-child(even) .service_txt { padding: 3em; }
		.service:after { content: none; }
		#entries .entry {
			margin-bottom: 15px;
		}
		.ill_video_container.vright, 
		.ill_video_container.vleft { float: none; width: 100%; margin: 0; }
		#cont {
			width: 100%;
			float: none;
			margin: 0;
			clear: both;
			overflow: hidden;
			padding-bottom: 0;
		}
		.sidebar {
			width: 100%;
			padding: 50px 0 100px 0;
			float: none;
			clear: both;
			overflow: hidden;
		}
		footer .col {
			width: 100%;
			float: none;
			padding: 50px 0 0 0;
			clear: both;
			overflow: hidden;
			text-align: center;
		}
		footer .bottom {
			margin: 50px 0 0 0;
		}
	}
	@media all and (max-width: 770px) {
		header { position: sticky; top: 0; }
		#logo { top: 20px; }
		#navbtn {
			position: absolute;
			top: 40%;
			right: 0;
			width: 30%;
			text-align: right;
			margin: 20px 5% 0 0;
			cursor: pointer;
			display: block;
		}
		.lines {
			display: block;
		}
		nav.primary_nav {
			background: none;
		}
		nav.primary_nav .menu-primary-container {
			display: block;
			position: fixed;
			top: 0;
			left: -100%;
			/*background: #004a80;*/
			/*background: #002D4D;*/
			background: rgba(0, 45, 77, .9);
			width: 80%;
			height: 100%;
			overflow-y: scroll;
			z-index: 99;
			text-align: left;
		}
		.open nav.primary_nav .menu-primary-container {
			left: 0;
		}
		nav.primary_nav .menu-primary-container > ul {
			padding: 50px 0 0 0;
		}
		nav.primary_nav ul li {
			display: block;
			text-align: left;
		}
		nav.primary_nav ul li a {
			color: #fff;
			padding: 30px;
			text-transform: uppercase;
		}
		nav.primary_nav ul li ul.sub-menu,
		nav.primary_nav ul li ul.sub-menu li ul.sub-menu {
			width: 100%;
			background: none;
			display: block;
			clear: both;
			overflow: hidden;
			position: relative;
			left: 0;
			opacity: 1;
		}
		nav.primary_nav ul li ul.sub-menu li {
			display: block;
			width: 100%;
		}
		nav.primary_nav ul li ul.sub-menu li a {
			padding: 25px 30px 25px 50px!important;
			font-size: 16px;
		}
		nav.primary_nav ul.sub-menu li.locked a::before {
			left: 40px!important;
		}
		nav.primary_nav ul.sub-menu li.locked li a::before {
			left: 64px!important;
		}
		nav.primary_nav ul li ul.sub-menu li li a {
			padding-left: 80px!important;
		}
		nav.primary_nav ul.sub-menu li.locked a::before {
			left: 14px;
			top: 28px;
		}
		#closenav {
			display: block;
			position: absolute;
			left: -70%;
			top: 20px;
			width: 22px;
			height: 22px;
			padding: 6px 0;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			/* font: normal bold 12px/12px sans-serif;*/
			float: right;
			background: #d70000;
			cursor: pointer;
			z-index: 99999;
			-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
			-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
			-ms-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
			-o-box-shadow: 0 0 8px rgba(0, 0, 0, .7);
			box-shadow: 0 0 8px rgba(0, 0, 0, .7);
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			-ms-border-radius: 100%;
			-o-border-radius: 100%;
			border-radius: 100%;
		}
		.open #closenav {
			left: 70%;
		}
		#util-outer {
			text-align: center;
			height: 177px;
		}
		#util-container {
			margin-top: 0;
			text-align: center;
			display: inline-block;
			float: none;
		}
		header .tools {
		    display: block;
		    position: absolute;
		    top: 20px;
		    left: -100%;
		    width: 60%;
		}
		header.open .tools {
			left: 5%;
		}
		header .tools p {
			padding: 0;
		}
		#entries.count-2 .entry,
		#entries.count-3 .entry,
		#entries.count-4 .entry { width: 100%; }
		#entries {
			flex-direction: column;
		}
		#entries .entry { margin: 15px auto; }
		footer .left,
		footer .right {
			width: 100%;
			clear: both;
			overflow: hidden;
			text-align: center;
		}
		footer .footer_top .social_nav {
			float: none;
			margin: 15px 0 0 0;
		}
		nav.primary_nav ul li ul.sub-menu li:hover ul.sub-menu {
			left: auto;
		}
		.ill_hero_slider .stage {
			padding: 0 0 105% 0;
		}
		#hero .ill_hero_slider .stage .slide .title {
			font-size: 1.3em;
			line-height: 1em;
		}
		#hero .caption {
			font-size: 0.9em;
			padding-bottom: 0;
		}
		#hero .button {
			font-size: 0.8em;
			padding: 10px 15px;
		}
	}
	@media all and (max-width: 600px) {
		#util-outer {
			position: relative;
			width: 100%;
			height: auto;
			text-align: left;
		}
		.utility_nav {
			text-align: left;
		}
		#navbtn {
			top: 20%;
		}
		#logo {
		    top: 0;
		    width: 80%;
		    position: relative;
		    margin: 20px 0;
		    text-align: left;
		    background-position: left;
		}
	}
	@media all and (max-width: 400px) {
		#hero .ill_hero_slider .stage {
			padding: 0 0 130% 0;
		}
	}

/* PRINT */
	@media only print {
		header #search-container,
		.head .subtext,
		#util-outer,
		.callouts-wrap,
		.calendar-wrap,
		.services-wrap,
		.footer_top,
		footer .footer_bottom p.copyright,
		#navbtn {
			display: none;
			background: none!important;
		}
		#logo { display: none; }
		#print-logo { display: block; }
		#title_outer {
			padding: 0;
			margin: 0;
			text-align: center;
		}
		.container {
			max-width: 100%;
			width: 100%;
		}
		footer .footer_bottom #contact {
			width: 100%;
			float: none;
			text-align: center;
		}
		footer .footer_bottom {
			background-color: #fff;
			color: #000;
			border-top: 2px solid #d3d3d3;
		}
		footer .footer_bottom .tools {
			display: none;
		}
		footer .footer_bottom p a {
			color: #000;
		}
		.container.head {
			width: 100%;
			clear: both;
			overflow: hidden;
		}
		#logo {
			width: 100%;
			clear: both;
			overflow: hidden;
			margin: 0 auto;
			float: none;
		}
		nav {
			display: none;
		}
		form {
			display: none;
		}
		.hero-wrap {
			display: none;
		}
		#content {
			width: 100%;
			float: none;
			clear: both;
			overflow: hidden;
		}
		#cont {
			width: 100%;
			float: none;
			margin: 0;
			clear: both;
			overflow: hidden;
			/*padding: 50px 0 0 0;*/
		}
		.sidebar, .ill_pubs_sidebar {
			display: none;
		}
		.ill_pubs {
			padding: 0;
		}
		#main { 
			width: 100%; 
			margin: 0;
		}
	}