/*
	Theme Name: NW School
	Theme URI: http://www.illuminage.com/
	Author: Kevin Freitas
	Author URI: http://www.illuminage.com/
	Description: HTML5 starter theme.
*/

/* STYLE 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; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }
	article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section { display: block; }
	.screen-reader-text { display: none; }
	body { line-height: 1; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	table  { border-collapse: collapse; border-spacing: 0; }
	td, td img { vertical-align: top; }
	input[type=text], input[type=submit] { appearance: none; -webkit-appearance: none; border-radius: 0; }
	sup {  vertical-align: super; font-size: smaller; }

/* BASE STYLES */
	* { outline: 0 none; }
	html, body, form, img { border: 0; margin: 0; padding: 0; }
	html { font-size: 100%; }
	body {
		/*padding: 595px 0 0 0;*/
		padding: 410px 0 0 0;
		background: #3c8abc;
		color: #2e2e2d;
		font: .85em/1.5 'Lato', sans-serif;
	}
	.page-template-default {
		padding: 410px 0 0 0;
	}
	.contain {
		clear: both;
		margin: 0 auto;
		position: relative;
		width: 990px;
	}
	select, input, textarea, button { font: 99% sans-serif; }
	pre, code, kbd, samp { font-family: monospace, sans-serif; }
	img { margin: 0; }
	img.wp-post-image {display: none; float: right; width: 300px;}
	a {
		border: none;
		text-decoration: none;
	}
	a:hover, a:active { outline: none; }
	a:hover { text-decoration: underline; }
	ol { list-style-type: decimal; }
	small { font-size: 85%; }
	strong, th { font-weight: bold; }
	.page-donate iframe body { overflow: scroll; }
	.page-donate iframe body::scrollbar {
	    width: 10px;
	}
	.page-donate iframe body::scrollbar-thumb {
	    background-color: rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	.page-donate .donate-video-container {
		float: right;
	    padding-left: 10px;
	    width: 50%;
	}
	.page-donate .donate-video {
		margin: 10px 0 1em;
	    padding: 0 0 56.25%;
	    position: relative;
	}
	.page-donate .donate-video iframe {
		height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}

/* HEADER */
	#header {
		margin: 0 auto;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
	}
	#header .contain { height: 100%; }
	#logo {
		height: 165px;
		left: 0;
		position: absolute;
		top: 0;
		width: 247px;
		background: #0072bc url('images/nwschool-logo.png') center 18px no-repeat;
		background: rgba(0, 114, 188, .87) url('images/nwschool-logo.png') center 18px no-repeat;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	}
	#logo a {
		display: block;
		height: 100%;
		width: 100%;
	}
	#logo a img { display: none; }
	#utility_nav {
		min-width: 350px;
		padding: 0 20px;
		position: absolute;
		right: 0;
		top: 0;
		background: #0072bc;
		background: rgba(27, 128, 193, .9);
		font-size: 0;
	}
	#utility_nav ul {
		list-style-type: none;
		text-align: center;
	}
	#utility_nav ul li {
		display: inline-block;
		margin: 0 0 0 5px;
		vertical-align: top;
	}
	#utility_nav ul li a {
		display: block;
		padding: 4px 8px 5px 8px;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
	}
	#social {
		position: absolute;
		right: 0;
		top: 40px;
	}
	#social a.icon {
		display: inline-block;
		height: 32px;
		margin: 0 0 0 7px;
		width: 32px;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	#social a.facebook { background-image: url(images/icon-facebook.png); }
	#social a.twitter { background-image: url(images/icon-twitter.png); }
	#social a.instagram { background-image: url(images/icon-instagram.png); }

/* MENU */
	#nav {
		left: 0;
		position: absolute;
		/*top: 525px;*/
		top: 355px;
		width: 100%;
		font-size: 0;
	}
	.page-template-default #nav {
		top: 355px;
	}
	#nav ul {
		display: table;
		height: 53px;
		position: relative;
		width: 100%;
	}
	#nav ul li {
		border-left: 1px solid #8bd;
		display: table-cell;
		height: 100%;
		position: relative;
		vertical-align: top;
	}
	#nav ul li:first-child { border: 0 none; }
	#nav ul li a {
		display: block;
		height: 53px;
		padding: 18px 11px 0 11px;
		background: #f0f0f0 center bottom no-repeat;
		background: rgba(255, 255, 255, .87) center bottom no-repeat;
		color: #2e2e2d;
		font-size: 16px;
		line-height: 1;
		font-family:'Lato', sans-serif;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	#nav ul li.menu-item-donate a { background-color: #ffce2f; }
	#nav ul li:hover a {
		background-image: url(images/nav-hover.png);
	}
	#nav ul li.current-menu-item a,
	#nav ul li.current-menu-ancestor a,
	#nav ul li.current_page_parent a {
		background-color: #3c8abc;
		color: #fff;
	}
	#nav ul li ul.sub-menu {
		display: block;
		left: -9999px;
		position: absolute;
		width: 200px;
		opacity: 0;
		transition: opacity .25s ease-out;
		-moz-transition: opacity .25s ease-out;
		-ms-transition: opacity .25s ease-out;
		-webkit-transition: opacity .25s ease-out;
	}
	#nav ul li:hover ul.sub-menu { left: 0; opacity: 1; }
	#nav ul li:last-child:hover ul.sub-menu { left: auto; right: 0; }
	#nav ul li ul.sub-menu li {
		border: 0 none;
		display: block;
		height: auto;
		text-align: left;
	}
	#nav ul li ul.sub-menu li a {
		height: auto;
		padding: 9px 12px 9px 17px;
		background: #2b80b7;
		color: #fff;
		font: 13px;
		font-size: 13px;
		line-height: 1.3;
		font-family:'Lato', sans-serif;
		text-align: left;
		text-transform: none;
	}
	#nav ul li ul.sub-menu li:hover > a, #nav ul li ul.sub-menu li a:hover, #nav ul li ul.sub-menu li.current-menu-item a { background-color: #5caadc; }
	#nav ul li ul.sub-menu li ul.sub-menu {
		left: -9999px;
		top: 0;
	}
	#nav ul li ul.sub-menu li:hover ul.sub-menu { left: 100%; opacity: 1; }
	/*#menu_btn, .mobile-show { display: none; }*/

