/* New Home 2021 Template Styles */
@keyframes left{
	100%{
		transform: rotate(180deg);
	}
}
@keyframes right {
	100% {
		transform: rotate(180deg);
	} 
}

/*
/*
 Theme Name:     Andrus Family Fund
 Theme URI:      http://www.soldesignco.com
 Description:    Customized Theme for the Andrus Family Fund
 Author:         SolDesign Co.
 Author URI:     http://www.soldesignco.com
 Template:       twentyeleven
 Version:        1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
.clearfloat {
	clear: both;
}
.vid {
	position: relative;
	padding-bottom: 33.1%;
	height: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	clear: both;
	float: right;
	max-width: 720px;
	width: 59%;
	margin-top: 2%;
}
.vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vid img{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.featured.vid {
	position: relative;
	padding-bottom: 55.9%;
	height: 0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	clear: both;
	max-width: 680px;
	width: 100%;
	margin: 0;
	float: left;
}
::selection {
	color: #fff;
	background: #D74BB4;
}

::-moz-selection {
 color:#fff;
 background: #D74BB4;
}
/* =Grid Styles
----------------------------------------------- */

.col1 {
	width: 6.526104417670682730923694779116%;
	margin: 0 0.903614457831325301204819277108%;
}
.col2 {
	width: 14.85943775100401606425702811245%;
	margin: 0 0.903614457831325301204819277108%;
}
.col3 {
	width: 23.192771084337349397590361445783%;
	margin: 0 0.903614457831325301204819277108%;
}
.col4 {
	width: 31.526104417670682730923694779116%;
	margin: 0 0.903614457831325301204819277108%;
}
.col5 {
	width: 39.85943775100401606425702811245%;
	margin: 0 0.903614457831325301204819277108%;
}
.col6 {
	width: 48.192771084337349397590361445783%;
	margin: 0 0.903614457831325301204819277108%;
}
.col7 {
	width: 56.526104417670682730923694779116%;
	margin: 0 0.903614457831325301204819277108%;
}
.col8 {
	width: 64.85943775100401606425702811245%;
	margin: 0 0.903614457831325301204819277108%;
}
.col9 {
	width: 73.192771084337349397590361445783%;
	margin: 0 0.903614457831325301204819277108%;
}
.col10 {
	width: 81.526104417670682730923694779116%;
	margin: 0 0.903614457831325301204819277108%;
}
.col11 {
	width: 89.85943775100401606425702811245%;
	margin: 0 0.903614457831325301204819277108%;
}
.col12 {
	width: 98.192771084337349397590361445783%;
	margin: 0 0.903614457831325301204819277108%;
}
.col12email {
	width: 98.192771084337349397590361445783%;
	margin: 0 0.903614457831325301204819277108%;
	max-width:450px;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
}
/* =Special Stuff
----------------------------------------------- */

/* Social Links Stylings */
#social {
	display: none;
	position: fixed;
	right: 0;
	top: 15%;
	max-width: 30px;
	padding: 7px;
	background: url('../images/box-bg.png');
    background-color: #4B4A4A;
    //background: url('http://affunddev.wpengine.com/wp-content/uploads/2023/11/box-bg.png');
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.soc-link {
	margin-bottom: 7px;
	display: block;
}
.soc-link:hover {
	opacity: 0.7;
}
.soc-link:last-child {
	margin-bottom: 0;
}
#gallery-1{
	display:none !important;
}

#gallery-2 img {
    width: 65.7%;
}

.content-area #gallery-1, .content-area .pagwrap {
    display: block !important;
} 
.content-area .gallery .gallery-item:nth-of-type(3n) {
    margin-right: 0 !important;
}
.content-area #gallery-1 .gallery-item {
    width: 31%;
    margin-right: 3.33%;
}
.content-area .gallery .gallery-item {
    overflow: hidden;
    float: none !important;
    display: inline-block;
}
.content-area .gallery br {
    display: none !important;
}
.content-area .gallery img {
    width: auto;
    max-height: 11em;
    display: inline-block;
    border: none !important;
}


/* Podcast music submission form styles */
.page-id-1000 .box .gform_wrapper {
	//color: #666;
	padding-bottom: 3em;
}
.page-id-1000 .box .gform_wrapper .gform_body ul.gform_fields li.gfield span[id^="extensions_message_"] {
	display: block;
	margin-top: 1em;
	font-size: 13px;
}
.page-id-1000 .box .gform_wrapper .gform_body ul.gform_fields li.gfield .gfield_description {
	margin: .5em 0;
}
.page-id-1000 .box .gform_wrapper .gform_body ul.gform_fields li.gfield .ginput_container_fileupload input {
	margin-top: .5em;
}
.page-id-1000 .box .gform_wrapper .gform_footer input[type="submit"] {
	background-color: #0FB3F0;
	padding: 8px 12px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: none;
}
.page-id-1000 .box .gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: #D7DF21;
}
#gform_browse_button_2_8, #gform_submit_button_2 {
    color: #000;
}

#global-alert-banner {
    position: relative;
    /*		background-color: #FFAF3D;*/
    background-color: #4D5054;
    border-bottom: 1px solid #fff;
    z-index: 101;
    max-height: 300px;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    .close {
        display: none !important;
    }
}
#global-alert-banner.closed {
	max-height: 0;
}
#global-alert-banner .close {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 15px;
	top: calc(50% - 2px);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
    display: none;
}
#global-alert-banner .close .fa {
	vertical-align: top;
}
	#global-alert-banner .container {
		width: 88%;
		padding: 15px 0;
		margin: 0 auto;
	}
	#global-alert-banner .alert {
		position: relative;
		float: left;
		width: calc(100% - 200px);
	}
	#global-alert-banner .alert p {
		position: relative;
		display: inline;
		margin: 0;
		font-size: 18px;
	}
	#global-alert-banner .alert p a {
		color: #fff;
		text-decoration: none;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	#global-alert-banner .alert p a:hover {
		color: #D7DF21;
		text-decoration: none;
	}
	#global-alert-banner .alert p.has-link::after {
		content: "\f054";
		position: absolute;
		top: 0;
		right: -30px;
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
	}
	#global-alert-banner .social-nav {
		float: right;
		width: 200px;
	}
	#global-alert-banner .social-nav ul {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	#global-alert-banner .social-nav ul li {
		position: relative;
		font-size: 24px;
		margin-right: 15px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	#global-alert-banner .social-nav ul li:last-child {
		margin-right: 0;
	}
	#global-alert-banner .social-nav ul li:hover {
		color: #D7DF21;
	}
	#global-alert-banner .social-nav ul li a {
		font-size: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


footer#colophon {
	background-color: #3A3A3A;
	padding: 3em 0;
	margin: 0 !important;
}
footer#colophon .container {
	width: 88%;
	margin: 0 auto;
}
footer#colophon #footer-logo {
	width: 150px;
	display: block;
	margin-bottom: 3em;
}
footer#colophon #footer-logo img {
	width: 100%;
	height: auto;
	display: block;
}
footer#colophon .footer-left {
	width: 48%;
	float: left;
	margin-right: 4%;
	font-size: 18px;
}
footer#colophon .footer-left .location-info {
	text-transform: uppercase;
	margin-bottom: 1em;
}
footer#colophon .footer-left .email-contact {
	text-transform: uppercase;
}
footer#colophon .footer-left .email-contact a, footer#colophon .footer-right .footer-nav ul li a {
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
footer#colophon .footer-left .email-contact a:hover, footer#colophon .footer-right .footer-nav ul li a:hover {
	color: #D7DF21;
}
footer#colophon .footer-right {
	width: 48%;
	float: right;
	font-size: 18px;
}
footer#colophon .footer-right .footer-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
}
footer#colophon .footer-right .footer-nav ul li {
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
	margin-left: -4px;
}
footer#colophon .footer-right .footer-nav ul li:first-child {
	margin-left: 0;
}
footer#colophon .footer-right .footer-nav ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}
footer#colophon .footer-right .social-nav {
	margin: 2em 0;
}
footer#colophon .footer-right .social-nav ul {
	margin: 0;
	padding: 0;
}
footer#colophon .footer-right .social-nav ul li {
	position: relative;
	font-size: 24px;
	margin-right: 15px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}footer#colophon .footer-right .social-nav ul li:last-child {
	margin-right: 0;
}
footer#colophon .footer-right .social-nav ul li:hover {
	color: #D7DF21;
}
footer#colophon .footer-right .social-nav ul li a {
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
footer#colophon .footer-right .copyright-info {
	font-size: 16px;
}


/* New Home 2021 Template Styles */
#social {
	z-index: 102;
}
.badge {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 6%;
	padding: 15px 25px;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	font-weight: 800;
	font-size: 18px;
	text-transform: uppercase;
}
.light-blue {
	color: #0FA4E1;
}
.lime-green {
	color: #D7DF21;
}
.text-yellow {
	color: #FEAE3D;
}
.circular{
	height: 18px;
	width: 18px;
	position: relative;
	margin-top: -4px;
	margin-left: -4px;
}
.circular .inner{
	position: absolute;
	z-index: 6;
	top: 50%;
	left: 50%;
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	background: #000;
	border-radius: 100%;

}
.circular .bar{
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,0.4);
	-webkit-border-radius: 100%;
	clip: rect(0px, 18px, 18px, 9px);
}
.circle .bar .progress{
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 100%;
	clip: rect(0px, 9px, 18px, 0px);
	background: #FFF;
}
.circle .left .progress{
	z-index:1;
	animation: left 5s linear both;
}
@keyframes left{
	100%{
		transform: rotate(180deg);
	}
}
.circle .right {
	transform: rotate(180deg);
	z-index:3;

}
.circle .right .progress{
	animation: right 5s linear both;
	animation-delay: 5s;
}
@keyframes right{
	100%{
		transform: rotate(180deg);
	}
}
#homepage-hero-slider {
	position: relative;
	width: 100%;
}
#homepage-hero-slider .hero-slide {
	width: 100%;
	height: 0;
	padding-bottom: 62%;
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}
#homepage-hero-slider .hero-slide .slide-content {
	width: 50%;
	padding-right: 4%;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#homepage-hero-slider .hero-slide .slide-content h2.hero-heading {
	font-size: 5em;
	text-transform: uppercase;
    color: #282828;
