/* 
	Theme Name: CA Coalition for Youth
	Description: Noble Image base theme. Created in 2017. Built using HTML5 to be responsive in nature; this theme adjusts based on the user's browser width to optimal styles.
	Author: Elly Cabral
	Version: 1.0
*/

/* FONTS */
	@import url('https://fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800');
	/*
    	font-family: 'Assistant', sans-serif;
	*/
	/*
		Assistant
			extra-light 200
			light 300
			regular 400
			semi-bold 600
			bold 700
			extra-bold 800
	*/

/* 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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a {text-decoration:none;}
	#wpadminbar .quicklinks ul {
		clear: none!important;
		overflow: inherit!important;
	}
	.clear{clear:both}
	.right {float:right;}
	.left {float:left;}
	hr {
		border: 0px;
		border-bottom: 1px solid #5a88a8;
		clear: both;
		overflow: hidden;
		margin: 18px 0 30px 0;
	}
	.alignleft {
		width: auto;
		float: left;
		padding: 0px;
		margin:  20px 40px 20px 0;
		max-width: 100%;
		height: auto;
	}
	.alignright {
		width: auto;
		float: right;
		padding: 0px;
		margin:  20px 0px 20px 40px;
		max-width: 100%;
		height: auto;
	}
	.aligncenter {
		width: auto;
		margin: 20px auto;
		display: block;
		padding: 0px;
		max-width: 100%;
		height: auto;
	}
	.alignnone {
		padding: 0px;
		max-width: 100%;
		width: auto;
		height: auto;
	}
	figure {
		margin: 0;
	}
	sup {
		vertical-align: top;
		font-size: 10px;
	}
	blockquote {
		background: #fff;
	    border: 1px solid #ddd;
	    clear: both;
	    margin: 20px 0;
	    overflow: hidden;
	    padding: 30px 5%;
	    width: 88%;
	}
	blockquote p {
		font-size: 18px;
	    font-style: italic;
	    line-height: 28px;
	    color: #f8981e;
	}
	table {
		margin: 10px auto 20px auto;
		width: 100%;
	}
	table th {
		text-align: left;
		border: 0;
		padding: 15px;
		color: #444;
		background: #f0f0f0;
		border-bottom: 2px solid #ddd;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	table td {
		border: 0;
		padding: 15px;
		color: #444;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	table tr {
		background: #fff;
		border: 0px;
	}
	table tr:nth-child(2n) {
		background: #fff;
	}
	small {
		font-size: 11px;
	}
	strong {
		font-weight: bold;
	}
	ul, ol {
		margin: 10px 25px 16px 25px;
		padding: 0;
	}
	ul li, ol li {
		margin: 0;
		padding: 5px 0;
		font: normal 400 16px/22px 'Assistant', sans-serif;
		color: #777;
	}
	ul li {
		list-style: disc outside;
	}
	ol li {
		list-style: decimal outside;
	}
	
/*** GENERAL TAGS ***/
	* {
		transition: .25s all;
		-webkit-transition: .25s all;
		-moz-transition: .25s all;
		-ms-transition: .25s all;
		-o-transition: .25s all;
	}
	body {
		clear: both;
		overflow-x: hidden;
		background: #fff;
		margin: 0;
		padding: 0;
		font: normal 400 16px/22px 'Assistant', sans-serif;
		color: #777;
	}
	p {
		margin: 0;
		padding: 10px 0;
		font: normal 400 16px/22px 'Assistant', sans-serif;
		color: #777;
	}
	a {
		color: #f8981e;
		font-style: italic;
		text-decoration: none;
		cursor: pointer;
	}
	a:hover {
		color: #e88200;
	}
	a.button {
		color: #fff;
		background: #f8981e;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.1em;
		font-weight: 700;
		text-align: center;
		font-style: normal;
		padding: 15px 20px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	a.button:hover {
		background: #e58000;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 20px 0 10px 0;
	}
	h1 {
		color: #f8981e;
		font: normal 800 32px/34px 'Assistant', sans-serif;
	}
	h1.giant {
		font-size: 120px; 
		line-height: 110px; 
		padding: 0 0 30px 0;
	}
	h2 {
		color: #1f557a;
		font: normal 700 26px/30px 'Assistant', sans-serif;
	}
	h3 {
		color: #1f557a;
		font: normal 800 26px/30px 'Assistant', sans-serif;
	}
	h4 {
		color: #f8981e;
		font: normal 800 24px/26px 'Assistant', sans-serif;
	}
	h5 {
		color: #f8981e;
		font: normal 800 20px/24px 'Assistant', sans-serif;
	}
	h6 {
		color: #f8981e;
		font: normal 800 18px/22px 'Assistant', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		padding: 20px 0 0 0;
	}
	
/*** HEADER ***/
	header {
		width: 100%;
	}
	.head {
		width: 70%;
		background: #fff;
		clear: both;
		overflow: hidden;
		padding: 50px 5%;
	}
	.logo {
		width: 100%;
		float: none;
		position: relative;
	}
	.logo img {
		max-width: 90%;
		height: auto;
		width: auto;
	}
	.logo h2 {
		line-height: 0;
		padding: 0;
	}

/*** NAV BAR ***/
	.nav-bar {
		width: 20%;
		position: fixed;
		height: 100%;
		right: 0;
		top: 0;
		border-left: 1px solid #f7b663;
		background: #f8981e;
		z-index: 99999;
	}
	.logged-in .nav-bar {
		top: 32px;
	}
	.kbuttons {
		clear: both;
		overflow: hidden;
		width: 40%;
		padding: 25px 30%;
	}
	.hnum, .kbut {
		clear: both;
		overflow: hidden;
		padding: 25px 0;
		border-bottom: 1px solid #5a88a8;
		text-align: center;
	}
	.kbut {
		border-bottom: 1px solid #f7b663;
	}	
	.hnum:last-child, .kbut:last-child {
		border: 0;
	}
	.hnum p, .kbut p {
		padding: 0;
	}
	.hnum br, .kbut br {
		display: none;
	}
	.hnum a, .kbut a {
		display: block;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 0.1em;
		font-style: normal;
		text-align: center;
	}
	.hnum img, .kbut img {
		margin: 0 0 10px 0;
	}
	
/*** MENU ***/
	nav {
		width: 40%;
		padding: 25px 30%;
		margin: 0 0 0 -1px;
		text-align: left;
		background: #1f557a;
		border-right: 1px solid #1f557a;
	}
	#navbtn {
		display: block;
		clear: both;
		overflow: hidden;
		cursor: pointer;
		text-align: center;
		padding: 25px 0;
		position: relative;
		z-index: 9999999;
		border-bottom: 1px solid #5a88a8;
	}
	#navbtn:hover {
		cursor: pointer;
	}
	#navbtn .lines {
		width: 30px;
		margin: 0 auto;
		height: 23px;
	}
	#navbtn .line {
		background: #fff;
		height: 5px;
		margin: 0 0 4px 0;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
	}
	#navbtn .line.one {
		width: 100%;
		max-width: 30px;
	}
	#navbtn .line.two {
		width: 76%;
		max-width: 23px;
	}
	#navbtn .line.three {
		width: 90%;
		max-width: 27px;
	}
	#navbtn span {
		display: block;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		letter-spacing: 0.1em;
		padding: 6px 0 0 ;
	}
	nav.open #navbtn .line.two {
		opacity: 0;
		display: none;
		height: 0;
		margin: 0;
	}
	nav.open #navbtn .line.one {
		margin: 0;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	nav.open #navbtn .line.three {
		margin: -5px 0 0 0;
		max-width: 30px;
		width: 100%;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}
	.menu-top-navigation-container {
		position: absolute;
		right: 100%;
		top: 0;
		height: 100%;
		margin: 0 0 0 -1px;
		background: rgba(31, 85, 122, .95);
		padding: 100px 0;
		width: 0;
		opacity: 0;
		z-index: -1;
	}
	nav.open .menu-top-navigation-container {
		width: 340%;
		opacity: 1;
		z-index: 99999;
		padding: 100px 30%;
	}
	nav.open #navbtn .lines {
		margin: 10px auto -10px auto;
	}
	nav .menu {
		list-style: none;
		padding: 0;
		margin: 0;
		opacity: 0;
		position: relative;
	}
	nav.open .menu {
		opacity: 1;
		transition: .25s .25s all;
		-webkit-transition: .25s .25s all;
		-moz-transition: .25s .25s all;
		-ms-transition: .25s .25s all;
		-o-transition: .25s .25s all;
	}
	nav .menu li {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 35%;
	}
	nav .menu li a {
		letter-spacing: 0.1em;
		color: #fff;
		font-style: normal;
		font-weight: bold;
		font-size: 20px;
		text-transform: uppercase;
		padding: 20px;
		border-bottom: 1px solid #5a88a8;
		display: block;
		transition: 0s margin;
		-webkit-transition: 0s margin;
		-moz-transition: 0s margin;
		-ms-transition: 0s margin;
		-o-transition: 0s margin;
	}
	nav .menu li:hover > a {
		background: #002d4b;
		position: relative;
		z-index: 9;
	}
	nav .menu li.menu-item-has-children:hover > a {
		margin: 0 -5px 0 0;
	}
	/* Sub Menu */
	nav .menu li ul {
		list-style: none;
		padding: 0;
		margin: 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		left: 35%;
		width: 65%;
		background: #002d4b;
		top: 0;
		border-left: 5px solid #5a88a8;
	}
	nav .menu li:hover > ul {
		height: 100%;
	}
	nav .menu li ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		transition: 0s all;
		-webkit-transition: 0s all;
		-moz-transition: 0s all;
		-ms-transition: 0s all;
		-o-transition: 0s all;
	}
	nav .menu li ul li.menu-item-has-children:hover {
		width: 50%;
	}
	nav .menu li ul li a {
		font-weight: normal;
		font-size: 15px;
		text-transform: none;
		border-bottom: 1px solid #1a4868;
	}  
	nav .menu li ul li:hover > a {
		background: #051f30;
		position: relative;
		z-index: 9;
	}
	nav .menu li ul li.menu-item-has-children:hover > a {
		margin: 0 -3px 0 0;
	}
	/* Sub Sub Menu */
	nav .menu li ul li ul {
		left: 50%;
		width: 50%;
		background: #051f30;
		border-left: 3px solid #1a4868;
	}
	nav .menu li ul li:hover > ul {
		height: 100%;
	}
	nav .menu li ul li ul li a {
		border-bottom: 1px solid #122a4a;
	}
	nav .menu li ul li ul li:hover > a {
		background: #031019;
	}
	
	
	/*
		nav .menu {
			list-style: none;
			margin: 0px auto;
			padding: 0;
			width: auto;
			display: list-item;
			text-align: left;
		}
		nav .menu ul {
			margin: 0;
			padding: 0;
		}
		nav .menu li {
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
			width: auto;
			display: inline-block;
		}
		nav .menu li a, nav .menu li a:link, nav .menu li a:visited {
			font: normal 300 15px/18px 'Assistant', sans-serif;
			color: #fff;
			display: block;
			text-decoration: none;		
			margin: 0;
			text-transform: uppercase;
			padding: 20px 15px;		
			letter-spacing: .1em;
		}
		nav .menu li:first-child a {
			padding-left: 0;
		}
		nav .menu li.current_page_item a, nav .menu li.current-menu-item a,
		nav .menu li.current_page_item a:hover, nav .menu li.current-menu-item a:hover {
			color: #cf3f4e;
			cursor: pointer;
		}
		nav .menu li a:hover {
			color: #cf3f4e;
			cursor: pointer;
		}
		nav #menu-item-139 {
			display: none;
		}
	*/
	/* Sub (Dropdown) Menu */	
	/*
		.menu li ul {
			z-index: 999999;
			position: absolute;
			height: auto;
			margin: 0px 0 0 0;
			padding: 10px 0;
			text-align: left;
			left: -999em;
			opacity: 0;
			width: 200px;
			background: rgba(0, 0, 0, .95);
			border-bottom: 3px solid #12497b;
		}
		.menu li:hover ul {
			opacity: 1;
		}
		.menu li li,
		.menu li.current_page_item li, .menu li.current-menu-item li {
			float: none!important;
			padding:0;
			margin: 0!important;
			background: none!important;
			text-align: left;
			width: 100%;
			display: block!important;
		}
		.menu li li a, .menu li li a:link, .menu li li a:visited,
		.menu li.current_page_item li a, .menu li.current_page_item li a:link, .menu li.current_page_item li a:visited, 
		.menu li.current-menu-item li a, .menu li.current-menu-item li a:link, .menu li.current-menu-item li a:visited {
			padding: 10px 15px!important;
			text-transform: none!important;
			margin:0!important;
			background: none;
			display: block;
			font-size: 13px!important;
			line-height: 17px;
		}
		.menu li li a:hover,
		.menu li.menu-item-has-children li a:hover, 
		.menu li li.current_page_item a, 
		.menu li li.current-menu-item a {
		
		}
	*/
	/* Sub Sub Menu */
	/*
		.menu li ul li ul {
			margin: -47px 0 0 200px;
		}
		.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {
			left: -999em;
		}
		.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {
			left: auto;
		}
		.menu li:hover, .menu li.sfhover {
			position: static;
		}
	*/

	/* Menu Button */
	/*#navbtn {
	  display: none;
	}*/