/* Secondary Nav */
	#donate {
		position: absolute;
	    right: 75px;
	    top: 45px;
	}
	#donate ul { list-style-type: none; }
	#donate ul li a {
		background-color: #ffce2f;
		color: #000;
		padding: 6px 16px 5px 16px;
	    border-radius: 5px;
	    font-size: 17px;
	    text-transform: uppercase;
	}
	#donate ul li a:hover {
		background-color: #054c7a;
		text-decoration: none;
	    color: #fff;
	}

/* MOBILE FIRST MENU */
	#menu_btn {
		position: absolute;
	    top: 40px;
	    right: 0;
	    font-size: 0;
	    z-index: 99999;
	    display: block;
	    background: rgba(0, 39, 76, .95);
	    padding: 10px 0;
	    width: 50px;
	    box-sizing: content-box;
	    border-radius: 5px;
	}
	#menu_btn .lines {
		width: 25px;
		display: inline-block;
		text-align: right;
		margin: 0 0 0 15px;
	}
	#menu_btn .lines .line {
		height: 3px;
		display: block;
		clear: both;
		overflow: hidden;
		background: #fff;
	}
	#menu_btn .lines .line.one {
		width: 100%;
	}
	#menu_btn .lines .line.two {
		width: 60%;
		margin: 4px 0;
	}
	#menu_btn .lines .line.three {
		width: 80%;
	}
	#menu_btn .lines:hover .line.one {
		width: 80%;
		background: #fff;
	}
	#menu_btn .lines:hover .line.two {
		width: 100%;
		background: #fff;
	}
	#menu_btn .lines:hover .line.three {
		width: 60%;
		background: #fff;
	}
	.slid #menu_btn {
	    top: 67px;
		position: fixed;
		right: 20%;
		padding: 20px 0;
		border-radius: 5px 0 0 5px;
	}
	.slid #menu_btn .lines .line.one {
		width: 100%;
		transform: rotate(45deg);
		background: #fbce2f;
	}
	.slid #menu_btn .lines .line.two {
		display: none;
	}
	.slid #menu_btn .lines .line.three {
		width: 100%;
		transform: rotate(-45deg);
		margin: -3px 0 3px 0;
		background: #fbce2f;
	}
	#nav.slid .primary_nav {
		height: auto;
		opacity: 1;
	}
	#nav, 
	.page-template-default #nav {
		position: absolute;
		right: auto;
		top: auto;
		width: 100%;
		z-index: 99999;
	}
	#nav nav.primary_nav .menu-primary-container { display: block; position: fixed; top: 0; right: -100%; background: rgba(0, 39, 76, .95); width: 20%; height: 100%; overflow-y: scroll; text-align: left; z-index: 999; }
	#nav.slid nav.primary_nav .menu-primary-container { right: 0; }
	#nav nav.primary_nav .menu-primary-container > ul { padding: 50px 0 0 0; width: 100%; }
	#nav nav.primary_nav ul li { display: block; padding: 0; height: auto; }
	#nav nav.primary_nav ul li a { height: auto; color: #fff; padding: 20px 30px; font-size: 16px; line-height: 16px; border-top: 1px solid #174480; text-align: left; background: #0072bc; text-transform: uppercase; }
	#nav nav.primary_nav ul li a:hover { background: #0072bc; }
	#nav nav.primary_nav ul li ul.sub-menu { height: auto; width: 100%; background: none; display: block; clear: both; overflow: hidden; position: relative; left: 0; opacity: 1; }
	#nav nav.primary_nav ul li ul.sub-menu li a { padding: 20px 30px 20px 50px; border-bottom: 0; text-transform: none; background: none; }
	#nav nav.primary_nav ul li ul.sub-menu li a:hover { background: #0072bc; }