/*	text-shadow: 3px 3px 5px rgba(0,0,0,0.8);*/
	line-height: 1em;
	font-weight: 800;
}
#homepage-hero-slider .hero-slide .slide-content .hero-content {
	width: 80%;
	background-color: rgba(255,255,255,0.9);
	padding: 20px 30px;
	color: #000;
	font-size: 22px;
	margin: 1em 0;
}
#homepage-hero-slider .hero-slide .slide-content .hero-content p {
	margin-bottom: 0;
}
#homepage-hero-slider .hero-slide .slide-content .under-content-link {
	width: 100%;
/*	text-align: right;*/
	margin: 20px 0 10px;
}
#homepage-hero-slider .hero-slide .slide-content .under-content-link a {
	color: #0FA4E1;
	text-decoration: none;
	font-size: 20px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#homepage-hero-slider .hero-slide .slide-content .under-content-link a:hover {
	color: #D7DF21;
}
#homepage-hero-slider .hero-slide .grantee-holder {
	position: absolute;
	bottom: 0;
	left: 6%;
}
#homepage-hero-slider .hero-slide .grantee-holder.no-grantee-logo {
    bottom: 8px;
}
#homepage-hero-slider .hero-slide .grantee-holder h3 {
	font-size: 20px;
/*	color: #fff;*/
    color: #000;
	margin-bottom: .25em;
	font-weight: 500;
	text-transform: uppercase;
}
#homepage-hero-slider .hero-slide .grantee-holder.no-grantee-logo h3 {
    font-size: 16px;
}
#homepage-hero-slider .hero-slide .grantee {
	position: relative;
	background-color: #fff;
	width: 200px;
	height: 84px;
}
#homepage-hero-slider .hero-slide .grantee .grantee-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.cycle-pager {
	z-index: 101;
	position: absolute;
	left: calc(4% + 260px);
	bottom: 20px;
	width: 40%;
	height: 12px;
}
.cycle-pager span {
	cursor: pointer;
	font-size: 0;
	width: 10px;
	height: 10px;
	display: inline-block;
	line-height: .5em;
	margin: 0 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #fff;
}
#ootm-callout {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 36.7%;
	background-color: #0FA4E1;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
#ootm-callout .ootm-image {
	width: 36%;
	height: 0;
	padding-bottom: 15.85%;
	display: block;
	position: absolute;
	top: 50%;
	left: 6%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
}
#ootm-callout .ootm-callout-content {
	position: absolute;
	width: 44%;
	top: 50%;
	right: 10%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: rgba(255,255,255,0.9);
}
#ootm-callout .ootm-callout-content .playbar {
	width: calc(100% - 40px);
	background-color: #000;
	padding: 10px 15px 10px 25px;
	position: relative;
}
#ootm-callout .ootm-callout-content .playbar i {
	position: relative;
	color: #fff;
}
#ootm-callout .ootm-callout-content .playbar i:before {
	top: -2px;
	position: relative;
}
#ootm-callout .ootm-callout-content .playbar::before {
	content: "";
	background-color: #0FA4E1;
	width: 30px;
	height: 30px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	left: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
#ootm-callout .ootm-callout-content .playbar .podcast-title {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin: 0 15px;
	text-transform: uppercase;
}
#ootm-callout .ootm-callout-content .playbar .podcast-episode-id {
	color: rgba(255,255,255,0.5);
	font-size: 14px;
	font-weight: 500;
	float: right;
	padding-top: 6px;
}
#ootm-callout .ootm-callout-content .podcast-description {
	padding: 20px 30px;
}
#ootm-callout .ootm-callout-content .podcast-description a {
	margin-right: 30px;
	font-size: 20px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#ootm-callout .ootm-callout-content .podcast-description a:hover {
	color: #D7DF21;
}
#ootm-callout .ootm-callout-content .podcast-description p {
	margin: 0 0 1em;
	color: #000;
	font-size: 20px;
}
#featured-initiative {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
}
#featured-initiative .initiative-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}
#featured-initiative .initiative-content-holder {
	position: absolute;
	width: 45%;
	height: 100%;
	right: 0;
	top: 0;
}
#featured-initiative .initiative-content-holder .initiative-content-container {
	width: 70%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15%;
}
#featured-initiative .initiative-content-holder .initiative-content-container img {
	width: 100%;
	height: auto;
	display: block;
}
#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content {
	margin-top: 1.5em;
	font-size: 32px;
	color: #fff;
}
#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content p {
	margin-bottom: .75em;
}
#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content a {
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content a:hover {
	color: #D7DF21;
}
#social-feed-section {
	width: 100%;
	padding: 3em 0;
	background-color: #E5E5E5;
}
#social-feed-section .lg-container {
	margin: 0 auto;
	width: 88%;
 }
#social-feed-section h6 {
	text-shadow: none !important;
	color: #D74BB4;
}
#social-feed-section h6.ff-label-wrapper {
	font-size: 1em;
}
	.flow-flow-container {
			width: 102%;
			margin-left: -2%;
	}
#ff-stream-1 {
	background-color: transparent !important;
}
.ff-filter-holder {
	display: none;
}

