/*
Theme Name: Inside Out Initiative
Theme URI: https://insideoutinitiative.org
Author: Gish&Co
Author URI: http://gish.co
Description: A custom theme built for Inside Out
Version: 2.0.0
Text Domain: inside-out
*/

/*
@media (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 1200px) {}
*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}
.page.hentry {
	margin:0px;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Font Face Declarations
--------------------------------------------------------------*/
@font-face {
    font-family: 'Lemon Milk';
    src: url('fonts/lemonmilk-webfont.woff2') format('woff2'),
         url('fonts/lemonmilk-webfont.woff') format('woff'),
         url('fonts/lemonmilk-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/329544");


@font-face {font-family: 'KefaIIPro';font-weight:bold;font-style:normal;src: url('fonts/329544_0_0.eot');src: url('fonts/329544_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/329544_0_0.woff2') format('woff2'),url('fonts/329544_0_0.woff') format('woff'),url('fonts/329544_0_0.ttf') format('truetype');}


@font-face {font-family: 'KefaIIPro';font-weight:bold;font-style:italic;src: url('fonts/329544_1_0.eot');src: url('fonts/329544_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/329544_1_0.woff2') format('woff2'),url('fonts/329544_1_0.woff') format('woff'),url('fonts/329544_1_0.ttf') format('truetype');}


@font-face {font-family: 'KefaIIPro';font-weight:normal;font-style:italic;src: url('fonts/329544_2_0.eot');src: url('fonts/329544_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/329544_2_0.woff2') format('woff2'),url('fonts/329544_2_0.woff') format('woff'),url('fonts/329544_2_0.ttf') format('truetype');}


@font-face {font-family: 'KefaIIPro';font-weight:normal;font-style:normal;src: url('fonts/329544_3_0.eot');src: url('fonts/329544_3_0.eot?#iefix') format('embedded-opentype'),url('fonts/329544_3_0.woff2') format('woff2'),url('fonts/329544_3_0.woff') format('woff'),url('fonts/329544_3_0.ttf') format('truetype');}


/*--------------------------------------------------------------
# Whole Website Styles
--------------------------------------------------------------*/
body {
	font-size:18px;
	font-family: 'KefaIIPro', sans-serif;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol, blockquote, p {
	margin-top:0px;
	margin-bottom:25px;
}
h1, .h1 {
	font-size:48px;
}
h2, .h2 {
	font-size:42px;
}
h3, .h4 {
	font-size:36px;
}
h4, .h4 {
	font-size:24px;
}
h5, .h5 {
	font-size:20px;
}
h6, .h6 {
	font-size:16px;
}
.site {
	padding-top:37px;
}
a {
	color:#00c0f3;
}
a:hover, a:focus {
	color:#c6ce25;
}
.site-main img {
	max-width:100%;
	height:auto;
}
#page .blue {
	color:#00c0f3;
}
#page .light-grey {
	color:#bcbec1;
}
#page .dark-grey {
	color:#58595b;
}
#page .yellow {
	color:#c6ce25;
}
#page .white {
	color:#FFF;
}
#page .bigger-text {
	font-size:24px;
}
#page .text-shadow {
	text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}
#page .no-text-shadow {
	text-shadow: none;
}
body.blue {
	background:#00c0f3;
}
body.grey {
	background:#58595b;
}
body.white {
	background:#FFF;
}

body.blackblue, 
body.single-team,
body.blog,
body.single-post,
body.archive {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,00baeb+75 */
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,186,235,1) 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,186,235,1) 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,186,235,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00baeb',GradientType=1 ); /* IE6-9 */
    position: relative;
}
body.blackblue:before,
body.single-team:before,
body.blog:before,
body.single-post:before,
body.archive:before {
    content:"";
    display:block;
    position: absolute;
    top:37px;
    left:0px;
    right:0px;
    height:20vw;
    z-index:-1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

body.blackblue .bg-transparent {
    color:#FFF;
}

@media (max-width: 767px) {
	body {
		font-size:16px;
	}
	.site {
		padding-top:34px;
	}
	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol, blockquote, p {
		margin-bottom:20px;
	}
	h1, .h1 {
		font-size:28px;
	}
	h2, .h2 {
		font-size:28px;
	}
	h3, .h4 {
		font-size:24px;
	}
	h4, .h4 {
		font-size:20px;
	}
	h5, .h5 {
		font-size:18px;
	}
	h6, .h6 {
		font-size:16px;
	}
	#page .bigger-text {
		font-size:20px;
    }
    body.blackblue:before,
    body.single-team:before,
    body.blog:before,
    body.single-post:before,
    body.archive:before {
        top:34px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 1200px) {

}

/*--------------------------------------------------------------
# Header & Navigation
--------------------------------------------------------------*/
.home-banner-placeholder {
	height:0px;
}
.home-banner-placeholder.active {
	height:85px;
}
.site-header {
	position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
	z-index:300;
}
.site-header .navbar-upper {
    background:#00c0f3;
    color:#FFF;
    padding:5px 20px;
}
.site-header .navbar-upper .header-right-menu a {
    color:#FFF;
}
.site-header .navbar-upper .header-right-menu a:hover,
.site-header .navbar-upper .header-right-menu a:focus {
    color:#000;
    text-decoration: none;
}
.site-header .header-main-menu>li, .site-header .header-right-menu>li {
    margin-right:8px;
    display:inline-block;
    text-transform: uppercase;
    margin:0px;
    padding:0px;
    line-height: 1.4;
    font-size:13px;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    z-index:200;
}
.site-header .header-main-menu>li:after {
    content:"|";
    margin-left:10px;
    margin-right: 10px;
}
.site-header .header-right-menu li:after {
    content:"|";
    margin-left:8px;
    margin-right: 5px;
}
.site-header .header-main-menu>li:last-child:after, .site-header .header-right-menu>li:last-child:after {
    content:"";
    margin-left:0px;
}
.admin-bar .site-header {
	top:32px;
}
@media (max-width: 782px) {
	.admin-bar .site-header {
		top:46px;
	}
}
@media (max-width: 600px) {
	html #wpadminbar {
	    position: fixed;
	}
}
.site-header.home-top {
	position: relative;
	top:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.site-header .navbar {
	height:auto;
	border:0px;
	border-radius: 0px;
	margin:0px;
    color:#58595b;
    padding:0px 35px;
}
body .collapse:not(.show) {
    display: block;
}
body .collapse:not(.in) {
    display: none;
}
.site-header .navbar-brand {
	width:auto;
	height:auto;
	padding-top:40px;
	padding-bottom:0px;
}
.site-header .navbar-brand img,
.site-footer .navbar-brand img {
	width:200px;
	height:90px;
}

@media (max-width: 991px) {
    .site-header #inside-out-main-menu {
        position: absolute;
        top:57px;
        right:30px;
        width:225px;
    }
    .site-header #inside-out-main-menu ul.header-main-menu {
        background: rgba(0,0,0,.7);
        border: solid 1px #58595b;
        padding:0px;
    }
    .site-header #inside-out-main-menu ul.header-main-menu li {
        display:block;
        border-bottom: solid 1px #58595b;
    }
    .site-header #inside-out-main-menu ul.header-main-menu li:last-child {
        border-bottom:0px;
    }
    .site-header #inside-out-main-menu ul.header-main-menu li a {
        color: #FFF;
        padding: 7px 13px;
        display: block;
    }
    .site-header .header-main-menu>li:after {
        display:none;
    }
}