/* Sticky Header */
	#header.sticky #logo {
		height: 100px;
		left: 50%;
		margin: 0 0 0 -648px;
		position: fixed;
		top: 30px;
		width: 153px;
		z-index: 40;
		background-color: #0072bb;
		background-position: center 10px;
		background-size: auto 77px;
	}
	/*#header.sticky #nav {
		height: 96px;
		padding: 30px 0 0 0;
		position: fixed;
		top: 0;
		background: #0072bb;
	}
	#header.sticky #nav .menu-primary-container {
		background: #f0f0f0;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	}
	#header.sticky #nav .menu-primary-container .menu {
		margin: 0 auto;
		width: 990px;
	}*/

/* HERO */
	#hero {
		/*height: 586px;*/
		height: 415px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 80;
		background: #2b80b7;
	}
	#hero.int {
		height: 415px;
	}
	#hero .ill_hero_slider {
		border-bottom: 2px solid #fff;
		padding: 0;
		position: relative;
	}
	#hero .ill_hero_slider .stage {
		/*height: 566px;*/
		height: 400px;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 30;
	}
	#hero.int .ill_hero_slider .stage {
		height: 400px;
	}
	#hero .ill_hero_slider .stage .slide {
		display: none;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 20;
	}
	#hero .ill_hero_slider .stage .slide.active {
		display: block;
	}
	#hero .ill_hero_slider .stage .slide .pic {
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#hero .ill_hero_slider .stage .slide .pic img { display: none; }
	#hero .ill_hero_slider .stage .slide .info {
		margin: 0 auto;
		position: relative;
		width: 990px;
	}
	#hero .ill_hero_slider .stage .slide .info .title { display: none; }
	#hero .ill_hero_slider .stage .slide .info .caption {
		bottom: 71px;
		display: inline-block;
		left: auto;
		padding: 16px 40px;
		position: absolute;
		right: 0;
		top: auto;
		width: auto;
		background: #3c8abc;
		background: rgba(43, 129, 184, .65);
		color: #fff;
		font: italic 300 62px/.97 'Lato', sans-serif;
	}
	#hero.int .ill_hero_slider .stage .slide .info .caption {
	    font: italic 300 50px/.97 'Lato', sans-serif;
	}
	#hero .ill_hero_slider .controls, #hero .ill_hero_slider .prev, #hero .ill_hero_slider .next { display: none; }

/* CONTENT AREA */
	#content {
		background: #e9e8e8;
		padding: 75px 0 30px 0;
		clear: both;
		overflow: hidden;
	}
	#content .contain {
		position: relative;
		z-index: 20;
		background: transparent url(images/content-bg.png) 0 0 repeat-y;
	}
	.home #content .contain { background: transparent; }
	#content h2 {
		margin: 0 0 12px 0;
		color: #0072bc;
		font: 1.8em/1.15 'Open Sans', sans-serif;
	}
	#content h3 {
		margin: 18px 0 12px 0;
		color: #0072bc;
		font: 1.2em/100% 'Lato', sans-serif;
		text-transform:uppercase;
	}
	#content a {
		color: #0072bc;
		text-decoration: underline;
	}
	#content p {
		padding: 0 0 1.5em 0;
		line-height: 1.5em;
	}
	#content ul {
		margin-left: 1em;
		padding: 0 0 1.5em 1.5em;
		line-height: 1.5em;
		list-style-type: disc;
	}
	#content ol {
		margin-left: 1em;
		padding: 0 0 1.5em 1.5em;
		line-height: 1.5em;
	}
	#content li {
		padding: 4px 0;
	}

/* doc link icons */
	#content a[href$=".doc"]:after, #content a[href$=".docx"]:after, #content a[href$=".pdf"]:after, #content a[href$=".ppt"]:after, #content a[href$=".xls"]:after, #content 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: '';
	}
	#content a[href$=".doc"]:after, #content a[href$=".docx"]:after { background-image: url(images/icon-doc.png); }
	#content a[href$=".pdf"]:after { background-image: url(images/icon-pdf.gif); }
	#content a[href$=".ppt"]:after, #content a[href$=".pptx"]:after { background-image: url(images/icon-ppt.png); }
	#content a[href$=".xls"]:after, #content a[href$=".xlsx"]:after { background-image: url(images/icon-xls.png); }
	