#by-the-numbers {
	/*background-color: #D74BB4;*/
	background-color: #33a9b3;
	padding: 6em 6% 2em;
}
#by-the-numbers h6 {
	color: #fff;
	text-shadow: none;
}
#by-the-numbers #tabs {
	margin: 3em 0;
}
#by-the-numbers #tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#by-the-numbers #tabs ul li {
	position: relative;
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	margin-right: 8%;
	font-weight: 800;
	color: #fff;
}
#by-the-numbers #tabs ul li::after {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #fff;
	opacity: 0;
	position: absolute;
	bottom: -8px;
	left: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#by-the-numbers #tabs ul li:hover::after, #by-the-numbers #tabs ul li.ui-tabs-active::after {
	opacity: 1.0;
}
#by-the-numbers #tabs ul li a {
	color: inherit;
}
#by-the-numbers #tabs .cycle-slideshow {
	margin-top: 3em;
}
#by-the-numbers #tabs .cycle-slideshow .cycle-pager {
	top: 0;
	left: 0;
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide {
	width: 100%;
	height: 0;
	padding-bottom: 33%;
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-image, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-image {
	width: 45%;
	height: 0;
	padding-bottom: 25.31%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 3%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
	padding-top: 1em;
	font-size: 30px;
	font-weight: 300;
/*	text-shadow: 4px 4px 4px rgba(0,0,0,0.4);*/
    .issue-disclaimer, .impact-disclaimer {
        p {
            font-size: 16px;
        }
    }
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 51%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
//#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-disclaimer, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-disclaimer {
//	position: absolute;
//	bottom: -2em;
//	left: 0;
//	width: 35%;
//}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content .issue-disclaimer {
	position: relative;
	top: 0%;
	left: 0;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	font-size: 16px;
	width: 75% !important;
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content .issue-disclaimer p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content .impact-disclaimer p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content .issue-disclaimer p {
	font-size: 16px !important;
	font-weight: 400 !important;
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content {
	position: relative;
	top: 0%;
	left: 0;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-disclaimer {
	bottom: 20px;
}
#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content .impact-disclaimer p {
    font-size: 16px !important;
} 

.page-template-new-home-template-2021, .home {
	#social {
		z-index: 102;
	}
	.badge {
		position: absolute;
		z-index: 2;
		top: 20px;
		left: 6%;
		padding: 15px 25px;
		background-color: rgba(0,0,0,0.4);
		color: #fff;
		font-weight: 800;
		font-size: 18px;
		text-transform: uppercase;
	}
	.light-blue {
		color: #0FA4E1;
	}
	.lime-green {
		color: #D7DF21;
	}
	.text-yellow {
		color: #FEAE3D;
	}
	.circular {
		height: 18px;
		width: 18px;
		position: relative;
		margin-top: -4px;
		margin-left: -4px;
	}
	.circular .inner{
		position: absolute;
		z-index: 6;
		top: 50%;
		left: 50%;
		height: 12px;
		width: 12px;
		margin: -6px 0 0 -6px;
		background: #000;
		border-radius: 100%;

	}
	.circular .bar{
		position: absolute;
		height: 100%;
		width: 100%;
		background: rgba(255,255,255,0.4);
		-webkit-border-radius: 100%;
		clip: rect(0px, 18px, 18px, 9px);
	}
	.circle .bar .progress {
		position: absolute;
		height: 100%;
		width: 100%;
		-webkit-border-radius: 100%;
		clip: rect(0px, 9px, 18px, 0px);
		background: #FFF;
	}
	.circle .left .progress{
		z-index:1;
		animation: left 5s linear both;
	}
	.circle .right {
		transform: rotate(180deg);
		z-index:3;

	}
	.circle .right .progress{
		animation: right 5s linear both;
		animation-delay: 5s;
	}
	#homepage-hero-slider {
		position: relative;
		width: 100%;
		.hero-slide {
			width: 100%;
			height: 0;
			padding-bottom: 62%;
			background-size: cover;
			background-position: top left;
			background-repeat: no-repeat;
			.slide-content {
				width: 50%;
				padding-right: 4%;
				position: absolute;
				top: 50%;
				right: 0;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				.hero-content {
					width: 80%;
					background-color: rgba(255,255,255,0.9);
					padding: 20px 30px;
					color: #000;
					font-size: 22px;
					margin: 1em 0;
					p {
						margin-bottom: 0;
					}
				}
				h2.hero-heading {
					font-size: 5em;
					text-transform: uppercase;
					text-shadow: 3px 3px 5px rgba(0,0,0,0.4);
					line-height: 1em;
					font-weight: 800;
				}
				.under-content-link {
					width: 100%;
					text-align: right;
					margin: 20px 0 10px;
					a {
						color: #0FA4E1;
						text-decoration: none;
						font-size: 20px;
						-webkit-transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-ms-transition: all .25s ease-in-out;
						transition: all .25s ease-in-out;
						&:hover {
							color: #D7DF21;
						}
					}
				}
			}
			.grantee-holder {
				position: absolute;
				bottom: 0;
				left: 6%;
				h3 {
					font-size: 16px;
					color: #fff;
					margin-bottom: .25em;
					font-weight: 500;
					text-transform: uppercase;
				}
			}
			.grantee {
				position: relative;
				background-color: #fff;
				width: 200px;
				height: 60px;
				.grantee-image {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background-size: contain;
					background-position: center center;
					background-repeat: no-repeat;
				}
			}
		} // End Hero Slide
	}
	.cycle-pager {
		z-index: 101;
		position: absolute;
		left: calc(4% + 260px);
		bottom: 20px;
		width: 40%;
		height: 12px;
		span {
			cursor: pointer;
			font-size: 0;
			width: 10px;
			height: 10px;
			display: inline-block;
			line-height: .5em;
			margin: 0 8px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			border-radius: 50%;
			border: 1px solid #fff;
		}
	}
	#ootm-callout {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 36.7%;
		background-color: #0FA4E1;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#ootm-callout {
		.ootm-image {
			width: 36%;
			height: 0;
			padding-bottom: 15.85%;
			display: block;
			position: absolute;
			top: 50%;
			left: 6%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			background-position: top left;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.ootm-callout-content {
			position: absolute;
			width: 44%;
			top: 50%;
			right: 10%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			background-color: rgba(255,255,255,0.9);
			.playbar {
				width: calc(100% - 40px);
				background-color: #000;
				padding: 10px 15px 10px 25px;
				position: relative;
				i {
					position: relative;
					color: #fff;
					&:before {
						top: -2px;
						position: relative;	
					}
				}
				.podcast-title {
					color: #fff;
					font-size: 20px;
					font-weight: 500;
					margin: 0 15px;
					text-transform: uppercase;
				}
				.podcast-episode-id {
					color: rgba(255,255,255,0.5);
					font-size: 14px;
					font-weight: 500;
					float: right;
					padding-top: 6px;
				}
			}
			.podcast-description {
				padding: 20px 30px;
				margin-right: 30px;
				font-size: 20px;
				-webkit-transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
				-ms-transition: all .25s ease-in-out;
				transition: all .25s ease-in-out;
				a {
					&:hover {
						color: #D7DF21;	
					}	
				}
				p {
					margin: 0 0 1em;
					color: #000;
					font-size: 20px;
				}
			}
		}
		#ootm-callout .ootm-callout-content .playbar::before {
			content: "";
			background-color: #0FA4E1;
			width: 30px;
			height: 30px;
			position: absolute;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			top: 50%;
			left: 15px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			border-radius: 50%;
		}
	}
	#featured-initiative {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		.initiative-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: top left;
			background-repeat: no-repeat;
		}
		.initiative-content-holder {
			position: absolute;
			width: 45%;
			height: 100%;
			right: 0;
			top: 0;
			.initiative-content-container {
				width: 70%;
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				right: 15%;
				img {
					width: 100%;
					height: auto;
					display: block;
				}
				.initiative-content {
					margin-top: 1.5em;
					font-size: 32px;
					color: #fff;
					p {
						margin-bottom: .75em;
					}
					a {
						font-size: 18px;
						font-weight: 800;
						color: #fff;
						-webkit-transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-ms-transition: all .25s ease-in-out;
						transition: all .25s ease-in-out;
						&:hover {
							color: #D7DF21;
						}
					}
				}
			}
		}
	}
    #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content .impact-disclaimer p {
        font-size: 16px !important;
    } 
	#by-the-numbers {
		/*background-color: #D74BB4;*/
		background-color: #33a9b3;
		padding: 6em 6% 2em;
		h6 {
			color: #fff;
			text-shadow: none;	
		}
		#tabs {
			margin: 3em 0;
			ul {
				margin: 0;
				padding: 0;
				list-style: none;
				li {
					position: relative;
					display: inline-block;
					font-size: 20px;
					text-transform: uppercase;
					margin-right: 8%;
					font-weight: 800;
					color: #fff;
					&:after {
						content: "";
						width: 100%;
						height: 4px;
						background-color: #fff;
						opacity: 0;
						position: absolute;
						bottom: -8px;
						left: 0;
						-webkit-transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
						-ms-transition: all .25s ease-in-out;
						transition: all .25s ease-in-out;	
					}
					a {
						color: inherit;	
					}
				}
			}
			.cycle-slideshow {
				margin-top: 3em;
				.cycle-pager {
					top: 0;
					left: 0;
					.cycle-slide {
						width: 100%;
						height: 0;
						padding-bottom: 33%;
                        .issue-content .issue-disclaimer {
                            position: relative;
                            top: 0%;
                            left: 0;
                            -webkit-transform: translateY(0%);
                            -moz-transform: translateY(0%);
                            -ms-transform: translateY(0%);
                            transform: translateY(0%);
                            font-size: 16px;
                            width: 75%;
                            p {
                                font-size: 16px !important;
                                font-weight: 400;
                            }
                        }
					}
				}
			}
		}
	}
	#by-the-numbers #tabs ul li:hover::after, #by-the-numbers #tabs ul li.ui-tabs-active::after {
		opacity: 1.0;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-image, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-image {
		width: 45%;
		height: 0;
		padding-bottom: 25.31%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		right: 3%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
		padding-top: 1em;
		font-size: 30px;
		font-weight: 300;
		text-shadow: 4px 4px 4px rgba(0,0,0,0.4);
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content {
//		position: absolute;
//		top: 50%;
//		left: 0;
//		width: 51%;
//		-webkit-transform: translateY(-50%);
//		-moz-transform: translateY(-50%);
//		-ms-transform: translateY(-50%);
//		transform: translateY(-50%);
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-disclaimer, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-disclaimer {
//		position: absolute;
//		bottom: -2em;
//		left: 0;
//		width: 35%;
        p {
            font-size: 14px;
        }
	}
}
#social-feed-section {
	width: 100%;
	padding: 3em 0;
	background-color: #E5E5E5;
}
#social-feed-section .lg-container {
	margin: 0 auto;
	width: 88%;
 }
#social-feed-section h6 {
	text-shadow: none !important;
	color: #D74BB4;
}
#social-feed-section h6.ff-label-wrapper {
	font-size: 1em;
}
	.flow-flow-container {
			width: 102%;
			margin-left: -2%;
	}
#ff-stream-1 {
	background-color: transparent !important;
}
.ff-filter-holder {
	display: none;
}


/* Footer Social Links Stylings */
footer #social {
	right: 0;
	top: 0;
	width: 100%;
	padding: 7px;
}
footer .soc-link {
	margin: 0 3px 0 0;
	display: inline;
}
footer .soc-link img {
	width: 15%;
	max-width: 30px;
}
footer .soc-link:last-child {
	margin-bottom: 0;
}

/* Box Stylings */
.box.home {
	font-size: 1.2em;
	font-weight: 300;
}
.box.home p a:hover {
	opacity: 0.7;
}
.box-holder, .box-holder-sidebar, .facts-holder, .dates-holder {
	overflow: hidden;
}
.box-holder .faq .head {
	float: left;
	font-weight: bold;
	padding-right: 5px;
}
.box-holder .faq-section-title {
	padding-top: 20px;
	padding-bottom: 15px;
	margin-bottom: 0;
}
.box-holder .faq .answer {
	margin-top: -8px;
}
.box-holder .faq .answer p, .box-holder .faq .question p {
	margin-bottom: 15px;
	line-height: 1.5em;
}
.box-holder .faq .answer {
	margin: -8px 0 24px;
}
.box-holder-sidebar {
	margin-top: 42px;
}
.box-holder {
	margin-top: 50px;
}
.box-holder:first-child {
	margin-top: 15%;
}
.box-holder.home {
	margin-top: 0 !important;
}
.box {
	background: url('../images/box-bg.png');
    background-color: #4B4A4A;
	padding: 20px;
}
.box p {
	color: #FFF !important;
}
.box-label {
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	background: url('../images/box-bg.png');
    background-color: #4B4A4A;
	padding: 10px 40px 4px;
	margin-left: -15px;
	transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	display: inline-block;
	-webkit-backface-visibility: hidden;
}
.box-label p {
	transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	margin: 0;
}
.post-holder {
	border-bottom: 1px solid #FFF;
	margin-bottom: 5%;
	padding-bottom: 1%;
}
.user-img img {
	max-width: 100%;
}
.more {
	display: block;
	float: right;
	font-size: .825em;
	text-align: right;
	width: 100%;
}
.more:hover {
	opacity: 0.7;
}
/* Values on Homepage Box Section 1 */
ul.values {
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: 500;
}
ul.values li a {
	font-weight: 700;
	color: #FFF;
	display: block;
	padding: 6px 12px;
	font-size: 1.2em;
}
ul.values li a:hover {
	opacity: 0.7;
}
ul.values li {
	position: relative;
	border-bottom: 0 solid transparent;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
ul.values li:hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}
/* HOVER EFFECTS FOR CORE VALUE BUTTONS ON HOME PAGE
ul.values li:hover {
	position: relative;
	margin-bottom: 0;
	transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	box-shadow: 0 4px 9px rgba(0,0,0,.5);
}

ul.values li:first-child:hover {
	border-bottom: 8px solid #742377;
}

ul.values li:nth-child(2):hover {
	border-bottom: 8px solid #114C68;
}

ul.values li:nth-child(3):hover {
	border-bottom: 8px solid #3A3A3A;
}

ul.values li:nth-child(4):hover {
	border-bottom: 8px solid #815614;
}

*/