/*** HERO ***/
	.hero-wrap {
		width: 80%;
		clear: both;
		overflow: hidden;
	}
	.hero {
		width: 100%;
		clear: both;
		overflow: hidden;
	}
	.hero ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.hero li {
		background: #000;
		margin: 0;
		padding: 0;
		list-style: none;
		transition: 0s all;
		-webkit-transition: 0s all;
		-moz-transition: 0s all;
		-ms-transition: 0s all;
		-o-transition: 0s all;
	}
	.hero img {
		opacity: .7;
	}
	.hero .mission {
		display: block;
		position: absolute;
		bottom: 50px;
		height: auto;
		padding: 0 5%;
		vertical-align: bottom;
		z-index: 99;
		width: 57%;
	}
	.hero .mission h1 {
		color: #fff;
		font: normal 800 60px/60px 'Assistant', sans-serif;
	}
	
/*** CONTENT ***/
	.content-wrap {
		width: 80%;
		margin: 0 auto;
		float: left;
	}
	.content-wrap .title {
		width: 90%;
		padding: 50px 0;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		background: #fff;
		border-top: 1px solid #eee;
	}
	.content-wrap .title h1 {
		font-size: 50px;
		line-height: 55px;
		font-weight: 800;
		padding: 0;
	}
	.content-wrap .content {
		width: 90%;
		margin: 0 auto;
		background: #f6f6f6;
		padding: 50px 5%;
	}
	.home .content-wrap {
		width: 50%;
		float: left;
		background: #fff;
	}
	.home .content {
		width: 80%;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		background: #fff;
		padding: 100px 10%;
	}
	.home .content p {
		color: #777;
		font-size: 20px;
		line-height: 30px;
	}
	.home .content .mission {
		display: none;
	}
	.content hr {
		border-color: #ccc;
		margin: 40px 0;
	}
	.content .col-s {
		width: 30%; 
		margin: 0 3% 0 0; 
		float: left;
	}
	