/* Main Content Column */
	#content #main {
		float: left;
		padding: 18px 24px;
		width: 757px;
		background-color: #f2f2f2;
	}
	/*#content #main.full_width { float: none; width: auto; }*/
	#content #main.full_width {
		float: none;
		padding: 50px 65px;
		width: 990px;
		margin: 0 auto 50px auto;
	}
	#content #main img {
		border: 1px solid #c0c0c0;
		height: auto;
		max-width: 100%; 
		padding: 3px;
		margin: 0 15px;
		background: transparent;
	}
	#content #main img.noborder, #content #main img[src$=".png"] { border: 0 none; }
	#content #main img.size-medium.alignright, #content #main img.size-medium.alignleft { height: auto; max-width: 50%; }
	#content #main .galleryid-79 img { border: none !important; }
	.home #content #main h1 {
		border-bottom: 1px solid #c0c0c0;
		margin: 0 0 26px 0;
		padding: 0 0 8px 0;
		color: #0072bc;
		font: normal 2.3em/100% 'Lato', sans-serif;
	}
	#content #main h1 {
		border-bottom: 1px solid #c0c0c0;
		margin: 0 0 26px 0;
		padding: 0 0 8px 0;
		color: #0072bc;
		font: normal 2.6em/100% 'Lato', sans-serif;
	}
	#content #main p, #content #main li, #content #main td { font: 1em/1.65 'Open Sans', sans-serif; }
	#content #main p.wp-caption-text {
		background-color: #dde6ec;
		text-align: center;
		margin: 0 15px;
		display: block;
		padding: 2px;
		width: 97%;
		font-size: 85%;
	}
	#content #main form { margin: 0 0 1em 0; }
	#content #main input[type=text], #content #main textarea, #content #main select, #content #main input[type=submit] {
		border: 1px solid #888;
		border: 1px solid rgba(0, 0, 0, .5);
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}
	#content #main input[type=text], #content #main textarea { padding: .5em; }
	#content #main textarea { height: 5em; }
	#content #main select { margin: 0; padding: .4em; vertical-align: top; width: auto; }
	#content #main input[type=submit] { padding: .5em 1em; width: auto; }
	.home #content #main {
		padding: 0;
		background: transparent;
	}
	.home #content #main h1 {
		border: 0 none;
		text-align: center;
	}
	.home #content #main h2 {
		font-size: 28px;
		text-transform: none;
	}
	#content #main #home_cols {
		background: transparent url(images/home-col-bg.png) left top repeat-y;
		font-size: 0;
	}
	#content #main #home_cols .col {
		display: inline-block;
		margin: 0 0 0 19px;
		padding: 20px 20px 10px 20px;
		vertical-align: top;
		width: 317px;
		background-color: #fff;
		font-size: 14px;
		line-height: 1.5;
	}
	#content #main #home_cols .col {
		font-size: 14px;
		line-height: 1.75;
	}
	#content #main #home_cols .col:first-child { margin: 0; }
	#content #main .ill_calendar .ill_calendar_tools {z-index: 50;}
	#content #main #home_cols ul.ill_calendar_simple {
		margin: 0 0 20px 0;
		padding: 0;
		list-style-type: none;
	}
	#content #main #home_cols ul.ill_calendar_simple li {
		padding: 0;
		line-height: 1.25;
	}
	#content #main #home_cols ul.ill_calendar_simple li a {
		display: block;
		padding: 5px 0 5px 25px;
		background: transparent url(images/arrow-blue.png) 2px center no-repeat;
		color: #2e2e2d;
		overflow: hidden;
		text-decoration: none;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#content #main #home_cols ul.ill_calendar_simple li a:hover { text-decoration: underline; }
	#content #main #home_cols ul.ill_calendar_simple li a .date {
		font-weight: bold;
	}
	#content #main #home_cols ul.ill_calendar_simple li a .title:before {
		content: ' - ';
	}
	#content #main #ill_calendar_grid .ill_calendar_week_row .ill_calendar_week_cols td a {color: #fff; background: #2b81b8;}
	#content #main #home_cols .ill_quotes_quote {
		border-top: 1px solid #ccc;
		padding: 46px 10px 30px 10px;
		position: relative;
		z-index: 20;
	}
	#content #main #home_cols .ill_quotes_quote:first-child {
		border: 0 none;
		padding-top: 30px;
	}
	#content #main #home_cols .ill_quotes_quote:before {
		height: 44px;
		left: 0;
		position: absolute;
		top: 24px;
		width: 66px;
		z-index: -1;
		background: url(images/quotes-open.png) 0 0 no-repeat;
		content: '';
		opacity: .25;
	}
	#content #main #home_cols .ill_quotes_quote:first-child:before { top: 8px; }
	#content #main #home_cols .ill_quotes_quote:after {
		bottom: 16px;
		height: 44px;
		position: absolute;
		right: 0;
		width: 66px;
		z-index: -1;
		background: url(images/quotes-closed.png) 0 0 no-repeat;
		content: '';
		opacity: .25;
	}
	#content #main #home_cols .ill_quotes_quote .ill_quotes_quote_text {
		font-style: italic;
	}
	#content #main #home_cols .ill_quotes_quote .ill_quotes_quote_title:before { content: '- '; }
	#content #main .staff-container {
		height: auto;
		min-height: 340px;
		margin-bottom: 25px;
	}

