/*
Theme Name: RIHCA PAC Donation Website
Theme URI: http://www.illuminage.com/
Author: IlluminAge
Author URI: http://www.illuminage.com/
Description: HTML5 starter theme.
*/

/* FONTS */
	@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
	/* 
		font-family: "Open Sans", sans-serif;
		font-family: "Montserrat", sans-serif;
	*/

/* 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; }
	article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  menu,  nav,  section { display: block; }
	body {
		font: normal 400 16px/24px "Montserrat", sans-serif;
		margin: 0;
		padding: 0;
		background: #616161;;
		color: #404040;
	}
	p {
		font: normal 400 1em/1.5em "Montserrat", sans-serif;
		padding: 0 0 15px 0;
		margin: 0;
		color: #404040;
	}
	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=email], input[type=password], input[type=submit] { border-radius: 0; appearance: none; -webkit-appearance: none; }
	input[type=submit] { cursor: pointer; }
	a: focus { outline: 2px dotted #f89; }
	a { transition: all .4s ease; color: #197297;}
	a:hover { cursor: pointer; }
	hr { border-top: 3px solid #c6c6c6; margin-bottom: 20px; }

/* BASE STYLES */
	html, body, form, img { border: 0; margin: 0; padding: 0; }
	html { font-size: 100% }
	.outer {
		max-width: 1020px;
		background: #ffffff;
		margin: 0 auto;
		padding: 25px;
	}
	.inner {
		clear: both;
		margin: 0 auto;
		position: relative;
	}
	select, input, textarea, button { font: 99% sans-serif; }
	pre, code, kbd, samp { font-family: monospace, sans-serif; }
	::selection { background: #fc0; color: rgba(0, 0, 0, .9); text-shadow: 0 1px 0 rgba(255, 255, 255, .25); }
	img { margin: 0; }
	a { border: none; text-decoration: none; }
	a:hover, a:active { outline: none; }
	a:hover, a:focus { text-decoration: underline; }
	ol { list-style-type: decimal; }
	small { font-size: 85%; }
	strong, th { font-weight: bold; }

/* HEADER */
	#header {
		height: 150px;
		margin: 0 auto;
		position: relative;
		z-index: 100;
	}
	#logo {
		height: 133px;
		left: 25px;
		position: absolute;
		top: 5px;
		width: 210px;
		background: transparent url('images/logo.png') 0 0 no-repeat;
	}
	#logo a {
		display: block;
		height: 100%;
		width: 100%;
	}
	#logo a img { display: none; }
	.utility_nav {
		float: right;
		margin: 0 0 10px;
		font-size: 0;
	}
	.utility_nav ul {
		list-style-type: none;
	}
	.utility_nav ul li {
		display: inline-block;
		margin: 0 0 0 5px;
		vertical-align: top;
	}
	.utility_nav ul li a {
		display: block;
		padding: 5px;
		cursor: pointer;
		font-size: 12px;
		transition: background .25s ease-out, color .25s ease-out;
		-ms-transition: background .25s ease-out, color .25s ease-out;
	}
	#search {
		clear: right;
		margin: 0 0 10px;
		float: right;
	}
	#search label { display: none; }
	#search input {
		display: inline-block;
		vertical-align: top;
	}
	#search input[type=text], #search input[type=email] {
		border: 1px solid rgba(0, 0, 0, .5);
		display: none;
		height: 25px;
		padding: 0 5px;
		width: 150px;
		background-color: #fff;
		font-size: 12px;
		line-height: 1;
	}
	#search input[type=text]:focus, #search input[type=email]:focus { outline: 0 none; }
	#search input[type=submit] {
		border: 0 none;
		height: 25px;
		margin: 0 0 0 4px;
		padding: 0;
		width: 25px;
		background: transparent url(images/search-btn.png) center no-repeat;
		cursor: pointer;
		font-size: 0;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
	}
	#header .tools {
		clear: right;
		float: right;
	}