/*** HIGHLIGHTS ***/
	.highlight-wrap {
		clear: both;
		overflow: hidden;
		background: #f8981e;
		width: 80%;
		float: left;
	}
	.col.one_third {
		width: 23%;
		float: left;
		padding: 70px 5%;
	}
	.col.one_third *:first-child {
		padding-top: 0;
	}
	.col.one_third h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.col.one_third p {
		font-size: 18px;
		line-height: 28px;
	}
	.col.two_thirds {
		width: 66%;
		float: right;
	}
	.col * {
		color: #fff;
	}
	.pod-wrap {
		width: 33.3%;
		float: left;
		overflow: hidden;
	}
	.pod-wrap:nth-child(3n+1) {
		clear: both;		
	}
	.pod {
		padding: 70px 10% 30px 10%;
		text-align: center;
		border-left: 1px solid #f7b663;
		border-bottom: 1px solid #f7b663;
		min-height: 200px;
	}
	.pod figure {
		width: 100%;
		height: 50px;
	}
	.pod figure img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.pod p {
		padding-top: 0;
	}

/*** SECTIONS ***/
	.section-wrap.blue {
		padding: 50px 3%;
		width: 24%;
		float: left;
		background: #1f557a;
	}
	.section-wrap.white {
		padding: 50px 5% 100px 5%;
		width: 40%;
		float: left;
		clear: both;
		overflow: hidden;
		background: #f6f6f6;
	}
	.section-wrap h2 {
		font-size: 32px;
		line-height: 34px;
		padding: 0 0 10px 0;
	}
	.section-wrap.blue h2 {
		color: #fff;
	}
	.section-wrap.white h2 {
		color: #f8981e;
	}
	.section {
		width: 100%;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
	}
	.section-wrap.blue .section {
		background: #1f557a;
	}
	.section-wrap.white .section {
		background: #f6f6f6;
	}
	.section .sects {
		clear: both;
		overflow: hidden;
		padding: 0 0 20px 0;
	}
	.blue .section .sects {
		padding: 0;
	}
	.sects h5 {
		color: #fff;
		font-size: 20px;
		line-height: 25px;
		font-weight: 300;
		padding: 0;
	}
	.sects h4 {
		color: #fff;
		font-size: 30px;
		line-height: 35px;
		font-weight: 700;
		padding: 0;
	}
	.sects h3 {
		color: #f8981e;
		font-size: 60px;
		line-height: 60px;
		font-weight: 800;
		padding: 0;
	}
	.sects hr {
		margin: 20px 0 0 0;
	}
	.sects .sect {
		width: 100%;
		/*clear: both;*/
		overflow: hidden;
		float: left;
	}
	.blue .sects .sect {
		opacity: 0;
	}
	.blue .sects .sect.active {
		opacity: 1;
	}
	.white .sects .sect {
		clear: none;
		width: 37.5%;
		float: left;
		padding: 0 6%;
		text-align: center;
		margin: 40px 0 0 0;
		border-right: 1px solid #ddd;
	}
	.white .sects .sect:last-child {
		border: 0;
	}
	.sect .percent {
		max-width: 287px;
		width: 100%;
		height: 33px;
	}
	.white .sect img {
		max-width: 100%;
		height: auto;
		border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		-ms-border-radius: 100%;
		-o-border-radius: 100%;
		box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .35);
		-webkit-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .35);
		-moz-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .35);
		-ms-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .35);
		-o-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, .35);
	}
	.section a.button {
		margin: 0 auto;
		display: inline-block;
	}
	ul.pags {
		width: 100%;
		clear: both;
		overflow: hidden;
		margin: 0;
		list-style: none;
		padding: 20px 0;
		display: inline-block;
	}
	.white ul.pags {
		display: none;
	}
	ul.pags li {
		margin: 0;
		list-style: none;
		padding: 0;
		display: inline-block;
	}
	ul.pags li a {
		font-size: 0;
		display: block;
		background: #ddd;
		line-height: 0;
		width: 10px;
		height: 10px;
		margin: 0 10px 0 0;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
		-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
		-o-box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	}
	ul.pags li.active a {
		background: #f8981e;
	}