/* NEW HOME - 8/27 */
	#callouts {
		clear: both;
		overflow: hidden;
	}
	.callout {
		width: 31%;
		float: left;
		margin: 0 1.5%;
		position: relative;
		overflow: hidden;
	}
	.callout:first-child {
		margin-left: 0;
	}
	.callout:last-child {
		margin-right: 0;
	}
	.callout h3 {
		background: #313234;
		margin: 0!important;
		position: relative;
		z-index: 999;
		text-transform: none!important;
		text-align: center;
	}
	.callout h3 a {
		border-top: 21px solid #ffce2f;
		display: block;
		width: 100%;
		background: #313234;
		padding: 10px 0;
		color: #fdfdfd!important;
		text-decoration: none!important;
		font: normal 300 28px/28px 'Open Sans', sans-serif;
		-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .9);
		-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .9);
		-ms-box-shadow: 0 0 15px rgba(0, 0, 0, .9);
		-o-box-shadow: 0 0 15px rgba(0, 0, 0, .9);
		box-shadow: 0 0 15px rgba(0, 0, 0, .9);
	}
	.callout h3 a sup {
		font-size: 13px;
	}
	.callout figure {
		position: relative;
		z-index: 9;
		line-height: 0!important;
		border-bottom: 3px solid #feb414;
	}
	.callout figure img {
		width: 100%;
		height: auto;
		margin: 0!important;
		padding: 0!important;
		line-height: 0;
	}
	.callout figure a {
		display: block;
		width: 100%;
		border-top: 0;
	}
	.callout .info {
		clear: both;
		overflow: hidden;
		position: relative;
		background: #fff;
		padding: 30px;
		display: block;
		height: auto;
		min-height: 360px;
	}
	.callout .info p {
		font: normal 400 15px/22px 'Open Sans', sans-serif!important;
		color: #222;
		text-align: left;
	}
	.callout .info p sup {
		font-size: 10px;
		line-height: 8px;
	}
	a.ill_btn {
		background: url(images/black-arrow.png) no-repeat 88% center #ffce2f;
		font: normal 400 15px/22px 'Open Sans', sans-serif;
		padding: 15px 35px 15px 20px;
		color: #000!important;
		text-transform: uppercase;
		text-decoration: none!important;
		display: inline-block;
		margin: 10px 0;
	}
	a.ill_btn:hover {
		background: url(images/yellow-arrow.png) no-repeat 88% center #313234;
		color: #fff!important;
	}
	.testimonial-wrap {
		width: 100%;
		clear: both;
		overflow: hidden;
		padding: 45px 0;
		background: #e0e0e0;
		margin: 100px 0 0 0;
	}
	.testimonial {
		width: 90%;
		margin: 0 auto;
		max-width: 990px;
	}
	.testimonial .widget_media_image {
		float: left;
		width: 50%;
		text-align: center;
	}
	.testimonial .widget_text {
		float: left;
		width: 50%;
	}
	.testimonial h2 {
		/*display: none;*/
		margin: 30px 0 15px 0!important;
	}
	.testimonial .widget_text p {
		font: normal 400 15px/25px 'Open Sans', sans-serif;
		color: #000;
	}
	.ill_quotes_quote {
		/*width: 50%;
		float: left;*/
		background: url(images/quote.png) no-repeat top left;
		padding: 30px;
	}
	.ill_quotes_quote_text {
		font: normal 400 15px/25px 'Open Sans', sans-serif;
		color: #000;
	}
	.ill_quotes_quote_title {
		font: normal 400 15px/25px 'Open Sans', sans-serif;
		color: #000;
		margin: 20px 0 0 0;	
	}

/* Side Content Column */
	#content #side {
		float: right;
		padding: 8px 12px;
		width: 223px;
	}
	#content #side #sidebar_nav ul,
	#content #side #sidebar_nav ul li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#content #side a.ill_btn, #content #side #sidebar_nav ul li a {
		background: url(images/yellow-arrow.png) no-repeat 88% center #313234;
		font: normal 400 15px/22px 'Open Sans', sans-serif;
		padding: 15px 40px 15px 20px;
		color: #f2f2f2!important;
		display: block;
		margin: 0 0 5px 0;
		text-decoration: none;
		text-transform: uppercase;
	}
	#content #side a.ill_btn:hover, #content #side #sidebar_nav ul li a:hover {
		background: url(images/black-arrow.png) no-repeat 88% center #ffce2f;
		color: #000!important;
	}
	#content #side h2 {
		font-size: 1.55em;
	}

/* Section Guide */
	#section_guide {
		margin: 50px 0;
	}
	#section_guide ul {
		margin: 0 0 0 1.15em;
		padding: 0;
	}
	#section_guide ul li, #section_guide ul li.current-menu-ancestor > a { display: none; }
	#section_guide ul li.current-menu-ancestor, #section_guide ul li ul.sub-menu li {
		display: block;
		padding: 2px 0;
		position: relative;
	}
	#section_guide ul li ul.sub-menu li:before {
		border-radius: 50%;
		height: 7px;
		left: -20px;
		position: absolute;
		top: 9px;
		width: 7px;
		background-color: #7c7c7c;
		content: '';
	}
	#section_guide ul li a {
		color: #2e2e2d;
		font-size: 13px;
		text-decoration: none;
	}
	#section_guide ul li a:hover { text-decoration: underline; }
	#section_guide ul li ul.sub-menu li.current-menu-item a {
		color: #0072bc;
	}

/* Blog */
	#content.blog #main h2 { margin: 0; padding: 5px 0; }
	#content.blog #main .post {
		clear: both;
		margin: 0 0 1.5em 0;
	}
	#content.blog #main .post .thmb {
		float: left;
		height: 100px;
		margin: .5em 1em 1em 0;
		width: 100px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#content .post-item .thmb a {
		display: block;
		height: 100%;
		width: 100%;
	}
	#content.blog #main .post-date { opacity: .5; }
	#content.blog #side ul {
		margin: 0;
		padding-left: 0;
		list-style-type: none;
	}
	#content.blog #side ul li { color: #888; }