/* NAV */
	#nav {
		bottom: 0;
		left: 0;
		position: absolute;
		width: 100%;
		font-size: 0;
	}
	#nav ul {
		position: relative;
	}
	#nav ul li {
		display: inline-block;
		height: 100%;
		position: relative;
		vertical-align: top;
		font-size: 14px;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	#nav ul li a {
		display: block;
		height: 100%;
		padding: 1em 1.5em;
		line-height: 1;
		text-decoration: none;
		text-transform: uppercase;
		transition: background .25s ease-out, color .25s ease-out;
		-ms-transition: background .25s ease-out, color .25s ease-out;
	}
	#nav ul li:hover a, #nav ul li.active a, #nav ul li a:focus, #nav ul li.current-menu-item a, #nav ul li.current-menu-ancestor a, #nav ul li.current_page_parent a, #nav ul li ul.sub-menu {
		background-color: #0f0;
	}
	#nav ul li ul.sub-menu {
		left: -9999px;
		position: absolute;
		width: 200px;
		opacity: 0;
		transition: opacity .25s ease-out;
		-ms-transition: opacity .25s ease-out;
	}
	#nav ul li:hover ul.sub-menu, #nav ul li.active ul.sub-menu, #nav ul li a:focus + ul.sub-menu { left: 0; opacity: 1; }
	#nav ul li:last-child:hover ul.sub-menu, #nav ul li.active:last-child ul.sub-menu, #nav ul li a:last-child:focus + ul.sub-menu { left: auto; right: 0; }
	#nav ul li ul.sub-menu li {
		display: block;
		height: auto;
		text-align: left;
	}
	#nav ul li ul.sub-menu li a {
		height: auto;
		padding: 7px 12px;
		font-size: .9em;
		line-height: 1.3;
	}
	#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 a:focus, #nav ul li ul.sub-menu li.current-menu-item a { background-color: #cfc; }
	#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; }
	#nav_contain .tools, #menu_btn { display: none; }

/* CONTENT AREA */


	h1, h2, h3, h4, h5, h6 {
		font-family: "Open Sans", sans-serif;
		font-weight: 700;
		margin: 0;
		color: #2b2d42;
		line-height: 1.2em;
	}
	#content h1 {
		margin: 0 0 20px 0;
		font-size: 2em;
		color: #0f2675;if;
		font-weight: normal;
	}
	#content h2 {
		margin: 0 0 15px 0;
		font-size: 1.5em;
		font-weight: bold;
	}
	#content h3 {
		margin: 0 0 10px 0;
		font-size: 1.1em;
		font-weight: bold;
	}
	#content p {
		padding: 0 0 1em 0;
		line-height: 1.5em;
	}
	#content ul {
		margin-left: 1em;
		padding: 0 0 1em 1.5em;
		line-height: 1.5em;
		list-style-type: disc;
	}
	#content ol {
		margin-left: 1em;
		padding: 0 0 1em 1.5em;
		line-height: 1.5em;
	}
	#content li {
		padding: 4px 0;
	}
	#content a { text-decoration: underline;  }
	#content a:hover { text-decoration: none; }
	#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); }
	#content form { margin: 0 0 1em 0; }
	#content input[type=text], #content input[type=email], #content input[type=tel], #content input[type=url], #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 .gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding: 8px; }

/*	#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: 100%; }
	#content input[type=submit] { padding: .5em 1em; width: auto; cursor: pointer; }
	#content input[type=text] { padding: .5em 1em; }




	#content .gform_legacy_markup_wrapper .gfield_checkbox li label { font-size: 14px; margin-left: 8px; }
	#content a.no_icon:after { content: none; }
	#content .ill_responsive_video {
		margin: 0 0 1em;
		padding: 0 0 56.25% 0; /* creates 16:9 size video area */
		position: relative;
	}
	#content .ill_responsive_video iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#content .ill_responsive_video br { display: none; }

.wp-block-button .wp-block-button__link,
	.button,
	.nav-next a,
	.nav-previous a,
	body .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
	body .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
		font: normal 500 0.875em/1.2em "Montserrat", sans-serif;
		text-transform: uppercase;
		padding: 14px 30px;
		display: inline-block;
		cursor: pointer;
		text-decoration: none;
		border-radius: 24px;
		letter-spacing: 0.1em;
		word-break: normal;
		color: #fff;
		background: #5ea125;
		margin: 20px 0 0 0;
		transition: .2s all ease-out;
	}
	.wp-block-button.is-style-outline .wp-block-button__link {
		color: #fff;
		background: none;
		border-color: #5ea125;
	}
	.wp-block-button .wp-block-button__link:hover,
	.button:hover,
	.nav-next a:hover,
	.nav-previous a:hover,
	body .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	body .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	body .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	body .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	body .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	body .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	body .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
		text-decoration: none;
		color: #fff;
		background: #75c131;
	}