@media (min-width: 768px) {
	.site-header .inside-out-nav {
		margin:0px;
		padding:0px;
        list-style: none;
        color:#FFF;
    }
	.site-header .inside-out-nav>li {
		position: relative;
		display:inline-block;
		text-transform: uppercase;
		margin:0px;
		padding:0px;
		line-height: 1.4;
		font-size:13px;
		font-family: 'Lemon Milk', sans-serif;
		-webkit-font-smoothing: antialiased;
	    -moz-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        z-index:200;
	}
	.site-header .navbar-right .inside-out-nav {
		display: inline-block;
	}
	.site-header .inside-out-nav>li>.sub-menu {
		display: none;
    }
    .site-header .inside-out-nav>li:hover>a {
        color:#00c0f3;
    }
	.site-header .inside-out-nav>li:hover>.sub-menu {
		display: block;
		position: absolute;
		top:40px;
		left:-13px;
        background:rgba(0,0,0,.7);
        border:solid 1px #58595b;
		padding:0px;
		z-index: 100;
		width:270px;
		list-style: none;
		margin:0px;
    }
    .site-header .inside-out-nav>li:last-child:hover>.sub-menu {
        left:auto;
        right:-13px;
    }
	.site-header .inside-out-nav>li:hover>.sub-menu:before {
		content:"";
		display: block;
		position: absolute;
		top:-17px;
		left:0px;
		width:100%;
		height:17px;
    }
    .site-header .inside-out-nav>li:last-child:hover>.sub-menu:before {
        left:auto;
        right:0px;
        width:90px;
	}
	/* .site-header .inside-out-nav>li:hover>.sub-menu:after {
		content:"";
		position: absolute;
		bottom: -30px;
	    left: 15px;
	    width: 100%;
	    height: 30px;
		display: block;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );
		-webkit-transform: skewX(45deg);
		-moz-transform:    skewX(45deg);
		-ms-transform:     skewX(45deg);
		-o-transform:      skewX(45deg);
		transform:         skewX(45deg);
	} */
	.site-header .inside-out-nav>li>.sub-menu>li {
        line-height: 22px;
        font-size:16px;
        border-bottom:solid 1px #58595b;
    }
    .site-header .inside-out-nav>li>.sub-menu>li:last-child {
        border-bottom:0px;
	}
	.site-header .inside-out-nav>li>.sub-menu>li a {
        color:#FFF;
        padding: 7px 13px;
        display: block;
	}
	.site-header .inside-out-nav>li>.sub-menu>li a:hover, .site-header .inside-out-nav>li>.sub-menu>li a:focus {
		color:#00c0f3;
    }
    .site-header .navbar-left>li {
        font-size:20px;
    }
	.site-header .navbar-left>li a {
		color:#FFF;
	}
	.site-header .navbar-left>li a:hover, .site-header .navbar-left>li a:focus {
		color:#00c0f3;
		text-decoration: none;
	}
	.site-header .header-main-menu>li.current-menu-item>a {
		color:#00c0f3;
	}
	.site-header .inside-out-nav>li>.sub-menu>li>.sub-menu {
		list-style: none;
		margin:0px;
		padding:0px 0px 0px 15px;
		font-size: 12px;
	    line-height: 1.6em;
	}
	.site-header .grey-bar {
		height:85px;
		padding-right:30px;
		padding-left:20px;
		background:#58595b;
		color:#c6ce25;
		position: relative;
		right:-30px;
	}
	.site-header .grey-bar:before {
		content:"";
		display:block;
		width:45px;
		height:85px;
		background:url("img/header-diagonal.svg") top left;
		background-size:46px 86px;
		position: absolute;
		top:0px;
		left:-45px;
	}
	.site-header .grey-bar .inside-out-nav>li a {
		color:#FFF;
	}
	.site-header .grey-bar .inside-out-nav>li a:hover, .site-header .grey-bar .inside-out-nav>li a:focus, .site-header .grey-bar .inside-out-nav>li.current-menu-item a {
		color:#FFF;
		text-decoration: none;
    }
    .site-header .header-main-menu {
        padding-top:40px;
    }
	
	.site-header .header-social-menu {
		margin-left:15px;
	}
	.site-header .header-social-menu li {
		margin-left:5px;
	}
	.site-header .header-social-menu svg {
		width:22px;
		height:22px;
	}
	.site-header .header-social-menu a {
		display: block;
	}
	.site-header .header-social-menu a svg path {
		fill:#FFF;
	}
	.site-header .header-social-menu a:hover svg path {
		fill:#FFF;
	}
}
@media (max-width: 767px) {
    
	.home-banner-placeholder.active {
		height:68px;
	}
	.site-header {
		height:102px;
	}
	.site-header .navbar {
		height:68px;
    }
    .site-header .navbar-brand {
        padding-top:15px;
    }
    .site-header .navbar-brand img  {
		width:100px;
		height:45px;
    }
	.site-header .navbar-toggle {
		background:#58595b;
		border-radius: 0px;
		margin-top:17px;
	}
	.site-header .navbar-toggle .icon-bar {
		background:#c6ce25;
	}
	.site-header .header-social-menu {
		display:none;
	}
	/* .site-header .navbar-collapse {
		background:#FFF;
	} */
	.site-header ul {
		list-style: none;
		margin:0px;
		padding:0px;
    }
    .site-header ul.header-main-menu>li>ul.sub-menu {
        display:none;
        border-top: solid 1px #58595b;
    }
    .site-header ul.header-main-menu li.opened>ul.sub-menu {
		display:block;
    }
    .site-header .header-main-menu>li {
        font-size:17px;
    }
    .site-header .header-main-menu>li a:hover,
    .site-header .header-main-menu>li a:focus {
        text-decoration: none;
    }
    .site-header ul.header-main-menu>li>ul.sub-menu li {
        font-size:13px;
    }
    .site-header #inside-out-main-menu ul.header-main-menu>li>ul.sub-menu li a {
        color:#00c0f3;
    }
	/* .site-header ul.header-main-menu li {
		display:block;
		border-top:solid 1px #eee;
		text-transform: uppercase;
		margin:0px;
		padding:0px;
		font-size:16px;
		font-family: 'Lemon Milk', sans-serif;
		-webkit-font-smoothing: antialiased;
	    -moz-font-smoothing: antialiased;
	    -o-font-smoothing: antialiased;
	}
	.site-header ul.header-main-menu li a {
		display:block;
		padding:8px 0px;
		color:#58595b;
	}
	.site-header ul.header-main-menu li a:hover, .site-header ul li a:focus {
		text-decoration: none;
	}
	
	.site-header ul.header-main-menu>li>ul.sub-menu>li>ul.sub-menu {
		display:block;
	}
	
	.site-header .inside-out-nav>li>.sub-menu li {
		line-height: 23px;
		font-size: 14px;
		border-top:none;
	}
	.site-header .inside-out-nav>li>.sub-menu li a {
		color: #b9baba;
		padding:2px 0px;
	}
	.site-header .inside-out-nav>li>.sub-menu li ul.sub-menu li {
		line-height: 16px;
		font-size: 12px;
		border-top:none;
		padding-left:15px;
	}
	.site-header .inside-out-nav>li>.sub-menu li ul.sub-menu li a {

	} */
}
@media (min-width: 1200px) {
    .site-header .navbar {
        padding-left:85px;
        padding-right:85px;
    }
    .site-header .navbar-brand img,
    .site-footer .navbar-brand img {
        width:250px;
        height:112px;
    }
    .site-header .navbar-left>li {
        font-size:22px;
    }
    .site-header .inside-out-nav>li>.sub-menu>li {
        line-height: 23px;
        font-size:17px;
    }
}