/* Footer */
	#footer {
		clear: both;
		padding: 50px 30px;
		position: relative;
		color: #fff;
	}
	#footer .top {
		padding: 0 0 12px 0;
		position: relative;
		font-size: 0;
	}
	#footer .top:after {
		bottom: 12px;
		display: block;
		left: 50%;
		position: absolute;
		width: 1px;
		top: 0;
		background-color: #fff;
		content: '';
	}
	#footer .top h2 {
		padding: 0 0 20px 0;
		font-size: 25px;
		font-weight: normal;
	}
	#footer .top p {
		padding: 0 0 15px 0;
	}
	#footer .top a { color: #fff; text-decoration: underline; }
	#footer .top .left, #footer .top .right {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		font-size: 14px;
		line-height: 1.2;
	}
	#footer .top .left {
		padding: 0 30px;
	}
	#footer .top .right {
		padding: 0 30px 0 100px;
	}
	#footer .bottom {
		border-top: 1px solid #fff;
		padding: 13px 30px 0 30px;
		font-size: 10px;
	}
	#footer .bottom a { color: #fff; }
	#footer #non-profit {text-align: center; padding: 9px 0; border-top: 1px solid #fff;}
	#footer .bottom .copyright { float: left; }
	#footer .bottom .credit { float: right; text-align: right; }
	.mobile-show { display: block; }
	.mobile-show.new {
		position: relative;
		border-top: 1px solid #fff;
		width: 100%;
		clear: both;
		overflow: hidden;
		display: flex;
		flex-direction: row;
		padding: 10px;
	}

/* GOOGLE TRANSLATE */
	#google_translate_element {
		width: 33%;
		text-align: right;
		padding: 3px 0 0 0;
	}

/* share */
	#share {
		width: 33%;
		text-align: center;
	}
	#share div {
		display: inline-block;
		padding: 0 5px 0 0;
		vertical-align: middle;
		font-size: 13px;
	}
	#share a {
		display: inline-block;
		height: 32px;
		margin: 0 0 0 4px;
		vertical-align: middle;
		width: 32px;
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		border-radius: 2px;
		box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	}
	#share a:first-child { margin: 0; }
	#share a.sharethis { background-image: url(images/social-share.png); }
	#share a.facebook { background-image: url(images/icon-facebook.png);}
	#share a.twitter { background-image: url(images/icon-twitter.png); }
	#share a.youtube { background-image: url(images/icon-youtube.png); }
	#share a.linkedin { background-image: url(images/social-linkedin.png); }
	#share a.email { background-image: url(images/social-email.png); }
	#share a.instagram { background-image: url(images/icon-instagram.png); }

/* Social Media */
	#footer-share {
		margin: 0 auto;
		overflow: hidden;
		padding: 0;
		width: 5.5em;
		font-size: 9px;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;
		color: #fff;
		transition: width .35s ease-out;
		-ms-transition: width .35s ease-out;
		transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		position: absolute;
	    left: 475px;
	}
	#footer-share.active { width: 10.23em; }
	#footer-share div {
		display: inline-block;
		padding: 0;
		vertical-align: middle;
		cursor: pointer;
	}
	#footer-share div:after {
		display: inline-block;
		margin: -.1em 0 0 .25em;
		vertical-align: middle;
		color: #fff;
		content: "\f237";
		font: 1.5em 'dashicons';
	}
	#footer-share a {
		display: inline-block;
		vertical-align: middle;
		color: #e1c665;
		cursor: pointer;
		opacity: .5;
		text-decoration: none;
		transition: .25s opacity ease-out;
		-ms-transition: .25s opacity ease-out;
	}
	#footer-share a span { display: none; }
	#footer-share a:first-child { margin: 0; }
	#footer-share a:hover { opacity: 1; }
	#footer-share a:after {
		display: inline-block;
		font: 1.5em 'dashicons';
		line-height: 1.3;
	}
	#footer-share a.facebook:after { content: "\f305"; }
	#footer-share a.twitter:after { content: "\f301"; }
	#footer-share a.youtube:after { content: "\f236"; }
	#footer-share a.email:after { content: "\f466"; }