/* MAIN */
	#content #main {
		min-height: 300px;
		width: 100%;
		font-size: 1em;
		padding: 25px;
	}
	#content #main.full_width { float: none; width: auto; }
	#content #main img {
		border: 1px solid #aaa;
		height: auto;
		max-width: 100%; 
	}
	#content #main #feat-img {
	    float: right;
	    margin: 0 0 15px 15px;
	    max-width: 40%;
	    position: relative;
	}
	#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 p, #content #main li, #content #main td { font-size: 1em; }
	#content #main a { text-decoration: underline; }
	#content #main a.wp-block-button__link { text-decoration: none; }
	#content #main a.back-home { 
		background: #197297;
		display: inline-block;
		text-decoration: none; 
		color: #ffffff; 
		padding: 15px; 
		margin: 15 0; 
		border-radius: 5px; 
		transition: background .25s ease-out, color .25s ease-out;
		-ms-transition: background .25s ease-out, color .25s ease-out;
	}
	#content #main a.back-home:hover { background: #11526E; text-decoration: none; }
	#content #main a img { text-decoration: none; }
	#content #main ul ul li {
		font-size: 100%;
		list-style-type: circle;
	}
	#content #main caption {
		font-size: .85em;
		font-style: italic;
		text-align: center;
	}
	#content #main .feat-caption {
		position: absolute;
		bottom: 0;
		padding: 10px;
		background-color: rgba(0, 0, 0, .75);
		color: #fff;
	    font-size: .75em;
	    line-height: 1.35em;
	}

/* SIDEBAR */
	#content #side {
		float: right;
		min-height: 300px;
		width: 32%;
	}
	#content #side p, #content #side li, #content #side td { font-size: 1em; }
	#section_guide ul {
		margin: 0;
		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; }
	#section_guide ul li ul.sub-menu li {
		display: block;
		margin: 0;
		padding: 0;
	}
	#section_guide ul li ul.sub-menu li.current-menu-item a { text-decoration: underline; }

/* 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 {
		margin: 0 0 1.5em 0;
		opacity: .5;
	}
	#content.blog #side ul {
		margin: 0;
		padding-left: 0;
		list-style-type: none;
	}
	#content.blog #side ul li { color: #888; }

/* Gravity Forms */
	#content #main .gform_wrapper .ginput_complex label { margin: 0 0 10px 0 !important; }
	#content #main .gform_wrapper legend.gfield_label { font-weight: 700; }
/*	#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 input[value="Other"][type=text] { width: 80%; }
	#content #main .gform_wrapper textarea { height: 10em; }
	#content #main .gform_wrapper ul.gform_fields { padding-left: 0; }
	#content #main .gform_wrapper label.gfield_label { font-weight: 400; }
	#content #main #gform_confirmation_message_1 { line-height: 1.5em !important; padding: 0 0 20px 0 !important; }

/* FOOTER */
	#footer {
		clear: both;
		padding: 10px 0;
		position: relative;
	}
	#footer a { text-decoration: none; }
	#footer .top {
		text-align: center;
		line-height: 1.2em;
	}

/* Social Media Sharing */
	#share { margin: 0 auto; overflow: hidden; padding: 0; width: 5.5em; font-size: 1em; text-align: right; text-transform: uppercase; white-space: nowrap; transition: width .35s ease-out; -ms-transition: width .35s ease-out; transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
	#share.active { width: 14em; }
	#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; color: #333; content: "\f237"; font: 1.75em 'dashicons'; }
	#share a { display: inline-block; margin: -.25em 0 0 4px; vertical-align: middle; color: #333; cursor: pointer; opacity: .5; text-decoration: none; transition: .25s opacity ease-out; -ms-transition: .25s opacity ease-out; }
	#share a span { display: none; }
	#share a:first-child { margin: 0; }
	#share a:hover { opacity: 1; }
	#share a:after { display: inline-block; font: 1.5em 'dashicons'; line-height: 1.3; }
	#share a.facebook:after { content: "\f305"; }
	#share a.twitter:after { content: "\f301"; }
	#share a.email:after { content: "\f466"; }

/* Accessability Tech Tools */
	#access_tools a { border: 1px solid rgba(0, 0, 0, .25); display: inline-block; height: 1.75em; padding: .3em 0 0 0; vertical-align: top; width: 1.75em; color: #555; font-size: 1.75em; text-align: center; text-decoration: none; }
	#access_tools a#textsize span { display: inline-block; font-size: .6em; text-transform: uppercase; }
	#access_tools a#highcontrast { background: transparent url(images/icon-high-contrast.png) center no-repeat; background-size: 1em; }

/* UTILITY STYLES */
	.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; }
	.full-width-item { width: 100%; }
	.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }
	.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