/*** PODS ***/
	.pods-wrap {
		width: 30%;
		float: left;
		background: #f8981e;
	}
	.pods {
		clear: both;
		overflow: hidden;
		width: 100%;
	}
	.pods .pod {
		clear: both;
		overflow: hidden;
		background: #f8981e;
		/*padding: 80px 0;*/
		padding: 80px 0 0 0;
		text-align: center;
		border-bottom: 1px solid #f7b663;
		position: relative;
	}
	.pods .pod h3 {
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 18px;
		font-weight: 800;
		padding-bottom: 0;
	}
	.pods .pod a.hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		z-index: 999;
	}
	.pods .pod:hover {
		background: #e58000;
	}

/*** SPONSORS ***/
	.sponsors-wrap {
		width: 80%;
		clear: both;
		overflow: hidden;
		background: #1f557a;
	}
	.sponsors-wrap h2 {
		color: #fff;
		padding: 40px;
		font-size: 32px;
		line-height: 34px;
	}
	.sponsors {
		clear: both;
		overflow: hidden;
		width: 100%;
		background: #fff;
	}
	.sponsors .sponsor {
		width: 14.7%;
		margin: 0.15%;
		padding: 0 5%;
		float: left;
		background: #eee;
		height: 290px;
		line-height: 290px;
		vertical-align: middle;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.sponsors .sponsor img {
		opacity: .45;
		max-height: 100%;
		max-width: 100%;
		height: auto;
		width: auto;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		box-sizing: border-box;
		margin: auto;
		vertical-align: middle;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
	}
	.sponsors .sponsor:hover img {
		opacity: 1;
		filter: grayscale(0%);
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
	}
	.sponsors .sponsor a.hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		z-index: 999;
	}
	.sponsor h6 {
		padding: 115px 0;
		text-transform: uppercase;
		color: #f8981e;
		letter-spacing: 0.1em;
		font-size: 18px;
	}
	