ul.values li:first-child {
	background-color: #D74BB4;
	margin-top: 6px;
}
ul.values li:nth-child(2) {
	background-color: #0FA4E1;
}
ul.values li:nth-child(3) {
	background-color: #737477;
}
ul.values li:nth-child(4) {
	background-color: #FFAF3C;
}
/* Values on Our Focus page Box Section 2 */
.val {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.4em;
	position: relative;
	bottom: 50%;
	transform: translateY(47%);
	-moz-transform: translateY(47%);
	-webkit-transform: translateY(47%);
}
.values .color:first-child {
	background-color: #D74BB4;
	margin-top: 0;
}
.values .color:nth-child(2) {
	background-color: #0FA4E1;
	margin-top: 10px;
}
.values .color:nth-child(3) {
	background-color: #737477;
	margin-top: 10px;
}
.values .color:nth-child(4) {
	background-color: #FFAF3C;
	margin-top: 10px;
}
.desc {
	padding: 6px 0;
}
/* The Facts Section */
.facts-box {
	margin-top: 15px;
}
.facts .col3 {
	position: relative;
}
.number {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 4em;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	padding: 50px 0;
	background-color: #D7DF21;
	transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.factoid:hover .number {
	background-color: #D74BB4;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.factoid:hover .number p {
	opacity: .13;
	-webkit-filter: blur(4px);
	-moz-filter: blur(4px);
	-o-filter: blur(4px);
	-ms-filter: blur(4px);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.number p {
	transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	margin: 0;
}
.detail {
	position: absolute;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	padding: 0 12px;
	background-color: transparent;
	transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	top: 0;
	right: 0;
	height: 100%;
	width: 90%;
	overflow: hidden;
}
.detail p {
	transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	margin: 0;
	padding-right: 6%;
	font-size: 1.2em;
	line-height: 1.3;
	position: relative;
	top: 3em;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.factoid:hover .detail p{
	opacity: 1;
}
.facts .col3:first-child {
	margin-left: -5%;
	width: 28%;
}
.facts .col3:first-child p {
	padding-left: 10%;
}
.facts .col3:last-child {
	margin-right: -30%;
	width: 30%;
}
.facts .col3:last-child p {
	padding-right: 10%;
}
.facts .col3:last-child .detail p {
	padding-right: 20%;
}
.facts .col3:first-child .detail p {
	padding-left: 20%;
}
.footnotes {
	font-size: .75em;
	margin-top: 8px;
}
.footnotes p {
	margin: 0;
}
.footnotes a {
	color: #FFF;
}
.page-template-grantseekers-template .footnotes {
	font-size: 14px;
}

/* the links section */
.lines{
    transform: skewX(30deg); 
	-moz-transform: skewX(30deg); 
    -webkit-transform: skewX(30deg);
    overflow: hidden;
}
.links .link {
    background: grey url('../images/lines.png');
    display: block;
    margin-top: 15px;
    transform: skewX(-30deg); 
    -moz-transform: skewX(-30deg); 
    -webkit-transform: skewX(-30deg);
    margin: 15px -9%;
}
.links-home .links .col6:first-child .link {
	background-color: #0FA4E1;	
	padding: 4% 0 6% 28%;
}
.links-home .links .col6:nth-child(2) .link,
.links-grantees .links .col6:nth-child(2) .link {
	background-color: #D74BB4;	
	padding: 4% 0 6% 20%;
}
.links-grantees .links .col6:first-child .link {
	background-color: #0FA4E1;	
	padding: 4% 0 6% 28%;
}
.link .head {
    color: #fff;
    font-size: 2.5em;
    width: 100%;
    display: block;
    text-shadow: 0 0 12px rgba(0,0,0,.4);
}
.link .sub {
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-shadow: 0 0 12px rgba(0,0,0,.4); 
}
.links {
    margin: 0 -6%;
}
.links-holder {
    overflow:  hidden;
}


/* The Staff Section */
.our-board p {
	margin-bottom: 2.5%;
}
.staff.col12 {
	padding-left: 4.5%;
	margin: 0;
}
/*
.staff .col3 {
	position: relative;
	width: 23.4%;
}
*/
.staff .col3 {
	width: 21%;
	padding-top: 20px;
}
.staff .col3:first-of-type, .staff .col3:nth-of-type(2), .staff .col3:nth-of-type(3), .staff .col3:nth-of-type(4) {
	padding-top: 0;
}
.staff-member, .board-member {
/*
	transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
*/
    transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	-webkit-backface-visibility: hidden;
}
.staff-member, .board-member {
	cursor: pointer;
}
.staff-member.board-member {
	cursor: auto !important;
}
.staff-image {
	max-height: 195px;
	padding: 0;
	background-color: transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow: hidden;
}
.staff-image img {
	opacity: 1;
	filter: url('../images/filters.svg#grayscale');
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
    width: 100%;
    height: auto;
/*
	transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
    margin: -27% 0 0 -29%;
	width: 152%;
*/
    transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
    max-width: 100%;
    margin: 0 auto;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.staff-member:hover .staff-image {
	background-color: #0FA4E1;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.staff-member:hover .staff-image img {
	opacity: .5;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.staff-detail {
	position: absolute;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	background-color: transparent;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.staff-detail p {
/*
	transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
*/
    transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	margin: 0;
	padding-right: 4%;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	top: -55%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.staff-member:hover .staff-detail p {
	top: 40%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.staff-detail .title {
	font-size: .6em;
	font-weight: normal;
	line-height: .5;
	text-transform: none;
	padding-left: 12%;
}
/* Staff Lightbox */
.on {
	display: block !important;
}
.noscroll {
	height: 100%;
	overflow: hidden;
}
.lightbox {
	position: fixed;
	background: url('../images/lightbox-bg.png');;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999999;
	display: none;
}
.bio-box {
	width: 60%;
	max-width: 1000px;
	left: 9%;
	top: 12%;
	max-height: 70%;
	min-height: 60%;
	padding: 1% .5%;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
}
.bio {
	display: block;
	overflow-y: auto;
	height: 80%;
	padding-right: 2.5%;
	position: absolute;
	margin-top: 2%;
	padding-top: 2%;
	border-top: 1px solid rgb(218, 218, 218);
}
.lightbox .bio-image {
	float: left;
}
.lightbox .bio-image img {
	max-width: 100%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.lightbox .bio-image .bio-img-bg {
	padding-bottom: 100%;
	background-size: cover !important;
}
.lightbox .bio-detail {
	float: left;
	display: block;
	color: #3a3a3a;
}
.lightbox .bio-detail .title {
	color: #000;
}
.lightbox .bio-detail p {
	color: #3A3A3A !important;
}
.close {
	position: absolute;
	color: #0FA4E1;
	font-size: 1.5em;
	font-weight: 800;
	right: 2%;
	top: 3%;
	cursor: pointer;
}
.lightbox .bio-detail .name {
	color: #d74bb4;
	font-size: 1.4em;
	font-weight: 800;
}

/* The Dates Section */
.dates-box {
	margin-top: 15px;
}
.dates-button {
}
.dates-button a {
	background-color: #D74BB4;
	color: #FFF;
	font-weight: 700;
	font-size: 1.8em;
	padding: 10px 20px;
	margin-top: 15px;
	display: block;
}
.date-number {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 3em;
	margin-top: 10px;
	display: block;
}
.datoid {
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	padding: 30px 0;
	background-color: #0FA4E1;
	transform: skewX(30deg);
	-moz-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
}
.datoid p {
	transform: skewX(-30deg);
	-moz-transform: skewX(-30deg);
	-webkit-transform: skewX(-30deg);
	margin: 0;
}
.copy p {
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1;
	padding: 0 7%;
}
.datoid.col4:first-child {
	margin-left: -6.1%;
	padding-left: 70px;
	padding-right: 20px;
}
.datoid.col4:nth-child(3) {
	margin-right: -30%;
	padding-right: 171px;
}

/* The Grantee Logos */
.grantee-logo {
	float: left;
	width: 25.33%;
	height: 100px;
	line-height: 100px;
	margin: 0 4.0% 40px;	
	text-align: center;
	position: relative;
}

.grantee-logo img {
	width: auto;
	max-width: 100%;
	max-height: 100px;
	vertical-align: middle;
}

/* Knowledge to Share video tabs */
.know-video-wrapper .vid {
	position: relative;
	padding-bottom: 50.8%;
	height: 0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	clear: both;
	max-width: 680px;
	width: 90%;
	margin: 2% 0;
	float: left;
}
p.know-video-content {
	color: #3A3A3A;
	font-weight: 500;
	padding-right: 2%;
	margin-bottom: 1%;
}
p.know-video-content b {
	font-weight: 800;
	display: block;
}
/* =Tab Styles
----------------------------------------------- */


ul.tab-labels {
	margin: 25px 0 0;
}
.tab-labels li {
	background-color: #FFAF3C;
	list-style-type: none;
	display: inline-block;
	padding: 8px 16px;
	margin-right: 5px;
	font-weight: 700;
	font-size: 18px;
}
.tab-labels li:hover {
	cursor: pointer;
}
/*.tab-labels li:first-child, .tab-content:first-child {
	background-color: #FFAF3C;
}
.tab-labels li:nth-child(2), .tab-content:nth-child(2) {
	background-color: #0FA4E1;
}
.tab-labels li:nth-child(3), .tab-content:nth-child(3) {
	background-color: #D74BB4;
}
.tab-labels li:nth-child(4), .tab-content:nth-child(4) {
	background-color: #737477;
}
.tab-labels li:nth-child(5), .tab-content:nth-child(5) {
	background-color: #D7DF21;
}*/
.tab-content {
	padding: 40px 60px;
	display: none;
}
.tab-content li {
	margin-bottom: 10px;
}

.current {
	display: inherit;
	position: relative;
}

.page-template-process-template .tab-labels li:nth-child(1), .page-template-process-template #tab-1 p, .page-template-process-template #tab-1 h2, .page-template-process-template #tab-1 h3, .page-template-new-grantees-template .tab-labels {
    color: #3a3a3a !important;
}

.page-template-new-grantees-template .grantee-logo img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transition: all .2s ease-in-out;
    opacity: .8;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.page-template-new-grantees-template .grantee-logo img:hover {
    filter: none;
    -webkit-filter: none;
    opacity: 1;
}

.page-template-new-grantees-template .tab-content {
    padding-top: 40px;
}

.page-template-tabs-template {
    .facts-holder {
        .number {
            background-color: #0FA4E1;
            &:hover {
                background-color: #D7DF21;
            }
        }
    }
    .factoid:hover .number {
		background-color: #D7DF21;
	}
}

.tab-labels li {
	z-index: 2;
}
.tab-content.current {
	box-shadow: 0 0 8px rgba(0,0,0,.5);
	z-index: 1;
}
.know a {
	color: #FFF;
	font-weight: inherit;
}
.know a:hover {
	color: #FFF;
	font-weight: inherit;
	text-decoration: none;
}
/* =Structure
----------------------------------------------- */

body {
	padding: 0;
	overflow-x: hidden;
}
#page {
	margin: 10% auto 0;
	max-width: 1200px;
	padding: 0 2%;
}
#branding hgroup {
	margin: 0 7.6%;
}
#access div {
	margin: 0;
}
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
#secondary {
	float: left;
	width: 100%;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content, .left-sidebar.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	margin: 0 auto;
	width: 68.9%;
}

/* Attachments */
.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}

/* Showcase */
.page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content, .left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}

/* One column */
.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}

/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}