/* WIDGETS */
	#search {
		/*position: absolute;
		right: 120px;
		top: 43px;*/
		width: 33%;
		padding: 3px 0 0 0;
	}
	#search input {
		border-radius: 3px;
		display: inline-block;
		vertical-align: top;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	}
	#search input[type=text] {
		border: 0 none;
		height: 25px;
		padding: 0 12px;
		width: 187px;
		background-color: #e5e5e5;
		font: 12px/12px sans-serif;
	}
	#search input[type=submit] {
		border: 0 none;
		height: 25px;
		margin: 0 0 0 8px;
		padding: 0;
		width: 34px;
		background-color: #f1f1ee;
		color: #313234;
		cursor: pointer;
		font: 14px/1 sans-serif;
		text-align: center;
		text-transform: uppercase;
	}
	#textsize_wrapper {
		position: absolute;
		right: 210px;
		top: 60px;
		font-size: 0;
		text-transform: uppercase;
	}
	#textsize_wrapper span {
		display: inline-block;
		margin: 0 3px 0 0;
		vertical-align: top;
		font: 100% sans-serif;
	}
	#textsize_wrapper a {
		display: inline-block;
		margin: 0 0 0 4px;
		vertical-align: top;
		font: 100% sans-serif;
		text-align: center;
		text-decoration: none;
	}
	#textsize_wrapper a.active {
		background-color: #ddd;
	}
	#content #main .box-quote {
		border: 14px solid #dddddd;
		background-color: #fff;
		padding: 15px;
		clear: both;
		border-radius: 8px;
		width: 98%;
		margin: 15px auto 0 auto;
	}
	#content #main .box-quote p   {font: italic 1em/1.65 "Open Sans",sans-serif;}	

/* Gravity Forms */
	#content #main .gform_wrapper .ginput_complex label { margin: 0 0 10px 0 !important; }
	#content #main .gform_wrapper input[type=text], #content #main .gform_wrapper input[type=password], #content #main .gform_wrapper textarea, #content #main .gform_wrapper select { width: 97%; }
	#content #main .gform_wrapper textarea { height: 10em; }
	#content #main .gform_wrapper ul.gform_fields { padding-left: 0; }
	#footer .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
		margin: -4px 0 0 1px;
		height: 38px;
		border: 1px solid #666;
		border-radius: 5px;
		background-image: linear-gradient(#fff, #bebdbd);
		padding: 8px 18px;
		color: #444;
		font: normal 1.2em/100% 'Lato', sans-serif;
	}
	#footer .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {background-image: linear-gradient(#bebdbd, #fff);}
	#footer .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select {
		border: 1px solid #387fad;
	    color: #888;
	    height: 30px;
	    margin-bottom: 5px;
	    margin-right: 6px;
	    margin-top: 2px;
	    outline: 0 none;
	    padding: 3px 3px 3px 5px;
	    border-radius: 5px;
	    font-size: 12px;
	    line-height:15px;
	    box-shadow: 0px 1px 4px #444;
	    -moz-box-shadow: 0px 1px 4px #444;
	    -webkit-box-shadow: 0px 1px 4px #444;
	}	
	#footer .gform_wrapper {margin: -3px 0 0 0 ;}
	#footer .gform_wrapper .top_label .gfield_label { display: none;}
	#footer .gform_wrapper .gform_footer {margin: 0;}
	#footer #gform_confirmation_message_3 {font: normal 1.4em/100% 'Lato', sans-serif; color: #f8cc4a;}
	#footer .top .left .textwidget .map{display: block; height:280px; background: url(images/nws-map.png) top left no-repeat;}

/* SPECIAL EFFECTS */
	#utility_nav ul li a, #nav ul li a, #content #main .ill_btn, #content #side #sidebar_nav ul li a {
		transition: background .25s ease-out, color .25s ease-out;
		-moz-transition: background .25s ease-out, color .25s ease-out;
		-ms-transition: background .25s ease-out, color .25s ease-out;
		-webkit-transition: background .25s ease-out, color .25s ease-out;
	}

/* UTILITY STYLES */
	.alignleft { display: inline; float: left; margin-right: 15px; }
	.alignright { display: inline; float: right; margin-left: 15px; }
	.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
	.alignleft-nomargin { display: inline; float: left; }
	.alignright-nomargin { display: inline; float: right; }
	.hidden { display: none; visibility: hidden; }
	.invisible { visibility: hidden; }
	.full-width-item { width: 100%; }
	.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
	/*#menu_btn { display: none; }*/