/*** BOARD ***/
	.members {
		clear: both;
		overflow: hidden;
		margin: 20px 0 30px 0;
	}
	.member {
		width: 45%;
		float: left;
		margin: 0 5% 30px 0;
	}
	.member:nth-child(2n+1) {
		clear: both;
		overflow: hidden;
	}
	.member h6 {
		padding: 0;
	}
	.member > p {
		padding: 1px 0;
	}
	.member figure {
		width: auto;
		height: auto;
		float: left;
		margin: 0 30px 10px 0;
	}
	.member figure img {
		max-width: 100%;
		height: auto;
		max-height: 230px;
	}
	hr.mem {
		margin-bottom: 0;
	}

/*** BLOG ***/
	.content-wrap.index .content {
		width: 100%;
		padding: 50px 0;
	}
	.index .content .intro {
		width: 90%;
		margin: 0 auto;
	}
	.entry {
		clear: both;
		overflow: hidden;
		padding: 50px 5%;
		border-bottom: 2px solid #fff;
		width: 90%;
	}
	.entry h2 {
		padding-bottom: 5px;
	}
	.entry a {
		font-style: normal;
	}
	.entry p.published {
		padding: 0;
		color: #777;
		font-size: 14px;
	}
	.entry p.cats {
		padding-top: 0;
	}
	.entry a.button {
		margin: 20px 0 0 0;
		display: inline-block;
	}
	.entry img {
		max-width: 30%;
	}
	.entry blockquote, .single blockquote {
		clear: unset;
		width: auto;
	}
	.content .wp-pagenavi {
		margin: 30px 0;
	}
	.content .wp-pagenavi a, .content .wp-pagenavi span {
		border: 0px;
		padding: 5px 10px;
	}

/*** FOOTER ***/
	footer {
		width: 80%;
		clear: both;
		overflow: hidden;
		background: #1f557a;
	}
	.foot {
		width: 90%;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		padding: 85px 0;
	}
	.foot .ft {
		width: 22%;
		float: left;
		padding: 20px 3% 20px 0;
	}
	.foot .ft:first-child {
		width: 100%;
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #5a88a8;
	}
	.foot .ft h3 {
		color: #fff;
		font-size: 32px;
		line-height: 34px;
		padding: 0 0 10px 0;
	}
	.foot .ft img {
		margin: 0 10px 0 0;
		opacity: .5;
	}
	.foot .ft img:hover {
		opacity: 1;
	}
	.foot .ft p {
		color: #c3d7e6;
		font-size: 16px;
		line-height: 20px;
		word-wrap: break-word;
	}
	.foot .ft p strong {
		color: #fff;
		font-weight: 600;
	}
	.foot .ft p a {
		color: #c3d7e6;
		font-style: normal;
	}
	.foot .ft p a:hover {
	    color: #8397a6;
	}
	.foot p {
		color: #fff;
		font-size: 14px;
		line-height: 20px;
	}
	.foot p a {
		font-style: normal;
		color: #fff;
	}
	.foot .cright {
		clear: both;
		overflow: hidden;
		width: 100%;
		padding: 20px 0 0 0;
		margin: 20px 0 0 0;		
	}
	.foot p .copyright {
		font-size: 12px;
		color: #c3d7e6;
	}
	.foot p .copyright a {
		color: #c3d7e6;
	}
	.foot p .credit {
		font-size: 12px;
	}
		
/*** FORMIDABLE ***/
	.content .frm_style_formidable-style.with_frm_style label.frm_primary_label, 
	.content .frm_style_formidable-style.with_frm_style.frm_login_form label {
		width: 30%;
		float: left;
		font: normal 700 16px/22px 'Assistant', sans-serif;
	}
	.content form input[type="text"],
	.content .frm_style_formidable-style.with_frm_style input[type="text"], 
	.content .frm_style_formidable-style.with_frm_style input[type="password"], 
	.content .frm_style_formidable-style.with_frm_style input[type="email"], 
	.content .frm_style_formidable-style.with_frm_style input[type="number"], 
	.content .frm_style_formidable-style.with_frm_style input[type="url"],
	.content .frm_style_formidable-style.with_frm_style input[type="tel"], 
	.content .frm_style_formidable-style.with_frm_style input[type="phone"], 
	.content .frm_style_formidable-style.with_frm_style input[type="search"], 
	.content .frm_style_formidable-style.with_frm_style select, 
	.content .frm_style_formidable-style.with_frm_style textarea, 
	.content .frm_form_fields_style, 
	.content .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, 
	.content .frm_form_fields_active_style, 
	.content .frm_form_fields_error_style, 
	.content .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, 
	.content .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
		width: 66%;
		float: left;
		font: normal 400 16px/22px 'Assistant', sans-serif;
		border: 1px solid #ccc;
		color: #777;
		padding: 12px 2%;
		height: auto;
	}
	.content .frm_style_formidable-style.with_frm_style .form-field {
		clear: both;
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	.content .frm_style_formidable-style.with_frm_style .frm_radio label, 
	.content .frm_style_formidable-style.with_frm_style .frm_checkbox label {
		font: normal 700 16px/22px 'Assistant', sans-serif;
	}
	.content form button, .content form input[type="submit"],
	.content .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, 
	.content .frm_style_formidable-style.with_frm_style input[type="submit"], 
	.content .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], 
	.content .frm_style_formidable-style.with_frm_style .frm_submit button, 
	.content .frm_form_submit_style, 
	.content .frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"] {
		color: #fff;
		background: #f8981e;
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 0.1em;
		font-weight: 700;
		font-style: normal;
		padding: 15px 20px;
		border: 0;
		margin: 25px 0 30px 30%;
		cursor: pointer;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	.content form button:hover, .content form input[type="submit"]:hover,
	.content .frm_style_formidable-style.with_frm_style input[type="submit"]:hover, 
	.content .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"]:hover, 
	.content .frm_style_formidable-style.with_frm_style .frm_submit button:hover, 
	.content .frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"]:hover {
		background: #e58000;
		color: #fff;
	}
	.content form.smaller input[type="text"] {
		width: 22%;
	}
	.content form.smaller button, .content form.smaller input[type="submit"] {
		margin: 0 0 0 10px;
	}