/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}

/* Remove the margin on singular articles */
.one-column.singular .entry-header, 
.one-column.singular .entry-content, 
.one-column.singular footer.entry-meta, 
.one-column.singular #comments-title {
	width: 100%;
}

/* Simplify the pullquotes and pull styles */
.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}

/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}

/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}

/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta, 
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}
#blog-left .box-holder, #blog-right .box-holder {
	margin-top: 0;
}
#primary.blog {
	margin-top: 15%;
}
.single-post #primary.blog {
    padding-bottom: 5em;
}
.single-post #primary.blog {
    margin-top: 5em;
}
/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #FEFFFF;
	font: 16px "Raleway", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.325;
}
body {
	background: #FFF;
	padding-left: 280px;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
#page {
	background: transparent;
}
.right {
	float: right;
}
.left {
	float: left;
}
.split2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.split3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}
h1 {
	font-size: 1.25em;
	font-weight: 700;
	color: #D7DF21;
}
h2 {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 5px;
}
h6 {
	font-size: 6em;
	line-height: .8em;
	text-transform: uppercase;
	font-weight: 800;
	color: #FFF;
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}
/* Colors */

.blue {
	color: #0FA4E1;
}
.green {
	color: #D7DF21;
}
.pink {
	color: #D74BB4;
}
.orange {
	color: #FFAF3C;
}
.ltgrey {
	color: #737477;
}
.dkgrey {
	color: #3A3A3A;
}
/* Text elements */
p {
	margin-bottom: 1.625em;
	line-height: 1.4;
}
ul, ol {
	margin: 0 0 0 1.5em;
}
ul {
	list-style: inherit;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: 700;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd, samp, var {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: .7em;
	height: 0;
	position: relative;
	vertical-align: top;
}
sup {
	bottom: 0;
}
sub {
	bottom: 0;
}
small {
	font-size: smaller;
}
/* Forms */
input[type=text], input[type=password], 
input[type=email], input[type=url], 
input[type=number], textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=url]:focus, 
input[type=number]:focus, 
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=number] {
	padding: 3px;
}
input#s {
	background: url('../images/search.png') no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}
/* Links */
a {
	color: #D7DF21;
	text-decoration: none;
	font-weight: 700;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* Mailchimp */
#mc_embed_signup {
	background-color: transparent !important;
}
#mc_embed_signup form {
	padding: 0 !important;
}
#mc_embed_signup br {
	display: none;
}
#mc_embed_signup .mc-field-group {
	width: 100%;
}
#mc_embed_signup .mc-field-group label {
    font-weight: 700;
    margin-bottom: 6px;
    display: block;
	font-size: 16px;
}
#mc_embed_signup .mc-field-group input {
	text-indent: 16px;
}
#mc_embed_signup .mc-field-group select {
	min-height: 32px;
    height: auto;
    width: 100% !important;
    max-width: 480px;
    padding: 8px 16px;
    line-height: 1.428571429;
    color: #555!important;
    vertical-align: middle;
    background: 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-shadow: none;
    outline: 0;
	font-size: 16px;
	text-indent: 5px;
	font-family: "Raleway", Helvetica, Arial, sans-serif;
}
#mc_embed_signup input[type="submit"] {
	cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 16px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid #1e1e1e !important;
    border-radius: 0 !important;
    user-select: none;
    background: 0 0;
    text-shadow: none;
    filter: none;
    height: auto;
    width: auto;
	color: #fff!important;
	height: 40px;
	font-size: 16px;
    background-color: #444!important;
}
#mc_embed_signup .button:hover {
	color: #fff!important;
    background-color: #1e1e1e!important;
    border-color: #000;
}

/* =Header
----------------------------------------------- */

#branding {
	position: fixed;
	left: 0;
	top: 0;
}
#logo {
	max-width: 60%;
	margin: 20% auto !important;
	display: block;
}
#logo a {
	padding: 0 !important;
}
.bg, .bbg {
	height: 100%;
	width: 100%;
	display: block;
	position: fixed;
	z-index: -1;
	top: 0;
	background-size: cover !important;
	background-position: center center !important;
	left: 10%;
}
#site-title {
	margin-right: 270px;
	padding: 3.65625em 0 0;
}
#site-title a {
	color: #111;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
}
#site-title a:hover, 
#site-title a:focus, 
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 270px 3.65625em 0;
}
#branding img {
	height: auto;
	display: block;
	width: 100%;
}


/* =Mobile Header
----------------------------------------------- */

header#mobile {
	display: none;
	width: 100%;
	height: 60px;
	background: #FFF;
	position: fixed;
	top: -65px;
	left: 0;
	z-index: 999999;
	box-shadow: 0 -2px 12px rgba(0,0,0,.4);
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
#mobile #logo {
	max-width: 100px;
	min-width: 90px;
	margin: 12px 0 0 3% !important;
	float: left;
}
#mobile img {
	height: auto;
	display: block;
	max-width: 100%;
}
nav#mobile {
}
#mobile ul {
	font-size: 1em;
	list-style: none;
	margin: 0;
	background: #FFF;
	padding: 0;
	width: 20%;
	min-width: 200px;
	border-top: 1px solid #E4E4E4;
	right: -299px;
	top: 100%;
	position: absolute;
	box-shadow: -2px 2px 11px rgba(0,0,0,.2);
	z-index: 999999;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
#mobile ul.exposed {
	right: 0;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}
#mobile li {
	display: inline-block;
	border-bottom: 1px solid #E4E4E4;
	line-height: 1.1em;
	width: 100%;
}
#mobile a {
	color: #737477;
	font-weight: 300;
	text-transform: uppercase;
	display: block;
	padding: .85em 1.25em .85em 1.8em;
	text-decoration: none;
}
.filter-btn {
	display:none;
	left: 0;
}

/*----hamburger----*/

#benu {
	position: relative;
	float: right;
	top: 30%;
	margin-right: 3%;
}
#benu {
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}
#benu span, 
#benu span:before, 
#benu span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 6px;
	width: 42px;
	background: #0FA4E1;
	position: absolute;
	display: block;
	content: '';
}
#benu span:before {
	top: -12px;
}
#benu span:after {
	bottom: -12px;
}
#benu span, 
#benu span:before, 
#benu span:after {
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
#benu.active span {
	background-color: transparent;
}
#benu.active span:before, 
#benu.active span:after {
	top: 0;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
#benu.active span:before {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#benu.active span:after {
	-webkit-transform: translate3d(0,0,0);
	transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-webkit-transform: translateY(-10px) rotate(-45deg);
	top: 10px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #FFF;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 7px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	max-width: 280px;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0;
	transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
#access ul {
	font-size: 1.1em;
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
#access ul#menu-main-menu {
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	padding: 1em 0;
}
#access li {
	position: relative;
/*	border-bottom: 1px solid #E4E4E4;*/
	width: 100%;
	line-height: 1.1em;
}
#access a {
	color: #737477;
	font-weight: 800;
	text-transform: uppercase;
	display: block;
	padding: .85em 1.25em .85em 2.8em;
	text-decoration: none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#access ul ul {
/*
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
*/
	max-height: 0;
	overflow: hidden;
/*	float: left;*/
	margin: 0;
	transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
/*
	position: absolute;
	top: 3.333em;
	left: 0;
*/
/*	width: 188px;*/
	width: 100%;
	z-index: 99999;
}
#access ul ul li {
	font-weight: 300;
	width: calc(100% - 1.25em - 2.6em);
	padding: .42em 1.25em .42em 2.6em;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
/*
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
*/
	padding: 0;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	width: 100%;
/*	width: 168px;*/
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
	
}
#access li:hover > a, #access a:focus {
	color: #D7DF21;
	font-weight: 800;
}
#access ul ul li:hover > a, #access a:focus {
	font-weight: 800;
}
#access ul li:hover > ul, #access ul li.clicked > ul {
	max-height: 50vh;
}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a {
	font-weight: 800;
	color: #D7DF21;
}
/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s, #branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}
/* =Content
----------------------------------------------- */

#main {
	clear: both;
	padding: 2% 0 0;
}
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry, .no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
}
.hentry:last-child, .no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title, .entry-header .entry-meta {
	padding-right: 76px;
}
.entry-title {
	clear: both;
	color: #222;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: .3em;
	padding-top: 15px;
}
.entry-title, .entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 100%;
	line-height: 4px;
}
.by-author {
	color: #FFF;
	font-size: 1em;
}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content, .entry-summary {
	padding: 1.625em 0 0;
}
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.entry-content h3, .comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table, .comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th, .comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td, .comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul, .comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a, .commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
/* Images */
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
p img, .wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: -2px 0 0 -2px;
	max-width: 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