/* SMARTPHONE */
	@media only screen and (max-width: 900px) {
		#nav nav.primary_nav .menu-primary-container { left: -100%; width: 80%; }
		#nav.slid nav.primary_nav .menu-primary-container { left: 0; }
		#menu_btn {
		    right: 10px;
		}
		.slid #menu_btn {
		    top: 40px;
		    position: absolute;
		    right: 10px;
		    padding: 17px 0;
		    width: 53px;
		    border-radius: 5px;
		}
	}
	@media only screen and (max-width: 825px) {
		#content #main.full_width {
			width: 90%;
		}
		#callouts {
			display: flex;
			flex-direction: row;
		}
		.callout {
			background-color: #fff;
		}
	}
	@media only screen and (max-width: 600px) {
		body .illi-intruder .illi-xbutton {
			width: 10%;
		}
		body .illi-intruder .illi-content {
			width: 90%;
		}
		body .illi-intruder-wrap.left {
			left: -90%;
		}
		#search, #textsize_wrapper, #social, #utility_nav ul li:first-child, #utility_nav ul li:last-child, #hero, #footer-share, #footer-share div::after, .no_mobile {
			display: none !important;
		}
		.mobile-show { display: block; }
		.contain, .inner, #content #main, #content #side {
			border: 0 none;
			bottom: auto;
			float: none;
			height: auto;
			left: auto;
			margin: 0;
			min-height: 0;
			min-width: 0;
			position: static;
			right: auto;
			top: auto;
			width: auto;
		}
		html { overflow: auto; }
		body {
			padding: 80px 0 0 0;
			position: relative;
		}
		#header {
			/*height: 80px;*/
			/*height: 130px;*/
			height: 135px;
			left: 0;
			padding: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 100;
		}
		#header .bar {
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 20;
			background: #0072bc;
		}
		#logo {
			/*height: 80px;*/
			/*height: 130px;*/
			height: 100px;
			left: auto;
			position: relative;
			/*top: auto;*/
			top: 35px;
			width: 160px;
			background-position: 10px center;
			background-size: auto 60px;
			box-shadow: none;
			-moz-box-shadow: none;
			-ms-box-shadow: none;
			-webkit-box-shadow: none;
		}
		#utility_nav {
			min-width: 0;
		    padding: 10px;
		    top: 0;
		    background: transparent;
		    width: 100%;
		    background-color: #074480;
		}
		#utility_nav ul li {
			display: inline-block;
			margin: 0 5px;
		}
		#utility_nav ul li a {
			padding: 2px 0;
			font-size: 12px;
			text-align: right;
		}
		#menu_btn,
		.slid #menu_btn {
		    top: 67px;
			right: 16px;
			background: none;
		}
		#donate {
			top: 75px;
		    /*right: 142px;*/
		    right: 80px;
		}
		#share {
			width: 100%;
		}
		#google_translate_element {
			display: block;
			bottom: 10px;
			position: fixed;
			top: auto;
			right: 10px;
			z-index: 9999;
		}
		.page-template-default {
			padding: 0;
		}
		.home #content { padding: 50px 0 0 0; }
		#content #callouts { display: none; }
		.home #content #callouts {
			display: block;
			/*padding: 0 10px;*/
		}
		/*.home #content #callouts a, .home #content #callouts a:first-child {
			display: block;
			margin: 0 auto 20px auto;
			max-width: 320px;
			width: auto;
		}*/
		#content {
			padding-top: 125px;
		}
		#content #main.full_width {
			padding: 50px 35px;
			width: 90%;
		}
		#content #main, .home #content #main {
			padding: 50px 10px 10px 10px;
		}
		#content #main h1 {
			font-size: 2.3em;
			line-height: 1;
		}
		#content #main #home_cols {
			background: transparent;
		}
		#content #main #home_cols .col, #content #main #home_cols .col:first-child {
			display: block;
			margin: 0 0 20px 0;
			width: auto;
		}
		.page-donate .embed-container {
			padding-bottom: 120%;
		}
		#content #side {
			padding: 10px;
		}
		#footer {
			padding: 10px 10px 50px 10px;
		}
		#footer .top:after { display: none; }
		#footer .top p { font-size: .8em; }
		#footer .top .left, #footer .top .right {
			display: block;
			padding: 0 10px;
			width: auto;
		}
		#footer .top .right {
			border-top: 1px solid #fff;
			padding-top: 13px;
		}
		#footer .bottom {
			padding: 13px 20px 0 20px;
		}
		#footer .bottom .copyright,
		#footer .bottom .credit {
			float: none;
			text-align: center;
		}
		#footer .top .left .textwidget .map {display: block; height: 180px; background: url(images/nws-map-sml.png) top left no-repeat;}
		.alignleft, .alignright {
			display: block;
			float: none;
			height: auto;
			margin: 0 0 1em 0;
			max-width: 90%;
		}
		.callout {
			width: 100%;
			clear: both;
			overflow: hidden;
			margin: 0 0 20px 0!important;
		}
	}
	.only_mobile { display: none; }

/* TABLET */
	@media only screen and (min-width: 601px) and (max-width: 989px) {
		.contain {
			width: auto;
		}
		body { padding-top: 425px; }
		/*#nav { top: 355px; }*/
		#nav ul li a {
			padding: 17px 8px 0 8px;
			font-size: 12px;
		} 
		#hero {
			height: 416px;
			overflow: hidden;
			width: 100%;
		}
		#hero .ill_hero_slider .stage { height: 396px; }
		#hero .ill_hero_slider .stage .slide .info {width: auto;}
		.home #content #callouts a {zoom: .72;}
		#content #main #home_cols {
			background-size: 100% 80%;
		}
		#content #main #home_cols .col {
			width: 32%;
			zoom: .7;
			background-color: transparent;
		}
		#content #main {
			padding: 10px;
			width: 66.5%;
		}
		#content #side { width: 30.5%; }
	}

/* PRINT */
	@media only print {
		#utility_nav, #search, #nav, #hero, #social { display: none; }
		#header, .contain, .inner, #content #main, #content #side {
			clear: both;
			float: none;
			height: auto;
			min-height: 0;
			width: auto;
			background: transparent;
		}
		body { background: transparent; }
		#logo {
			left: auto;
			margin: 0 auto .5in auto;
			position: relative;
			top: auto;
			background: transparent;
			zoom: .5;
		}
		#logo a img { display: block; }
		#footer, #footer a { color: #888; }
	}