.site-header .navbar-toggler {
    margin-top: 16px;
    margin-right:-10px;
}
.site-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.page-header {
    min-height: 41vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.page-header .inside-padding {
    width: 60%;
    padding-bottom: 50px;
    padding-top: 200px;
}
.page-header .inside-content-here *:last-child {
    margin-bottom:0px;
}
@media (max-width: 767px) {
    .page-header .inside-padding {
        width: 100%;
        padding-bottom: 30px;
        padding-top: 90px;
    }
}
@media (max-width: 499px) {
    .page-header .inside-padding {
        width: 100%;
    }
}


.site-footer {
    background: #00c0f3 url('img/footer-background.jpg') center center no-repeat;
    background-size:cover;
	color:#FFF;
    padding:50px 35px 30px;
}
/* .site-footer .footer-menu-area {
	background:#58595b;
	color:#FFF;
	padding-top:50px;
	padding-bottom:50px;
	padding-right:0px;
	position: relative;
} */
.site-footer .footer-menu-area .footer-menu {
	list-style: none;
	margin:0px;
    padding:0px;
    width:50%;
}
.site-footer .footer-menu-area .footer-menu>li {
    text-transform: uppercase;
    margin-bottom:5px;
}
.site-footer .footer-menu-area .footer-menu>li>a {
	color:#FFF;
}
.site-footer .footer-menu-area .footer-menu>li>a:hover, 
.site-footer .footer-menu-area .footer-menu>li>a:focus {
	color:#c6ce25;
	text-decoration: none;
}
.site-footer .footer-text-area {
	font-size:13px;
    /* padding-left:0px; */
}
.site-footer .copyright {
    font-size:13px;
}
.site-footer .email-link {
    margin-top:20px;
    font-size:15px;
}
.site-footer .email-link a {
    color:#FFF;
    padding-left:34px;
    background: url('img/icon-email.svg') left center no-repeat;
    background-size:30px 15px;
}
.site-footer .footer-text-area .footer-nfl-logo {
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-transform: uppercase;
    font-size:17px;
}
.site-footer .footer-text-area .footer-nfl-logo img {
    width: 130px;
    height:auto;
}
.site-footer .footer-text-area .footer-text-area-inside p {
	margin:0px;
}

@media (max-width: 767px) {
    .site-footer {
        padding:20px 15px 30px;
    }
    .site-footer .footer-text-area .footer-nfl-logo,
    .site-footer .footer-text-area .footer-isoi-logo {
        text-align:center;
    }
    .site-footer .navbar-brand {
        margin:0px auto;
    }
    .site-footer .navbar-brand img {
		width: 200px;
        height: 90px;
    }
}
@media (max-width: 374px) {
	/* body div .site-footer .footer-text-area {
		text-align: center;
	}
	body div .site-footer .footer-text-area .footer-text-area-inside {
		padding:30px 0px 0px;
	    width:100%;
	    float:none;
	} */
	/* body div .site-footer .footer-text-area .footer-nfl-logo {
		position: relative;
		top:0;
	    margin:0px auto 10px;
	    -webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
	    transform:         none;
	    float:none;
	    width:100%;
	    max-width:160px;
	    text-align: center;
	}
	body div .site-footer .footer-text-area .footer-nfl-logo img {
	    max-width:160px;
	    margin:0 auto;
	} */
}
@media (max-width: 650px) {
	/* .site-footer .footer-menu-area .footer-menu>li, .site-footer .footer-menu-area .footer-menu>li.menu-item-67, .site-footer .footer-menu-area .footer-menu>li.menu-item-76 {
		width:50%;
		margin-bottom:30px;
	}
	#menu-item-434 {
		clear:left;
	}
	body .site-footer .footer-menu-area {
		padding-bottom:0px;
	}
	body .site-footer .footer-text-area .footer-text-area-inside {
	    width:50%;
	}
	body .site-footer .footer-text-area .footer-nfl-logo {
	    width:50%;
	    position: absolute;
	    max-width:160px;
	    right: 30px;
	} */
	
}
@media (max-width: 991px) {
	/* .site-footer .footer-text-area .footer-text-area-inside {
		padding:30px 0px;
		position: relative;
	    top: 0;
	    width:70%;
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
	    transform:         none;
	}
	.site-footer .footer-text-area .footer-nfl-logo {
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
	    transform:         none;
		position: relative;
	    top:0;
	}
	.site-footer .footer-text-area .footer-nfl-logo img {
		width:100%;
	}
	.site-footer .footer-menu-area {
		padding-top:30px;
		padding-bottom:30px;
	}
	.site-footer .footer-diagonal {
		display:none;
	}
	.site-footer .footer-text-area {
		padding-left:30px;
	}
	.site-header .header-social-menu {
		margin-left:10px;
	}
	.site-header .grey-bar {
		padding-left: 0px;
	} */
}
@media (min-width: 1200px) {
    .site-footer {
        padding-left:85px;
        padding-right:85px;
    }
    .site-footer .footer-menu-area {
		padding-right:15px;
    }
    .site-footer .footer-text-area {
        margin-top:-20px;
    }
	/* .site-footer .footer-menu-area {
		padding-left:30px;
	}
	.site-footer .footer-menu-area .footer-menu {
		padding-left:30px;
    } */
    .site-footer .email-link {
        font-size:18px;
    }
    .site-footer .email-link a {
        padding-left:50px;
        background-size:40px 20px;
    }
}


.home-banner img {
	width:100%;
	height:auto;
}

/*--------------------------------------------------------------
## Flex Styles
--------------------------------------------------------------*/
.flex {
	padding:0px;
	position: relative;
}
.inside-padding {
	padding:55px 20px;
}
.bg-white {
	background:#FFF;
}
.bg-blue {
	background:#00c0f3;
    color:#FFF;
    font-size:20px;
}
.bg-black {
	background:#000;
	color:#FFF;
}
.bg-blue a {
	color:#FFF;
	text-decoration: underline;
}
.bg-blue a:hover {
	color:#c6ce25;
}
.bg-grey {
	background:#58595b;
}
.bg-lightgrey {
	background:#bcbec1;
}
.flex.bg-bluecircles {
	background-color:#00c0f3;
	background-image:url("img/circle-bg-blue.svg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: left center;
    color:#FFF;
    font-size:20px;
}
.flex.bg-blackcircles {
	background-color:#000;
	background-image:url("img/black-circles.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: left top;
	color:#FFF;
}
.flex.bg-blackcircletop {
	background-color:#000;
	background-image:url("img/blackcircletop-background.jpg");
    background-repeat:no-repeat;
    background-size:700px auto;
	background-position: left top;
	color:#FFF;
}

.flex.bg-bluedots {
	background-color:#00c0f3;
	background-image:url("img/dots-background.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
    color:#FFF;
    font-size:20px;
}
.flex.bg-image, .flex.big-image {
	background-size:cover;
	background-position: center center;
	color:#FFF;
}
.flex.bg-parallax {
	background:transparent;
	color:#FFF;
}
.flex.bg-image .inside-padding, .flex.bg-parallax .inside-padding {
	z-index: 2;
	position: relative;
}
.flex.height-full {
	height:100vh;
	padding-top:97px;
}
.flex.height-full.fp-section {
	padding-top:0px;
}
.flex.height-full.fp-section .fp-tableCell {
	padding-top:97px;
}
.admin-bar .flex.height-full {
	height:calc(100vh - 32px);
}
.flex.height-tall, .flex.height-tall .inside-padding {
    height: 610px;
}
.flex.height-tall.firstrow {
    padding-top:85px;
}
.height-full .inside-padding, .height-tall .inside-padding {
    position: relative;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}
.bg-video h1, .bg-video h2, .bg-image h1, .bg-image h2, .bg-image h3, .bg-parallax h1, .bg-parallax h2, .bg-parallax h3 {
    text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
}
.flex h2, .flex .h2 {
	font-size:48px;
}
.image-color-overlay {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 1;
}
.image-color-overlay.overlay-black {
	background:#000;
}
.image-color-overlay.overlay-grey {
	background:#58595b;
}
.image-color-overlay.overlay-blue {
	background-color:#00c0f3;
}
.image-color-overlay.overlay-yellow {
	background:#d7df23;
}
.image-color-overlay.overlay-white {
	background:#FFF;
}
body .no-bottom-padding .inside-padding {
	padding-bottom:0px;
}
body .no-top-padding .inside-padding {
	padding-top:0px;
}
body .no-bottom-margin {
	margin-bottom:0px;
}
.flex.width-thin .inside-padding {
	padding-left:15%;
	padding-right:15%;
}
.flex .single-column .inside-content-here>*:last-child {
	margin-bottom:0px;
}
@media (max-width: 767px) {
	.flex.height-tall.firstrow {
	    padding-top:68px;
	}
	.inside-padding {
		padding:30px 15px;
	}
	.flex.height-tall, .flex.height-tall .container-fluid {
	    height: 350px;
	}
	.flex.width-thin .inside-padding {
		padding-left:0px;
		padding-right:0px;
	}
	.flex h2, .flex .h2 {
		font-size:32px;
    }
    .flex.page-header.bg-image {
        background-position: center right;
    }
    .flex.page-header.bg-image .inside-padding {
        background:rgba(0,0,0,.65);
    }
}
@media (max-width: 374px) {
	.flex.height-tall, .flex.height-tall .container-fluid {
	    height: 300px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.flex.height-tall, .flex.height-tall .container-fluid {
	    height: 450px;
	}
	.flex.width-thin .inside-padding {
		padding-left:10%;
		padding-right:10%;
	}
}
@media (min-width: 992px) {
	.flex .inside-content-here>*:last-child {
		margin-bottom:0px;
	}
}
@media (min-width: 1200px) {
	.inside-padding {
		padding:85px 70px;
	}
}


/*--------------------------------------------------------------
## Grey Box Styles
--------------------------------------------------------------*/
.flex.grey-boxes .grey-box {
	background:#58595b;
	color:#FFF;
}
.flex.grey-boxes .grey-boxes-area {
	position: relative;
}
.flex.grey-boxes .grey-boxes-area:after {
	content:"";
	position: absolute;
	bottom: -30px;
    left: 15px;
    width: 100%;
    height: 30px;
	display: block;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );
	-webkit-transform: skewX(45deg);
	-moz-transform:    skewX(45deg);
	-ms-transform:     skewX(45deg);
	-o-transform:      skewX(45deg);
	transform:         skewX(45deg);
}
.flex.grey-boxes .grey-box ul, .flex.grey-boxes .grey-box ol {
	padding-left: 15px;
}
.flex.grey-boxes .grey-box .image-column img {
	width:100%;
	height:auto;
}
.flex.grey-boxes .grey-box .image-column .content-here {
	background-size:cover;
	background-position: center center;
}
.flex.grey-boxes .grey-box .content-column .content-here {
	padding:20px 30px;
	font-size:16px;

}
.flex.grey-boxes .grey-box a {
	color:#c6ce25;
}
.flex.grey-boxes .grey-box .inside-content-here>*:last-child {
	margin-bottom:0px;
}
.flex.grey-boxes .grey-box h1,
.flex.grey-boxes .grey-box .h1,
.flex.grey-boxes .grey-box h2,
.flex.grey-boxes .grey-box .h2,
.flex.grey-boxes .grey-box h3,
.flex.grey-boxes .grey-box .h3,
.flex.grey-boxes .grey-box h4,
.flex.grey-boxes .grey-box .h4,
.flex.grey-boxes .grey-box h5,
.flex.grey-boxes .grey-box .h5,
.flex.grey-boxes .grey-box h6,
.flex.grey-boxes .grey-box .h6,
.flex.grey-boxes .grey-box ul,
.flex.grey-boxes .grey-box ol,
.flex.grey-boxes .grey-box blockquote,
.flex.grey-boxes .grey-box p {
	margin-bottom:10px;
}
@media (max-width: 767px) {
	.flex.grey-boxes .grey-box {
		margin-bottom:30px;
	}
	.flex.grey-boxes .grey-box:last-of-type {
		margin-bottom:0px;
	}
	.flex.grey-boxes .grey-box .content-column .content-here {
		padding:20px;
		font-size:16px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.flex.grey-boxes .grey-box .content-column .content-here {
		padding:50px;
		font-size:18px;
	}
}
@media (min-width: 992px) {
	.flex.grey-boxes .grey-box:nth-child(odd) .image-column {
		padding-right:0px;
	}
	.flex.grey-boxes .grey-box:nth-child(even) .image-column {
		padding-left:0px;
	}
	.flex.grey-boxes .grey-box:nth-child(odd) .content-column {
		padding-left:0px;
	}
	.flex.grey-boxes .grey-box:nth-child(even) .content-column {
		padding-right:0px;
	}
	.flex.grey-boxes .grey-box:nth-child(even) .image-column {
		float:right;
	}
	.flex.grey-boxes .grey-box .content-column .inside-content-here {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media (min-width: 1260px) {
	.flex.grey-boxes .grey-box .content-column .content-here {
		padding:30px 50px;
		font-size:18px;
	}
}


/*--------------------------------------------------------------
## Large Slider Styles
--------------------------------------------------------------*/
.flex.large-slider, 
.flex.large-slider .large-slider-slides,
.flex.large-slider .large-slider-slides .slide {
    height:52vw;
    position: relative;
}
.flex.large-slider .large-slider-content {
    width:60%;
}
.flex.large-slider .large-slider-content .row>*:last-child {
    margin-bottom:0px;
}
.flex.large-slider .large-slider-content .inside-padding {
    padding-bottom:0px;
    padding-right:0px;
}
.flex.large-slider .large-slider-slides {
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    z-index:50;
}
.flex.large-slider .large-slider-slides .slide {
    background-size:cover;
    background-position: center;
}
.flex.large-slider .slick-dots {
    position: absolute;
    bottom:30px;
    left:50%;
    margin:0px;
    padding:0px;
    list-style: none;
}
.flex.large-slider .slick-dots li {
    margin:0px 4px;
    padding:0px;
    display:inline-block;
    height:14px;
}
.flex.large-slider .slick-dots li button {
    width:14px;
    height:14px;
    border-radius: 50%;
    border:solid 2px #00c0f3;
    padding:0px;
    background:transparent;
    overflow: hidden;
    text-indent: -999px;
}
.flex.large-slider .slick-dots li.slick-active button {
    background-color:#00c0f3;
    border-color:#FFF;
}
.flex.large-slider h2 {
    font-size: 2vw;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .flex.large-slider  {
        height:150vw;
    }
    .flex.large-slider, .flex.large-slider .large-slider-slides, 
    .flex.large-slider .large-slider-slides .slick-list, 
    .flex.large-slider .large-slider-slides .slick-track, 
    .flex.large-slider .large-slider-slides .slide {
        /* height:100%; */
        height:150vw;

    }
    .flex.large-slider .slick-dots {
        display:none !important;
    }
    .flex.large-slider h2 {
        font-size: 22px;
    }
    .flex.large-slider .large-slider-content {
        width:auto;
        background:rgba(0,0,0,.5);
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: flex-end;
        align-items: flex-end;
    }
    .flex.large-slider .large-slider-content .inside-padding {
        padding-bottom:30px;
        padding-right:30px;
        padding-left:30px;
        padding-top: 85px;
    }
    .flex.large-slider .large-slider-slides .slide {
        background-position: center right;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

}


/*--------------------------------------------------------------
## Home News Slider Styles
--------------------------------------------------------------*/
.flex.recent-news {

}
.flex.recent-news .inside-padding {
	padding-left:85px;
	padding-right:85px;
}
.flex.recent-news .home-news-list {
	margin:0px -10px;
}
.flex.recent-news .home-news-list .slick-list {
	padding-bottom:30px;
}
.flex.recent-news .home-news-list .hentry {
	background:#FFF;
	padding:15px;
	color:#58595b;
	margin:0px 10px;
	position: relative;
}
.bg-white.flex.recent-news .home-news-list .hentry {
	border:solid 1px #ccc;
}
/* slick-active */
.flex.recent-news .home-news-list .hentry:focus {
	outline:0;
}
.flex.recent-news .home-news-list .hentry .entry-date {
	margin:10px 0px;
}
.flex.recent-news .home-news-list .hentry .entry-title {
	margin:0px 0px 5px;
}
.flex.recent-news .home-news-list .hentry .entry-content {
	margin:10px 0px;
}
.flex.recent-news .home-news-list .hentry img.attachment-news-excerpt {
	width:100%;
	height:auto;
}
.flex.recent-news .slick-arrow {
	display:block;
	border:0px;
	border-radius: 50%;
	background:#FFF;
	width:60px;
	height:60px;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-size:22px 40px;
	position: absolute;
	top:50%;
	margin-top:-30px;
}
.flex.recent-news .slick-arrow:focus {
	outline:0;
}
.flex.recent-news .slick-arrow.slick-prev {
	background-image:url("img/arrow-left.svg");
	background-position: 18px center;
	left:-67px;

}
.flex.recent-news .slick-arrow.slick-next {
	background-image:url("img/arrow-right.svg");
	background-position: 21px center;
	right:-67px;
}
.flex.home-recent-news {
	overflow:visible;
	z-index:3;
}
@media (max-width: 767px) {
	.flex.recent-news .inside-padding {
		padding: 30px 0px;
	}
	.flex.recent-news .slick-arrow {
		display: none !important;
	}
}


blockquote {
    padding:8px 0px 0px 30px;
    background:url('img/quote-sm.png') 0px 0px no-repeat;
    background-size:22px 20px;
}
blockquote em {
    display: block;
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:20px;
    line-height: 20px;
    margin-top:5px;
    font-style: normal;
}
@media (max-width: 767px) {
    blockquote em {
        font-size:17px;
        line-height: 17px;
    }
}


/* #isoi-map svg {
    width: 100%;
    height: 100%;
} */

.map-instruction {
    background:#000;
    color:#FFF;
    display: block;
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:20px;
    line-height: 20px;
    border-radius: 30px;
    text-align: center;
    padding: 10px 30px;
    margin-bottom:30px;
}
.map-key {
    list-style: none;
    display:flex;
    flex-wrap: wrap;
    padding:0px;
    margin:0px -5px 30px;
}
.map-key li {
    display:block;
    padding:8px;
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 15px;
    color:#FFF;
    margin:5px;
    width:calc(50% - 10px);
    text-align:center;
}
.map-key .phase1 {
    background-color:#22c0f1;
}
.map-key .phase2 {
    background-color:#bcce01;
}
.map-key .phase3 {
    background-color:#515357;
}
.map-key .phase4 {
    background-color:#000;
}
.map-key .implemented {
    background-color:#189ad6;
}
.map-key .longitudinal {
    background: #21bae9; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #21bae9 0%, #21bae9 15%, #8cd9f0 16%, #8cd9f0 18%, #21bae9 19%, #21bae9 34%, #8cd9f0 35%, #8cd9f0 37%, #21bae9 38%, #21bae9 55%, #8cd9f0 56%, #8cd9f0 58%, #21bae9 59%, #21bae9 76%, #8cd9f0 77%, #8cd9f0 79%, #21bae9 80%, #21bae9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #21bae9 0%,#21bae9 15%,#8cd9f0 16%,#8cd9f0 18%,#21bae9 19%,#21bae9 34%,#8cd9f0 35%,#8cd9f0 37%,#21bae9 38%,#21bae9 55%,#8cd9f0 56%,#8cd9f0 58%,#21bae9 59%,#21bae9 76%,#8cd9f0 77%,#8cd9f0 79%,#21bae9 80%,#21bae9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #21bae9 0%,#21bae9 15%,#8cd9f0 16%,#8cd9f0 18%,#21bae9 19%,#21bae9 34%,#8cd9f0 35%,#8cd9f0 37%,#21bae9 38%,#21bae9 55%,#8cd9f0 56%,#8cd9f0 58%,#21bae9 59%,#21bae9 76%,#8cd9f0 77%,#8cd9f0 79%,#21bae9 80%,#21bae9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21bae9', endColorstr='#21bae9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.map-key-study div {
    display:inline-block;
    padding:7px;
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:14px;
    line-height: 16px;
    color:#FFF;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#21bae9+0,21bae9+15,8cd9f0+16,8cd9f0+18,21bae9+19,21bae9+34,8cd9f0+35,8cd9f0+37,21bae9+38,21bae9+55,8cd9f0+56,8cd9f0+58,21bae9+59,21bae9+76,8cd9f0+77,8cd9f0+79,21bae9+80,21bae9+100 */
    background: #21bae9; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #21bae9 0%, #21bae9 15%, #8cd9f0 16%, #8cd9f0 18%, #21bae9 19%, #21bae9 34%, #8cd9f0 35%, #8cd9f0 37%, #21bae9 38%, #21bae9 55%, #8cd9f0 56%, #8cd9f0 58%, #21bae9 59%, #21bae9 76%, #8cd9f0 77%, #8cd9f0 79%, #21bae9 80%, #21bae9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #21bae9 0%,#21bae9 15%,#8cd9f0 16%,#8cd9f0 18%,#21bae9 19%,#21bae9 34%,#8cd9f0 35%,#8cd9f0 37%,#21bae9 38%,#21bae9 55%,#8cd9f0 56%,#8cd9f0 58%,#21bae9 59%,#21bae9 76%,#8cd9f0 77%,#8cd9f0 79%,#21bae9 80%,#21bae9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #21bae9 0%,#21bae9 15%,#8cd9f0 16%,#8cd9f0 18%,#21bae9 19%,#21bae9 34%,#8cd9f0 35%,#8cd9f0 37%,#21bae9 38%,#21bae9 55%,#8cd9f0 56%,#8cd9f0 58%,#21bae9 59%,#21bae9 76%,#8cd9f0 77%,#8cd9f0 79%,#21bae9 80%,#21bae9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21bae9', endColorstr='#21bae9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.map-key-study {
    text-align:center;
}
@media (max-width: 767px) {
    .map-instruction {
        font-size: 15px;
        line-height: 17px;
        padding: 7px 13px;
        margin-bottom: 10px;
    }
    .map-key {
        margin-bottom:10px;
    }
    .map-key-study {
        margin-bottom:10px;
    }
    .map-key-study br {
        display:none;
    }
}

#isoi-map .state {
    transition: opacity 150ms linear;
}
.modal-backdrop.in {
    opacity:.5;
}

.modal-dialog {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: flex;
    align-items: center;
}
.modal-content {
    border-radius: 0px;
    border:0px;
    -webkit-box-shadow: 6px 10px 15px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 6px 10px 15px 0px rgba(0,0,0,0.4);
    box-shadow: 6px 10px 15px 0px rgba(0,0,0,0.4);
}

.state-modal {
    color:#212529;
}
.state-modal .close {
    border-radius: 50%;
    border:solid 2px #acacac;
    color:#acacac;
    width:30px;
    height:30px;
    line-height: 30px;
    position: absolute;
    top:10px;
    right:10px;
    z-index: 9999;
}
.state-modal .modal-headline {
    display:block;
    position: absolute;
    top:0px;
    left:50%;
    background:#000;
    color:#00baeb;
    padding:4px 30px;
    border-radius: 30px;
    font-size:26px;
    transform: translate(-50%, -50%);
    margin:0px;
}
.state-modal .partner-list {
    list-style:none;
    margin:0px;
    padding:0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.state-modal .partner-list li {
    padding:10px 20px;
}
.state-modal .partner-list li img {
    max-width:100px;
    height:auto;
}
.state-modal h3 {
    font-size:22px;
    margin-bottom:10px;
}
.state-modal .school-number {
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:50px;
    line-height: 54px;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 5px;
}
.state-modal blockquote {
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:22px;
    line-height:24px;
    text-align: center;
    color:#00baeb;
    padding:0px;
    background:none;
    margin:0px;
}
.state-modal blockquote em {
    color:#000;
    font-size:18px;
    margin-top:10px;
}
.state-modal .school-headline {
    font-size:19px;
    margin:0px;
    text-align: center;
}
.state-modal .modal-body {
    padding:40px 30px 30px;
}
.state-modal .border-top {
    position: relative;
    border:0px !important;
}
.state-modal .border-top:before {
    display:block;
    content:"";
    position: absolute;
    top:-16px;
    left:15px;
    right:15px;
    height:2px;
    background:#000;
}
.state-modal .border-left {
    position: relative;
    border:0px !important;
}
.state-modal .border-left:before {
    display:block;
    content:"";
    position: absolute;
    top:0px;
    left:-1px;
    width:2px;
    bottom:0px;
    background:#000;
}
@media (min-width: 760px) {
    .modal-dialog {
        max-width: 700px;
    }
    
}
@media (max-width: 767px) {
    .state-modal .partner-list li {
        padding:5px 10px;
    }
    .state-modal .partner-list li img {
        max-width:50px;
    }
    .state-modal .modal-headline {
        font-size:22px;
        padding-left:15px;
        padding-right:15px;
    }
    .state-modal h3 {
        font-size:17px;
    }
    .state-modal .border-left {
        margin-top:15px;
    }
    .state-modal .border-left:before {
        display:none;
    }
    .state-modal .border-top .col-md-4 img {
        max-width:50px;
    }
    .state-modal .school-headline {
        font-size:17px;
    }
    .state-modal .school-number {
        font-size: 40px;
        line-height: 44px;
    }
    .state-modal blockquote {
        font-size: 17px;
        line-height: 20px;
    }
    .state-modal blockquote em {
        font-size: 14px;
        margin-top: 8px;
        line-height: 16px;
    }
}
@media (min-width: 992px) {
    .right-column-bigger .column-1 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .right-column-bigger .column-2 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .left-column-bigger .column-2 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .left-column-bigger .column-1 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}


.flex.testimonial-slider {
    /* background: #00c0f3 url('img/testimonials-background.jpg') center right;
    background-size:cover; */
}
.flex.testimonial-slider .testimonial-slider-slides {
    padding-bottom:40px;
}
.flex.testimonial-slider .testimonial-slider-slides .testimonial-photo-area {
    border-radius: 50%;
    width:20vw;
    height:20vw;
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    flex-shrink: 0;
    z-index:10;
}
.flex.testimonial-slider .testimonial-slider-slides.photos-right .testimonial-photo-area {
    
}
.flex.testimonial-slider .testimonial-slider-slides .testimonial-photo-area .testimonial-photo {
    background: url('img/photo-circle-yellow.svg') center center no-repeat;
    background-size: contain;
    padding: 4% 8% 4% 4%;
}
.flex.testimonial-slider .testimonial-slider-slides .testimonial-photo-area .testimonial-photo img {
    border-radius: 50%;
}
/* .flex.testimonial-slider .testimonial-slider-slides blockquote {
    padding:0px 150px;
    background:url('img/quote-left.png') 0px 0px no-repeat;
    position: relative;
} */

.flex.testimonial-slider .testimonial-slider-slides blockquote:after {
    display: none;
}
.flex.testimonial-slider .testimonial-slider-slides .white-box:after {
    content:"";
    position:absolute;
    top:30px;
    right:20px;
    width:72px;
    height:63px;
    background:url('img/quote-right.png') 0px 0px no-repeat;
    background-size:72px 63px;
}
.flex.testimonial-slider .testimonial-slider-slides .white-box:before {
    content:"";
    position:absolute;
    top:30px;
    left:20px;
    width:72px;
    height:63px;
    background:url('img/quote-left.png') 0px 0px no-repeat;
    background-size:72px 63px;
}
.flex.testimonial-slider .testimonial-slider-slides .white-box {
    background:#FFF;
    color:#000;
    padding:50px 120px 30px;
    margin-left:40px;
    position: relative;
}
.flex.testimonial-slider .testimonial-slider-slides blockquote {
    color:#000;
    padding:0px;
    text-align:left;
    margin:0px;
    position: relative;
    font-size: 18px;
    background-image:none;
}
/* .flex.testimonial-slider .testimonial-slider-slides.photos-left .slide.has-photo blockquote {
    margin-left: -7vw;
    padding-left:10vw;
}
.flex.testimonial-slider .testimonial-slider-slides.photos-right .slide.has-photo blockquote {
    margin-right: -7vw;
    padding-right:10vw;
} */
.flex.testimonial-slider .testimonial-slider-slides .attribution {
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:26px;
    margin-top:15px;
    text-align: center;
    color:#FFF;
}
.flex.testimonial-slider .testimonial-slider-slides .title {
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:18px;
    margin-top:5px;
    line-height: 1.2em;
    text-align: center;
    color:#000;
}
.flex.testimonial-slider .testimonial-slider-slides.total-1 .slick-dots {
    display:none !important;
}
.flex.testimonial-slider .testimonial-slider-slides .slick-dots {
    position: absolute;
    bottom:30px;
    left:50%;
    margin:0px;
    padding:0px;
    list-style: none;
    transform: translateX(-50%);
}
.flex.testimonial-slider .testimonial-slider-slides .slick-dots li {
    margin:0px 4px;
    padding:0px;
    display:inline-block;
    height:14px;
}
.flex.testimonial-slider .testimonial-slider-slides .slick-dots li button {
    width:14px;
    height:14px;
    border-radius: 50%;
    border:solid 2px #FFF;
    padding:0px;
    background:transparent;
    overflow: hidden;
    text-indent: -999px;
}
.flex.testimonial-slider .testimonial-slider-slides .slick-dots li.slick-active button {
    background-color:#000;
    border-color:#FFF;
}
.flex.testimonial-slider .related-logos {
    list-style:none;
    margin:15px 0px 0px;
    padding:0px;
}
.flex.testimonial-slider .related-logos li {
    margin:0px 10px;
    overflow: hidden;
}
.flex.testimonial-slider .related-logos li img {
    max-width:80px;
}
@media (max-width: 767px) {
    .flex.testimonial-slider {
        padding-left:15px;
        padding-right:15px;
    }
    .flex.testimonial-slider .testimonial-slider-slides .white-box {
        padding:20px 30px 20px 36px;
        margin-left:0px;
    }
    .flex.testimonial-slider .slide {
        position: relative;
    }
    .flex.testimonial-slider .testimonial-slider-slides .attribution {
        margin-top:5px;
    }
    .flex.testimonial-slider .testimonial-slider-slides .testimonial-name-photo {
        margin-bottom:30px;
    }
    .flex.testimonial-slider .testimonial-slider-slides .testimonial-photo-area {
        width:180px;
        height:180px;
        margin:0 auto;
        flex-shrink: 0;
        z-index:10;
    }
    .flex.testimonial-slider .testimonial-slider-slides blockquote {
        font-size: 14px;
    }
    .flex.testimonial-slider .testimonial-slider-slides blockquote .attribution {
        padding:0px;
        font-size:16px;
    }
    .flex.testimonial-slider .testimonial-slider-slides .white-box:after {
        display:none;
    }
    .flex.testimonial-slider .testimonial-slider-slides .white-box:before {
        top:10px;
        left:-10px;
        width:36px;
        height:31px;
        background-size:36px 31px;
    }
    .flex.testimonial-slider .related-logos li {
        width:70px;
        height:70px;
        margin:0px 2px;
    }
    .flex.testimonial-slider .related-logos li img {
        max-width:50px;
    }
    .flex.testimonial-slider .testimonial-slider-slides .slick-dots {
        display:none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex.testimonial-slider {
        padding-left:15px;
        padding-right:15px;
    }
}

@media (min-width: 1200px) {
    .flex.testimonial-slider .testimonial-slider-slides blockquote:after {
        top:-20px;
        right:-2vw;
        width:102px;
        height:90px;
        background-size:102px 90px;
    }
}


.flex.profile-slider {
    text-align:center;
}
.flex.profile-slider .profile-headline-pill {
    background: #00b4e4;
    color: #FFF;
    border-radius: 30px;
    display: inline-block;
    padding: 8px 30px;
    font-size: 24px;
    margin: 0px;
    position: relative;
    bottom: -22px;
    z-index: 99;
}
.flex.profile-slider .profile-slider-slides {
    background:#FFF;
    color:#000;
    border:solid 2px #dbe444;
}
.flex.profile-slider .slide {
    text-align: left;
}
.flex.profile-slider .slide .slide-padding {
    padding:70px 60px 60px;
}
.flex.profile-slider .profile-box {
    border:solid 1px #000;
    padding:20px;
    margin-bottom:40px;
    text-align: center;
}
.flex.profile-slider .profile-box h3 {
    font-size:26px;
    margin-bottom:20px;
}
.flex.profile-slider .profile-box .profile-stats {
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:20px;
    color:#00baeb;
    margin-left:20px;
    margin-right:20px;
}
.flex.profile-slider .profile-box .profile-stats img {
    width:90px;
    height:90px;
    margin-right:15px;
}
.flex.profile-slider .profile-box .profile-stats strong {
    display:block;
    font-size:30px;
    font-weight: normal;
    line-height: 30px;
}
.flex.profile-slider .profile-content h3{
    font-size:24px;
}
.flex.profile-slider .profile-person-image {
    margin-right:15px;
}
.flex.profile-slider .profile-person-image img {
    width:100%;
}
.flex.profile-slider .slick-arrow {
	display:block;
	border:0px;
	border-radius: 50%;
	background:#00b4e4;
	width:40px;
	height:40px;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-size:15px 28px;
	position: absolute;
    bottom:-20px;
    left:50%;
    margin-top:-20px;
    z-index:300;
}
.flex.profile-slider .slick-arrow:focus {
	outline:0;
}
.flex.profile-slider .slick-arrow.slick-prev {
	background-image:url("img/arrow-left-white.svg");
	background-position: 11px center;
	margin-left: -50px;
}
.flex.profile-slider .steps-graphic img {
    width:100%;
    height:auto;
}
.flex.profile-slider .profile-stats {
    font-size:22px;
}
.flex.profile-slider .profile-stats strong {
    color:#00c0f3;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-weight: 500;
}
.flex.profile-slider .sponsored-by-text {
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-weight: 500;
    font-size:30px;
    padding-left:15px;
    line-height: 1.2;
}
.flex.profile-slider .sponsored-by-text .smaller {
    font-size:20px;
}
.flex.profile-slider .partner-logo {
    max-width:150px;
}
.flex.profile-slider .slick-arrow.slick-next {
	background-image:url("img/arrow-right-white.svg");
	background-position: 14px center;
	margin-left: 10px;
}
.flex.profile-slider .profile-content h3 {
    color: #00c0f3;
}
.flex.profile-slider blockquote {
    padding:55px 0px 0px 0px;
    background:url('img/quote-left.png') 0px 0px no-repeat;
    background-size:51px 45px;
    text-transform: uppercase;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-size:20px;
    line-height: 23px;
    margin:0px;
    font-style: normal;
    color: #00c0f3;
}
.flex.profile-slider blockquote .attribution {
    font-size: 18px;
    font-family: 'KefaIIPro', sans-serif;
    text-align: right;
}
@media (max-width: 767px) {
    .flex.profile-slider .slide {
        
    }
    .flex.profile-slider .slide .slide-padding {
        padding: 45px 20px 20px;
    }
    .flex.profile-slider .profile-person-image {
        margin-right:0px;
    }
    .flex.profile-slider .profile-box .profile-stats {
        font-size:16px;
        margin:5px 0px;
        line-height: 18px;
    }
    .flex.profile-slider .profile-box h3 {
        font-size: 20px;
    }
    .flex.profile-slider h4 {
        font-size:24px;
    }
    .flex.profile-slider .profile-content h3 {
        font-size: 20px;
    }
    .flex.profile-slider .sponsored-by-text {
        font-size:22px;
        padding-left:10px;
    }
    .flex.profile-slider .sponsored-by-text .smaller {
        font-size:18px;
    }
    .flex.profile-slider .partner-logo {
        max-width:100px;
    }
    .flex.profile-slider .profile-stats {
        font-size:20px;
    }
    .flex.profile-slider blockquote {
        font-size:18px;
    }
    .flex.profile-slider blockquote .attribution {
        font-size: 15px;
    }
}

/*--------------------------------------------------------------
## Flex Menu Page Header
--------------------------------------------------------------*/
.flex.menu-page-header {
    text-align: center;
    position: relative;
}
.flex.menu-page-header:after {
    content:"";
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a5a5b+0,5a5a5b+100&0.8+0,0+100 */
    background: -moz-linear-gradient(top, rgba(90,90,91,0.8) 0%, rgba(90,90,91,.2) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(90,90,91,0.8) 0%,rgba(90,90,91,.2) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(90,90,91,0.8) 0%,rgba(90,90,91,.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5a5a5b', endColorstr='#005a5a5b',GradientType=0 ); /* IE6-9 */
}
/* .flex.menu-page-header .inside-padding {
    padding-top:150px;
    padding-bottom:150px;
} */
.flex.menu-page-header .inside-content-here {
    padding-left:20%;
    padding-right:20%;
    padding-top:150px;
}
.flex.menu-page-header .page-nav {
    display: block;
    text-align: center;
    margin-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.flex.menu-page-header .page-nav li {
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    width: 220px;
    margin:0px 5px;
    margin-bottom:30px;
}
.flex.menu-page-header .page-nav li a {
    background: #00c0f3;
    color: #FFF;
    height: 76px;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    padding:0px;
    padding:13px 25px 0px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.flex.menu-page-header .page-nav li a span {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
        transform: skewX(20deg);
}
.flex.menu-page-header .page-nav li a:after {
    content:"";
    background:#d7df23;
    color:#FFF;
    text-align: center;
    width:34px;
    height:34px;
    line-height:34px;
    position: absolute;
    top:-17px;
    left:50%;
    margin-left:-17px;
    border-radius: 50%;
    font-weight: bold;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
        transform: skewX(20deg);
}
.flex.menu-page-header .page-nav li a:hover,
.flex.menu-page-header .page-nav li a:focus,
.flex.menu-page-header .page-nav li.current-menu-item a {
    background:#d7df23;
}
.flex.menu-page-header .page-nav li a:hover:after,
.flex.menu-page-header .page-nav li a:focus:after {
    background:#FFFFFF;
    color:#595a5b;
}
.flex.menu-page-header .page-nav li.current-menu-item a {
    overflow: hidden;
}
.flex.menu-page-header .page-nav li.current-menu-item a:hover,
.flex.menu-page-header .page-nav li.current-menu-item a:focus {
    background:#d7df23;
    color:#FFF;
}
.flex.menu-page-header .page-nav li.current-menu-item a:hover:after,
.flex.menu-page-header .page-nav li.current-menu-item a:focus:after {
    background:rgba(215,223,35,.8);
    color:#FFF;
}
.flex.menu-page-header .page-nav li.current-menu-item a:after {
    top:0px;
    right:-15px;
    bottom:0px;
    left:0px;
    font-size:40px;
    line-height:70px;
    border-radius: 0px;
    background:rgba(215,223,35,.8);
    width: auto;
    height: auto;
}
.flex.menu-page-header .page-nav li:nth-child(1) a:after {
    content:"1";
}
.flex.menu-page-header .page-nav li:nth-child(2) a:after {
    content:"2";
}
.flex.menu-page-header .page-nav li:nth-child(3) a:after {
    content:"3";
}
.flex.menu-page-header .page-nav li:nth-child(4) a:after {
    content:"4";
}
.flex.menu-page-header .page-nav li:nth-child(5) a:after {
    content:"5";
}
.flex.menu-page-header .page-nav li:nth-child(6) a:after {
    content:"6";
}
.flex.menu-page-header .page-nav li:nth-child(7) a:after {
    content:"7";
}
@media (max-width: 767px) {
    .flex.menu-page-header .page-nav {
        -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    }
    .flex.menu-page-header .page-nav li {
        width: 100%;
        margin:0px 0px 25px;
    }
    .flex.menu-page-header .page-nav li a {
        height: 52px;
        font-size: 16px;
        line-height: 18px;
        padding:8px 20px 0px;
    }
    .flex.menu-page-header .page-nav li a:after {
        width: 28px;
        height: 28px;
        line-height: 28px;
        top:-14px;
        margin-left:-14px;
        font-size: 14px;
    }
    .flex.menu-page-header .page-nav li.current-menu-item a:after {
        font-size: 34px;
        line-height: 52px;
    }
    .flex.menu-page-header .inside-content-here {
        padding-left:0px;
        padding-right:0px;
        padding-top:60px;
    }
    /* .flex.menu-page-header .inside-padding {
        padding-top:30px;
        padding-bottom:30px;
    } */
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex.menu-page-header .page-nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex.menu-page-header .page-nav li {
        width: 220px;
        margin:0px 5px 25px;
    }
    .flex.menu-page-header .page-nav li a {
        height: 76px;
        font-size: 16px;
        line-height: 18px;
        padding:13px 25px 0px;
    }
    .flex.menu-page-header .inside-content-here {
        padding-left:0px;
        padding-right:0px;
    }
    /* .flex.menu-page-header .inside-padding {
        padding-top:60px;
        padding-bottom:60px;
    } */
}
@media (min-width: 1200px) {

}

.triangle-bullet-list {
    list-style: none;
    padding-left:0px;
}
.triangle-bullet-list li {
    padding-left: 30px;
    background-image: url('img/triangle-bullet.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-bottom: 5px;
}


/*--------------------------------------------------------------
## Flex Overview Arrow Link
--------------------------------------------------------------*/
a.flex.overview-arrow-link {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    overflow: hidden;
}
a.flex.overview-arrow-link:hover,
a.flex.overview-arrow-link:focus {
    color:#FFF;
    text-decoration: none;
}
a.flex.overview-arrow-link:hover .text-area .inside-content:after,
a.flex.overview-arrow-link:focus .text-area .inside-content:after {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
a.flex.overview-arrow-link .text-area {
    width:60%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
}
a.flex.overview-arrow-link .text-area .inside-content {
    padding:40px 85px 40px 30px;
    max-width:650px;
    position: relative;
}
a.flex.overview-arrow-link .text-area .inside-content p {
    margin:0px;
}
a.flex.overview-arrow-link .text-area .inside-content:after {
    content:"";
    display: block;
    border: 0px;
    border-radius: 50%;
    background-color: #FFF;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 14px 25px;
    position: absolute;
    top: 50%;
    right:30px;
    margin-top: -20px;
    background-image: url('img/arrow-right.svg');
    background-position: 14px center;
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}
a.flex.overview-arrow-link .image-area {
    width:40%;
    -webkit-transform: skewX(-20deg) translateX(10%);
    -ms-transform: skewX(-20deg) translateX(10%);
    transform: skewX(-20deg) translateX(10%);
    overflow: hidden;
}
a.flex.overview-arrow-link .image-area .bg-image {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: -12%;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    background-size:cover;
	background-position: center center;
}
a.flex.overview-arrow-link:nth-of-type(even) {
    background:#FFF;
    color:#595a5b;
}
a.flex.overview-arrow-link:nth-of-type(even) .image-area {
    order:1;
}
a.flex.overview-arrow-link:nth-of-type(even) .text-area {
    order:2;
}
a.flex.overview-arrow-link:nth-of-type(even) .image-area {
    -webkit-transform: skewX(-20deg) translateX(-10%);
    -ms-transform: skewX(-20deg) translateX(-10%);
    transform: skewX(-20deg) translateX(-10%);
}
a.flex.overview-arrow-link:nth-of-type(even) .image-area .bg-image {
    left: 0px;
    right: -12%;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}
a.flex.overview-arrow-link:nth-of-type(even) .text-area .inside-content:after {
    background-color: #595a5b;
}
@media (max-width: 767px) {
    a.flex.overview-arrow-link {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
    }
    a.flex.overview-arrow-link .text-area {
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        
    }
    a.flex.overview-arrow-link .text-area .inside-content {
        padding:30px 85px 30px 30px;
        max-width:none;
    }
    a.flex.overview-arrow-link .image-area {
        width:100%;
        -webkit-transform:none;
        -ms-transform: none;
        transform: none;
    }
    a.flex.overview-arrow-link .image-area .bg-image {
        position: relative;
        padding-top:38%;
        overflow: hidden;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    a.flex.overview-arrow-link:nth-of-type(even) .image-area {
        order:0;
    }
    a.flex.overview-arrow-link:nth-of-type(even) .text-area {
        order:0;
    }
    a.flex.overview-arrow-link .text-area .inside-content:after {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: 14px 25px;
        margin-top: -20px;
        background-position: 14px center;
        right:30px;
    }
    a.flex.overview-arrow-link:nth-of-type(even) .image-area {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    a.flex.overview-arrow-link:nth-of-type(even) .image-area .bg-image {
        left: 0px;
        right: 0px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    a.flex.overview-arrow-link .text-area .inside-content:after {
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: 14px 25px;
        margin-top: -20px;
        background-position: 14px center;
        right:30px;
    }
    a.flex.overview-arrow-link .image-area {
        -webkit-transform: skewX(-20deg) translateX(16%);
        -ms-transform: skewX(-20deg) translateX(16%);
        transform: skewX(-20deg) translateX(16%);
    }
    a.flex.overview-arrow-link .image-area .bg-image {
        left: -16%;
    }
    a.flex.overview-arrow-link:nth-of-type(even) .image-area {
        -webkit-transform: skewX(-20deg) translateX(-16%);
        -ms-transform: skewX(-20deg) translateX(-16%);
        transform: skewX(-20deg) translateX(-16%);
    }
    a.flex.overview-arrow-link:nth-of-type(even) .image-area .bg-image {
        right: -16%;
    }
}
@media (min-width: 1200px) {
    a.flex.overview-arrow-link .text-area .inside-content:after {
        width: 60px;
        height: 60px;
        background-repeat: no-repeat;
        background-size: 22px 40px;
        margin-top: -30px;
        background-position: 21px center;
    }
    a.flex.overview-arrow-link .text-area .inside-content {
        padding:50px 100px 50px 0px;
        max-width:650px;
    }
}



a.btn-arrow {
    display: inline-block;
    padding-right:80px;
    font-size: 36px;
    line-height: 60px;
    position: relative;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-decoration: none;
    margin-right:30px;
}
a.btn-arrow:after {
    content:"";
    display: block;
    border: 0px;
    border-radius: 50%;
    background-color: #FFF;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 22px 40px;
    position: absolute;
    top: 50%;
    right:0px;
    margin-top: -30px;
    background-image: url('img/arrow-right.svg');
    background-position: 21px center;
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}
a.btn-arrow:hover,
a.btn-arrow:focus {
    color:#FFF;
    text-decoration: none;
}
a.btn-arrow:hover:after,
a.btn-arrow:focus:after {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
@media (max-width: 767px) {
    a.btn-arrow {
        padding-right:50px;
        font-size: 24px;
        line-height: 40px;
        margin-right:15px;
        margin-bottom:10px;
    }
    a.btn-arrow:after {
        width: 40px;
        height: 40px;
        background-size: 14px 25px;
        margin-top: -20px;
        background-position: 14px center;

    }
}


#wpaloginform {
    max-width:900px;
    padding:30px;
    background:#f3f3f3;
}
#wpaloginform label {
    display:block;
    font-size: 18px;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #58595b;
    margin-bottom: 15px;
}
#wpaloginform .input {
    display:block;
    width: calc(100% - 100px);
    padding: 10px 15px;
    font-size: 18px;
    height: 46px;
    margin-bottom:0px;
    border-radius: 0px;
}
#wpaloginform .input:focus {
    outline:0;
    border-color:#00c0f3;
}
#wpaloginform #wpa-submit {
    font-size: 16px;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-transform: uppercase;
    background: #00c0f3;
    height: 46px;
    border-radius: 0px !important;
    position: absolute;
    bottom:0px;
    right:0px;
}
#wpaloginform p {
    margin:0px;
    position: relative;
}
#wpaloginform label.acceptable-use-policy-label {
    font-size: 15px;
    font-family: 'KefaIIPro', sans-serif;
    letter-spacing: 0px;
    text-transform: none;
    font-weight: normal;
    padding-left: 30px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 0px;
}
#wpaloginform label.acceptable-use-policy-label input[type="checkbox"] {
    position: absolute;
    top:0px;
    left:0px;
}
#wpaloginform label.acceptable-use-policy-label p,
#wpaloginform label.acceptable-use-policy-label ul {
    margin-bottom:8px;
}

.resources-section .content-here {
    width:auto !important;
    padding-top:30px;
    padding-bottom:30px;
}
.resources-section .inside-padding {
    padding-top:35px;
    padding-bottom:35px;
}
@media (max-width: 767px) {
    .resources-section .content-here {
        padding-top:15px;
        padding-bottom:15px;
    }
    .resources-section .inside-padding {
        padding-top:15px;
        padding-bottom:15px;
    }
    .resources-section .content-here p {
        margin-bottom:0px;
    }
}


/*--------------------------------------------------------------
## Flex Get Connected
--------------------------------------------------------------*/
.flex.get-connected {

}
.flex.get-connected .social-box {
	background:#FFF;
	padding:30px;
    min-height:560px;
    width:560px;
}
.flex.get-connected .social-box iframe {
	display:block !important;
}
.flex.get-connected .social-box.twitter iframe {
	border:1px solid rgba(15,70,100,.12) !important;
}
@media (max-width: 767px) {
    .flex.get-connected .facebook.social-box { 
        margin-bottom:15px;
    }
    .flex.get-connected .social-box {
        padding:0px;
        background:transparent;
        min-height:0px;
    }
}

/*--------------------------------------------------------------
## Testimonial Style
--------------------------------------------------------------*/
.testimonials-area {
	margin:40px 0px;
}
.hentry.testimonials {
	margin:0px 0px 80px;
}
.hentry.testimonials:last-of-type() {
	margin-bottom:0px;
}
.hentry.testimonials blockquote {
	border:0px;
	padding:40px;
	margin:0px;
	font-size:16px;
	background:#FFF;
	color: #58595b;
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
	text-transform: uppercase;
	position: relative;
}
.hentry.testimonials.has-post-thumbnail:nth-of-type(odd) blockquote {
	margin-right:132px;
	padding-right:162px;
}
.hentry.testimonials.has-post-thumbnail:nth-of-type(even) blockquote {
	margin-left:132px;
	padding-left:162px;
}
.hentry.testimonials blockquote:after {
	content:"";
	position: absolute;
	bottom: -30px;
    left: 15px;
    width: 100%;
    height: 30px;
	display: block;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );
	-webkit-transform: skewX(45deg);
	-moz-transform:    skewX(45deg);
	-ms-transform:     skewX(45deg);
	-o-transform:      skewX(45deg);
	transform:         skewX(45deg);
}
.hentry.testimonials blockquote p {
	margin-bottom:5px;
}
.hentry.testimonials blockquote .attribution {
	font-family: 'KefaIIPro', sans-serif;
	text-transform: none;
}
.hentry.testimonials blockquote img.attachment-medium-square {
	position:absolute;
	top:50%;
	margin-top:-132px;
	width:265px;
	height:265px;
	border-radius: 50%;
	z-index: 2;
}
.hentry.testimonials:nth-of-type(odd) blockquote img.attachment-medium-square {
	right:-132px;
}
.hentry.testimonials:nth-of-type(even) blockquote img.attachment-medium-square {
	left:-132px;
}

.flex.what-others-are-saying {
	padding-top:70px;
	background-image:url("img/circle-bg-blue-2.svg");
	background-repeat:no-repeat;
	background-position: right -170px top 0px;
	background-size:646px 680px;
	z-index:1;
}
.flex.what-others-are-saying blockquote {
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);*/
}

@media (max-width: 767px) {
	.flex.what-others-are-saying {
		padding-top:120px;
	}
	.hentry.testimonials {
		margin-bottom:30px;
	}
	.hentry.testimonials blockquote {
		padding:70px 20px 20px;
		margin-top:70px;
		font-size:15px;
	}
	.hentry.testimonials.has-post-thumbnail:nth-of-type(odd) blockquote {
		margin-right:0px;
		padding-right:20px;
	}
	.hentry.testimonials.has-post-thumbnail:nth-of-type(even) blockquote {
		margin-left:0px;
		padding-left:20px;
	}
	.hentry.testimonials blockquote img.attachment-medium-square {
		top:0px;
		margin-top:-50px;
		margin-left:-50px;
		width:100px;
		height:100px;
	}
	.hentry.testimonials:nth-of-type(odd) blockquote img.attachment-medium-square {
		left:50%;
		right:auto;
	}
	.hentry.testimonials:nth-of-type(even) blockquote img.attachment-medium-square {
		left:50%;
	}
}
@media (min-width: 1200px) {
	.flex.what-others-are-saying {
		padding-top: 65px;
    	background-position: right -125px top 0px;
	}
}

/*--------------------------------------------------------------
## Team Styles
--------------------------------------------------------------*/
.hentry.team .entry-header h3 {
	margin:0px 0px 8px;
}
.hentry.team .entry-header h6 {
	margin:0px;
}
@media (max-width: 767px) {
	.hentry.team .image-area {
		margin-bottom:30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}

/*--------------------------------------------------------------
## Logos Area
--------------------------------------------------------------*/
.flex.logo-block h1, .flex.logo-block h2, .flex.logo-block h3 {
	text-align: center;
}
.flex.logo-block .logos-area {
	list-style: none;
	margin:0px;
	padding:0px;
	text-align: center;
}
.flex.logo-block .logos-area li {
	display: inline-block;
	height:125px;
	width:auto;
	margin:0px 20px 20px;
}
.flex.logo-block .logos-area li img {
	height:125px;
	width:auto;
}
@media (max-width: 767px) {
	.flex.logo-block .logos-area li {
		height:75px;
		margin-left:10px;
		margin-right:10px;
	}
	.flex.logo-block .logos-area li img {
		height:75px;
		width:auto;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}

/*--------------------------------------------------------------
## Initiative In Action Styles
--------------------------------------------------------------*/
.flex.initiative-in-action {
	z-index: 3;
}
.flex.initiative-in-action .blue-area {
	background:#00c0f3;
	padding:40px;
	color:#FFF;
	position: relative;
	top:-100px;
	margin-bottom: -100px;
	margin-right:20px;
}
.flex.initiative-in-action .blue-area a {
	color:#FFF;
	text-decoration: underline;
}
.flex.initiative-in-action .blue-area a:hover {
	color:#c6ce25;
}
.flex.initiative-in-action .blue-area h1 {
	text-shadow: none;
}
.flex.initiative-in-action .map-area .state-list {
	list-style: none;
	margin:0px;
	padding:0px;
}
.flex.initiative-in-action .map-area .state-list li {
	position: absolute;
	top:-148px;
	left:-60px;
	opacity: 0;
}
.flex.initiative-in-action .map-area .state-list li a {
	display: block;
	width:121px;
	height:148px;
	background-repeat: no-repeat;
	background-size:121px 148px;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin:    bottom center;
	-ms-transform-origin:     bottom center;
	-o-transform-origin:      bottom center;
	transform-origin:         bottom center;
	text-align: center;
}
.flex.initiative-in-action .map-area .state-list li a span {
	display: block;
	color:#FFF;
	text-decoration: none;
	padding-top:18px;
	text-transform: uppercase;
	font-size:22px;
	visibility: hidden;
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
	text-transform: uppercase;
}
.flex.initiative-in-action .map-area .state-list li a:hover, .flex.initiative-in-action .map-area .state-list li a:focus {
	background-image:url("img/marker-hover.png") !important;
	text-decoration: none;
}
.flex.initiative-in-action .map-area .state-list li a:hover span, .flex.initiative-in-action .map-area .state-list li a:focus span {
	visibility: visible;;
}
@media (max-width: 767px) {
    .flex.map-area .column-2 {
        padding-left:0px;
        padding-right:0px;
    }
	.flex.initiative-in-action .map-area {
		margin-top:40px;
	}
	.flex.initiative-in-action .map-area .state-list li {
		top:-74px;
		left:-30px;
	}
	.flex.initiative-in-action .map-area .state-list li a {
		width:60px;
		height:74px;
		background-size:60px 74px;
	}
	.flex.initiative-in-action .blue-area {
		padding:20px;
		position: relative;
		top:-80px;
		margin-bottom: -50px;
		margin-right:0px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.flex.initiative-in-action .map-area {
		margin-top:40px;
	}
}
@media (min-width: 992px) {
	.flex.initiative-in-action .map-area {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.flex.initiative-in-action .col-md-7 {
		min-height:350px;
	}
}
@media (min-width: 1200px) {
	.flex.initiative-in-action .blue-area {
		padding:40px;
		top:-120px;
		margin-bottom: -120px;
		margin-right:40px;
	}
}

/*--------------------------------------------------------------
## Specific Styles
--------------------------------------------------------------*/
.home, .page-id-45 {
	background:#00c0f3;
}
.page-id-1344 .site {
    padding-top:205px;
}
.page-id-1344 .site:before {
    content:"";
    top:0px;
    left:0px;
    right:0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,00c0f3+100 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #000000 0%, #00c0f3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #000000 0%,#00c0f3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #000000 0%,#00c0f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00c0f3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:205px;
    z-index:-1;
    position: absolute;
}
.page-id-1344.logged-in .site {
    padding-top:0px;
}
.page-id-1344.logged-in .site:before {
    display:none;
}
@media (max-width: 768px) {
    .page-id-1344 .site {
        padding-top:110px;
    }
    .page-id-1344 .site:before {
        height:110px;
    }
    .page-id-1344.logged-in .site {
        padding-top:0px;
    }
    .page-id-1344.logged-in .site:before {
        display:none;
    }
}
@media (min-width: 1200px) {
    .page-id-1344 .site {
        padding-top:230px;
    }
    .page-id-1344 .site:before {
        height:230px;
    }
    .page-id-1344.logged-in .site {
        padding-top:0px;
    }
    .page-id-1344.logged-in .site:before {
        display:none;
    }
}
@media (min-width: 576px) {
    .home-impact-map .column-1 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .home-impact-map .column-2 {
        flex: 0 0 60%;
        max-width: 60%;
    }
}
.mailing-list-section {
    position: relative;
}
.mailing-list-section:before {
    content:"";
    position:absolute;
    top:0px;
    left:35px;
    right:35px;
    height:1px;
    background:rgba(255,255,255,.3);
}
.mailing-list-section #mc_embed_signup_scroll label {
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}

.mailing-list-section #mc_embed_signup_scroll {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}
.mailing-list-section #mc_embed_signup_scroll input.email {
    width:300px;
    margin-right:10px;
    margin-bottom:0px;
}
.mailing-list-section #mc_embed_signup_scroll .button {
    margin-bottom:4px;
    padding-left:30px !important;
    padding-right:30px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .mailing-list-section #mc_embed_signup_scroll {
        display:block;
    }
    .mailing-list-section #mc_embed_signup_scroll input.email {
        width:100%;
        margin-right:10px;
        margin-bottom:10px;
    }
}
@media (max-width: 499px) {
    .mailing-list-section #mc_embed_signup_scroll {
        display:block;
    }
    .mailing-list-section #mc_embed_signup_scroll input.email {
        width:100%;
        margin-right:10px;
        margin-bottom:10px;
    }
}
    
@media (min-width: 1200px) {
    .mailing-list-section:before {
        left:85px;
        right:85px;
    }
}


.team-shortcode {
    margin-top:40px;
}
.team-shortcode .team-shortcode-member {
    margin-bottom:60px;
}
.team-shortcode .team-shortcode-member .image {
    width:20%;
    background:url('img/photo-circle.svg') center center no-repeat;
    background-size:contain;
    padding: .8% 2% .8% 1.2%;
}
.team-shortcode .team-shortcode-member .name-title {
    width:30%;
    padding-left:30px;
}
.team-shortcode .team-shortcode-member .name-title h3 {
    font-size:30px;
    margin-bottom:8px;
}
.team-shortcode .team-shortcode-member .short-bio {
    width:50%;
    padding-left:50px;
}
.team-shortcode .team-shortcode-member .short-bio .bio {
    position: relative;
}
.team-shortcode .team-shortcode-member .short-bio .bio:before {
    content:"";
    position: absolute;
    top:0px;
    bottom:0px;
    width:2px;
    background:#00c0f3;
    left:-20px;
}
@media (max-width: 767px) {
    .team-shortcode .team-shortcode-member {
        margin-bottom:60px;
    }
    .team-shortcode .team-shortcode-member .image {
        width:150px;
        margin-bottom:15px;
        margin-right:auto;
    }
    .team-shortcode .team-shortcode-member .name-title {
        width:100%;
        padding-left:0px;
        font-weight: bold;
    }
    .team-shortcode .team-shortcode-member .short-bio {
        width:100%;
        padding-left:0px;
        margin-top:10px;
    }
    .team-shortcode .team-shortcode-member .short-bio .bio:before {
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 1200px) {

}


@media (min-width: 576px) {
    .science-list-section .column-1 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .science-list-section .column-2 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
.science-list-section .column-2 ol {
    list-style:none;
    padding:0px;
}
.science-list-section .column-2 ol li {
    border-bottom:solid 1px #000;
    padding:20px 0px 20px 110px;
    background:url('img/key.png') 0px 20px no-repeat;
    background-size: 90px;
}
.science-list-section .column-2 ol li:last-child {
    border-bottom:0px;
}
.science-list-section .column-2 ol li strong {
    color:#00c0f3;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1em;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}
@media (min-width: 768px) and (max-width: 991px) {
    .science-list-section .column-2 ol li {
        padding-left:60px;
        background-size: 45px;
    }
}
@media (max-width: 991px) {
    .science-list-section .column-2 ol li {
        padding-left:45px;
        background-size: 30px;
    }
}

.flex.home-about-us {
	padding-top:10vw;
	z-index: 2;
	margin-bottom:-120px;
	background:transparent;
}
/*.flex.statewide-grey-boxes {
	margin-bottom:-250px;
	z-index:2;
	background:transparent;
}*/
/*.flex.statewide-our-reach {
	padding-top:200px;
	z-index:1;
}*/
/*.statewide-top>.inside-padding>.container-fluid {
	position: absolute;
	bottom:65px;
	width:100%;
}*/
@media (max-width: 599px) {
	.flex.home-about-us {
		padding-top:100px;
	}
}
@media (min-width: 600px) and (max-width: 767px) {
	.flex.home-about-us {
		padding-top:27vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) {
	.statewide-top .column-1 {
		width:40%;
	}
	.flex.statewide-our-reach .column-1 {
		width:30%;
	}
	.flex.statewide-our-reach .column-2 {
		width:70%;
	}
}

/*--------------------------------------------------------------
## Blog Styles
--------------------------------------------------------------*/
.blog-area .hentry {
	margin-bottom:50px;
}
.blog-area .post-thumbnail-area {
	margin-bottom:0px;
}
.entry-header .entry-title {
	margin-bottom:0px;
}
.entry-header .entry-title a:hover, .entry-header .entry-title a:hover {
	text-decoration: none;
}
.entry-header {
	margin-bottom:25px;
}
.entry-meta {
	margin-top:5px;
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
	font-size:16px;
	text-transform: uppercase;
	color:#000;
}
.entry-meta a {
	color:#000;
}
.entry-meta a:hover, .entry-meta a:focus {
	color:#c6ce25;
	text-decoration: none;
}
.nav-links:after {
	content: "";
	display: table;
	clear: both;
}
.nav-links .nav-previous, .nav-links .nav-next {
	font-size: 16px;
    font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    text-transform: uppercase;
    padding-left: 0px;
    padding-right: 0px;
}
.nav-links .nav-previous a, .nav-links .nav-next a {
    color: #00c0f3;
}
.nav-links a:hover, .nav-links a:focus {
    color:#d7df23;
	text-decoration: none;
}
.nav-links .nav-previous {
	float:left;
}
.nav-links .nav-next {
	float:right;
}
.nav-links .nav-next a:after {
	content: "\f101";
    margin-left: 4px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.nav-links .nav-previous a:before {
	content: "\f100";
    margin-right: 4px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.blackblue .site-main, 
body.blog .site-main,
body.single-post .site-main,
body.archive .site-main {
    margin-top:150px;
}
.blog-posts-area h2.entry-title {
	font-size:32px;
}
.blog-posts-area .image-area {
	padding-right:0px;
    background-size:cover;
    background-position: center;
    min-height:250px;
}
.blog-posts-area .hentry {
    margin-bottom:60px;
    background:#FFF;
}
.blog-posts-area .btn-row {
	margin-top:-10px;
}
.blog-posts-area .post-padding {
    padding:20px;
}
.widget ul {
	list-style: none;
	padding:0px;
}
.widget ul li {
	margin-bottom:10px;
}
.sidebar-area .sidebar-black {
    background:#000;
    padding:20px;
}
.single-post .hentry {
    margin:0px;
}
.single-post .entry-content {
    background:#FFF;
    margin:0px;
}
.single-post .entry-content .single-post-content {
    padding:30px;
}
#page .sidebar-area .sidebar-black .widget-title {
    color:#FFF;
}
@media (max-width: 767px) {
    body.blackblue .site-main, 
    body.blog .site-main,
    body.single-post .site-main,
    body.archive .site-main {
        margin-top:60px;
    }
	.blog-posts-area .image-area {
		margin-bottom:0px;
	}
	.sidebar-area {
		display: none;
    }
    .blog-posts-area .entry-header {
        margin-bottom:15px;
    }
    .blog-posts-area .entry-content {
        margin-top:10px;
    }
	.blog-posts-area .image-area {
		padding-right:15px;
        min-height: 200px;
        margin-right: 15px;
        margin-left: 15px;
    }
    .single-post .entry-content .single-post-content {
        padding:20px;
    }
    .blog-posts-area h2.entry-title, 
    .single-post .entry-content .single-post-content h1 {
        font-size:22px;
    }
    .blog-posts-area .hentry {
        margin-bottom:30px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	.blog-posts-area h2.entry-title {
		font-size:24px;
	}
}
@media (min-width: 1200px) {
	.blog-posts-area h2.entry-title {
		font-size:32px;
	}
}


.single-team .site-main {
    margin-top:150px;
}
.single-team .bio-content {
    background:#FFF;
    padding:30px;
    margin:0px;
}
.single-team .bio-content>*:last-child {
    margin-bottom:0px;
}
.single-team .bio-content.has-post-thumbnail {
    position: relative;
    margin-top:30px;
    margin-left:125px;
    padding-left:160px;
}
.single-team .image-area {
    width:250px;
    position:absolute;
    top:-30px;
    /* top:-11px; */
    left:-125px;
}
.single-team .image {
    background: url('img/photo-circle-yellow.svg') center center no-repeat;
    background-size: contain;
    padding: 4% 8% 4% 4%;
}
.single-team .image img {
    border-radius: 50%;
}
@media (max-width: 767px) {
    .single-team .site-main {
        margin-top:60px;
    }
    .single-team .bio-content {
        padding:120px 20px 20px;
    }
    .hentry.team .image-area {
        margin-bottom:0px;
    }
    .single-team .image {
        max-width: 200px;
        margin: 0 auto -100px;
        position: relative;
        z-index: 99;
        padding: 3% 5% 3% 3%;
    }
    .single-team .bio-content.has-post-thumbnail {
        position: relative;
        margin-top:140px;
        margin-left:0px;
        padding-left:30px;
    }
    .single-team .image-area {
        width:200px;
        top:-100px;
        left:50%;
        margin-left:-100px;
    }
}


.team-list.d-flex {
    margin-left:-20px;
    margin-right:-20px;
}
.team-list .team-excerpt {
    width:350px;
    background:#FFF;
    color:#000;
    border:solid 1px #ccc;
    padding:110px 30px 30px 30px;
    position: relative;
    margin:140px 20px 0px;
}
.team-list .team-excerpt a,
.team-list .team-excerpt a h3 {
    color:#00c0f3;
}
#page .team-list .team-excerpt a:hover,
#page .team-list .team-excerpt a:focus,
#page .team-list .team-excerpt a:hover h3,
#page .team-list .team-excerpt a:focus h3 {
    color:#c6ce25;
}
.team-list .team-excerpt h3 {
    font-size: 24px;
}
.team-list .team-excerpt .image-area {
    position: absolute;
    top:-100px;
    left:50%;
    width:200px;
    height:200px;
    margin-left:-100px;
}
.team-list .team-excerpt .image {
    background: url('img/photo-circle-yellow.svg') center center no-repeat;
    background-size: contain;
    padding: 4% 8% 4% 4%;
}
.team-list .team-excerpt .image img {
    border-radius: 50%;
}
.team-list .team-excerpt .read-more {
    text-transform: uppercase;
}


/*--------------------------------------------------------------
## Gravity Forms Styles
--------------------------------------------------------------*/
body .gform_wrapper.gf_browser_chrome .gform_body {
	width:100%;
}
.gform_wrapper form li, .gform_wrapper li {
    margin-left: 0;
    list-style: none;
    overflow: visible;
}
body .gform_wrapper .top_label .gfield_label, 
body .gform_wrapper legend.gfield_label {
    text-transform: uppercase;
	font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    margin-bottom:0px;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
	border:solid 1px #CCC;
	border-radius: 0px;
	-webkit-appearance: none;
}
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
body .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
body .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top:0px;
}
body img.gform_ajax_spinner {
    display:inline-block;
	width:auto;
	height:auto;
}
.ss-form ol {
	padding:0px;
}
.ss-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border:solid 1px #CCC;
	border-radius: 0px;
	-webkit-appearance: none;
	padding: 5px 4px;
	background:#FFF;
	width:100%;
	font-family: 'KefaIIPro', sans-serif;
	color:#333;
}
.ss-form textarea.ss-q-long {
	border:solid 1px #CCC;
	border-radius: 0px;
	-webkit-appearance: none;
	padding: 5px 4px;
	background:#FFF;
	width:100%;
	font-family: 'KefaIIPro', sans-serif;
	color:#333;
}
.ss-form select {
	color:#333;
}
.ss-form ul {
	padding-left:0px;
}
body .gform_button, body .jfk-button {
	background:#00c0f3;
	color:#FFF;
	text-transform: uppercase;
	padding:10px 35px;
	border:0px;
	font-family: 'Lemon Milk', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
}


.ss-form select {
	width:100%;
}
.ss-form .ss-form-question {
	margin-top:16px;
}
.ss-form .error-message, .ss-form .required-message {
	font-size:14px;
	color:#790000;
}
body div.ss-form-container {
    font-family: 'KefaIIPro', sans-serif;
}
.ss-form .errorbox-good div.error-message, .ss-form .errorbox-good div.required-message {
	display:none;
}
body div.ss-required-asterisk, body .ss-required-asterisk {
	color:#790000;
}



/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.btn.btn-link {
	font-size:13px;
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
	text-transform: uppercase;
	padding-left:0px;
	padding-right:0px;
	color:#c6ce25;
}
.btn.btn-link:hover, .btn.btn-link:focus {
	color:#00c0f3;
}
.btn.btn-link.blue {
	color:#00c0f3;
}
.btn.btn-link.light-grey {
	color:#bcbec1;
}
.btn.btn-link.dark-grey {
	color:#58595b;
}
.btn.btn-link.yellow {
	color:#c6ce25;
}
.btn.btn-link.white {
	color:#FFF;
}
.btn.btn-link:after {
	content:"\f101";
	margin-left:4px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.btn.btn-link:hover, .btn.btn-link:focus {
	text-decoration: none;
}
.btn.btn-primary,
.gform_button, 
#mc-embedded-subscribe-form #mc-embedded-subscribe {
    border:0px;
	font-size:13px;
	font-family: 'Lemon Milk', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
	text-transform: uppercase;
    color:#FFF;
    background-color:#00c0f3;
    border-radius: 20px;
    padding: 6px 18px;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.gform_button:hover, 
#mc-embedded-subscribe-form #mc-embedded-subscribe:hover,
.gform_button:focus, 
#mc-embedded-subscribe-form #mc-embedded-subscribe:focus {
    background-color:#c6ce25!important;
}
.btn.btn-primary.btn-lg {
    padding: 10px 35px;
    font-size: 20px;
    border-radius: 36px;
    min-width: 200px;
}
.gform_button {
    font-size:13px !important;
    line-height: 1em;
}
.btn.btn-primary.black {
    background-color:#000;
}
.btn.btn-primary.yellow {
    background-color:#c6ce25;
}
.btn.btn-primary.white {
    background-color:#FFF;
    color:#00c0f3;
}
.bg-blue .btn-primary,
.bg-blue .gform_button {
    background-color:#000;
}
.grey-box .btn.btn-link {
	color:#FFF;
	text-decoration: none;
}
.grey-box .btn.btn-link:hover, .grey-box .btn.btn-link:focus {
	color:#FFF;
}


.reports-shortcode .report-item a.image {
    display:block;
    margin:10px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);
}
.reports-shortcode .report-item a.image img {
    width:100%;
    height:auto;
}


#mc-embedded-subscribe-form .email {
    color:#333;
    border: solid 1px #CCC;
    border-radius: 0px;
    -webkit-appearance: none;
    width:50%;
    padding: 5px 4px;
}
#mc-embedded-subscribe-form p {
    margin:0px;
}