/* Image borders */
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
	max-width: 97.5%;
}
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
/* Make sure videos and embeds fit their containers */
embed, iframe, object {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}
/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}
/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}
/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content {
	padding: 20px 0 0;
}
article.format-status .entry-content {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}
/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 4.875em 0 0;
	position: relative;
}
.singular.page .hentry {
	padding: 3.5em 0 0;
}
.singular .entry-title {
	color: #000;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
}
.singular .entry-title, .singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
}
blockquote.pull.alignleft, blockquote.pull.alignright {
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft, .singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
}
/* =Aside
----------------------------------------------- */

.format-aside .entry-title, .format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}
/* =Link
----------------------------------------------- */

.format-link .entry-title, .format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}
/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
	max-width: 100%;
}
/* =Status
----------------------------------------------- */

.format-status .entry-title, .format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}
/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}
/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
	margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img {
	display: block;
	margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	overflow: hidden;
	padding: 4%;
	max-width: 96%;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}
/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active {
	background: #777;
}
/* Featured post */
section.featured-post {
	float: left;
	margin: -1.625em -8.9% 1.625em;
	padding: 1.625em 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}
/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}
/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ddd;
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after, .featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}
/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}
/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
/* =Media
-------------------------------------------------------------- */

audio, video {
	display: inline-block;
	max-width: 100%;
}
.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}
/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}
/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous, #nav-single .nav-next {
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}
#nav-single .nav-previous {
	padding-right: .5em;
}
/* =Widgets
----------------------------------------------- */
.sidebar-title {
	font-size: 1.25em;
	display: block;
	margin-bottom: 3%;
}
footer .widget.no-p p {
    line-height: 1.75em;
}
.widget-area {
	font-size: 1em;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 1.2em;
}
.widget-title {
	color: #FFF;
	font-size: 100%;
	font-weight: 500;
	padding-bottom: 10px;
}
.widget ul {
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: .75em;
	list-style-type: none;
	margin-left: 1.2em;
	margin-bottom: 3%;
}
.widget ul li:hover {
	opacity: 0.7;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover, .widget a:focus, .widget a:active {
	text-decoration: none;
}
/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}
/* Ephemera Widget */
section.ephemera ol, .widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover, .widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}
/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}
/* Widget Image */
.widget_image img {
	border: 0;
	padding: 0;
	height: auto;
	max-width: 100%;
}
/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword, .nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}
/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}
#respond input[type="text"], #respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus, #respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required, #respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	z-index: 1;
}
#respond .comment-notes, #respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

.sitemap {
    color: #fff;
    font-size: 1.6em;
    list-style-type: none;
    padding: 0;
    margin-bottom: 2%;
}
.sitemap li a {
    color: #FFF;
    font-weight: 700;
    padding: 0;
}
.sitemap li ul li {
	margin-bottom: -1px;
}
.sitemap li ul li:before {
	content: '';
	display: inline-block;
	width:33px;
	height: 33px;
	margin: -6px 0;
	padding-right: 4px;
	background: url('../images/sitemap-ladder.png') no-repeat;
	background-size: 90%;	
}
.sitemap li ul li:last-child:before {
	content: '';
	display: inline-block;
	width:33px;
	height: 33px;
	margin: -6px 0;
	padding-right: 4px;
	background: url('../images/sitemap-ladder-last.png') no-repeat;
	background-size: 90%;	
}
.sitemap li li a {
    color: #FFF;
    font-weight: 300;
    padding: 0;
}
.sitemap li li a:hover {
    color: #0FA4E1;
    font-weight: 400;
}

/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
	margin: 12% 0 0;
}
#supplementary {
	overflow: hidden;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	font-weight: 300;
	font-size: .75em;
	line-height: 1.8em;
	padding-top: .5%;
	text-transform: uppercase;
}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}
/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}
/* Site Generator Line */
#site-generator {
	background: #3A3A3A;
	color: #FFF;
	font-size: 16px;
	margin: 0 auto;
	min-height: 95px;
	line-height: 2.2em;
	padding: 1% 2%;
	text-align: center;
	box-shadow: -2px 0 12px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: -2px 0 12px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: -2px 0 12px rgba(0, 0, 0, 0.6);
}
#site-generator a {
	color: #FFF;
	font-weight: 300;
}

/* =Responsive Structure
----------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
	@-ms-viewport {
	 width: device-width;
	}
	@viewport {
	 width: device-width;
	}


@media (max-width: 1600px) {
    #social {
		right: -60px;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}
	.page-template-new-home-template-2021 h6 {
		font-size: 3em;
	}
	.badge {
		padding: 10px 20px;
	}
	#homepage-hero-slider .hero-slide .slide-content h2.hero-heading {
		font-size: 3em;
	}
	#homepage-hero-slider .hero-slide .slide-content .hero-content {
		font-size: 18px !important;
	}
	#ootm-callout .ootm-callout-content .playbar i:before {
		top: -1px;
	}
	#ootm-callout .ootm-callout-content .podcast-title {
		font-size: 18px;
	}
	#ootm-callout .ootm-callout-content .podcast-description p {
		font-size: 18px;
	} 
	#ootm-callout .ootm-callout-content .podcast-description a {
		font-size: 18px;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content {
		font-size: 22px;
	}
	#by-the-numbers #tabs ul li {
		font-size: 18px;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
		font-size: 30px;	
	}
    #ootm-callout {
        padding-bottom: 56.25% !important;
    }
}

@media (max-width: 1400px) {
	.page-template-new-home-template-2021 {
		h6 {
			font-size: 3em;
		}
		.badge {
			padding: 10px 20px;
		}
		#homepage-hero-slider {
			.hero-slide {
				.slide-content {
					h2.hero-heading	{
						font-size: 3em;
					}
					.hero-content {
						font-size: 18px;
					}
				}
			}
		}
		#ootm-callout {
			.ootm-callout-content {
				.playbar {
					i:before {
						top: -1px;
					}
				}
				.podcast-title {
					font-size: 18px;
				}
				.podcast-description {
					p, a {
						font-size: 18px;		
					}
				}
			}
		}
		#featured-initiative {
			.initiative-content-holder {
				.initiative-content-container {
					.initiative-content {
						font-size: 22px;
					}
				}
			}
		}
		#by-the-numbers #tabs {
			ul {
				li {
					font-size: 18px;
				}
			}
			.cycle-slideshow .{
				cycle-slide {
					.impact-content, .issue-content {
						p {
							font-size: 30px;	
						}
                        .issue-disclaimer {
                            p {
                                font-size: 16px;
                            }
                        }
					}
				}
			}
		}
	}
}

@media (max-width: 1390px) {
	.copy p {
		font-size: 1.1em;
	}
	.number {
		font-size: 3em;
	}
	.detail p {
		font-size: .9em;
		line-height: 1.4;
	}
	.factoid:hover .detail p {
		top: 4.2em;
	}
	.facts .col3:first-child {
		margin-left: -6%;
		width: 29%;
	}
	.facts .col3:last-child {
		margin-right: -31%;
		width: 31%;
	}
/*
	.staff-image img {
		margin: -25% 0 0 -34%;
		width: 165%;
	}
*/
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content .issue-disclaimer p {
		font-size: 16px;
	}
    #ootm-callout .ootm-callout-content .podcast-description p {
        font-size: 20px;
    }
    #featured-initiative .initiative-content-holder .initiative-content-container .initiative-content p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1279px) {
	.page-template-new-home-template-2021 header#mobile {
		top: 50px !important;
		z-index: 999;
	}
	.page-template-new-home-template-2021 #primary {
		padding-top: 55px;
	}
	#global-alert-banner {
		position: fixed;
		width: 100%;
		top: 0;
	}
	h6 {
		font-size: 4em;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content p {
		font-size: 22px;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
/*		font-size: 40px;*/
	}
}

@media (max-width: 1200px) {
	header#mobile {
		display: block;
	}
    .ootm-image {
        left: 0;
    }
}

@media (max-width: 1199px) {
	.bg, .bbg {
		left: 0;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}
	body {
		padding-left: 0;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}
	#access {
		left: -290px;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}
	h6 {
		font-size: 5em;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
	}
	header#mobile {
		top: 0;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition-delay: .3s;
		-o-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-webkit-transition-delay: .3s;
	}
	.staff-image img {
		width: 165%;
	}
    #global-alert-banner .container {
        width: 94%;
    }
}