/* HIGH CONTRAST */
	.high_contrast * { background-color: #fff !important; color: #222 !important; }
	.high_contrast #logo a, .thmb a { background-color: transparent !important; }
	.high_contrast #search input[type=submit], .high_contrast #hero .ill_hero_slider .prev, .high_contrast #hero .ill_hero_slider .next,  .high_contrast #search .ill_search::after { background-color: transparent !important; }

/* RESPONSIVE */
	@media only screen and (max-width: 1500px) {
		#header { padding: 0 1em; }
		#content { padding-right: 1em; padding-left: 1em; }
		#footer .top, #footer .bottom { padding-right: 1em; padding-left: 1em; }
	}
	@media only screen and (max-width: 1024px) {
		body { font-size: .8em; }
		.inner { width: auto; }
		#nav ul li { font-size: 15px; }
		#textsize { display: none; }
	}
	@media only screen and (max-width: 768px) {
		#header { height: auto; }
		#logo { float: left; height: 7em; left: auto; margin: 0 0 1em; position: relative; top: auto; width: 25em; }
		#header .tools { margin: 0 0 1em; position: relative; right: auto; top: auto; text-align: center; }
		#search { text-align: center; }
		#nav_contain { clear: both; margin: 0 -1em; }
		#nav { left: auto; position: relative; top: auto; }
		#nav ul li { font-size: 13px; }
		#footer { font-size: .8em; }
	}
	@media only screen and (max-width: 600px) {
		#search, #textsize, #social, .utility_nav, .no_mobile, #wpadminbar { display: none !important; }
		.outer, .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; }
		#content #main #feat-img { max-width: 100%; float: none; }
		#content #main .feat-caption { font-size: 14px; }
		html { overflow: auto; }
		body { padding: 60px 0 0 0; position: relative; background: #fff; }
		#header { height: 60px; left: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: 100; background-color: #eee; box-shadow: 0 3px 8px rgba(0, 0, 0, .1); }
		#logo { height: 60px; left: auto; margin: 0 0 0 10px; position: relative; top: auto; width: 240px; background-position: left center; background-size: contain; }
		#header .tools { display: none; }
		#menu_btn { display: block; height: 60px; position: absolute; right: 0; top: 0; width: 60px; background-color: rgba(0, 0, 0, .25); font-size: 0; text-align: center; }
		#menu_btn:before { display: block; padding-top: .25em; color: #fff; content: "\f333"; font: 40px 'Dashicons'; }
		#close_btn { display: block; position: absolute; right: 5px; top: 9px; z-index: 140; }
		#close_btn:before { display: block; content: "\f335"; font: 40px 'Dashicons'; }
		#nav_contain { height: 100%; left: -100%; margin: 0; position: fixed; top: 0; width: 100%; z-index: 100; background-color: transparent; transition: .25s background ease-out; -ms-transition: .25s background ease-out; }
		#nav_contain.slid { left: 0; background-color: rgba(0, 0, 0, .4); }
		#nav { border: 0 none; bottom: auto; height: 100%; left: -100%; position: absolute; top: 0; width: 90%; background-color: #eee; transition: .25s left ease-out; -ms-transition: .25s left ease-out; }
		#nav:before { display: block; height: 60px; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; background-color: #ccc; content: ''; }
		#nav * { -webkit-tap-highlight-color: rgba(0,0,0,0); }
		#nav_contain.slid #nav { left: 0; }
		#nav > div { height: 100%; }
		#nav .inner { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
		#nav ul { height: 100%; overflow: auto; padding: 60px 0 0 0; text-align: left; -webkit-overflow-scrolling: touch; }
		#nav ul li { display: block; height: auto; font-size: 17px; }
		#nav ul li a { padding: 1em; }
		#nav ul.menu li:hover ul.sub-menu { display: none; }
		#nav ul li ul.sub-menu { display: none; left: auto; padding: 0; position: relative; width: auto; opacity: 1; }
		#nav ul.menu li.over ul.sub-menu, #nav ul.menu li.current-menu-ancestor ul.sub-menu { display: block; }
		#nav ul li ul.sub-menu li a { padding: .75em 2em; line-height: 1.25; }
		#header #nav_contain .tools { display: block; height: 60px; left: -100%; outline: 1px dashed #f80; position: absolute; top: 0; width: 90%; z-index: 120; background-color: #f0f; font-size: 1.15em; text-align: left; transition: .25s left ease-out; -ms-transition: .25s left ease-out; }
		#header #nav_contain.slid .tools { left: 0; }
		#header #nav_contain .tools:before { display: inline-block; height: 100%; vertical-align: middle; content: ''; }
		#header #nav_contain .tools .widget { display: inline-block; margin: 0 0 0 1em; vertical-align: middle; }
		#content { padding: 2em 1em 0; }
		#content #main { padding: 0 0 1em; }
		#content #side { padding: 0 0 1em; }
		#footer { text-align: center; }
		#footer .top { padding: 0 0 1em; }
		.alignleft, .alignright { display: block; float: none; height: auto; margin: 0 0 1em 0; max-width: 90%; }
	}
	.only_mobile { display: none; }

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