/*** Responsive ***/
	@media all and (max-width: 1100px) {
		h1.giant {
		    font-size: 80px;
		    line-height: 70px;
		    padding: 0 0 20px 0;
		}
		.hero .mission {
			width: 90%;
		}
		.nav-bar {
			width: 28%;
		}
		nav.open .menu-top-navigation-container {
			width: 240%;
			padding: 100px 10%;
		}
		.head {
			width: 62%;
		}
		.hero-wrap, .content-wrap, .highlight-wrap {
			width: 72%;
		}
		.home .content-wrap {
			width: 40%;
		}
		.section-wrap.blue {
			width: 26%;
		}
		.section-wrap.white {
			width: 30%;
		}
		.pods-wrap {
			width: 32%;
		}
		.sponsors-wrap {
			width: 72%;
		}
		.sponsors .sponsor {
			height: 240px;
		}
		.sponsor h6 {
			padding: 95px 0;
		}
		.section-wrap.white {
			padding: 50px 5% 0 5%;
		}
		.section-wrap.white .section {
			overflow: unset;
		}
		.hid {
			clear: both;
			overflow: hidden;
			width: 100%;
		}
		.white .sects .sect {
			width: 88%;
			border: 0;
			padding: 0 20px;
		}
		.white ul.pags {
			display: block;
			width: 100%;
			background: #fff;
			padding: 20px 17%;
			margin: 0 -17%;
			text-align: center;
		}
		.member figure img {
			max-height: 100%;
		}
		footer {
			width: 72%;
		}
	}
	@media all and (max-width: 900px) {
		.col.one_third {
			width: 30%;
			padding: 50px 5%;
		}
		.col.two_thirds {
			width: 60%;
		}
		.content .col-s {
			width: 48%;
			margin: 0 2% 0 0;
		}
		.content .col-s:nth-child(2n+1) {
			clear: both;
			overflow: hidden;
		}
		.pod-wrap {
			width: 50%;
		}
		.pod-wrap:nth-child(3n+1) {
			clear: unset;
		}
		.pod-wrap:nth-child(2n+1) {
			clear: both;
		}
		.pod {
			padding: 50px 10% 20px 10%;
		}
		.sponsors .sponsor {
			width: 39.7%;
		}
		.foot .ft {
			width: 47%;
		}
		.hero .mission h1 {
			font-size: 40px;
			line-height: 43px;
		}
	}
	@media all and (max-width: 800px) {
		/* HEADER */
			header {
				background: #1f557a;
				clear: both;
				overflow: hidden;
			}
			.head {
				width: 90%;
				margin: 0 auto;
				background: none;
				padding: 0;
			}
			.logo {
				position: absolute;
				top: 40px;
				background: #fff;
				padding: 50px 0;
				left: 0;
				text-align: center;
				z-index: 9999;
			}
		/* NAV BAR */
			.nav-bar {
				width: 100%;
				border: 0;
				position: fixed;
				background: none;
				height: auto;
			}
			nav {
				width: 100%;
				padding: 0;
				margin: 0;
				clear: both;
				overflow: hidden;
			}
			#navbtn {
				width: 20%;
				padding: 12px 0;
				float: left;
				background: #1f557a;
			}
			#navbtn:hover {
				background: #1b4065;
			}
			#navbtn span {
				display: none;
			}
			nav.open #navbtn {
				background: #f8981e;
				border-color: #f7b663;
			}
			#navbtn .lines {
				height: 15px;
			}
			#navbtn .line {
				height: 3px;
				margin: 0 0 3px 0;
			}
			#navbtn .line.one {
				max-width: 20px;
			}
			#navbtn .line.two {
				max-width: 15px;
			}
			#navbtn .line.three {
				max-width: 18px;
			}
			nav.open #navbtn .lines {
				margin: 6px auto -6px auto;
			}
			nav.open #navbtn .line.three {
				margin: -3px 0 0 0;
				max-width: 20px;
			}
			.hbuttons {
				width: 80%;
				float: left;
				border-bottom: 1px solid #5a88a8;;
				background: #1f557a;
				z-index: 999999;
				position: relative;
			}
			.hnum {
				width: 49%;
				float: left;
				clear: none;
				padding: 8px 0 9px 0;
				border-left: 1px solid #5a88a8;
				border-bottom: 0;
				background: #1f557a;
			}
			.hnum:hover {
				background: #1b4065;
			}
			.hnum img  {
				display: none;
			}
			.hnum a {
				font-size: 14px;
			}
			.hnum:last-child {
				border-left: 1px solid #5a88a8;
			}
			.kbuttons {
				position: fixed;
				width: 100%;
				padding: 0;
				bottom: 0;
				border-top: 1px solid #f7b663;
			}
			.kbut {
			    border-bottom: 0;
			    width: 25%;
			    float: left;
			    clear: none;
			    background: #f8981e;
			    padding: 0;
			    cursor: pointer;
			    min-height: 60px;
			    position: relative;
			}
			.kbut:hover {
				background: #e88200;
			}
			.kbut .textwidget {
				display: block;
				padding: 12px 0;
				position: absolute;
				top: 0;
				left: 0;
				width: 99%;
				height: 100%;
				border-right: 1px solid #f7b663;
			}
			.kbut:last-child .textwidget {
				border-right: 0;
			}
			.kbut a {
				font-size: 0;
				line-height: 0;
			}
			.kbut img {
				margin: 0;
			}
		/* MENU */
			.menu-top-navigation-container {
				background: url(images/menu-bkg.png) repeat;
				top: 0;
				border-top: 1px solid #f7b663;
				overflow-y: scroll;
			}
			nav.open .menu-top-navigation-container {
				width: 90%;
				padding: 0 5%;
				position: fixed;
				right: 0;
				overflow-y: scroll;
			}
			nav .menu {
				padding: 110px 0;
			}
			nav .menu li {
				width: 100%;
				background: rgba(0, 0, 0, .3);
				border-bottom: 1px solid #bd8b4a;
			}
			nav .menu li.menu-item-has-children {
				background: url(images/menu-arrow-open.png) no-repeat 92% 28px rgba(0, 0, 0, .3);
			}
			nav .menu li.menu-item-has-children li.menu-item-has-children {
				background: none;
			}
			nav .menu li a {				
				font-size: 15px;
				font-weight: 700;
				width: 70%;
				border: 0;
				background: none;
			}
			nav .menu li:hover a, nav .menu li a:hover {
				background: none;
			}
			nav .menu li.active a {
				background: none;
				border-bottom: 0;
				padding-bottom: 10px;
			}
			nav .menu li.menu-item-has-children.active {
				border-top: 1px solid #f7b663;
				background: url(images/menu-arrow-close.png) no-repeat 92% 28px rgba(0, 0, 0, .15);
			}
			nav .menu li.menu-item-has-children:hover > a {
				margin: 0;
				border: 0;
			}
			nav .menu li ul, nav .menu li:hover ul {
				width: 100%;
				left: 0;
				position: relative;
				border: 0;
				background: none;
				height: 0;
			}
			nav .menu li.active ul {
				height: auto;
			}
			nav .menu li.active > ul {
				padding-bottom: 10px;
				border-bottom: 1px solid #f7b663;
				height: auto;
			}
			nav .menu li ul li {
				background: none;
				border-bottom: 0;
			}
			nav .menu li ul li a {
				background: none;
				border-bottom: 0;
				font-size: 16px;
				font-weight: 400;
				padding: 10px 20px;
			}
			nav .menu li ul li:hover > a {
				background: none;
			}
			nav .menu li ul li.menu-item-has-children:hover {
				width: 100%;
			}
			nav .menu li ul li.menu-item-has-children:hover > a {
			    margin: 0;
			    border: 0;
			    background: none;
			}
			nav .menu li ul li ul {
				left: 0;
				width: 100%;
				background: none;
				border-left: 0;
			}
			nav .menu li ul li:hover > ul {
				border-bottom: 0;
			}
			nav .menu li ul li ul li a {
			    border-bottom: 0;
			    padding: 10px 40px;
			}
			nav .menu li ul li ul li:hover > a {
				background: none;
			}
		/* HERO */
			.hero-wrap {
				width: 100%;
				margin-top: 220px;
				position: relative;
			}
			.hero li {
				background: #fff;
			}
			.hero img {
				opacity: .8;
			}
			.hero .mission {
				display: none;
			}
		/* CONTENT */
			.content-wrap {
				width: 100%;
				padding-top: 210px;
			}
			.home .content-wrap {
				padding-top: 0;
			}
			.content-wrap .title h1 {
				color: #211d1e;
				font-size: 32px;
				line-height: 34px;
			}
			.home .content-wrap {
				width: 100%;
				float: none;
				clear: both;
				overflow: hidden;
				background: #f6f6f6;
				height: auto!important;
			}
			.home .content {
				padding: 50px 0;
				width: 90%;
				background: none;
			}
			.home .content .mission {
				display: block;
			}
			.home .content p {
				font-size: 16px;
				line-height: 22px;
			}
		/* HIGHLIGHTS */
			.highlight-wrap {
				width: 100%;
			}
		/* SECTIONS */
			.section-wrap, .section-wrap.blue, .section-wrap.white {
				clear: both;
				overflow: hidden;
				width: 100%;	
				background: none;
			}
			.section-wrap.blue, .section-wrap.white {
				padding: 0;
			}
			.section-wrap h2 {
				text-align: center;
				padding: 40px 0;
			}
			.section-wrap.blue h2 {
				color: #1f557a;
			}
			.section {
				text-align: center;
				width: 90%;
				padding: 50px 5%;
			}
			.section .sects {
				text-align: left;
			}
			.white .sects {
				text-align: center;
			}
			.sects .sect, .white .sects .sect {
				width: 100%;
				padding: 0;
				margin: 0;
			}
		/* PODS */
			.pods-wrap {
				width: 100%;
				clear: both;
				overflow: hidden;
				height: auto!important;
			}
			.pods .pod {
				padding: 40px 5%;
				min-height: 0;
				height: auto;
			}
		/* SPONSORS */
			.sponsors-wrap {
				width: 100%;
			}
			.sponsors-wrap h2 {
				text-align: center;
			}
			.sponsors .sponsor {
				width: 39.5%;
				margin: 0 0.25% 0.5% 0.25%;
				height: 160px;
				line-height: 160px;
			}
			.sponsor h6 {
				font-size: 18px;
				padding: 50px 0;
			}
		/* FOOTER */
			footer {
				width: 100%;
			}
			.foot {
				padding: 40px 0 90px 0;
			}
			.foot .ft {
				width: 100%;
				clear: both;
				overflow: hidden;
				float: none;
				padding: 0;
			}
			.foot .ft:first-child {
				margin: 0 0 20px 0;
			}
			.foot .cright {
				border-top: 1px solid #5a88a8;
			}
	}
	@media all and (max-width: 782px) {
		.logged-in .nav-bar {
			top: 46px;
		}
	}
	@media all and (max-width: 600px) {
		h1.giant {
		    font-size: 40px;
		    line-height: 70px;
		    padding: 0 0 10px 0;
		}
		.col.one_third {
		    width: 90%;
		    padding: 40px 5%;
		}
		.col.two_thirds {
		    width: 100%;
		}
		.content .col-s {
			width: 100%;
			margin: 0;
		}
		.pod-wrap {
		    width: 100%;
		}
		.pod {
			border-left: 0;
			border-bottom: 0;
			border-top: 1px solid #f7b663;
			min-height: unset;
			width: 90%;
			padding: 40px 5%;
			text-align: left;
			clear: both;
			overflow: hidden;
		}
		.pod figure {
			width: 30%;
			float: left;
			height: auto;
			text-align: center;
		}
		.pod .cap {
			width: 65%;
			float: left;
			padding: 0 0 0 5%;
		}
		.pod .cap h6 {
			padding: 0;
		}
		.member {
		    width: 100%;
		    float: none;
		    margin: 0 0 20px 0;
		    clear: both;
		    overflow: hidden;
		}
		.content .frm_style_formidable-style.with_frm_style label.frm_primary_label, .content .frm_style_formidable-style.with_frm_style.frm_login_form label,
		.content form input[type="text"], .content .frm_style_formidable-style.with_frm_style input[type="text"], .content .frm_style_formidable-style.with_frm_style input[type="password"], .content .frm_style_formidable-style.with_frm_style input[type="email"], .content .frm_style_formidable-style.with_frm_style input[type="number"], .content .frm_style_formidable-style.with_frm_style input[type="url"], .content .frm_style_formidable-style.with_frm_style input[type="tel"], .content .frm_style_formidable-style.with_frm_style input[type="phone"], .content .frm_style_formidable-style.with_frm_style input[type="search"], .content .frm_style_formidable-style.with_frm_style select, .content .frm_style_formidable-style.with_frm_style textarea, .content .frm_form_fields_style, .content .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, .content .frm_form_fields_active_style, .content .frm_form_fields_error_style, .content .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, .content .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {
			width: 100%;
		}
		.content form button, .content form input[type="submit"], .content .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .content .frm_style_formidable-style.with_frm_style input[type="submit"], .content .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .content .frm_style_formidable-style.with_frm_style .frm_submit button, .content .frm_form_submit_style, .content .frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"] {
			margin-left: 0;
		}
	}
	/*@media all and (max-width: 600px) {
		.head-wrap {
			overflow: unset;
		}
		#navbtn {
			font: normal 400 14px/30px 'Lato', sans-serif;
			display: block;
			color: #fff;
			float: none;
			letter-spacing: 0.05em;
			height: 30px;
			overflow: hidden;
			padding: 9px 0 15px 0;
			position: relative;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			width: 100%;
			border-top: 2px solid #fff;
		}
		#navbtn:hover {
			cursor: pointer;
		}
		nav {
			width: 100%;
			float: none;
		}
		header nav .menu { 
			padding: 0;
			float: left;
			position: absolute;
			top: auto;
			right: -100%;
			margin: 55px 0 0 0;
			z-index:999999;
			width: 90%;
			display: none;
		}
		header nav.open .menu {
			display: block;
			right: 5%;
		}
		header nav .menu li {
			float: none;
			clear: both;
			overflow: hidden;
			margin: 0;
			padding: 0;
			background: rgba(21, 21 ,23, .9);
			display: block;
			text-align: left;
			width: 100%;
		}
		header nav .menu li a, header nav .menu li a:link, header nav .menu li a:visited {
			padding: 20px 30px!important;
			display: block;
			border-bottom: 1px solid #151517!important;
			margin: 0!important;
			color: #fff;
			text-transform: uppercase;
		}
		header nav .menu li ul, header nav .menu li ul li ul {
			background: rgba(21, 21 ,23, .9);
			width: 100%;
			position: relative;
			left: auto!important;
			opacity: 1;
			border: 0px;
			padding: 0;
			margin: 0;
		}
		.menu li li a, .menu li li a:link, .menu li li a:visited, .menu li.current_page_item li a, .menu li.current_page_item li a:link, .menu li.current_page_item li a:visited, .menu li.current-menu-item li a, .menu li.current-menu-item li a:link, .menu li.current-menu-item li a:visited {
			padding-left: 35px!important;
		}
	}*/