@media (max-width:1024px) {
	.factoid:hover .detail p {
		top: 0;
	}
	.facts .col3 {
		width: 48%;
		margin: 1%;
	}
	.facts .col3 p {
		font-size: 1.7em;
		top: -.5em;
	}
	.facts .col3:first-child {
		margin: 1%;
		width: 48%;
	}
	.facts .col3:last-child {
		margin: 1%;
		width: 48%;
	}
	.number,
	.number p,
	.detail,
	.detail p {
		transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		font-family: arial;
		padding: 1% 0 0 0;
        -webkit-filter: blur(0px) !important;
        -moz-filter: blur(0px) !important;
        -o-filter: blur(0px) !important;
        -ms-filter: blur(0px) !important;
        
	}
	.facts .col3:first-child p {
		padding-left: 0;
	}
	.number {
		padding: 0;
		width: 100%;
	}
	.detail {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: visible;
		position: relative;
		background-color: #D7DF21;
	}
	.detail p {
		font-size: 1.5em !important;
		line-height: 1.2;
		padding: 3%;
		margin: 0;
		opacity: 1;
	}
	.facts .col3:last-child p {
		padding-right: 0;
	}
	.facts .col3:first-child .detail p{
		padding-left: 3%;
		opacity: 1;
	}
	.facts .col3:last-child .detail p {
		padding-right: 3%;
		opacity: 1;
	}
	.link .head {
		font-size: 1.8em;
	}
	.factoid:hover .number {
		background-color: #D7DF21;
	}
	.factoid:hover .number p {
		opacity: .8;
		-webkit-filter: blur(1px);
		-moz-filter: blur(1px);
		-o-filter: blur(1px);
		-ms-filter: blur(1px);
	}
	.tab-content img {
		max-width: 100%;
		height: auto;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content p {
		font-size: 18px;
	}
    .page-template-tabs-template {
        .factoid {
            .detail {
                background-color: #0FA4E1;
            }
            &:hover {
                .number {
                    background-color: #D7DF21;
                    p {
                        opacity: 1;
                        -webkit-filter: blur(0px) !important;
                        -moz-filter: blur(0px) !important;
                        -o-filter: blur(0px) !important;
                        -ms-filter: blur(0px) !important;
                    }
                }
                .detail {
                    background-color: #D7DF21;
                }
            }
        }
    }
}

@media (max-width: 1023px) {
    #by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
		font-size: 28px;
	}
    #homepage-hero-slider .hero-slide .slide-content {
		width: 88% !important;
		left: 6%;
		padding-right: 0 !important;
	}
	#homepage-hero-slider .hero-slide .slide-content .hero-content {
		width: 88%;
	}
	#homepage-hero-slider .hero-slide {
		padding-bottom: 100%;
	}
	#global-alert-banner .alert p {
		font-size: 14px;
	}
	#global-alert-banner .social-nav ul li {
		font-size: 22px;
	}
	#ootm-callout {
		padding-bottom: 70% !important;
	}
	#ootm-callout .ootm-image {
		position: relative !important;
		top: 93px !important;
		margin-bottom: 20px !important;
		left: auto !important;
		margin-left: 6%;
		-webkit-transform: translateY(0) !important;
		-moz-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	#ootm-callout .ootm-callout-content {
		width: 88% !important;
		margin: 0 auto;
		position: relative !important;
		top: 93px !important;
		right: auto !important;
		-webkit-transform: translateY(0) !important;
		-moz-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	#ootm-callout .ootm-callout-content .podcast-description {
		background-color: rgba(255,255,255,0.8);
	}
	#featured-initiative {
		padding-bottom: 67%;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content {
		margin-top: .5em;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
		font-size: 28px;
	}
    #ootm-callout .ootm-callout-content .podcast-description p {
        font-size: 18px;
    }
    #featured-initiative .initiative-content-holder .initiative-content-container .initiative-content p {
        font-size: 18px;
    }
    #global-alert-banner {
        .alert {
            width: calc(100% - 200px);
        }
        .social-nav {
            width: 200px;
        }
    }
}

@media (max-width:850px) {
	.facts-holder {
		display: none;	
	}
	.staff.col12 {
		padding-left: 0;
		margin: 0 0.903614457831325301204819277108%;
	}
	.staff .col3 {
		width: 23.192771084337349397590361445783%;
	}
	.staff-member {
		transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	.staff-image img {
		transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		margin: 0 auto;
		max-width: 100%;
	}
	.staff-image {
		max-height: 159px;	
	}
	.staff-detail {
		position: inherit;
		text-align: left;
		overflow: visible;
		min-height: 55px;
	}
	.staff-detail p {
		transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		padding: 4% 0;
		font-size: .9em;
	}
	.staff-detail .title {
		font-size: .9em;
		padding-left: 0;
		margin-top: 7px;
		display: block;
        line-height: 1.5em;
	}
	#featured-initiative .initiative-content-holder {
		width: 50% !important;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container img {
		width: 84%;
	}
	#ootm-callout {
		padding-bottom: 67%;
		background-position: top center;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content .issue-disclaimer p {
		font-size: 14px;
	}
    .single-post #primary.blog {
        margin-top: 5em;
    }
}

@media (max-width: 840px) {
    #by-the-numbers, .page-template-new-home-template-2021 #by-the-numbers {
        #tabs {
            .cycle-slideshow {
                .cycle-slide {
                    padding-bottom: 0%;
                    height: 80% !important;
                    .impact-content, .issue-content {
                        position: relative;
                        top: 0;
                        -webkit-transform: translateY(0%);
                        -moz-transform: translateY(0%);
                        -ms-transform: translateY(0%);
                        transform: translateY(0%);
                        width: 100%;   
                        p {
                            font-size: 22px;
                        }
                        .impact-disclaimer, .issue-disclaimer {
                            position: relative;
                            top: 0;
                            width: 100%;
                            font-size: 12px;
                            bottom: auto;
                            p {
                                font-size: 12px;
                            }
                        }
                    }
                    .issue-image, .impact-image {
                        width: 100%;
                        top: 0;
                        position: relative;
                        -webkit-transform: translateY(0%);
                        -moz-transform: translateY(0%);
                        -ms-transform: translateY(0%);
                        transform: translateY(0%);
                        padding-bottom: 56.25%;
                        right: 0;    
                    }
                }
                .cycle-pager {
                    bottom: 0;
                    position: relative;
                    right: 0;
                    left: auto;
                    top: auto;
                    bottom: 0;
                    width: 100%;
                    text-align: right;
                }
            }
        }
    } 
    #ootm-callout {
		padding-bottom: 0% !important;
        height: calc(100% - 170px) !important;
        .ootm-callout-content {
            .podcast-description {
                p {
                    font-size: 16px !important;
                }
            }
        }
	}
}


@media (max-width: 800px) {
	/* Simplify the basic layout */
	.filter-btn {
		display:block;
	}
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,  .one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,  .singular .entry-content,  .singular footer.entry-meta,  .singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 40px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,  .commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
    .box-holder.home.no-header-video {
        padding-top: 45px;
    }
    .content-area #gallery-1 .gallery-item {
        width: 47.5%;
        margin-right: 5%;
    }
    .content-area .gallery .gallery-item:nth-of-type(3n) {
        margin-right: 5% !important;
    }
    .content-area .gallery .gallery-item:nth-of-type(2n) {
        margin-right: 0 !important;
    }
	#ootm-callout {
		padding-bottom: 80%;
	}
	#ootm-callout .ootm-image, #ootm-callout .ootm-callout-content {
		top: 121px;
		background-position: center center;
	}
	#global-alert-banner .alert {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	#global-alert-banner .social-nav {
		display: none;
	}
}

@media (max-width: 768px) {
/*
	.bg, .bbg {
		background-position: 36% 0 !important;
		height:1024px;	
	}
*/
	#page {
		margin: 25% auto 0;
		position:relative;
		overflow: hidden;
	}
	h6 {
		font-size: 3.7em;	
	}
	#blog-right{
		position:absolute;
		right: -31.526104417670682730923694779116%;
		margin: 0;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		box-shadow: 0 0 12px rgba(0, 0, 0, .5);
	}
	#blog-right.exposed {
		right: 0;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
	}
	#blog-right .box {
		background: #fff;
		color: #3a3a3a;
	}
	#blog-right .box a{
		color: #737477;
		font-weight: 500;
		font-size: 1.1em;
		line-height: 1.8;
		text-transform: uppercase;
	}
	#blog-right .widget-title {
		color:#3a3a3a;
	}
	#blog-left.col8{
		width: 98.192771084337349397590361445783%;
		margin: 0 0.903614457831325301204819277108%;
	}
	.filter-btn {
		width: 42px;
		height: 42px;
		background-image: url('../images/filter-icon.png');
		background-size: contain;
		background-color: #FFF;
		position: absolute;
		left: -42px;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition-delay: .3s;
		-o-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-webkit-transition-delay: .3s;
	}
	.box-holder-sidebar {
		margin-top: -50px;
	}
	
	.close {
		font-size: 1.8em;
	}
	.bio-box {
		width: 80%;
		left: 0;
		top: 15%;
		padding: 3%;
	}
	.datoid.col4 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: inherit;
		padding-right: inherit;
	}
	.datoid.col4:first-child {
		margin-left: inherit;
		padding-left: inherit;
		padding-right: inherit;
	}
	.datoid {
		transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		padding: 15px 0;
		margin-bottom: 8px;
	}
	.datoid p {
		transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
	}
	.date-number {
		font-size: 2em;
	}
	.know .col4 {
		width: 48.1927710843374%;
		margin: 0px 0.903614457831325%;
	}
	#main h6 {
		width: 92%;
		margin: 0 4%;
	}
	#ootm-callout {
		padding-bottom: 90%;
	}
}

@media (max-width: 650px) {
	.bg, .bbg {
		background-position: 66% 0 !important;	
	}
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 14px;
	}
	#gallery-2 .gallery-item{
		width: 31% !important;
		margin: 0 1%;
	}
	#gallery-2 img {
		width: calc(100% - (2px * 2));
	}
	#gallery-2 br {
		display: none !important;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	#access ul {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,  #site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 1.625em 0 0;
	}
	.singular.page .hentry {
		padding: 1.625em 0 0;
	}
	.singular .entry-header .entry-meta,  .singular .entry-header .entry-format,  .singular .entry-meta .edit-link a {
		position: static;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,  .commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required,  #respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	.staff-detail {
		min-height: 60px;
	}
    .page-id-1006 .col5, .page-id-1006 .col7 {
        width: 100%;
    }
    .page-id-1006 .featured.vid {
        margin-bottom: 15px;
    }
    .page-id-1006 .video .col5, .page-id-1006 .video .col7 {
        width: 100%;
    }
    page-template-new-home-template-2021 #ootm-callout, .home #ootm-callout, #ootm-callout { 
        height: 100% !important;
        .ootm-callout-content {
            .podcast-description {
                p {
                    font-size: 16px !important;
                }
            }
        }
    }
	#featured-initiative {
		padding-bottom: 0 !important;
		height: 95% !important;
	}
	#featured-initiative .initiative-content-holder {
		position: relative !important;
		height: 100% !important;
	}
	#featured-initiative .initiative-content-holder {
		width: 90% !important;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container img {
		width: 100%;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container {
		top: 53% !important;
		width: 50% !important;
		right: auto !important;
    	left: 8%;
	}
	#homepage-hero-slider .hero-slide {
		padding-bottom: 140%;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide {
		padding-bottom: 0%;
		height: 45%;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content {
		position: relative;
		top: 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		width: 100%;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-image, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-image {
		width: 100%;
		top: 0;
		position: relative;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		padding-bottom: 56.25%%;
		right: 0;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-pager {
		bottom: 0;
		position: relative;
		right: 0;
		left: auto;
		top: auto;
		bottom: 0;
		width: 100%;
		text-align: right;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
		font-size: 22px;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-disclaimer, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-disclaimer {
		position: relative;
		top: 0;
		width: 100%;
		font-size: 12px;
		bottom: auto;
	}
	#social-feed-section h6 {
		line-height: 1.25em;
	}
	.badge {
		font-size: 16px !important;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content p {
		font-size: 16px;
	}
	#homepage-hero-slider .hero-slide .slide-content .hero-content {
		font-size: 16px !important;
	}
	#homepage-hero-slider .hero-slide .slide-content .under-content-link a {
		font-size: 16px;
	}
	#homepage-hero-slider .hero-slide .slide-content .under-content-link {
		text-align: left;
	}
	#homepage-hero-slider .cycle-pager {
		left: calc(4% + 222px);
	}
	#homepage-hero-slider .hero-slide .grantee {
		width: 160px;
	}
	#by-the-numbers #tabs ul li {
		font-size: 16px;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container .initiative-content a {
		font-size: 16px;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-image, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-image {
		padding-bottom: 45%;
	}
    #global-alert-banner {
        .alert p.has-link::after {
            display: none;
        }
    }
    .page-template-new-home-template-2021, .home {
        #homepage-hero-slider {
            .hero-slide {
                padding-bottom: 100%;
            }
        }
    }
}

@media (max-width: 540px) {
    .page-id-1006 .col5, .page-id-1006 .col7 {
        width: 100%;
    }
    .page-id-1006 .featured.vid {
        margin-bottom: 15px;
    }
	.page-template-new-home-template-2021 #ootm-callout, .home #ootm-callout, #ootm-callout {
		height: 80%;
		padding-bottom: 0;
        .ootm-image {
            top: 104px;
        }
        .ootm-callout-content .podcast-description {
            a {
                display: block;
                margin-right: 0;
                margin-bottom: 10px;
                last-of-type {
                    margin-bottom: 0;
                }
            }
        }
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide {
		height: 50%;
	}
	header#mobile {
		top: 0px !important;
	}
	#primary {
		padding-top: 15px;
	}
/*
	#global-alert-banner {
		display: none;
	}
*/
    #global-alert-banner {
        .close {
            font-size: 20px;
            width: 15px;
            height: 15px;
        }
    }
    footer#colophon {
        .footer-left, .footer-right {
            font-size: 14px;
        }
        .footer-right {
            .social-nav {
                ul {
                    font-size: 20px;
                }
            }
            .footer-nav {
                ul {
                    font-size: 14px !important;
                    li {
                        font-size: 14px;
                    }
                }
            }
            .copyright-info {
                font-size: 14px;
            }
        }
    }
}

@media screen and (max-width: 490px) {
    .page-template-new-home-template-2021, .home {
        header#mobile, header.has-alert {
            top: 66px !important;
        }
        #homepage-hero-slider .hero-slide {
            padding-bottom: 120% !important;
        }
        #primary, #primary.has-alert {
            padding-top: 110px !important;
        }
    }
}

@media (max-width: 480px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	#gallery-2 .gallery-item{
		width: 48% !important;
		margin: 0 1%;
	}
	#gallery-2 img {
		width: calc(100% - (2px * 2));
	}
	#gallery-2 br {
		display: none !important;
	}

	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.facts-holder {
		display: none;	
	}
	body {
		padding: 0;
	}
	#page {
	}
	#primary {
		margin: 0;	
	}
	#branding {
		border-top: none;
	}
	#benu {
		top: 26%;
		margin-right: 6%;
	}
	#benu span, 
	#benu span:before, 
	#benu span:after {
		width: 36px;
	}
	.split2,
	.split3 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.intro {
		display: none;	
	}
	h6 {
		font-size: 2.7em;	
	}
	.dates-button {
		font-size: .75em;
	}
	.values .col3,
	.values .col9 {
		width: 91.192771084337349397590361445783% !important;
		margin: 2% 4.903614457831325301204819277108% !important;
	}
	#site-generator {
		font-size: 1em;
		padding: 6% 7%;
	}
	.home .col5, 
	.home .col7,
	.video .col5,
	.blog-content.col9,
	.box .col3,
	.box .col9,
	.bio-image.col5,
	.bio-detail.col7 {
		width: 98.192771084337349397590361445783%;
		margin: 0 0.903614457831325301204819277108%;
	}
	.blog-content h1 a:hover {
		opacity: 0.7;
	}
	#blog-right {
		right: -65%;
	}
	#blog-right.col4 {
		width: 65%;
	}
	.user-img {
		display: none;
	}
	.know-video-wrapper .vid {
		display: block;
		width: 100%;
		margin: 0 0 5%;
	}
	.col4.know-video-wrapper {
		width: 100%;
		margin: 0;
	}
	.vid {
		display: block;	
        width:75%;
        height:20px;
	}
	.featured.vid {
		margin: 0 0 8% 0;
		display: block;
	}
	.box-holder.home {
		margin-top: 15% !important;
	}
	#blog-right .box {
		padding: 5% 2% 2%;
	}
	.filter-btn {
		width: 36px;
		height: 36px;
		left: -36px;
	}
	.box-holder-sidebar {
		margin-top: -23px;
	}
	ul.tab-labels {
		overflow: hidden;	
	}
	.tab-labels li {
		width: 100%;
		box-shadow: 0 0 12px rgba(0,0,0,.4);
	}
	.staff-image img {
		margin-top: -22%;
	}
	
	.staff-detail p {
		font-size: 1.3em;
		margin-bottom: 6%;
	}
	.bio-box {
		top: 8%;
		max-height: 86%;
		overflow-y: scroll;
	}
	.bio {
		overflow-y: inherit;
		height: auto;
		width: 100%;
		padding: 3% 0;
		position: inherit;
		margin: 3% 0;
	}
	.bio-box .close {
		position: fixed;
		padding: 1% 4%;
		top: 0;
	}
	.link .head {
		font-size: 1.4em;
	}
	.link .sub {
		font-size: .9em;
	}
	.links .col6 {
    	width: 100%;
		margin: 0;
	}
	.links {
		margin: 0;
	}
	.lines {
		transform: skewX(0deg); 
		-moz-transform: skewX(0deg); 
		-webkit-transform: skewX(0deg);
	}
	.links .link {
		transform: skewX(0deg); 
		-moz-transform: skewX(0deg); 
		-webkit-transform: skewX(0deg);
		margin: 2% 0;
		padding: 0;
	}
	.links-home .links .col6:first-child .link,
	.links-home .links .col6:nth-child(2) .link,
	.links-grantees .links .col6:first-child .link,
	.links-grantees .links .col6:nth-child(2) .link {
		padding: 3% 9%;
	}
	.values .col4 {
		width: 92%;
		margin: 1% 4%;
	}
	
	.values .col8 {
		width: 92%;
		margin: 0 4% 3% 4%;
	}
	.val {
		margin: 5% 0 0 0;
		line-height: 1;
		position: relative;
		bottom: 0;
		transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	#homepage-hero-slider .hero-slide {
		padding-bottom: 231% !important;
	}
	#ootm-callout {
		height: 95%;
	}
	#featured-initiative .initiative-image {
		background-position: center center !important;
	}
	#featured-initiative .initiative-content-holder .initiative-content-container {
		width: 93% !important;
	}
	#featured-initiative .initiative-content-holder {
		width: 60% !important;
		left: 30%;
		right: 0  !important;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide .impact-content p, #by-the-numbers #tabs .cycle-slideshow .cycle-slide .issue-content p {
		font-size: 18px;
	}
	#by-the-numbers #tabs .cycle-slideshow .cycle-slide {
		height: 45%;
	}
	#ff-stream-1 .ff-item, #ff-stream-1 .ff-stream-wrapper.ff-infinite .ff-content {
		text-align: left;
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
	}
	#homepage-hero-slider .hero-slide .slide-content {
	    width: 85%;
    	left: 5%;
	}
	#homepage-hero-slider .hero-slide {
		padding-bottom: 140%  !important;
	}
	#ootm-callout {
        height: 104% !important;
		padding-bottom: 0  !important;
	}
}

@media screen and (max-width: 450px) {
    .page-template-new-home-template-2021, .home {
//        #primary.has-alert, #primary {
//            padding-top: 125px !important;
//        }
        #homepage-hero-slider .hero-slide {
            padding-bottom: 140% !important;
        }
        #ootm-callout .ootm-callout-content .podcast-description {
            margin-right: 0;
        }
    }
}

@media screen and (max-width: 380px) {
	#homepage-hero-slider .hero-slide .slide-content .hero-content {
		width: 76%;
		margin-left: auto;
		margin-right: auto;
	}
    .page-template-new-home-template-2021, .home {
        #ootm-callout .ootm-callout-content .podcast-description {
            margin-right: 0;
        }
        #homepage-hero-slider .hero-slide {
            padding-bottom: 180% !important;
            .slide-content {
                h2.hero-heading {
                    font-size: 34px !important;
                }
            }
        }
    }
    #homepage-hero-slider .hero-slide {
        padding-bottom: 180% !important;
        .slide-content {
            h2.hero-heading {
                font-size: 34px !important;
            }
        }
    }
    #by-the-numbers #tabs .cycle-slideshow .cycle-slide, .page-template-new-home-template-2021 #by-the-numbers #tabs .cycle-slideshow .cycle-slide {
        height: 60% !important;
    }
}

@media screen and (max-width: 320px) {
	#gallery-2 .gallery-item{
		width: 100% !important;
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,  footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,  
	.singular .entry-content,  
	.singular footer.entry-meta,  
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,  .singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}
	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,  
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}
	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}
	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,  .commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}
}
/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 .featured-posts {
	margin: 0 -7.6%;
}
#ie7 .featured-post {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}
/* =IE8
----------------------------------------------- */

#ie8 section.feature-image.large img {
	width: auto;
}
#ie8 section.featured-post .attachment-small-feature {
	max-width: none;
}