/*   
Theme Name: Give2Asia
*/

/*Temp Edits*/
.onboarding .onboarding-form .acf-field-5b84178dd9159 .acf-radio-list.acf-bl li:nth-child(2) {display: none;}


/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:0 15px 15px 0}alignright,img.alignright{float:right;margin:0 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

html, body {scroll-behavior: smooth;}
body{ color: #787878; font-size: 16px; line-height: 26px; letter-spacing: .5px; font-weight: 300;}
body, select, input, textarea{ font-family: "Open Sans", Helvetica, Arial, sans-serif;}
.wp-caption-text {font-size: 12px !important; line-height: 1.4;}

a{ color: #233B77; text-decoration: none;}
a:hover{ color: #4775E9;}
.button, button{ display: inline-block;}
.button:hover, button:hover{}
a, img, div, button{ transition: all 0.3s ease 0s;}
button:focus, input:focus{ outline: 0 !important;}
.button_consult{ color: #fff; text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: 2.6px; padding: 10px 25px; border-radius: 100px; text-decoration: none; position: relative; z-index: 2; background-color: #48AF8A; margin-top: 30px;}
.button_consult:hover{ background-color: #338d6d; color: #fff;}

h1, h2, h3, h4, h5, h6{ line-height: normal; color: #233B77; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;}
h1{ font-size: 42px; line-height: 55px;}
h2{}
h3{}
h4{}
h5{}
h6{}
.page-title{ font-size: 90px; line-height: 105px; letter-spacing: 2px; font-weight: bold; text-transform: lowercase;}
.page-title span{ font-family: "Roboto Slab"; color: #ece8df; font-size: 250px; line-height: 250px; letter-spacing: -1.1px; display: block; position: relative; z-index: -1;}
hr{ clear: both; display: block; width: 100%; margin: 30px 0;}

#page-wrap{ position: relative;}
.wrapper{ width: 90%; max-width: 1500px; margin: 0 auto;}
.wrapper:after{ content: ""; display: table; clear: both;}
.container{}
.gradient{ position: absolute; z-index: 999999; top: -290px; left: 0; height: 100%; width: 20px; background: linear-gradient(180deg, #233B77 0%, #4775E9 50.34%, #233B77 100%);}
.home-gradient{ position: absolute; z-index: 999999; top: 0; left: 0; height: 100%; width: 20px; background-color: #233B77; transition: all 1s ease 0s;}
.home-gradient.light{ background-color: #4775E9 !important;}
.home-gradient.green{ background-color: #48AF8A !important;}
.home-gradient.red{ background-color: #DE482F !important;}
.home-gradient.dark{ background-color: #233B77 !important;}


nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li a:hover{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 30px; text-align: center;}
nav ul ul li{ float: none; width: 130px;}
nav ul ul a{ line-height: 120%;}
nav ul ul a:hover{}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.spacer{ display: block; width: 100%; height: 94px;} 
#header{ font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px; letter-spacing: .4px; position: fixed; background-color: #fff; z-index: 99999; width: 100%; top: 0;}
#header a{ color: #4D4D4D;}
#header .subheader{ border-bottom: 1px solid #D8D9D9; padding: 10px 0; font-size: 13px; line-height: 15px;}
#header .subheader .subnav{ float: right;}
#header .subheader .subnav li{ margin-left: 30px;}
#header .subheader .subnav li a:hover{ font-weight: bold; color: #4775E9;}
#header .masthead{ width: 100%; background-color: #fff;}
#header .masthead .logo{ float: left; max-width: 185px; margin: 30px 0 30px;}
#header .masthead .nav{ font-size: 14px; line-height: 16px; position: relative; z-index: 999; flex-grow: 1;}
#header .masthead .nav a{ padding: 15px 0; width: 130px; text-align: center; margin-left: 30px; line-height: 1.3; transition: none;}
#header .masthead .nav li:nth-of-type(1) a{ border-top: 5px solid #DE482F;}
#header .masthead .nav li:nth-of-type(2) a{ border-top: 5px solid #4775E9;}
#header .masthead .nav li:nth-of-type(3) a{ border-top: 5px solid #48AF8A;}
#header .masthead .nav li:nth-of-type(4) a{ border-top: 5px solid #A39781;}
#header .masthead .nav li:nth-of-type(5) a{ border-top: 5px solid #233B77;}
#header .masthead .nav .sub-menu a{ border: none !important; color: #fff; margin: 0; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
#header .masthead .nav .sub-menu li{ border-top: 1px solid #fff;}
#header .masthead .nav .masthead__about .sub-menu, #header .masthead .nav .masthead__about a:hover, #header .masthead .nav .masthead__about:hover > a{ background-color: #DE482F; color: #fff;}
#header .masthead .nav .masthead__about .sub-menu li a:hover, #header .masthead .nav .masthead__about a:hover{ background-color: #9E3A2E; font-weight: normal;}
#header .masthead .nav .masthead__services .sub-menu, #header .masthead .nav .masthead__services a:hover, #header .masthead .nav .masthead__services:hover > a{ background-color: #4775E9; color: #fff;}
#header .masthead .nav .masthead__services .sub-menu li a:hover, #header .masthead .nav .masthead__services a:hover{ background-color: #233B77; font-weight: normal;}
#header .masthead .nav .masthead__projects .sub-menu, #header .masthead .nav .masthead__projects a:hover, #header .masthead .nav .masthead__projects:hover > a{ background-color: #48AF8A; color: #fff;}
#header .masthead .nav .masthead__projects .sub-menu li a:hover, #header .masthead .nav .masthead__projects a:hover{ background-color: #338d6d; font-weight: normal;}
#header .masthead .nav .masthead__programs .sub-menu, #header .masthead .nav .masthead__programs a:hover, #header .masthead .nav .masthead__programs:hover > a{ background-color: #A39781; color: #fff;}
#header .masthead .nav .masthead__programs .sub-menu li a:hover, #header .masthead .nav .masthead__programs a:hover{ background-color: #827967; font-weight: normal;}
#header .masthead .nav li:nth-of-type(5) a:hover{ font-weight: bold;}
#header .button{ float: right; letter-spacing: 2.6px; text-transform: uppercase; font-size: 14px; line-height: 16px; font-weight: bold; background-color: #4775E9; border-radius: 100px; padding: 10px 25px; margin: 10px 0 0 0px; color: #fff; text-decoration: none;}
#header .button:hover{ background-color: #233B77;}
#header .fa-search{ font-size: 18px; float: right; color: #000; margin: 20px 0 0 0; padding-left: 5px;}
#header .search-form{ position: relative;}
#header .search-form .search-box{ opacity: 0; visibility: hidden; transition: all 0.2s ease 0s; position: absolute; top: 5px; right: 25px; z-index: 9999; float: left; transition-delay: 300ms}
#header .search-form:hover .search-box{ opacity: 1; visibility: visible; background-color: transparent; color: #fff; top: 15px; transition-delay: 0ms;}
#header .search-form .search-field{ font-family: 'Roboto', sans-serif; font-size: 14px; width: 220px; padding: 4px 10px; border: 2px solid #eee; border-radius: 16px; background-color: #f7f7f7; color: #4d4d4d;}
#header .search-form .search-submit{ display: none;}
#header.fixed{ box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
#header .button_donate_fund_header{ background-color: #48AF8A;}
#header .button_donate_fund_header:hover{ background-color: #297158;}


.page-content{ margin-top: 50px;}
.inside-hero{ width: 90%; height: 630px; background-size: cover; background-position: center center; clear: both; margin-top: 30px;}
.content a{ font-family: "Roboto Condensed"; font-weight: bold;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.intro{ position: relative; width: 90%; float: right; margin-top: 40px; z-index: 99;}
.intro h1{ font-size: 42px; line-height: 55px; width: 48%;}
.intro h1 span{ color: #4775E9;}
.intro p{ width: 48%; margin-bottom: 15px;}
.post-feed h2{ font-size: 90px; line-height: 105px; text-transform: lowercase; margin-left: 5%; max-width: 500px; position: relative;}
.post-feed h2 span{ font-size: 250px; font-family: "Roboto Slab"; color: #ede9e0; margin: -130px 0 0 295px; position: relative; z-index: -1; display: block;}
.post-feed .post-headline{ padding-bottom: 330px;}
.post-feed .vertical-text{ position: absolute; top: 167px; right: -110px;}
.post-feed .post-list{ position: relative;}
.post-feed .post-list-container{ left: 5%; position: absolute; top: -100px;}
.post-feed .post{ width: 22.75%; display: inline-block; background-color: #fff; padding: 30px 0 0; box-sizing: border-box; text-align: left; color: #909091; font-size: 15px; line-height: 26px; position: relative; overflow: visible; vertical-align: top; border: 1px solid #233B77; box-shadow: 0 24px 32px 0 rgba(31,34,42,0.1); position: relative;}
.post-feed .post .post-content{ padding: 0 30px; min-height: 250px;}
.post-feed .post:nth-of-type(2){ margin: 0 2.5%;}
.post-feed .post:hover{ border: none; box-shadow: 0 24px 32px 0 rgba(31,34,42,0.29); margin-top: -45px;}
.post-feed .post h3{ color: #4D4D4D; font-family: "Roboto Condensed"; font-size: 23px; line-height: 30px; letter-spacing: 0.5px;}
.post-feed .button{ border: 1px solid #4775E9; color: #4775E9; font-size: 14px; letter-spacing: 2.6px; text-transform: uppercase; border-radius: 4px; padding: 6px 20px; margin-top: 30px; font-family: "Roboto"; background: none; font-weight: normal; text-decoration: none;}
.post-feed .post:hover .button{ background-color: #4775E9; color: #fff; font-weight: bold;}
.post-feed .post:hover .button:hover{ background-color: #233B77; border: 1px solid #233B77;}
.post-feed .post .post-categories{ margin: 0; padding: 0; position: absolute; top: 30px; left: 0; transition: all 0.3s ease 0s; z-index: 9999;}
.post-feed .post:hover .post-categories{ margin-left: -20px;}
.post-feed .post .post-categories li{ list-style: none;}
.post-feed .post .post-categories a{ background-color: #233B77; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 2.6px; padding: 10px 20px; text-decoration: none;}
.post-feed .post.category-urgent .post-categories a{ background-color: #DE482F;}
.post-feed .post.category-events .post-categories a{ background-color: #64AC8C;}
.blog .post-feed .post.category-events .post-categories li:nth-child(n+2) {display: none;}
.post-feed .post.category-news .post-categories a{ background-color: #233B77;}
.post-feed .post.category-news .post-categories a{ background-color: #233B77;}
.post-feed .post.category-disasters .post-categories a {background-color: #DE482F;}
.post-feed .post.category-perspectives .post-categories a {background-color: #4775E9;}
.post-feed .post.category-case-studies .post-categories a{ background-color: #4775E9;}
.post-feed .post .post-thumb{ width: 100%; height: 170px; background-size: cover; background-position: center center; margin-top: 35px;}

.content .post-content a p{ color: #909091; font-size: 15px; line-height: 26px; font-weight: normal; font-family: "Open Sans";}

.other-posts{ width: 22.75%; position: absolute; top: 0; right: 0; background-color: #fff; box-sizing: border-box; border: 1px solid #233B77; padding-bottom: 30px; text-align: center; min-height: 720px; z-index: 1;}
.other-posts h4{ text-align: center; color: #fff; background-color: #233B77; font-family: "Open Sans"; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 3.7px; padding: 20px 0;}
.other-posts h3{ font-size: 16px; letter-spacing: 0.5px; line-height: 23px;}
.other-posts h3 a{ color: #4D4D4D;}
.other-posts .other-post{ margin-top: 25px; padding: 0 30px; text-align: left;}
.other-posts .other-post a.more{ color: #4775E9; font-family: "Open Sans"; font-size: 11px; font-weight: bold; letter-spacing: 1px; line-height: 32px; text-transform: uppercase; text-decoration: none;}
.other-posts .other-post a:hover{ color: #233B77;}
.other-posts .meta{ color: #787878; font-family: "Open Sans"; font-size: 11px; line-height: 32px; text-transform: uppercase; letter-spacing: 1px;}
.other-posts .meta p{ margin: 0;}
.other-posts .button{ background-color: #233B77; border-radius: 100px; color: #FFF; letter-spacing: 2.6px; font-family: "Roboto"; font-size: 14px; font-weight: bold; text-transform: uppercase; border: none; display: block; margin: 45px 30px 0;}
.other-posts .button:hover{ background-color: #4775E9;}
.wp-caption.alignright {float: right; max-width: 350px; padding: 0 0 25px 25px;}
.wp-caption-text {margin-top: 0 !important;}
.image-gallery-wrapper br {display: none;}

.gallery-size-full .gallery-item img {border: 0 !important;}
.gallery-size-full {margin: 10px 0 -15px !important;}
.gallery-size-full .gallery-item {padding-left: 5px !important;}
.gallery-size-full .gallery-item:first-of-type, .gallery-columns-2.gallery-size-full .gallery-item:nth-of-type(3) {padding-left: 0 !important;}
.gallery-columns-4 .gallery-item {width: 24% !important;}
.gallery-columns-3 .gallery-item {width: 32% !important;}
.gallery-columns-2 .gallery-item {width: 49% !important;}
/* .gallery-columns-2.gallery-size-full .gallery-item:nth-of-type(3), .gallery-columns-2.gallery-size-full .gallery-item:nth-of-type(4) {margin-top: -2px !important;} */

.navigation{font-size: 17px; line-height: 32px; letter-spacing: 2px; font-family: "Roboto Condensed"; text-transform: uppercase; margin-top: 30px;}
.search-results{ padding: 60px 0 120px;}
.search-results footer.meta{display: none}
.content.wrapper.search-results{padding-top: 0;}

#footer .badge-row{
	text-align: center;
}
#footer .badge-row p{
	max-width: 1000px;
	margin: auto;
	padding: 0 30px;
	color: white !important;
	font-style: italic;
}
#footer .badge-row img{
	display: inline-block;
	max-width: 150px;
	margin-bottom: 30px;
}
#footer{ color: #fff; background: linear-gradient(270deg, #0F1930 0%, #233B77 100%); padding: 50px 0 30px;}
#footer h6{ font-size: 15px; font-family: "Open Sans"; text-transform: uppercase; letter-spacing: 3.7px; color: #fff; margin-bottom: 15px;}
#footer a{ color: #fff;}
#footer a:hover{ color: #4775E9; font-weight: bold;}
#footer li{ list-style: none; font-size: 15px; line-height: 29px; float: none;}
#footer .contact{ width: 157px; float: left; font-family: "Open Sans"; font-size: 15px; line-height: 29px; position: relative; z-index: 99;}
#footer .social{ text-align: center; width: 285px; margin: 0 auto; left: 0; right: 0;}
#footer .social h6{ font-family: "Roboto Slab", Helvetica, Arial, sans-serif; font-size: 43px; text-transform: lowercase; letter-spacing: .05em; color: #fff;}
#footer .social .networks{ border-top: 1px solid #979797; border-bottom: 1px solid #979797; font-size: 40px; padding: 20px 0; margin: 30px 0 60px;  display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
#footer .social .networks a:hover{ color: #4775E9;}
#footer .footer-nav-row{ display: flex; flex-flow: row wrap; justify-content: space-between; margin: 60px auto;}
#footer .footer-nav-row.wrapper:after{ display: none !important; content: '' !important; }
#footer .footer-menu h4{
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	font-size: 20px;
}
#footer .copyright-row{
	text-align: center;
}
#footer .copyright-row p{
	color: white;
}
#footer .footer-nav{ flex-basis: 250px; position: relative; z-index: 99;}
#footer .footer-downloads{ margin-top: 45px; position: relative; z-index: 99;}
#footer .copyright{ text-transform: uppercase; font-size: 14px; letter-spacing: .25em;}
@media only screen and (max-width: 600px){
	#footer .footer-nav{
		width: 100%;
		text-align: center;
		flex-basis: initial;
	}
}

.tab{ position: relative; margin-bottom: 1px; width: 100%; overflow: hidden;}
.tab input{ position: absolute; opacity: 0; z-index: -1;}
.tab label{ position: relative; display: block; padding: 0 0 0 1em; font-weight: bold; line-height: 3; cursor: pointer;}
.tab-content{ max-height: 0; overflow: hidden; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s;}
.tab-content p{ margin: 1em;}
.tab input:checked ~ .tab-content{ max-height: 100vh;}
.tab label::after{ position: absolute; right: 0; top: 0; display: block; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s;}
.tab input[type=checkbox] + label::after{ content: "\f0da"; font-size: 21px; font-family: 'Font Awesome\ 5 Free';}
.tab input[type=checkbox]:checked + label::after{ transform: rotate(90deg);}

.nav-anchor{ display: block; position: relative; top: -150px; visibility: hidden;}

.lightbox{ background-color: #fff; padding: 45px 100px;}
.lightbox h3{ text-align: center; font-size: 42px; font-weight: bold !important;}
.lightbox h3 span{ color: #4775E9;}
.lightbox .gfield_html p{ text-align: center;}
.lightbox .gform_wrapper label{ text-transform: uppercase; font-family: "Roboto Condensed"; letter-spacing: 2.6px; color: #233B77;}
.lightbox .gform_wrapper input{ border: 1px solid #999; margin: 0 !important; padding: 10px !important;}
.lightbox .gform_wrapper .ginput_container_checkbox{ margin-top: 0 !important;}
.lightbox .gform_wrapper .gfield_checkbox label{ font-family: "Roboto"; text-transform: none; letter-spacing: 0;}
.lightbox .gform_footer, .lightbox .gform_page_footer{ text-align: center;}
.lightbox .gform_page_footer .button, .lightbox .gform_footer .button{ background: none; border: none !important; font-family: "Roboto Condensed"; letter-spacing: 2.6px; text-transform: uppercase; color: #fff; border-radius: 4px; background-color: #4775E9; padding: 10px 45px !important; font-weight: bold;}


/* Homepage */

body.home{ overflow-x: hidden;}
.page-template-homepage .home-section{ position: relative;}
.page-template-homepage .home-section:after{ clear: both; display: table; content: "";}
.vertical-text{ height: 33px; width: 361px; transform: rotate(90deg); color: #A39781; font-family: "Roboto Slab"; font-size: 14px; letter-spacing: 4.5px; line-height: 32px; text-transform: uppercase; margin: 0; position: absolute;}
.vertical-text:before{ z-index: -1; background-repeat: no-repeat;}
.page-template-homepage .home-section h2{ font-size: 42px; line-height: 55px;}
.page-template-homepage .hero{ height: 600px; background-size: cover; background-position: center bottom;}
.page-template-homepage .hero .hero-container{ display: flex; justify-content: center; flex-direction: column; height: 100%;}
.page-template-homepage .hero h1, .page-template-homepage .hero p{ color: #fff; max-width: 475px;}
.page-template-homepage .intro{ padding-top: 140px;}
.page-template-homepage .intro p{ width: 100%;}
.page-template-homepage .intro .intro-content{ width: 45%; max-width: 450px; margin: 30px 0 0 5%; float: left;}
.page-template-homepage .intro a{ font-weight: 700; font-family: "Roboto Condensed";}
.page-template-homepage .intro ul{ margin: 30px 0 0;}
.page-template-homepage .intro li{ color: #233B77; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 25px; font-weight: bold; margin-top: 30px; list-style: none; display: flex;}
.page-template-homepage .intro li:before{ content: "\f0da"; color: #4775E9; font-family: 'Font Awesome\ 5 Free'; margin-right: 15px; font-size: 30px;}  
.page-template-homepage .intro img{ width: 50%; float: right;}
.page-template-homepage .impact{ padding: 125px 0 150px; clear: both;}
.page-template-homepage .impact h2{ font-family: "Roboto Slab", Helvetica, Arial, sans-serif; color: #DED4C2; font-size: 250px; line-height: 160px; opacity: .5; max-width: 870px; text-transform: lowercase; margin: 0 5%;}
.page-template-homepage .impact .vertical-text{ position: absolute; top: 255px; right: -200px; width: 475px; display: inline-block;}
.page-template-homepage .impact .vertical-text:before{ content: ""; width: 10px; height: 107px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block;}
.page-template-homepage .impact .vertical-text span{ margin: 36px 0 0 40px; position: absolute;}
.page-template-homepage .impact ul{ position: relative; z-index: 1; margin: 0;}
.page-template-homepage .impact li{ display: flex; margin-bottom: 45px; list-style: none; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; color: #233B77; font-family: "Roboto Condensed";}
.page-template-homepage .impact li:before{ border-bottom: 2px solid #233B77; display: block; width: 355px; height: 2px; content: ""; margin: 12px 30px 0 0;}
.page-template-homepage .impact li .impact-number{ font-size: 55px; display: inline-block; width: 185px;}
.page-template-homepage .impact li:nth-of-type(1) .impact-number:before{ content: "$";}
.page-template-homepage .impact li:nth-of-type(1) .impact-number:after{ content: "M";}
.page-template-homepage .impact li .impact-description{ font-size: 17px; display: inline-block;}
.locations{ display: none; padding-top: 60px;}
.locations hr{ width: 90%; position: absolute; top: 0; right: 0; background: none; border: none; border-bottom: 1px solid #787878;}
.locations .pin{ width: 50px; margin: -85px auto 0; display: block; position: relative; z-index: 1;}
.locations .map{ width: 40%; float: left; margin-left: 5%;margin-top:70px;}
.locations .location-content{ width: 45%; float: right; margin-top: 70px;}
.locations ul{ columns: 3; margin-left: 0; font-size: 15px; line-height: 29px; color: #909091;}
.locations ul li{ list-style: none;}
.page-template-homepage .featured-projects{ padding-top: 180px; text-align: center;}
.page-template-homepage .featured-projects h2{ font-size: 90px; line-height: 105px; text-align: center; text-transform: lowercase; letter-spacing: 2px; position: relative; z-index: 1;}
.page-template-homepage .featured-projects .project-background{ background-image: url(../png/swirl.png); background-position: top right; background-repeat: no-repeat; position: absolute; top: -50px; left: 0; height: 100%; width: 100%;}
.page-template-homepage .featured-projects .project-list{ background: linear-gradient(315deg, #e8e4dc 0%, #f8f5f1 100%); padding: 150px 0 90px; margin-top: -45px;}
.page-template-homepage .featured-projects .project{ width: 23.333%; display: inline-block; background-color: #fff; padding: 30px; box-sizing: border-box; text-align: left; color: #909091; position: relative; overflow: visible; vertical-align: top; z-index: 2; min-height: 510px; font-size: 15px; line-height: 26px;}
.page-template-homepage .featured-projects .project p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.page-template-homepage .featured-projects .project h3{ font-size: 23px; line-height: 30px; color: #4D4D4D; margin-top: 20px;}
.page-template-homepage .featured-projects .project:nth-of-type(2){ margin: 0 5%;}
.page-template-homepage .featured-projects .project:hover{ box-shadow: 0 24px 32px 0 rgba(31,34,42,0.19);}
.page-template-homepage .featured-projects .project img, .page-template-homepage .post-feed .post{ transition: all 0.5s ease 0s;}
.page-template-homepage .featured-projects .project .project-thumb{ height: 200px; background-size: cover; background-position: center center;}
.page-template-homepage .featured-projects .project:hover img{ margin-left: -60px; box-shadow: 9px 9px 17px 0 rgba(31,34,42,0.17);}
.page-template-homepage .featured-projects .project .button{ border: 1px solid #4775E9; color: #4775E9; font-size: 14px; letter-spacing: 2.6px; text-transform: uppercase; border-radius: 4px; padding: 6px 20px; margin-top: 20px; font-family: "Roboto"; background: none; font-weight: normal; z-index: 2;}
.page-template-homepage .featured-projects .project:hover .button{ background-color: #4775E9; color: #fff; font-weight: bold;}
.page-template-homepage .featured-projects .project:hover .button:hover{ background-color: #233B77; border: 1px solid #233B77;}
.page-template-homepage .featured-projects .button{ background-color: #233B77; color: #fff; text-transform: lowercase; font-size: 25px; line-height: 25px; font-family: "Roboto Condensed"; font-weight: bold; letter-spacing: 2.5px; padding: 15px 45px; border-radius: 100px; text-decoration: none; margin-top: 100px; position: relative; z-index: 2;}
.page-template-homepage .featured-projects .button:hover{ background-color: #4775E9;}
.page-template-homepage post-feed{ padding: 150px 0 0;}
.page-template-homepage .other-posts{ display: none;}
.page-template-homepage .post-feed .vertical-text:before{ content: ""; width: 10px; height: 45px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; background-position: bottom;}
.page-template-homepage .post-feed .vertical-text span{ display: block; position: absolute; left: 40px; top: 5px;}
.page-template-homepage .post-feed .post-list{ background: linear-gradient(90deg, #4775E9 0%, #233B77 100%); height: 700px;}
.page-template-homepage .post-headline{ padding-top: 145px; max-width: 1500px; margin: 0 auto;}
.page-template-homepage .post-feed h2{ font-size: 90px; line-height: 105px;}
.newsletter-signup{ text-align: center; padding: 100px 0 0; position: relative;}
.newsletter-signup .gform_wrapper form {text-align: center;}
.newsletter-signup .vertical-text{ bottom: 0; left: -160px; transform: rotate(270deg); position: absolute; bottom: 6px; width: 450px;}
.newsletter-signup .vertical-text:before{ content: ""; width: 10px; height: 45px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; background-position: bottom;}
.newsletter-signup .vertical-text span{ position: absolute; margin: 5px 0 0 25px;}
.newsletter-signup h3{ font-size: 42px; line-height: 55px; margin-bottom: 25px;}
.newsletter-signup h3 span{ color: #5076E1;}
.newsletter-signup .wrapper p{ max-width: 260px; margin: 0 auto; color: #787878;}
.newsletter-signup .gform_wrapper{ width: auto !important; padding: 0 !important; margin: 40px auto 100px !important; max-width: 480px;}
.newsletter-signup .gform_body{ max-width: 330px !important; display: inline-block !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important;}
.newsletter-signup .gfield{ margin: 0 !important; padding: 0 !important;}
.newsletter-signup .gfield input{ font-size: 14px !important; letter-spacing: 3.5px !important; color: #787878 !important; padding: 10px 15px !important; box-sizing: border-box; background: none; border: 1px solid #4775E9; border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin: 0 !important;}
.newsletter-signup .gform_footer{ width: auto !important; display: inline-block !important; float: none !important; clear: none !important; margin: 0 !important; padding: 0 !important;}
.newsletter-signup .gform_footer .gform_button{ border: none; background: none; background-color: #4775E9; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #fff; font-size: 14px !important; text-transform: uppercase; letter-spacing: 3.5px; padding: 11px 35px; margin-left: -6px !important; transition: all 0.3s ease 0s;}
.newsletter-signup .gform_footer .gform_button:hover{ background-color: #233B77;}
.gform_confirmation_message {padding-top: 35px; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; color: #5076e1;}
.alert-bar{ background-color: #B72A2B; padding: 15px 5%; display: block;}
.alert-bar:after{ clear: both; display: table; content: "";}
.alert-bar .wrapper{ width: 100%;}
.alert-bar .alert-message{ font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; color: #fff; margin-top: 10px; font-weight: bold; font-size: 21px; letter-spacing: 0; float: left; width: 70%;}
.alert-bar a{ color: #fff; text-decoration: none; display: block;}
.alert-bar .button{ display: inline-block; margin: 0 0 0 30px; background: #fff; color: #B72A2B; padding: 10px 25px; border-radius: 100px; float: right; text-transform: uppercase;}



/* Single Fund */

.fund-intro{ padding-top: 80px !important;}
.single-fund .fund-intro {padding: 0;}
.fund-back{ width: 80%; margin: 0 auto; max-width: 1500px;}
.fund-title{ width: 50%;}
.fund-hero{ background-size: cover; background-position: center center; margin-top: 45px; position: relative; width: 100%; height: 600px;}
.fund-hero .fund-callout{ position: absolute; top: -160px; right: 10%; background-color: #fff; border: 1px solid #297158; box-shadow: 0 24px 32px 0 rgba(31,34,42,0.1); box-sizing: border-box; padding: 30px 0 0; font-family: "Roboto Condensed"; color: #233B77; font-weight: 700; width: 315px;}
.fund-hero .fund-callout p{ font-size: 28px; margin: 0 0 30px 25px; padding: 0 30px; background-size: 24px; background-position: left 10px; background-repeat: no-repeat; color: #233B77;}
.fund-callout p.location, .fund-column .location{ background-image: url(../png/location.png);}
.fund-callout p.issue, .fund-column .issue{ background-image: url(../png/ribbon.png);}
.fund-callout p.amount, .fund-column .amount{ background-image: url(../png/dollar.png);}
.fund-hero .fund-callout p span{ display: block; font-size: 14px; line-height: 32px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; margin-bottom: -5px;}
.fund-hero .fund-callout a{ text-align: center; display: block; color: #fff; font-family: "Roboto"; font-size: 17px; text-transform: uppercase; letter-spacing: 1.77px; line-height: 23px; background-color: #48AF8A; padding: 15px 0; margin-top: 30px;}
.fund-hero .fund-callout a:hover, .fund-description .button:hover, .single-fund .gform_button:hover{ background-color: #297158;}
.fund-description{ padding: 60px 0 90px; font-size: 19px; line-height: 34px; position: relative;}
.fund-content h2{ text-transform: uppercase; font-size: 17px; line-height: 32px; letter-spacing: 2px;}
.fund-description h2, .fund-description p{ width: 100%;}
.fund-description .vertical-text{ right: 0; top: 142px; width: 300px;}
.fund-description p.vertical-text:before{ content: ""; width: 10px; height: 75px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; top: -20px; right: -50px; background-position: right bottom;}
.fund-description .vertical-text span{ position: absolute; top: 20px; left: 50px;}
.fund-description .button{ color: #fff; font-family: "Roboto"; font-size: 17px; text-transform: uppercase; letter-spacing: 1.77px; line-height: 23px; background-color: #48AF8A; padding: 10px 25px; margin-top: 30px; border-radius: 5px;}
.fund-description .button.lm{ background-color: #233B77; margin-left: 10px;}
.fund-description .button.lm:hover{ background-color: #0e265e;}
.fund-more h2{ border-bottom: 1px solid #233B77; padding-bottom: 10px;}
.fund-more a{ color: #4d4d4d;}
.fund-more a:hover{ color: #4775E9;}
.fund-grid{ background: linear-gradient(315deg, #fbf9f7 0%, #e9e5dd 100%); padding: 85px 0; text-align: center;}
.fund-grid .wrapper{ border: none;}
.fund-column{ background-color: #fff; border: 1px solid #297158; box-shadow: 0 24px 32px 0 rgba(31,34,42,0.1); width: 23.333%; display: inline-block; text-align: left; color: #787878; font-family: "Open Sans"; font-size: 14px; line-height: 25px; border-bottom: 10px solid #48AF8A; padding-bottom: 30px; vertical-align: top;}
.fund-column:nth-of-type(2){ margin: 0 5%;}
.fund-column .fund-thumb{ width: 100%; height: 190px; background-size: cover; background-position: center center; margin-bottom: 25px;}
.fund-column .fund-thumb a{ display: block; height: 100%; width: 100%;}
.fund-column h3, .fund-column p, .fund-column .fund-details{ padding: 0 30px;}
.fund-details li{ background-position: center left; background-repeat: no-repeat; background-size: 12px; padding-left: 20px;}
.fund-details li.location{ background-image: url(../png/location.png);}
.fund-details li.issue{ background-image: url(../png/ribbon.png);}
.fund-details li.amount{ background-image: url(../png/dollar.png); background-position: left 5px; line-height: normal;}
.fund-column h3{ color: #4D4D4D; font-size: 23px; line-height: 30px;}
.fund-column ul{ margin: 30px 0 0 !important; padding: 10px 0 0 !important; border-top: 1px solid #979797;}
.fund-column li{ list-style: none;}
.fund-description .description-content{ width: 65%; float: right;}
.fund-description .description-content-full{ width: 65%; float: left;}
.fund-description .fund-logo{ max-width: 30%; float: left;}
.single-fund:not(.wp-admin):not(.iframe-amount) .fund-callout .amount {display: none;}
.fund-grid .fund-column li.amount {display: none;}

.video-background{ background: #fff; position: relative; width: 100%; height: 600px;}
.video-foreground,.video-background iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.fund-excerpt{ color: #4D4D4D; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 300; letter-spacing: 0;}
.fund-excerpt p{ margin: 0 0 15px;}
.fund-intro .button{ color: #fff; font-size: 14px; letter-spacing: 2.6px; text-transform: uppercase; border-radius: 4px; padding: 6px 20px; font-family: "Roboto Condensed"; font-weight: bold; text-decoration: none; background-color: #48AF8A; margin-right: 10px;}
.fund-intro .button:nth-of-type(2){ background-color: #4775E9;}
.fund-intro .button:hover{ background-color: #233B77 !important;}

.fund-overview{ background-color: #F5F4EF; margin: 0 10%; padding: 60px 0;}
.fund-overview:after, .fund-overview .fund-grid:after, .signoff-about:after, .clearfix:after{ clear: both; display: table; content: "";}
.fund-overview .fund-grid, .fund-overview .fund-description{ text-align: left; width: 75%; margin: 10px 8% 0 0; float: right; background: none; padding: 0;}
.fund-overview .fund-grid div{ width: 48%; float: left; margin-bottom: 60px;}
.fund-overview .fund-grid div:nth-of-type(2n+2){ float: right;}
.fund-overview .fund-grid h2{ font-size: 36px; text-transform: none;}
.fund-overview .post-sharing{ width: 15%; float: left;}
.fund-donate-image{ float: right; margin-top: -160px; width: 100%; height: 400px; object-fit: cover;}
.fund-donate-forms{ margin: 60px 10% 0 10%;}
.fund-donate-forms h2{ font-size: 44px; text-transform: none; scroll-margin-top: 176px;}
.fund-signoff-image{ width: 90%;}
.signoff-about{ margin: 45px 0 45px 10%; color: #4D4D4D;}
.signoff-about h3{ text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 3px; margin-bottom: 16px; font-size: 18px;}
.signoff-about div{ float: left; margin-right: 45px; font-family: "Roboto Condensed"; font-weight: bold; font-size: 24px;}
.signoff-about div span{ display: block; text-transform: uppercase; font-size: 16px; font-family: "Roboto Condensed"; font-weight: normal;} 
.signoff-about div img{ max-width: 150px;}
.signoff-about .social span{ float: left; margin-right: 15px;}
.signoff-about .social ul{ margin: 0; padding: 0; display: inline-block;}
.signoff-about .social ul li{ display: inline; font-size: 48px; margin-right: 15px;}
.signoff-about .social ul li a{ color: #C1C2C4;}
.signoff-about div.signoff-about-description{ font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 24px; font-weight: 300; letter-spacing: 0; padding-bottom: 60px;}
.single-fund ul.tabs{ margin: 30px 0 0; padding: 0; list-style: none;}
.single-fund ul.tabs li{ display: inline-block; padding: 20px 30px; cursor: pointer; font-family: "Roboto Condensed"; font-size: 14px; font-weight: 600; letter-spacing: .05em; color: #fff; background-color: #4E71E5; margin-right: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.single-fund ul.tabs li.current{ background: #F5F4EF; color: #233B77; border-top: 4px solid #4E71E5;}
.single-fund .tab-content{ display: none; background: #F5F4EF; padding: 60px 100px; max-height: 9999px;}
.single-fund .tab-content.current{ display: inherit;}
.single-fund .gform_button{ color: #fff; font-size: 14px; letter-spacing: 2.6px; text-transform: uppercase; border: none; border-radius: 4px; padding: 12px 40px; font-family: "Roboto Condensed"; font-weight: bold; text-decoration: none; background-color: #48AF8A;}
.single-fund #donate{ display: block; position: relative; top: -450px; visibility: hidden;}
.no-img{ height: 150px;}
.notabs{ margin-top: 30px;}


/* Explore Funds */

.explore-content{ width: 100%; max-width: 1500px; margin: 0 auto;}
.fund-explore .intro p.vertical-text{ width: auto; margin-bottom: -15px; right: 0; bottom: 90px;}
.fund-explore .intro p.vertical-text span{ margin: 36px 0 0 60px; position: absolute;}
.fund-explore .intro .vertical-text:before{ content: ""; width: 10px; height: 45px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; position: absolute; top: -6px; right: -35px; background-position: bottom;}
.explore-content{ position: relative; border-bottom: 1px solid #787878; clear: both;}
.explore-content:after, .explore-intro:after{ clear: both; display: table; content: "";}
.explore-content .facetwp-counts{ width: 83%; margin: 55px 0 30px 0; text-align: left; float: right;}
.explore-content .facetwp-counts:after{ content: " Results";}
.explore-content .fund-grid{ background: none; width: 78%; margin-right: 5%; float: right; padding: 0 0 85px; text-align: left;}
.explore-content .fund-column{ box-shadow: none; width: 100%; margin: 0 2.5% 30px 0; min-height: 500px; width: 30%;}
.explore-content .fund-column a{ color: #4d4d4d;}
.explore-content .fund-column a:hover{ color: #4775E9;}
.explore-content .fund-column:hover{ box-shadow: 0 24px 32px 0 rgba(31,34,42,0.26); border: 1px solid #297158; border-bottom: 10px solid #297158; margin-top: 0 !important;}
.explore-content .fund-intro { min-height: 165px;}
.explore-content .fund-grid .fund-column p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.single-fund .fund-intro { min-height: 150px;}
.explore-facets{ width: 200px; position: absolute; top: 75px; left: 0; z-index: 9999; background-color: #233B77; color: #fff; box-sizing: border-box;}
.facetwp-facet-issue, .facetwp-facet-location{ padding-bottom: 15px;}
.explore-facets h4{ text-align: center; background-color: #4775E9; font-family: "Open Sans"; font-size: 14px; line-height: 34px; letter-spacing: 3.7px; font-weight: bold; text-transform: uppercase; padding: 15px 0; color: #fff;}
.explore-facets .facetwp-facet{ margin: 0;}
.explore-facets .facetwp-search{ border: 1px solid #fff; background-color: rgba(255,255,255,0.1); border-radius: 5px; color: #fff; font-size: 15px; box-sizing: border-box; width: 150px; padding: 8px 15px; margin: 30px 25px; background-image: url(../png/search.png); background-position: 95% center; background-repeat: no-repeat;}
.explore-facets label{ font-family: "Roboto Condensed"; font-size: 16px; font-weight: bold;}
.explore-facets .facetwp-btn::before{ background: none; width: 0; height: 0;}
.explore-facets .tab{ border-top: 1px solid #4775E9;}
.explore-facets .tab label{ padding: 0 25px;}
.explore-facets .tab label::after{ top: -7px; right: 30px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.explore-facets .tab-content{ -webkit-transition: max-height .2s; -o-transition: max-height .2s; transition: max-height .2s;}
.explore-facets .facetwp-checkbox{ font-size: 12px; background-image: url(../png/checkbox.png) !important; padding-left: 45px; background-position: 25px 50%;}
.explore-facets .facetwp-checkbox.checked{ background-image: url(../png/checkbox-on.png) !important; font-weight: bold;}
.facetwp-counter{ display: none;}
.explore-content .fwp-load-more{ display: block; margin: 0 auto 60px; background: none; border: none; font-family: "Roboto Condensed"; color: #233B77; font-size: 17px; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; clear: both; position: relative; z-index: 999;}
.explore-content ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; opacity: 1;}
.explore-content ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1;}
.explore-content :-ms-input-placeholder { /* IE 10+ */ color: #fff; opacity: 1;}
.explore-content :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1;}

.tab-content .facetwp-checkbox:nth-of-type(7), .tab-content div:not('facetwp-facet-location') .facetwp-checkbox:nth-of-type(9){ display: none;}


/* Contact */

.contact-page .page-title{ margin-left: 150px;}
.contact-page .page-title span{ margin: -85px 0 0 -155px;}
.contact-container{ position: relative;}
.contact-container:after, .contact-locations:after{ clear: both; display: table; content: "";}
.contact-container .vertical-text{ right: 0; width: 370px;}
.contact-container .vertical-text:before{ content: ""; width: 10px; height: 45px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; position: absolute; top: -6px; right: 215px; background-position: bottom;}
.contact-intro{ margin: 45px 0 0 10%; width: 25%; font-size: 19px; line-height: 34px; float: left; position: relative;}
.contact-intro h3{ letter-spacing: 2px; background-color: #fff;}
.contact-intro h3:before{ content: ""; position: absolute; height: 1px; width: 250px; background-color: #787878; top: 10px; left: -270px;}
.contact-intro a, .contact-locations a{ font-family: "Roboto Condensed"; font-weight: bold;}
.contact-form{ width: 40%; max-width: 570px; background-color: #F6F4EF; box-sizing: border-box; float: right; margin: -100px 15% 0 0;}
.contact-form .gform_wrapper{ margin-bottom: 0;}
.contact-form h3.gform_title{ font-size: 40px !important; padding: 45px;}
.contact-form .gform_fields{ padding: 0 45px 60px !important;}
.contact-form .ginput_container input{ border: none; background: none; border-bottom: 1px solid #787878;}
.contact-form .gfield_label{ font-size: 17px !important; color: #787878 !important; font-weight: normal !important;}
.contact-form .gform_button{ border: none; background-color: #4775E9; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: 2.6px; font-size: 25px; padding: 25px 65px; margin-top: 45px; width: 100% !important; transition: all 0.3s ease 0s;}
.contact-form .gform_button:hover{ background-color: #233B77;}
.contact-form .gform_footer{ padding: 0 !important; margin: 0 !important;}
.contact-locations{ position: relative; margin-top: 80px; padding: 0 10% 150px;}
.contact-locations hr{ width: 90%; position: absolute; top: 0; right: 0; background: none; border: none; border-bottom: 1px solid #787878;}
.contact-locations .pin{ width: 50px; margin: 0 0 60px 0; display: block; position: relative; z-index: 1;}
.contact-locations .half{ width: 40%; float: left; margin-right: 2%;}
.contact-locations h3{ font-size: 40px;}
.inside-hero.mobile{ display: none;}


/* Onboarding Form */

.onboarding{ margin-bottom: 100px;}
.onboarding .page-title{ margin: 45px 0 60px;}
.onboarding .onboarding-form{ background-color: #F6F4EF; padding: 60px 70px; box-sizing: border-box;}
.onboarding .onboarding-form .acf-fields > .acf-field{ padding: 25px 12px;}
.onboarding .onboarding-form .acf-field-message{ border-top: none; padding-top: 0 !important; margin-top: 0;}
.onboarding .onboarding-form .acf-field-message label{ display: none;}
.onboarding .onboarding-form .acf-field-message .acf-input p, .onboarding .acf-field--post-title{ margin: 0 !important; padding-bottom: 0 !important;}
.onboarding .onboarding-form .acf-field-message .acf-input p, .acf-image-uploader p, .acf-label .description{ font-size: 14px; color: #787878;}
.onboarding .onboarding-form label{ font-size: 17px; color: #787878; font-weight: normal;}
.onboarding .onboarding-form .acf-field{ border: none;}
.onboarding .onboarding-form .acf-input input{ border: none; background: none; border-bottom: 1px solid #787878;}
.onboarding .onboarding-form .acf-input textarea{ background: none; border: 1px solid #787878; color: #787878; padding: 15px;}
.onboarding .onboarding-form .acf-radio-list{ margin-left: 0;}
.onboarding .onboarding-form .acf-radio-list li{ display: inline-block; margin-right: 30px;}
.onboarding .onboarding-form .acf-image-uploader .acf-button{ background-color: #4775E9; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; padding: 5px 15px; margin-left: 15px;}
.onboarding .onboarding-form .select2-container--default .select2-selection{ background-color: #F6F4EF; border: 1px solid #787878; height: 35px; padding: 2px 0 0 5px;}
.onboarding .onboarding-form .acf-field[data-width] + .acf-field[data-width], .onboarding input.select2-search__field{ border: none !important;}
.onboarding .onboarding-form .select2-container--default .select2-selection .select2-selection__arrow{ top: 4px; right: 6px;}
.onboarding .acf-field-5b8441829498b{ float: right;}
.onboarding .onboarding-form .mce-container *, .onboarding .onboarding-form .acf-oembed .title{ background-color: #F6F4eF !important;}
.onboarding .onboarding-form .acf-oembed{ border: none;}
.onboarding .onboarding-form .acf-oembed .title{ padding: 0;}
.onboarding .onboarding-form .acf-form-submit .acf-button{ border: none; background-color: #4775E9; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: 2.6px; font-size: 25px; padding: 15px 65px; margin-top: 45px;}
.onboarding .onboarding-samples {padding: 60px 20px;}
.acf-field-5b981d38a64f2, .acf-field-5b843ef48ccf1{ display: none;}


/* Blog */

.blog-main h1{ margin-bottom: 30px;}
.blog-container:after{ display: table; clear: both; content: "";}
.blog-main .post-wrap{ clear: both;}
.blog-main .post-feed{ clear: both; background-color: #F6F4EF; margin: 0 10%; padding: 60px 140px 60px 60px; border-bottom: 1px solid #787878;  position: relative;}
.blog-main .post-feed .post{ width: 28%; margin: 0 0 45px 4% !important; box-shadow: none; border: none;}
.blog-main .post-feed .post:hover{ box-shadow: 0 24px 32px 0 rgba(31,34,42,0.29);}
.post-navigation{ padding: 0 60px; border-bottom: 1px solid #787878; background-color: #F6F4EF; padding: 0 60px; margin: 0 10%; text-align: center;}
.post-navigation button, .post-navigation .facetwp-facet, .post-navigation .facetwp-radio{  display: inline-block; background: none !important; border: none !important; margin: 0 !important; color: #787878; font-family: "Roboto Condensed"; font-size: 17px; line-height: 17px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}
.post-navigation .facetwp-radio, .post-navigation button{ padding: 30px 30px 26px !important; border-bottom: 4px solid #F6F4EF !important;}
.post-navigation button {position: relative; left: 5px;}
.post-navigation button:hover{ color: #233B77; border-bottom: 4px solid #233B77 !important;}
/*
.post-navigation .facetwp-radio:nth-of-type(1):hover, .post-navigation .facetwp-radio:nth-of-type(1).checked{ color: #64AC8C; border-bottom: 4px solid #64AC8C !important;}
.post-navigation .facetwp-radio:nth-of-type(2):hover, .post-navigation .facetwp-radio:nth-of-type(2).checked{ color: #233B77; border-bottom: 4px solid #233B77 !important;}
.post-navigation .facetwp-radio:nth-of-type(4):hover, .post-navigation .facetwp-radio:nth-of-type(4).checked{ color: #DE482F; border-bottom: 4px solid #DE482F !important;}
*/
.g2a-all.checked {color: #233B77; border-bottom: 4px solid #233B77 !important;}
[data-value*="events"]:hover, .checked[data-value*="events"] {color: #64AC8C; border-bottom: 4px solid #64AC8C !important;}
[data-value*="news"]:hover, .checked[data-value*="news"] {color: #233B77; border-bottom: 4px solid #233B77 !important;}
[data-value*="perspectives"]:hover, .checked[data-value*="perspectives"] {color: #4775E9; border-bottom: 4px solid #4775E9 !important;}
[data-value*="urgent"]:hover, .checked[data-value*="urgent"] {color: #DE482F; border-bottom: 4px solid #DE482F !important;}
[data-value*="disasters"]:hover, .checked[data-value*="disasters"] {color: #DE482F; border-bottom: 4px solid #DE482F !important;}
.blog-main .post-feed .fwp-load-more{ color: #FFF; font-family: "Roboto"; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 2.6px; background-color: #233B77; padding: 10px 30px; border-radius: 100px; border: none; transition: all 0.3s ease 0s; display: block; margin: 0 auto;}
.blog-main .post-feed .fwp-load-more:hover{ background-color: #4775E9;}
.post-wrap{ position: relative;}
.blog-main .other-posts{ top: 140px; min-height: 0; width: 240px; display: none;}

ul.soliloquy-thumbnails { margin-top: 0 !important;}
.soliloquy-theme-base .soliloquy-caption-bottom .soliloquy-caption-inside {padding: 25px !important; text-align: left !important;}
.soliloquy-container {margin-top: -12px !important;}


/* Single Post */

.single-post .post-intro{ margin: 5px 0 40px;}
.single-post .inside-hero{ height: 230px; width: 80%; margin-left: 10%;}
.post-intro .return, .fund-back a{ color: #787878; font-family: "Open Sans"; font-size: 14px; font-style: italic; letter-spacing: 0.6px; font-weight: normal;}
.post-intro .return{ display: block; margin-top: 0px;}
.post-intro .return:hover, .fund-back a:hover{ color: #4775E9;}
.post-wrapper{ display: flex; overflow: visible;}
.post-wrapper, .additional-posts{ background-color: #F6F4EF; margin: 0 10%; padding: 50px 0 0; position: relative;}
.post-wrapper:after{ clear: both; display: table; content: "";}
.post-wrapper .post-categories{ margin: 0 0 10px !important;}
.post-wrapper .post-categories li, .post-wrapper time{ list-style: none; font-family: "Roboto Condensed"; color: #233B77; font-size: 17px; line-height: 32px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}
h1.post-title{ margin-bottom: 45px;}
.content .post-wrapper p, .content .post-wrapper ul{ margin-top: 20px;}
.content .post-wrapper li{ margin: 0 0 0;}
.post-wrapper a{ font-family: "Roboto Condensed"; font-weight: bold;}
.lead-content{ color: #787878; font-family: "Roboto Condensed"; font-size: 23px; line-height: 30px; font-weight: bold;}
.post-wrapper article{ width: 80%; float: right; margin-left: 5%;}
.post-wrapper .button{ margin: 30px 0 30px; font-family: "Roboto"; text-transform: uppercase; color: #fff; border-radius: 5px; font-size: 17px; font-weight: bold; letter-spacing: 1.77px; line-height: 23px; background-color: #4775E9; padding: 10px 30px;}
.post-wrapper .button:hover{ background-color: #233B77;}
.post-wrapper .entry-content{ max-width: 80%;}
.additional-posts:after{ clear: both; display: table; content: "";}
.additional-posts h4{ width: 90%; float: right; border-bottom: 1px solid #787878; margin-bottom: 45px; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;}
.additional-posts .post-feed{ width: 90%; float: right; padding: 0 115px 115px 0; box-sizing: border-box;}
.additional-posts .post-feed .post{ width: 30%; box-shadow: none; border: none;}
.additional-posts .post-feed .post:hover{ box-shadow: 0 24px 32px 0 rgba(31,34,42,0.29); margin-top: 0;}
.post-sharing{ box-sizing: border-box; text-align: center; width: 18%; position: -webkit-sticky; position: sticky; top: 200px; height: 215px;}
.post-sharing h6{ color: #C1C2C3; font-family: "Roboto Condensed"; font-size: 17px; letter-spacing: 2px; line-height: 32px; text-transform: uppercase; font-weight: normal;}
.post-sharing img{ max-width: 25px; max-height: 25px; width: auto; display: block; margin: 20px auto 0;}
.single-post .entry-content hr{ margin: 40px 0; border: none; background: none; height: 1px; width: 100%; background-color: #787878;}
.single-post .entry-content h2{ font-size: 23px; line-height: 30px; margin-top: 30px;}
.single-post .entry-content h3{ margin-top: 15px; color: #787878;}
.single-post .entry-content a{ font-family: "Roboto"; font-weight: normal;}


/* 404 */

.error-content{ width: 90%; max-width: 900px; margin: 0 auto;}
.error-content:after{ clear: both; display: table; content: "";}
.error-content img{ float: right; width: 50%;}
.error-message{ float: left; margin: -100px 0 100px;}
.error-message h2{ font-size: 17px; line-height: 32px; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #787878; margin: 15px 0 30px;}
.error-message p{ max-width: 50%;}
.error-message .button{ display: inline-block; margin-top: 30px; border: 1px solid #4775E9; border-radius: 5px; font-size: 17px; line-height: 23px; letter-spacing: 1.77px; font-family: "Roboto"; text-transform: uppercase; color: #4775E9; padding: 10px 35px; margin-right: 15px;}
.error-message .button:nth-of-type(1), .error-message .button:hover{ background-color: #4775E9; color: #fff;}
.error-message .button:nth-of-type(1):hover{ background-color: #233B77; border: 1px solid #233B77;}


/* Partner */

.partner-page{ margin-top: 30px;}
.partner-page-intro{ margin: 0 0 30px;}
.partner-heading{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding: 60px 0 0;}
.partner-heading:after, .partner-icons:after, .partner-grid:after, .partner-support:after{ clear: both; display: table; content: "";}
.partner-heading h2{ font-size: 17px; line-height: 32px; width: 90%; float: right; border-bottom: 1px solid #787878; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;}
.partner-content{ width: 90%; background: linear-gradient(315deg, rgba(207,197,178,.4) 0%, rgba(240,233,220,0.4) 100%);}
.partner-content .partner-intro{ padding: 45px 0 160px; margin-left: 11.1%; padding-left: 8.8%; background-color: rgba(231,227,217,.4);}
.partner-intro h3, .partner-intro p{ width: 50%;}
.partner-intro h3{ font-size: 42px; line-height: 55px; font-weight: bold;}
.partner-icons{ margin-top: 60px;}
.partner-icons .partner-icon{ width: 33.333%; float: left; box-sizing: border-box; padding-right: 60px; font-family: "Open Sans"; color: #909091; font-size: 14px; line-height: 24px; min-height: 200px;}
.partner-icons .partner-icon h4{ color: #4D4D4D; line-height: 30px; font-size: 20px; font-weight: bold;}
.partner-icons .partner-icon img{ max-width: 30px; max-height: 25px;}
.partner-icons .partner-icon:hover img{ max-width: 35px; max-height: 30px;}
.partner-icons .partner-icon p{ width: 100%;}
.partner-grid{ width: 82%; float: right; display: flex; margin-top: -122px; position: relative; z-index: 2;}
.partner-grid .grid-headline, .partner-grid .grid-item{ width: 25%; box-sizing: border-box; padding: 0 60px; height: 245px;}
.partner-grid h4{ color: #fff; font-weight: bold; font-size: 25px;}
.partner-grid .grid-headline{ background-color: #233B77; line-height: 40px; font-weight: bold; letter-spacing: 0.9px; display: flex; justify-content: center; align-items: center;}
.partner-grid .grid-item{ position: relative; background-size: cover; background-position: center center;}
.partner-grid .grid-item h4{ font-size: 20px; line-height: 28px; padding: 0 30px;}
.partner-grid .grid-item a{ display: block; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.partner-grid .grid-item-container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(71,117,233,0.8);}
.partner-grid .grid-item-container:hover{ background-color: rgba(71,117,233,0.95);}
.partner-grid .grid-item:nth-of-type(3) .grid-item-container{ background-color: rgba(72,175,138,.8);}
.partner-grid .grid-item:nth-of-type(3) .grid-item-container:hover{ background-color: rgba(72,175,138,.95);}
.partner-grid .grid-item:nth-of-type(4) .grid-item-container{ background-color: rgba(41,113,88,.8);}
.partner-grid .grid-item:nth-of-type(4) .grid-item-container:hover{ background-color: rgba(41,113,88,.95);}
.partner-support{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding: 240px 0 100px; position: relative;}
.partner-support-content{ width: 90%; float: right;}
.partner-support h2{ border-bottom: 1px solid #787878; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 45px; font-size: 17px; line-height: 32px;}
.partner-support h3, .partner-support p{ width: 50%;}
.partner-support h3{ font-size: 42px; line-height: 55px;}
.partner-support .button{ background-color: #4775E9; color: #fff; margin-top: 30px;font-family: "Roboto"; text-transform: uppercase; border-radius: 5px; font-size: 14px; font-weight: bold; letter-spacing: 1.77px; line-height: 23px; padding: 10px 30px;}
.partner-support .button:hover{ background-color: #233B77;}
.partner-support .vertical-text{ bottom: 359px; right: -250px; transform: rotate(270deg); top: auto; left: auto; width: 600px;}
.partner-support .vertical-text:before{ content: ""; width: 10px; height: 65px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; position: absolute; left: -48px; bottom: -16px; background-position: bottom;}
.partner-support .vertical-text span{ margin: 36px 0 0 60px; position: absolute;}


/* Toggles */

.toggle-intro{ margin-top: 0;}
.toggle-intro h1{ font-size: 90px; line-height: 95px;}
.toggle-intro h1 span{ color: #ECE8DF;}
.page-id-741 .toggle-intro h1{ margin-left: 110px; max-width: 500px;}
.page-id-741 .toggle-intro h1 span{ margin-left: -110px; margin-top: -75px;}
.page-id-744 .toggle-intro h1{ margin-left: 325px;}
.page-id-744 .toggle-intro h1 span{ margin-left: -325px; margin-bottom: -15px;}
.page-id-746 .toggle-intro h1{ margin-left: 100px; max-width: 500px;}
.page-id-746 .toggle-intro h1 span{ margin-left: -100px; margin-top: -60px;}
.toggle-intro .vertical-text{ right: -150px; bottom: 320px;}
.toggle-intro .vertical-text:before{ content: ""; width: 10px; height: 107px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; position: absolute; left: 310px; top: -1px;}
.toggle-intro .vertical-text span{ margin: 36px 0 0 60px; position: absolute;}
.page-id-744 .toggle-intro .vertical-text{ bottom: 90px;}
.page-id-744 .toggle-intro .vertical-text:before{ left: 280px;}
.page-id-746 .toggle-intro .vertical-text{ bottom: 140px;}
.toggle-intro h2{ text-transform: uppercase; letter-spacing: 2px; margin: 30px 0; font-size: 17px; line-height: 32px;}
.toggle-intro h2:before{ content: ""; position: absolute; height: 1px; width: 250px; background-color: #787878; top: 410px; left: -270px;}
.page-id-744 .toggle-intro h2:before{ top: 375px;}
.page-id-746 .toggle-intro h2:before{ top: 425px;}
.toggle-content{ width: 90%; float: right; box-sizing: border-box; border-bottom: 1px solid #787878; margin-bottom: 75px;}
.toggle-content label{ font-size: 21px; line-height: 32px; color: #233B77; font-family: "Roboto Condensed"; border-top: 1px solid #787878; padding: 30px 20% 30px 0;}
.toggle-content .tab input:checked ~ .tab-content{ max-height: 600vh;}
.toggle-content .tab-content p{ margin-top: 0; margin-left: 0; width: 80%;}
.toggle-content .tab-content ul{ margin-bottom: 20px; width: 80%;}
.toggle-content .tab-content p:nth-last-child(1){ padding-bottom: 60px;}
.toggle-content .tab input[type="checkbox"] + label::after{ top: 30px; right: 10%; color: #4775E9;}


/* Services */

.service-page{ margin-top: 0;}
.service-page-intro{ margin-bottom: 30px;}
.service-intro{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding: 60px 0 480px; text-align: center; position: relative;}
.service-intro:after, .service-grid:after, .why-headline:after, .service-page .locations:after{ clear: both; display: table; content: "";}
.service-intro .icon-container{ background-color: #F6F4EF; border-radius: 100px; width: 100px; height: 100px; margin: -135px auto 0; padding: 30px; animation-name: spin; animation-duration: 50000ms; animation-iteration-count: infinite; animation-timing-function: linear;  /* transform: rotate(3deg); */  /* transform: rotate(0.3rad);/ */  /* transform: rotate(3grad); */   /* transform: rotate(.03turn);  */}
@keyframes spin{ from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.service-intro h2{ width: 100%; max-width: 475px; margin: 0 auto 45px; font-size: 42px; line-height: 55px;}
.service-intro p{ width: 100%; max-width: 630px; margin: 0 auto;}
.service-intro .vertical-text{ top: 195px; right: -250px;}
.service-intro .vertical-text:before{ content: ""; width: 10px; height: 50px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; position: absolute; left: 124px; top: -8px; background-position: bottom;}
.service-intro h3{ text-align: left; width: 90%; float: right; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; margin-top: 75px;}
.service-grid{ width: 82%; float: right; margin-top: -470px; position: relative; z-index: 2;}
.service-grid .service{ width: 33.333%; float: left;}
.service-grid .service h4{ background-color: #233B77; color: #fff; padding: 25px 0; text-align: center; font-size: 23px;}
.service-grid .service a{ display: block; width: 100%; height: 100%;}
.service-grid .service:nth-of-type(2) h4{ background-color: #48AF8A;}
.service-grid .service:nth-of-type(3) h4{ background-color: #DE482F;}
.service-grid .service .service-image{ height: 350px; background-size: cover; background-position: center center; position: relative;}
.service-grid .service .service-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(35,59,119,0.6);}
.service-grid .service:nth-of-type(2) .service-overlay{ background-color: rgba(72,175,138,0.6);}
.service-grid .service:nth-of-type(3) .service-overlay{ background-color: rgba(222,72,47,0.6);}
.service-grid .service:hover .service-overlay{ background-color: rgba(35,59,119,0);}
.service-grid .service:nth-of-type(2):hover .service-overlay{ background-color: rgba(72,175,138,0);}
.service-grid .service:nth-of-type(3):hover .service-overlay{ background-color: rgba(222,72,47,0);}
.why-headline{ clear: both; background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding: 50px 0 0;}
.why-headline h3, .service-page .locations h3{ border-bottom: 1px solid #787878; padding-bottom: 15px; width: 90%; float: right;}
.why-us{ width: 90%; background: linear-gradient(315deg, rgba(207,197,178,.4) 0%, rgba(240,233,220,0.4) 100%); position: relative;}
.why-us-content{ padding: 45px 0 130px; margin-left: 11.1%; padding-left: 8.8%; background-color: rgba(231,227,217,.4);}
.why-us-content h2{ width: 50%; font-size: 42px; line-height: 55px; margin-bottom: 20px;}
.why-us-content p{ width: 50%;}
.why-us ul{ margin: 30px 0 0;}
.why-us li{ color: #233B77; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 25px; font-weight: bold; margin-top: 30px; list-style: none; display: flex;}
.why-us li:before{ content: "\f0da"; color: #4775E9; font-family: 'Font Awesome\ 5 Free'; margin-right: 15px; font-size: 30px;}
.why-us img{ position: absolute; top: 60px; right: -12%; width: 40%; max-width: 600px;}
.service-page .locations{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding-bottom: 100px;}
.service-page .locations h2{ font-size: 42px; line-height: 55px;}
.service-page .locations h3{ margin-bottom: 45px;}
.service-page .locations .map{ margin-left: 10%;}


/* Leadership */

.leadership-page{ margin-top: 0;}
.leadership-page-intro{ margin-bottom: 30px; float: none; margin-left: 10%;}
.leadership-page-intro:after{ clear: both; display: table; content: "";}
.leadership-page .inside-hero{ background-position: center top;}
.leadership-container .anchor{ padding-top: 100px; display: inline-block;}
.leadership-container, .leadership-careers{ width: 90%; margin: 0 auto; max-width: 1500px;}
.leadership-container .anchors{ margin: 80px 0 0;}
.leadership-container .anchors li{ color: #233B77; font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; font-size: 21px; line-height: 25px; font-weight: bold; margin-top: 30px; list-style: none; display: flex;}
.leadership-container .anchors li:before{ content: "\f0da"; color: #4775E9; font-family: 'Font Awesome\ 5 Free'; margin-right: 15px; font-size: 30px;}
.leadership-container h2, .leadership-careers h2, .learn-more h2{ font-size: 17px; line-height: 32px; letter-spacing: 2px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #787878; margin: 15px 0 30px;}
.leadership-container strong{ font-family: "Roboto Condensed";}
.leadership-primary:after, .learn-more:after, .learn-more .learn-grid:after{ clear: both; display: table; content: "";}
.leadership-primary{ margin: 15px 0 60px;}
.leadership-primary img{ width: 22%; float: left;}
.leadership-primary .staff-primary-bio{ width: 75%; float: right;}
.team-list p{ margin: 0 0 5px;}
.board .team-list{ columns: 2;}
.learn-more{ width: 90%; margin: 0 5%; background-color: #F6F4EF; margin-top: 25px; box-sizing: border-box; padding-bottom: 50px; position: relative;}
.learn-more h2{ width: 90%; float: right; margin: 50px 0;}
.leadership-careers{ margin-top: 100px;}
.leadership-careers a{ color: #4775E9; font-weight: bold; font-size: 16px; margin-top: -15px; display: block;}
.leadership-careers a:hover{ color: #233B77;}
.learn-more .learn-grid{ clear: both; float: right; width: 90%;}
.learn-more .learn-grid .grid-item{ width: 50%; float: left; height: 315px; background-size: cover; background-position: center center;}
.learn-more .learn-grid .grid-item .grid-overlay{ height: 100%;}
.learn-grid .grid-overlay h3{ color: #fff; font-size: 27px; line-height: 40px;}
.learn-grid .grid-overlay{ background-color: rgba(35,59,119,0.8);}
.learn-grid .grid-overlay:hover{ background-color: rgba(35,59,119,0.95);}
.learn-grid .grid-item:nth-of-type(2) .grid-overlay{ background-color: rgba(72,175,138,0.8);}
.learn-grid .grid-item:nth-of-type(2) .grid-overlay:hover{ background-color: rgba(72,175,138,0.95);}
.learn-grid a{ display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%;}
.staff-asia{ margin-top: 60px;}


/* About */

.video-container{ height: auto !important; margin-bottom: -15px;}
.about-page{ margin-top: 0;}
.about-page-intro{ margin-bottom: 30px;}
.about-container{ position: relative;}
.about-container h2{ font-size: 17px; line-height: 32px; border-bottom: 1px solid #787878; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;}
.about-container .intro{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding: 60px 0 50px; position: relative;}
.about-container .intro:after, .about-container .change-grid .change-grid-overflow:after, .about-container .difference-icons:after, .about-container .impact-content:after{ clear: both; display: table; content: "";}
.about-container .intro .intro-content{ width: 90%; float: right;}
.about-container .intro-content h3, .about-container .intro-content p{ width: 45%;}
.about-container .intro-content h3, .about-container .impact-content h3, .about-container .difference h3{ font-size: 42px; line-height: 55px; margin-top: 50px;}
.about-container .intro .philosophy{ position: absolute; top: 170px; right: -12.5%; min-width: 500px; width: 50%; box-sizing: border-box; background-color: #4775E9; color: #fff;}
.about-container .intro .philosophy h3{ background-color: #233B77; color: #fff; font-size: 14px; font-family: "Roboto"; letter-spacing: 3.7px; text-transform: uppercase; padding: 20px 35px;}
.about-container .intro .philosophy p{ padding: 35px; margin: 0; width: 50%; font-family: "Roboto Condensed"; font-size: 25px; line-height: 38px; letter-spacing: 0.6px; font-weight: bold;}
.about-container .change h2, .about-container .impact h2{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding-left: 8%;}
.about-container .change-grid{ width: 80%; margin: 0 10%; box-sizing: border-box; background-color: #F6F4EF;}
.about-container .change-grid .change-grid-container{ background-color: #E9E7E2; padding: 50px 10%; box-sizing: border-box; width: 90%;}
.about-container .change-grid .change-grid-overflow{ width: 125%;}
.about-container .change-grid .grid-item{ width: 22.5%; float: left; text-align: center; background-color: #fff; box-sizing: border-box; margin-right: 2.5%; color: #909091; font-size: 14px; line-height: 21px; box-shadow: 0 24px 32px 0 rgba(31,34,42,0.1); padding: 30px; min-height: 250px; border-top: 10px solid #233B77;}
.about-container .change-grid .grid-item:nth-of-type(2){ border-top: 10px solid #4775E9;}
.about-container .change-grid .grid-item:nth-of-type(3){ border-top: 10px solid #DE482F;}
.about-container .change-grid .grid-item:nth-of-type(4){ border-top: 10px solid #9E3A2E;}
.about-container .change-grid .grid-item h3{ font-size: 23px; line-height: 28px; color: #4D4D4D;}
.about-container .impact h2{ padding-top: 100px;}
.about-container .change-grid .grid-item:hover{ margin-top: -10px;}
.about-container .impact-container{ width: 90%; background: linear-gradient(315deg, rgba(207,197,178,.4) 0%, rgba(240,233,220,0.4) 100%); position: relative;}
.about-container .impact-content{ padding: 45px 0 100px; margin-left: 11.1%; padding-left: 8.8%; background-color: rgba(231,227,217,.4);}
.about-container .impact-content .half{ width: 50%; float: left; box-sizing: border-box; padding-right: 5%;}
.about-container .impact-content .half h4{ color: #787878; font-size: 14px; line-height: 19px; border-bottom: 1px solid #787878; margin: 100px 0 60px; padding-bottom: 20px; letter-spacing: 1.5px;}
.about-container .impact-content h3{ margin-top: 0;}
.about-container .difference{ width: 80%; margin: 0 10%; box-sizing: border-box; background-color: #F6F4EF; padding: 60px 8% 100px; position: relative;}
.about-container .difference-icons{ margin-top: 30px;}
.about-container .difference img{ max-width: 20px; float: left; margin-top: 5px;}
.about-container .difference .icon-content{ width: 45%; float: left; font-size: 14px; line-height: 24px; margin-left: 15px;}
.about-container .difference .icon-content h4{ font-size: 20px; line-height: 30px; color: #4D4D4D;}
.about-container .difference-more{ position: absolute; top: 300px; right: -12.5%; text-align: center; background-color: #fff; width: 350px; border: 1px solid #233B77;}
.about-container .difference-more h3{ background-color: #233B77; color: #fff; text-transform: lowercase; font-size: 25px; line-height: 29px; padding: 15px 0; margin: 0; text-align: center;}
.about-container .difference-more ul{ margin: 0; padding: 0; text-align: right;}
.about-container .difference-more li{ list-style: none; border-bottom: 1px solid #233B77;}
.about-container .difference-more li:nth-last-of-type(1){ border-bottom: none;}
.about-container .difference-more a{ font-family: "Open Sans"; color: #4775E9; text-transform: uppercase; font-size: 15px; line-height: 32px; letter-spacing: 1px; display: block; padding: 15px 0;}
.about-container .difference-more a:hover{ background-color: #4775E9; color: #fff;}
.about-container .difference-more a span{ max-width: 66.667%; display: block;}


/* Partnering & Single Service*/

.partnering-page, .service-page{ margin-top: 0;}
.partnering-page .page-title{ margin-left: 205px;}
.partnering-page .page-title span{ margin-left: -205px; margin-top: -70px;}
.partnering-page .subnav-tabs, .service-page .subnav-tabs{ width: 80%; max-width: 1500px; margin: 100px auto 0;}
.partnering-page .subnav-tabs ul, .service-page .subnav-tabs ul{ margin: 0; padding: 0;}
.partnering-page .subnav-tabs li, .service-page .subnav-tabs li{ display: inline-block; list-style: none; width: 250px; height: 80px; text-align: center; margin-right: 15px; vertical-align: top; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #233B77; font-size: 17px; line-height: 23px;}
.partnering-page .subnav-tabs li a, .service-page .subnav-tabs li a{ display: flex; justify-content: center; align-items: center; color: #fff; height: 100%;}
.partnering-page .subnav-tabs li:nth-of-type(2){ background-color: #4775E9;}
.partnering-page .subnav-tabs li:nth-of-type(3){ background-color: #48AF8A;}
.partnering-page .subnav-tabs li.current-menu-item, .service-page .subnav-tabs li.current-menu-item{ background-color: #F6F4EF !important;}
.partnering-page .subnav-tabs li.current-menu-item a, .service-page .subnav-tabs li.current-menu-item a{ color: #233B77;}
.partnering-page .partnering-container .vertical-text, .service-page .partnering-container .vertical-text{ bottom: 50px; right: 20px;}
.partnering-page .partnering-container .vertical-text:after, .service-page .partnering-container .vertical-text:after{ content: ""; width: 10px; height: 50px; background-image: url(../png/arrow.png); transform: rotate(270deg); display: inline-block; position: absolute; left: 210px; top: -8px; background-position: bottom;}
.partnering{ background-color: #F6F4EF; width: 80%; margin: 0 10%; box-sizing: border-box; padding: 60px 5% 50px; position: relative;}
.partnering-container{ margin-left: 10%; position: relative;}
.partnering-page .inside-hero, .service-page .inside-hero{ margin-top: 0;}
.partnering .partnering-content-container{ position: relative; margin-bottom: 60px;}
.partnering .partnering-content-container:after{ clear: both; display: table; content: "";}
.partnering .partnering-content{ width: 40%; float: left;}
.partnering .partnering-content h2{ font-size: 42px; line-height: 55px;}
.partnering .partnering-content-container img{ float: right; margin-right: -21.5%; max-width: 60%;}
.partnering .partnering-services h2{ font-size: 17px; line-height: 32px; border-bottom: 1px solid #787878; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;}
.partnering .partnering-services ul{ margin: 45px 0 0 30px;}
.partnering .partnering-services p{ margin-top: 30px; width: 70%;}
.partnering .partnering-services li {width: 70%; margin-top: 10px;}
.partnering .partnering-services li strong{ font-family: "Roboto Condensed";}
.partnering .partnering-services h3{ font-size: 19px; color: #787878; margin-top: 45px;}
.partnering .partnering-services .button{ display: inline-block; margin-top: 30px; background-color: #4775E9; border: 1px solid #4775E9; border-radius: 5px; font-size: 17px; line-height: 23px; letter-spacing: 1.77px; font-family: "Roboto"; text-transform: uppercase; color: #fff; padding: 10px 35px; margin-right: 15px;}
.partnering .partnering-services .button:nth-of-type(2){ background-color: #fff; color: #4775E9;}
.partnering .partnering-services .button:hover{ background-color: #233B77; color: #fff; border: 1px solid #233B77;}
.service-page .page-title{ margin-left: 135px;}
.service-page .page-title span{ margin-left: -135px; margin-top: -70px;}
.service-page .return{ display: block; margin-bottom: 60px;}
.service-page .subnav-tabs li:nth-of-type(2){ background-color: #4775E9;}
.service-page .subnav-tabs li:nth-of-type(3){ background-color: #DE482F;}
.service-page .partnering-content-container{ margin-bottom: 60px;}
.partnering-overlay{ width: 100%; max-width: 800px; height: 315px; background-size: cover; background-position: center center; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 30px;}
.partnering .partnering-overlay h3{ color: #fff; font-size: 27px; margin: 0; padding: 0 15px;}
.partnering .partnering-overlay .button{ background-color: #fff; color: #9E3A2E; border: none;}
.partnering .partnering-overlay .button:hover{ background-color: #9E3A2E; color: #fff; border: none;}
.headline-margin{ margin: 100px 0 60px;}
.partnering-columns{ margin-top: 30px;}
.partnering-columns .column{ width: 45%; margin-right: 5%; float: left;}
.partnering-columns h3{ font-size: 17px; line-height: 32px; text-transform: uppercase; letter-spacing: 2px; color: #233B77 !important;}
.partnering-columns p{ margin-top: 5px !important;}
.partnering-columns:after{ clear: both; display: table; content: "";}
.page-id-861 .partnering .partnering-services li{ margin-top: 0; font-family: "Roboto Condensed"; font-weight: bold;}


/* Application */

.application-container{ width: 80%; margin: 0 10%;}
.application{ width: 70%; margin: 100px 15% 0;}
.application h2{ font-size: 42px; line-height: 55px; width: 70%;}
.application .gform_wrapper .gsection_title{ color: #4775E9; font-family: "Roboto Condensed"; font-size: 17px; line-height: 32px; letter-spacing: 2px !important; text-transform: uppercase; margin-top: 60px !important;}
.application .gform_wrapper .gsection{ border: none !important; margin: 60px 0 0;}
.application .gform_wrapper .top_label .gfield_label{ color: #233B77; font-family: "Open Sans"; font-weight: normal; font-size: 17px; line-height: 34px; letter-spacing: 0.6px;}
.application .gform_wrapper input{ background: none; border: none; border-bottom: 1px solid #787878;}
.application .gform_wrapper textarea{ background: none; border: none; border: 1px solid #787878;}
.application .gform_wrapper .gsection_description{ font-family: "Open Sans"; font-size: 19px; line-height: 34px; color: #233B77;}
.application .gform_wrapper input.gform_button{ color: #fff; text-transform: uppercase; background-color: #4775E9; border-radius: 5px; font-size: 17px !important; letter-spacing: 1.77px !important; border: none; padding: 10px 30px; transition: all 0.3s ease 0s;}
.application .gform_wrapper input.gform_button:hover{ background-color: #233B77;}
.application p{ width: 55%; margin-bottom: 100px;}
.application .gform_wrapper ul li.gfield{ margin-bottom: 45px !important;}


/* Partners */

.partners-page{ margin-top: 0;}
.partners-page-intro{ margin: 30px 0;}
.partners{ clear: both;}
.partners.wrapper{ width: 80%;}
.partners h2{ font-size: 17px;  line-height: 32px; letter-spacing: 2px;}
.program-partners .partners-grid{ border-left: 1px solid #787878; border-bottom: 1px solid #787878; margin: 30px 0 60px; width: 112.5%;}
.program-partners .partners-grid:after{ clear: both; display: table; content: "";}
.program-partners .partners-grid .grid-item{ width: 33.333%; float: left; min-height: 300px; border-right: 1px solid #787878; border-top: 1px solid #787878; box-sizing: border-box; padding: 30px 5%; display: flex; justify-content: center; align-items: center; position: relative; font-size: 17px; line-height: 30px; letter-spacing: .6px;}
.program-partners .partners-grid .grid-item img{ max-height: 125px; width: auto; max-width: 225px;}
.program-partners .partners-grid .grid-item img{ filter: grayscale(100%);}
.partners-grid .grid-item h3{ font-family: "Open Sans"; color: #787878; font-size: 17px; letter-spacing: .6px;}
.program-partners .partners-grid .grid-overlay{ visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; padding: 60px 10%;}
.program-partners .partners-grid .grid-item:hover .grid-overlay{ visibility: visible; opacity: 1;}
.funding-partners h2{ border-bottom: 1px solid #787878;}
.funding-partners .partners-grid .grid-item{ min-height: 200px; width: 25%; float: left; box-sizing: border-box; display: flex; align-items: center; padding: 30px 5%;}
.funding-partners .partners-grid .grid-item img{ max-height: 70px; width: auto; max-width: 190px;}
.partner-location{ font-size: 16px; color: #909091; font-weight: 300; text-transform: uppercase;}


/* Default Page */

.default-template .page-section.hero{ height: 350px; background-size: cover; background-position: center center; margin: 0;}
.default-template .hero-container{ height: 100%;}
.default-template .hero .wrapper{ display: flex; justify-content: center; flex-direction: column; height: 100%;}
.default-template .hero h1, .default-template .hero p{ color: #fff;}
.default-template .page-section{ padding: 60px 0;}
.default-template .page-section:after{ clear: both; display: table; content: "";}
.default-template .basic-content h2.section-headline{ font-size: 42px; line-height: 55px; width: 75%; color: #233B77; margin-top: 60px;}
.default-template .basic-content{ width: 75%;}
.default-template .page-cta h2, .default-template .page-cta p{ width: 75%;}
.basic-content h2, .basic-content h3, .basic-content h4, .basic-content h5, .basic-content h6{ margin-top: 35px; color: #4d4d4d;}
.basic-content h3{ font-size: 24px;}
.basic-content h4{ font-size: 21px;}
.basic-content h5{ font-size: 18px;}
.basic-content h6{ font-size: 16px; text-transform: uppercase;}
.default-template .page-section.page-lgimg{ padding: 0;}
.default-template .page-lgimg img{ width: 100%;}
.default-template .page-columns{ position: relative; max-width: 1800px; margin: 0 auto;}
.default-template .page-columns .column{ width: 43%; float: left; margin-left: 5%;}
.default-template .page-columns img{ float: right; width: 48%;}
.default-template .page-columns ul, .default-template .page-columns ol{ font-size: 16px; line-height: 35px; font-family: "Roboto Condensed"; color: #4d4d4d; font-weight: bold; margin: 15px 0 0 15px}
.default-template .page-columns hr{ border: none; background-color: #787878; width: 48%; height: 1px;}
.default-template .page-cta{ padding-bottom: 80px;}
.default-template .page-cta h3, .default-template .basic-content h2{ font-size: 35px; line-height: 41px; color: #4d4d4d;}
.default-template .page-cta .button, .default-template .basic-content .button{ border: 1px solid #4775E9; color: #4775E9; font-size: 14px; letter-spacing: 2.6px; text-transform: uppercase;
border-radius: 4px; padding: 6px 20px; margin-top: 30px; font-family: "Roboto"; background: none; font-weight: normal; text-decoration: none;}
.default-template .page-cta .button:nth-of-type(1), .default-template .page-cta .button:hover, .default-template .basic-content .button:nth-of-type(1), .default-template .basic-content .button:hover{ background-color: #4775E9; color: #fff;}
.default-template .page-cta .button:nth-of-type(1):hover, .default-template .basic-content .button:nth-of-type(1):hover{ background-color: #233B77;}
.default-template.page-content{ margin-top: 0;}


/* QUICK TEMPORARY HACKS */

.page-id-2 .subheader, .page-id-2 .menu-primary-container, .page-id-2 .header-right, .page-id-2 #footer{ display: none;}
.page-id-2 .onboarding{ margin-bottom: 0;}


/* Google Translate Styles */

.switcher .selected a{ padding: 0 0 0 6px; border: 0; background: #fff; margin-top: -3px;}
.switcher a{ color: #4D4D4D; font-size: 13px; padding-left: 0 !important;}
.switcher .option{ border: 0 !important; background-color: #fff;}
#language .switcher .option a span, #language .switcher .selected a span{ margin-top: 8px;}
body .switcher, body select.goog-te-combo{ width: 100px !important;}
.secondary-link .flag{ margin-right: 5px !important;}
.secondary-link .switcher{ top: 12px !important;}
.secondary-link .switcher .selected a::after{ top: 12px !important;}
.secondary-link .switcher{ width: 150px !important;}
#language_inner{ padding-left: 5% !important;}


/* Staff & Advisors */

.staff-hero{ height: 350px; background-size: cover; position: relative;}
.staff-hero-content{ background-color: rgba(0,0,0,.8); padding: 45px 5% 25px; width: 80%; box-sizing: border-box; position: absolute; top: 0; left: 0; display: flex;}
.staff-hero-content:after, .staff-more:after, .staff-callouts:after{ clear: both; display: table; content: "";}
.staff-hero-content h1{ color: #fff; width: 100%;}
.staff-hero-content h1 span{ border-bottom: 8px solid #fff;}
.staff-hero-content p{ color: #fff; margin-top: 10px;}
.staff-careers .wrapper{ width: 80%; padding: 100px 0;}
.staff-careers .careers-left{ float: left; margin-right: 30px;}
.staff-careers h2{ text-transform: uppercase; letter-spacing: 2.6px; margin: 0;}
.staff-careers p{ margin-top: 0; font-family: "Roboto Condensed";}
.staff-careers .button{ float: left; color: #fff; background-color: #4774E9; text-transform: uppercase; padding: 10px 60px; letter-spacing: 2.6px; border-radius: 4px;}
.staff-careers .button:hover{ background-color: #233B77;}
.staff-sections{ display: flex; justify-content: center; align-items: center;}
.staff-sections h2{ width: 39.333%; float: left; background-color: #F5F4EF; font-size: 42px; padding: 100px 10%; box-sizing: border-box;}
.staff-sections .section-link{ width: 20.223%; text-align: center; font-size: 24px; position: relative;}
.staff-sections .section-link a{ padding: 112px 0; display: block; color: #fff;}
.staff-sections .section-link:nth-of-type(1){ background-color: #5371B7;}
.staff-sections .section-link:nth-of-type(2){ background-color: #46B08C;}
.staff-sections .section-link:nth-of-type(3){ background-color: #233B77;}
.staff-sections .section-link:nth-of-type(4){ background-color: #3E6F5A;}
.staff-section{ background-color: #F5F4EF; margin-bottom: 30px; padding: 25px 0 0;}
.staff-section:after{ clear: both; display: table; content: "";}
.staff-section h2{ font-size: 42px; margin-bottom: 30px;}
.staff-section .staff-member{ width: 22%; margin: 0 4% 0 0; padding: 15px 0; float: left; text-align: center;}
.staff-section .staff-member:nth-of-type(4n+4){ margin-right: 0;}
.staff-member h3 a, .staff-member h3{ font-size: 18px; color: #4d4d4d; margin: 0;}
.staff-member p{ font-size: 16px; line-height: normal; margin: 0 2.5%;}
.staff-bio{ display: none;}
.staff-more{ width: 95%; margin: 45px 0 0 5%;}
.staff-more h2{ text-transform: uppercase; letter-spacing: 2.6px; margin: 0 0 25px;}
.staff-more a{ display: block;}
.staff-callouts{ display: flex;}
.staff-callout{ background-size: cover; height: 200%;}
.staff-callout-content{ text-align: center; padding: 30px 5% 20px;}
.staff-more a:nth-of-type(1) .staff-callout-content{ background-color: #273C73;}
.staff-more a:nth-of-type(2) .staff-callout-content{ background-color: #45AF8B;}
.staff-more a:nth-of-type(3) .staff-callout-content{ background-color: #DD472E;}
.staff-more .staff-callout-container{ height: 100%; width: 100%;}
.staff-more a:nth-of-type(1) .staff-callout-container{ background-color: rgba(39,60,115,.7);}
.staff-more a:nth-of-type(2) .staff-callout-container{ background-color: rgba(69,175,139,.7);}
.staff-more a:nth-of-type(3) .staff-callout-container{ background-color: rgba(221,71,46,.7);}
.staff-more a:nth-of-type(1) .staff-callout-container:hover{ background-color: rgba(39,60,115,.9);}
.staff-more a:nth-of-type(2) .staff-callout-container:hover{ background-color: rgba(69,175,139,.9);}
.staff-more a:nth-of-type(3) .staff-callout-container:hover{ background-color: rgba(221,71,46,.9);}
.staff-callout-content h3{ font-size: 36px; color: #fff;}
.staff-callout-content p{ color: #fff; font-family: "Roboto", Helvetica, sans-serif; margin: 10px 0 0; font-weight: normal;}
.staff-newsletter{ padding-bottom: 100px;}
.staff-newsletter .button{ border-radius: 4px; padding: 10px 30px; background-color: #5779DB; border: 2px solid #5779DB; color: #fff; margin: 45px 5px 0 5px; text-transform: uppercase; letter-spacing: 2.6px;}
.staff-newsletter .button:nth-of-type(2){ border: 2px solid #5779DB; color: #5779DB; background-color: #fff;}
.staff-newsletter .button:hover{ background-color: #233B77; border: 2px solid #233B77; color: #fff;}
.staff-name{ padding: 10px 0; margin-top: -8px;}
.staff-has-bio:hover .staff-name{ background-color: #4775E9;}
.staff-has-bio:hover .staff-name a, .staff-has-bio:hover .staff-name p{ color: #fff;}
.biocontainer{ padding: 0 5%; display: block; float: none; clear: both; background-color: #F0EDE6;}
.biocontainer p{ padding: 30px 0 40px; margin-bottom: 30px;}
.biocontainer p+p{margin-top: -80px;}
.activebio{ background-color: #F0EDE6;}
.activebio p, .activebio h3, .activebio h3 a{ color: #233B77;}
.staff-bio{ padding: 30px; text-align: left;}
.staff-section .staff-member{ position: relative;}
.staff-member.staff-has-bio.activebio:after{ content: ''; width: 30%; border-bottom: solid 3px #233B77; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; margin: 0 auto;}
#field_11_5{ margin: 0 !important;}
#gform_previous_button_11{ display: none;}
.lity-close{ position: absolute !important; color: #ccc !important; text-shadow: none !important; top: 5px !important; right: 5px !important;}


/* SVG Charts */
.charts-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  max-width: 960px;
  width: 90%;
}
.charts-grid .chart {
  margin: 0 auto;
}
.charts-grid .chart svg {
  max-width: 100%;
  height: auto;
}
.charts-grid h4.chart-header {
  font-family: 'Roboto Condensed';
  color: #787878;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  border-bottom: 1px solid #787878;
  margin: 4em 0;
  padding-bottom: 1.5em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.charts-grid ul.chart-legend {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem 1rem;
  border-top: 1px solid #787878;
  margin: 4em 0;
  padding-top: 1.5em;
}
.charts-grid ul.chart-legend .chart-legend-item {
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0.25em;
  transition: all 0.4s ease;
  cursor: pointer;
  list-style: none;
}
.charts-grid ul.chart-legend .chart-legend-item span {
  color: #787878;
}
.charts-grid ul.chart-legend .chart-legend-item.active {
  background-color: currentcolor;
}
.charts-grid ul.chart-legend .chart-legend-item.active span {
  color: white;
}
.charts-grid ul.chart-legend .chart-legend-item:last-child {
  grid-column: 1;
}
.charts-grid ul.chart-legend .chart-legend-item:before {
  content: "";
  width: 0.875em;
  height: 0.875em;
  background: currentcolor;
  display: inline-block;
  margin-right: 0.5em;
}
.charts-grid .chart-section {
  fill: #c1c2c3;
  cursor: pointer;
  transition: fill 0.2s ease;
}
.charts-grid .chart-section-label {
  color: white;
  fill: white;
  font-size: 0.5em;
  font-weight: bold;
  height: 5px;
  line-height: 5px;
  text-align: center;
  pointer-events: none;
  position: relative;
  transition: color 0.2s ease;
}
.charts-grid .chart-section-label.active {
  background: black;
}
.charts-grid .chart-section-label.active:after {
  display: block;
  content: "value";
  position: absolute;
  left: 100%;
  background: black;
  z-index: 1000;
}
.charts-grid .color-dark-blue {
  color: #243b77;
  fill: #243b77;
}
.charts-grid .color-dark-blue:hover, .charts-grid .color-dark-blue.active {
  color: #1b2b58;
  fill: #1b2b58;
}
.charts-grid .color-light-blue {
  color: #4775e9;
  fill: #4775e9;
}
.charts-grid .color-light-blue:hover, .charts-grid .color-light-blue.active {
  color: #235ae5;
  fill: #235ae5;
}
.charts-grid .color-dark-green {
  color: #287159;
  fill: #287159;
}
.charts-grid .color-dark-green:hover, .charts-grid .color-dark-green.active {
  color: #1d5341;
  fill: #1d5341;
}
.charts-grid .color-light-green {
  color: #48af8a;
  fill: #48af8a;
}
.charts-grid .color-light-green:hover, .charts-grid .color-light-green.active {
  color: #3c9273;
  fill: #3c9273;
}
.charts-grid .color-dark-orange {
  color: #9e392d;
  fill: #9e392d;
}
.charts-grid .color-dark-orange:hover, .charts-grid .color-dark-orange.active {
  color: #7e2e24;
  fill: #7e2e24;
}
.charts-grid .color-light-orange {
  color: #de482e;
  fill: #de482e;
}
.charts-grid .color-light-orange:hover, .charts-grid .color-light-orange.active {
  color: #c4371f;
  fill: #c4371f;
}
.charts-grid .color-gray {
  color: #c1c2c3;
  fill: #c1c2c3;
}
.charts-grid .color-gray:hover, .charts-grid .color-gray.active {
  color: #acaeaf;
  fill: #acaeaf;
}
.chart-tooltip {
  background: #1f222a;
  border-radius: 3px;
  color: white;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.127em;
  line-height: 1;
  margin-left: 0.375rem;
  opacity: 1;
  padding: 0.5em;
  position: absolute;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateY(-25%);
	z-index: 1000;
}
.chart-tooltip.hide {}
.chart-tooltip:before {
  content: "";
  display: block;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  border-right: 0.25rem solid #1f222a;
  position: absolute;
  top: 50%;
  left: -0.25rem;
  width: 0;
  height: 0;
  transform: translateY(-50%);
}

.admin-bar .chart-tooltip {
	margin-top: -32px;
}

/* Media queries */

@media (max-width: 1665px) and (min-width: 960px) {
.explore-facets {left: 20px;}
}
@media (max-width: 1620px) {
.single-fund .fund-intro { min-height: 180px !important;}
}
@media (min-width : 1500px) {
	.page-template-homepage .intro, .post-feed .post-list-container{ left: 0; right: 0; margin: 0 auto; max-width: 1500px; float: none; width: 90%;}
	.fund-explore .intro{ max-width: 1500px; margin: 60px auto 0; float: none;}
	.fund-explore .intro p.vertical-text{ bottom: 85px;}
	.page-template-homepage .impact{ width: 81%;}
}
@media (max-width: 1424px) {
	.single-fund .fund-intro { min-height: 300px !important;}
	.single-fund .fund-content .fund-intro{ min-height: 0 !important;}
}

@media (max-width: 1300px){
  	#header .subheader, #header .header-right{ display: none;}
  	.fund-donate-image{ width: 100%;}
}

@media (max-width: 1250px) {
	#responsive-menu-container{ font-family: "Roboto Condensed"; font-weight: normal; padding-top: 60px !important; z-index: 999999 !important;}
	#responsive-menu-container li a{ border: none !important;}
	#responsive-menu-container li.secondary-link{ height: auto !important;}
	#responsive-menu-container li.secondary-link a{ border: none !important; font-size: 15px !important; line-height: 30px !important; height: auto !important;}
	#responsive-menu-container li.partner-login{ margin-top: 60px;}
	#responsive-menu-item-102 a{ border-top: none !important;}
	#responsive-menu-item-107 a{ border-bottom: none !important;}
	#responsive-menu-container #responsive-menu > li.responsive-menu-item:not(.secondary-link) > a:before{ content: ''; width: calc(100% - 2.5%); bottom: 0px; position: absolute; height: 1px; z-index: 1; background: #4775e8; left: 2.5%;}
	#responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow{ top: 5px !important;}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{ height: auto !important;}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open{ padding-top: 15px !important;}
	#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link{ padding-left: 6% !important;}
	.secondary-link a:before {content: none !important;}
	button#responsive-menu-button.is-active{ right: 75% !important;}
	.onboarding .onboarding-form{ padding: 15px;}
	p.vertical-text{ display: none !important;}
	.page-template-homepage .impact li::before{ width: 25%;}
	.explore-content .fund-grid{ width: 70%;}
	.explore-content .facetwp-counts{ width: 75%;}
	.page-template-homepage .impact{ width: 85%;}
	.fund-donate-image{ width: 100%;}
}

@media (max-width: 1175px) {
	.page-template-homepage .featured-projects{ padding-top: 60px;}
	.page-template-homepage .featured-projects h2{ font-size: 48px; background-color: #F8F4F0; z-index: -1;}
	.page-template-homepage .featured-projects .project-list{ padding: 45px 0; margin-top: 0;}
	.page-template-homepage .featured-projects .button{ margin-top: 30px;}
	.page-template-homepage .featured-projects .project .button{ position: relative; margin-top: 30px; bottom: auto;}
	.partnering-page .subnav-tabs li, .service-page .subnav-tabs li{ width: 200px;}
	.additional-posts .post-feed .post{ width: 100%; margin: 0 auto 30px;}
	.additional-posts .post-feed .post .post-content{ min-height: 0;}
	.page-template-homepage .featured-projects .project{ width: 75%; max-width: 75%; margin: 0 auto 30px !important; display: block; min-height: 0;}
	.blog-main .post-feed .post{ width: 40%;}
	.fund-donate-image{ width: 100%;}
	.staff-hero-content{ width: 100%;}
}

@media (max-width: 960px) {
	.page-template-homepage .intro img{ float: none; display: block; margin: 0 auto;}
	.page-template-homepage .intro .intro-content{ width: 90%; max-width: 100%; float: none;}
	.locations .map{ float: none; display: block; margin: 0 auto; width: 85%;}
	.locations .location-content{ width: 100%; float: none; margin-bottom: 45px; padding: 0 10%;}
	.page-template-homepage .post-feed .post-headline{ padding: 60px 10% 0; background: linear-gradient(90deg, #4775E9 0%, #233B77 100%);}
	.page-template-homepage .post-feed h2, .page-template-homepage .post-feed h2 span{ max-width: 100%; font-size: 42px !important; line-height: 55px !important; color: #fff !important; font-family: "Roboto Condensed"; margin: 0 !important; z-index: 1 !important; display: inline-block;}
	.page-template-homepage .post-feed .post-list{ text-align: center; height: auto;}
	.page-template-homepage .post-feed .other-posts, .page-template-homepage .post-feed .post-list-container{ position: relative; top: 0; left: 0;}
	.page-template-homepage .post-feed .post-list-container{ padding: 60px 0;}
	.page-template-homepage .post-feed .post, .page-template-homepage .post-feed .other-posts{ width: 67.5%; max-width: 67.5%; margin: 0 auto 30px !important; display: block;}
	.page-template-homepage .post-feed .other-posts .other-post{ margin-top: 30px;}
	.page-template-homepage .newsletter-signup{ padding: 70px 0 60px;}
	#footer{ padding: 60px 0;}
	#footer .contact, #footer .footer-nav{ width: 100%; text-align: center; margin-bottom: 30px;}
	#footer .social{ position: relative;}
	#footer .social .networks{ margin-bottom: 30px;}
	#footer .footer-downloads{ margin: 30px 0 15px;}
	#footer #menu-footer{ display: none;}
	.gradient, .home-gradient, .toggle-intro h2::before{ display: none;}
	.inside-hero{ width: 100%; height: 450px;}
	.post-wrapper, .additional-posts{ margin: 0 2.5%;}
	.post-wrapper{ flex-direction: column-reverse; padding-top: 60px;}
	.blog-main .post-wrap{ display: flex; flex-direction: column-reverse;}
	.blog-main .post-container{ margin-top: 60px;}
	.post-wrapper article, .additional-posts h4, .additional-posts .post-feed, .post-navigation, .blog-main .post-feed{ width: 90%; margin: 0 5%; box-sizing: border-box;}
	.post-navigation{ width: 90% !important; margin: 0 auto !important; padding: 15px 0 !important;}
	.post-navigation, .post-navigation button{ text-align: left;}
	.blog-main .post-navigation .facetwp-facet{ width: 100%;}
	.post-navigation .facetwp-radio, .post-navigation button, .post-navigation .facetwp-radio:hover, .post-navigation button:hover{ display: block; width: 90% !important; border-bottom: none !important; border-bottom: none !important;}
	.post-navigation .facetwp-radio:nth-of-type(1):hover, .post-navigation .facetwp-radio:nth-of-type(1).checked{ border-bottom: none !important;}
	.post-navigation .facetwp-radio.checked{ color: #fff !important; background-color: #4775E9 !important; border-bottom: none !important;}
	.post-navigation .facetwp-radio:nth-of-type(2).checked{ background-color: #64AC8C !important; border-bottom: none !important;}
	.post-navigation .facetwp-radio:nth-of-type(3).checked{ background-color: #233B77 !important; border-bottom: none !important;}
	.post-navigation .facetwp-radio:nth-of-type(4).checked{ background-color: #DE482F !important; border-bottom: none !important;}
	.post-navigation .facetwp-radio:hover, .post-navigation .facetwp-radio.checked, .post-navigation .facetwp-radio:nth-of-type(2):hover, .post-navigation .facetwp-radio:nth-of-type(2).checked, .post-navigation .facetwp-radio:nth-of-type(3):hover, .post-navigation .facetwp-radio:nth-of-type(3).checked, .post-navigation .facetwp-radio:nth-of-type(4):hover, .post-navigation .facetwp-radio:nth-of-type(4).checked{ border-bottom: none !important;}
	.blog-main .post-feed{ padding: 60px 2.5%;}
	.intro{ margin-left: 5%; margin-right: 5%; float: none;}
	.intro h1, h1.post-title, .lead-content, .post-wrapper .entry-content, .intro p{ width: 100%; max-width: 100%;}
	.intro p{ margin-bottom: 0;}
	.post-sharing{ height: auto; margin: 0; width: 100%;}
	.additional-posts .post-feed{ padding-right: 0; margin-top: 30px;}
	.blog-main .other-posts{ position: relative; width: 90%; margin: 0 5%; top: 30px;}
	.post-navigation .facetwp-radio, .post-navigation button{ padding: 15px 30px !important;}
	.contact-page .page-title{ margin: 0 5%; font-size: 60px;}
	.contact-page .page-title span{ margin: -100px 0 0 0; font-size: 160px;}
	.contact-intro{ width: 90%; margin: 0 5%; padding: 60px 0;}
	.contact-intro h3:before{ display: none;}
	.contact-form{ margin: 0 5%; width: 90%; max-width: 90%; box-sizing: border-box; padding: 30px 0 0;}
	.contact-locations .half{ width: 100%; float: none; margin: 0 0 60px;}
	.explore-facets, .explore-content .fund-grid, .explore-content .facetwp-counts{ position: relative; width: 90%; margin: 0 5%; float: none; clear: both; top: 30px;}
	.explore-facets .facetwp-search{ width: 93%;}
	.explore-content .facetwp-counts{ margin: 30px 5%;}
	.fund-description h2, .fund-description p{ width: 100%;}
	.fund-column{ width: 100%; margin: 0 0 30px !important; min-height: 0;}
	.single-fund .fund-intro{ min-height: 0 !important;}
	.partner-intro h3, .partner-intro p, .partner-support h3, .partner-support p{ width: 90%;}
	.partner-icons .partner-icon{ width: 50%;}
	.partner-grid{ width: 100%;}
	.service-intro, .service-page .locations, .why-headline{ width: 90%; margin: 0 5%; box-sizing: border-box; padding-left: 5%; padding-right: 5%;}
	.service-grid{ width: 100%; float: none;}
	.why-us{ width: 95%;}
	.why-us-content{ margin-left: 5.3%;}
	.service-intro h3{ width: 100%; text-align: center;}
	.leadership-primary img{ float: none; width: 50%; display: block;}
	.leadership-primary .staff-primary-bio{ width: 100%; float: none;}
	.learn-more{ padding-bottom: 0;}
	.learn-more .learn-grid{ margin-right: 0; float: none; width: 100%;}
	.about-container .intro, .about-container .change h2, .about-container .impact h2, .about-container .change-grid, .about-container .difference{ width: 95%; margin: 0 2.5%;}
	.about-container .intro .intro-content{ width: 90%; float: none; padding: 0 5%;}
	.about-container .intro .philosophy, .about-container .difference-more{ position: relative; top: auto; right: auto;}
	.about-container .intro-content h3, .about-container .intro-content p, .about-container .intro .philosophy{ width: 100%; max-width: 100%;}
	.about-container .intro .philosophy{ margin-top: 60px;}
	.about-container .intro .philosophy p{ width: 55%;}
	.about-container .change-grid .grid-item{ width: 47.5%; margin-bottom: 30px;}
	.about-container .impact-container{ background: none;}
	.about-container .impact-content{ width: 97.5%; margin: 0 2.8%; padding-left: 9%;}
	.about-container .impact-content .half{ width: 95%; margin-right: 0;}
	.about-container .difference .icon-content{ width: 85%;}
	.about-container .difference-more{ width: 100%; margin-top: 60px;}
	.about-container .difference-more a span{ width: 100%; max-width: 100%; text-align: center;}
	.partnering-page .page-title, .service-page .page-title{ font-size: 48px; margin-left: 80px; line-height: 75px;}
	.partnering-page .page-title span, .service-page .page-title span{ font-size: 150px; margin-left: -125px; margin-top: -100px;}
	.service-page .page-title{ margin-left: 60px;}
	.service-page .page-title span{ margin-left: -100px;}
	.partnering, .partnering-page .subnav-tabs, .service-page .subnav-tabs{ width: 95%; margin: 0 2.5%;}
	.partnering-page .subnav-tabs li.current_page_item, .service-page .subnav-tabs li.current_page_item{ background-color: #233B77 !important;}
	.subnav-tabs li.current_page_item a{ color: #fff !important;}
	.partnering-columns .column{ width: 100%; margin-right: 0; float: none;}
	.program-partners .partners-grid .grid-item{ width: 50%; min-height: 200px;}
	.program-partners .partners-grid .grid-overlay{ display: none !important;}
	.program-partners .partners-grid .grid-item img{ max-height: 75px; max-width: 150px;}
	.funding-partners .partners-grid .grid-item{ width: 33.333%; text-align: center; justify-content: center;}
	.about-container .intro-content h3, .about-container .intro-content p{ width: 100%;}
	.post-sharing img {display: inline-block !important; padding: 0 15px;}
	.blog-main .post-feed .post{ width: 90%;}
	.toggle-intro{ margin-bottom: 30px;}
	.single-post .inside-hero{ width: 95%; margin-left: 2.5%;}
	.spacer{ height: 130px;}
	.default-template .basic-content, .default-template .page-signoff h2, .default-template .page-signoff p, .default-template .page-cta h2, .default-template .page-cta p, .default-template .page-columns .column{ width: 100%;}
	.default-template .page-columns img{ position: relative; bottom: auto; right: auto; max-width: 100%; margin-top: 30px;}
	.default-template .page-columns hr{ display: none;}
	.default-template .page-columns .column{ width: 90%; margin: 0 5%;}
	.default-template .page-columns img{ width: 100%; float: none;}
	.fund-content .fund-intro{ padding-bottom: 120px;}
	.fund-overview{ padding-bottom: 60px !important;}
	.fund-overview .fund-grid div{ width: 100%; float: none;}
	.fund-content .sharing{ margin-top: 5%;}
	.fund-overview .fund-grid{ width: 70%;}
	.fund-overview .post-sharing{
		width: 100%;
		position: unset;
	}
	.fund-donate-image{ width: 80%; margin: 0 10%; float: none;}
	.fund-donate-forms{ margin-top: 60px;}
	.single-fund .tab-content{ padding: 60px 30px;}
	.signoff-about div{ width: 100%; float: none; margin: 0 0 30px 0; text-align: center;}
	.signoff-about{ margin: 45px 5%;}
	.signoff-about .signoff-about-description{ text-align: left;}
	.signoff-about .social span{ display: block; float: none; margin: 0;}
	.staff-hero-content{ display: block;}
	.staff-sections{ display: block;}
	.staff-sections:after{ clear: both; display: table; content: "";}
	.staff-sections h2{ width: 100%; float: none; text-align: center; padding: 40px 5%;}
	.staff-sections .section-link{ width: 33.333%; float: left;}
	.staff-more{ width: 90%; margin: 45px 5% 0 5%;}
	.staff-callouts{ display: block;}
	.staff-callouts a{ margin-bottom: 20px;}
}

@media (max-width: 800px) {
	.page-template-homepage .hero{ height: 500px;}
	.page-template-homepage .hero-container{ width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}
	.page-template-homepage .intro{ padding-top: 0; margin-left: 0; margin-right: 0; width: 100%;}
	.page-template-homepage .intro img{ width: 100%; margin: 45px 0 0;}
	.page-template-homepage .intro p{ margin-bottom: 45px;}
	.page-template-homepage .impact{ padding: 60px 0;}
	.page-template-homepage .impact h2{ font-size: 100px; line-height: 70px; margin-bottom: 60px;}
	.page-template-homepage .impact li::before{ width: 8%; margin-right: 15px;}
	.page-template-homepage .impact li .impact-number{ font-size: 48px; width: 160px;}
	.page-template-homepage .impact li .impact-description{ font-size: 13px;}
	.locations ul{ columns: 2;}
	.locations .map{ width: 100%;}
	.page-template-homepage .featured-projects h2{ font-size: 36px;}
	.page-template-homepage .featured-projects .project{ width: 88%; max-width: 88%;}
	.page-template-homepage .post-feed h2{ font-size: 42px; line-height: 42px; text-transform: none;}
	.page-template-homepage .post-feed h2 span{ font-size: 150px;}
	.page-template-homepage .post-feed .post, .page-template-homepage .post-feed .other-post{ width: 80%; max-width: 80%;}
	.newsletter-signup .gform_footer{ clear: both !important; display: block !important; margin-top: 15px !important; text-align: center;}
	.newsletter-signup .gform_footer .gform_button, .newsletter-signup .gfield input{ border-radius: 4px; margin-left: 0 !important; display: block; width: 100%;}
	.newsletter-signup .gform_body{ width: 100%; max-width: 100% !important;}
	.additional-posts .post-feed .post{ margin-bottom: 30px !important;}
	.post-feed .post .post-content{ min-height: 0;}
	.post-navigation button{ width: 100%;}
	.explore-content .fund-grid .fund-column{ width: 45%; margin: 0 2% 30px !important;}
	.explore-facets .facetwp-search{ width: 80%;}
	.page-content{ margin-top: 20px;}
	.fund-title{ width: 100%;}
	.fund-hero .fund-callout{ width: 90%; top: -410px; left: 5%; right: 5%; box-shadow: none;}
	.page-template-homepage .impact h2{ font-size: 100px; line-height: 60px; max-width: 500px; margin-bottom: 50px;}
	.partner-grid{ display: block;}
	.partner-grid .grid-headline, .partner-grid .grid-item{ width: 50%; float: left;}
	.partner-support{ padding-top: 460px; width: 81.25%; margin: 0 5%;}
	.partner-heading{ width: 90%; margin: 0 5%;}
	.partner-content .partner-intro{ width: 81.25%; margin: 0 5%;}
	.partner-content{ background: none; width: 100%;}
	.toggle-content{ width: 95%;}
	.toggle-intro h2{ margin-top: 0;}
	.page-id-744 .toggle-intro h2{ margin-top: 60px;}
	.page-id-741 .toggle-intro h1{ font-size: 50px; line-height: 50px; max-width: 280px;}
	.page-id-741 .toggle-intro h1 span{ font-size: 200px;}
	.page-id-744 .toggle-intro h1{ font-size: 50px; line-height: 50px; margin-left: 200px;}
	.page-id-744 .toggle-intro h1 span{ font-size: 130px; line-height: 130px; margin-left: -200px;}
	.page-id-746 .toggle-intro h1{ font-size: 40px; line-height: 40px; max-width: 280px; margin-left: 60px;}
	.page-id-746 .toggle-intro h1 span{ font-size: 120px; margin-left: -60px; margin-top: -90px;}
	.additional-posts .post-feed .post{ width: 100%; float: none; margin: 0 0 30px;}
	.board .team-list{ columns: 1;}
	.about-container .change-grid .change-grid-container, .about-container .change-grid .change-grid-overflow{ width: 100%;}
	.partnering .partnering-content, .partnering .partnering-services li, .partnering .partnering-services p{ width: 100%;}
	.partnering .partnering-content-container img{ position: relative; float: none; margin-right: 0; width: 100%; max-width: 100%; margin-top: 30px; right: auto;}
	.partnering-page .subnav-tabs li, .service-page .subnav-tabs li{ width: 100%; height: auto; padding: 15px 0; border-radius: 0;}
	.subnav-tabs li{ background-color: #4775E9 !important;}
	.partnering-page .subnav-tabs li.current-menu-item, .service-page .subnav-tabs li.current-menu-item{ background-color: #233B77 !important;}
	.partnering-page .subnav-tabs li.current-menu-item a, .service-page .subnav-tabs li.current-menu-item a{ color: #fff !important;}
	.service-page .partnering-content-container{ margin-bottom: 100px;}
	.application{ width: 95%; margin: 0 2.5%;}
	.application h2, .application p{ width: 100%;}
	.charts-grid{ grid-template-columns: repeat(1, 1fr);}
	.newsletter-signup .gform_footer .gform_button{ border: none; background: #4775E9 !important; border-radius: 4px !important; font-size: 14px !important; -webkit-appearance: none;}
	.fund-more .fund-grid .fund-intro{ padding-bottom: 0;}
	.fund-description .fund-logo{ float: none; max-width: 300px; margin: 0 auto 60px; display: block;}
	.fund-description .description-content, .fund-description .description-content-full{ float: none; width: 100%;}
	.alert-bar{ text-align: center;}
	.alert-bar .alert-message{ display: block; float: none; width: 100%;}
	.alert-bar .button{ display: block; margin: 15px 0; float: none;}
	.staff-section .staff-member{ width: 100%;}
  	.staff-member.staff-has-bio.activebio:after{ display:none;}
	.biocontainer{ display: none !important;}
}

@media (max-width: 600px) {
	.explore-content .fund-column{ width: 95% !important; margin: 0 0 30px !important;}
	.explore-content .fund-intro{ min-height: 0;}
	.contact-page .page-title{ font-size: 48px;}
	.contact-page .page-title span{ margin: -120px 0 0 0; font-size: 120px;}
	.contact-page .inside-hero{ display: none;}
	.contact-page .inside-hero.mobile{ display: block; margin-top: 0;}
	.contact-intro{ padding-top: 0;}
	.contact-form{ width: 100%; padding: 30px 0 0; margin: 0;}
	.contact-form .gform_footer .gform_button{ margin-bottom: 0 !important;}
	.error-content img{ float: none; margin: 0 auto; display: block;}
	.error-message{ margin-top: 30px; float: none;}
	.error-message p{ max-width: 100%;}
	.partner-grid .grid-headline, .partner-grid .grid-item, .partner-icons .partner-icon{ width: 100%;}
	.service-grid .service{ width: 100%; float: none;}
	.why-us{ background: none;}
	.why-us img{ position: relative; width: 80%; margin: 0 auto; display: block; right: auto; left: auto; float: none;}
	.why-us-content{ width: 95%; margin: 0 5%; box-sizing: border-box; padding: 0 5%;}
	.why-us-content h2, .why-us p{ width: 100% !important;}
	.why-us-content h2{ margin-top: 100px;}
	.service-page .locations .map{ margin-left: 0;}
	.learn-more .learn-grid .grid-item{ width: 100%; float: none;}
	.partnering-page .page-title, .service-page .page-title{ font-size: 30px; margin-left: 60px; line-height: 0px;}
	.partnering-page .page-title span, .service-page .page-title span{ font-size: 100px; margin-left: -90px; margin-top: -80px;}
	.page-id-741 .toggle-intro h1 {max-width: 180px; font-size: 30px; line-height: 35px; margin-left: 60px;}
	.page-id-741 .toggle-intro h1 span {font-size: 100px; margin-left: -55px; margin-top: -100px;}
	.page-id-744 .toggle-intro h1 {font-size: 30px; margin-left: 150px;}
	.page-id-744 .toggle-intro h1 span {font-size: 100px; line-height: 100px; margin-left: -150px;}
	.partnering-page .post-intro .return{ display: block; margin-bottom: 60px;}
	.program-partners .partners-grid{ width: 100%; margin-top: 15px;}
	.program-partners .partners-grid .grid-item{ width: 50%; min-height: 150px;}
	.funding-partners .partners-grid .grid-item{ width: 50%; justify-content: center; min-height: 100px; padding: 0 10px;}
	.funding-partners .partners-grid .grid-item img{ max-width: 150px; max-height: 50px;}
	.page-template-homepage .impact h2 {font-size: 80px;}
	.partner-support .partner-support-content {padding-top: 50px !important;}
	.fund-intro .button{ margin-bottom: 10px;}
	.fund-overview, .fund-donate-image{ margin: 0;}
	.post-sharing{ margin-top: 55px;}
	.single-fund ul.tabs li{ display: block; text-align: center; margin: 0 0 5px; border-radius: 0;}
	.fund-donate-forms{ margin: 45px 5% 0;}
	.fund-donate-image, .fund-signoff-image{ width: 100%;}
	.staff-section .staff-member{ width: 100%; float: none; margin: 0 0 30px;}
	.staff-member img{ max-width: 150px;}
	.staff-section h2{ text-align: center;}
	.staff-hero h1{ font-size: 36px;}
	.staff-sections .section-link{ width: 100%; float: none;}
}

@media (max-width: 575px) {
	.partnering .partnering-services .button {width: 200px; text-align: center;}
}

@media (max-width: 550px) {
	.about-container .change-grid .grid-item{ width: 98.5%; margin-bottom: 30px; min-height: 0;}
	.page-template-homepage .impact li .impact-number{ font-size: 21px; width: 100px;}
	.page-template-homepage .impact li .impact-description{ font-size: 12px; width: 70%;}
	.page-template-homepage .impact li{ margin-bottom: 30px;}
}

@media (max-width: 400px) {
	.program-partners .partners-grid .grid-item{ width: 100%;}
}

.archive.category #page-wrap .content, .archive.category aside.sidebar {
    width: 80%;
    margin: 5% auto;
}
.archive.category .sidebar .widget.widget_search {
    padding-bottom: 50px;
}

/*GG Edits*/
.standalone-fund .description-content .button, .standalone-fund .fund-callout a {display: none;}
.fund-content .fund-intro--mobile {display: none;}

@media( max-width: 800px ) {
	.fund-intro--desktop .intro-buttons {display: none;}
	.fund-content .fund-intro--desktop {padding-bottom: 0;}
	.fund-content .fund-intro--mobile {display: block;position: sticky;
    top: 96px;z-index: 1;background: #fff;padding: 10px 3% 10px!important;margin-bottom: 120px;width: 90%;}
}
@media(max-width: 640px) {
  .fund-content .fund-intro--mobile {
    top: 198px;
  }
}
@media( max-width: 600px ) {
	.fund-content .fund-intro--mobile {padding: 10px 3% 0!important;}
}

.page section.page-section--no-hero {padding-top: 0;}
.page-template-staff .staff-newsletter {margin-top: 340px;}

@media( max-width: 960px ) {
	.page-template-staff .staff-newsletter {margin-top: 0;}
}

.inside-hero--no-img{height: 0; margin-top: 0;}


/* Search results */
.search-results .spacer {
	height: 90px;
}
.search-results__title {
	font-size: 42px;
	text-transform: capitalize;
	margin-bottom: 24px;
}
.search-results__item {
	padding: 20px;
}
.search-results__item:nth-child(even) {
	background: #F6F4EF;
}
.search-results__item-title {
	font-size: 23px;
	font-weight: bold;
	line-height: 30px;
	color: #4D4D4D;
}
.search-results__item-excerpt {
	line-height: 1.3;
	margin-top: 6px;
}
.navigation {
	display: flex;
	gap: 16px;
	padding-top: 24px;
}
.navigation .next-posts a,
.navigation .prev-posts a {
	color: #5679DB;
	border: 1px solid #5679DB;
	border-radius: 5px;
	padding: 13px 44px;
}

/* Filter page */
i.facetwp-icon:before {
	background: unset;
}
div.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
	min-width: unset;
	width: 100%;
	background-color: #233B77;
}
.explore-facets .facetwp-search {
	border: none;
	border-radius: unset;
}
@media(max-width: 960px) {
	span.facetwp-input-wrap {
		display: unset;
	}
}

/* Fund donation form  */
.ggform {
	max-width: 420px;
	background: #F6F4EF;
	padding: 30px;
}
.ggform__title {
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: capitalize;
	color: #233B77;
	display: block;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 16px;
	letter-spacing: -1px;
}
.ggform__type .gfield_radio {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	border-radius: 5px;
	overflow: hidden;
}
.ggform__type .gfield_radio .gchoice {
	text-align: center;
	color: #787878;
	font-weight: bold;
	background: #fff;
}
.ggform .gfield-choice-input {
	visibility: hidden;
	position: absolute;
}
.ggform__type .gfield_radio .gchoice label {
	padding: 10px;
	display: block !important;
	width: 100%;
	max-width: unset !important;
}
.ggform .gfield-choice-input[checked=checked] ~ label {
	background: #4E72E5;
	color: #fff;
}
.ggform .gfield-choice-input ~ label.ggform__label {
	background: #fff;
	color: #787878;
}
.ggform .gfield-choice-input ~ label.ggform__label--active {
	background: #4E72E5;
	color: #fff;
}
.ggform__values .gfield_radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
.ggform__values .gchoice {
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}
.ggform__values .gchoice label {
	padding: 10px;
	display: block !important;
	width: 100%;
	max-width: unset !important;
	text-align: center;
	font-weight: bold;
}
.ggform p {
	font-size: 15px;
}
.ggform__dropdown .gfield_select {
	border: none;
	outline: none;
	color: #787878;
	font-size: 15px !important;
	-webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 9px);
  background-position-y: 9px;
	padding: 13px 16px !important;
	margin-top: -8px !important;
}
.ggform__dropdown .gfield_select {
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
}
.ggform .gform_next_button {
	background: #48AF8A;
	border: none;
	color: #fff;
	padding: 13px 10px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	min-width: 160px;
	border-radius: 5px;
}
.ggform .ggform-page-1 .gform_page_footer {
	grid-row: 5;
	grid-column: span 12;
	padding: 0 !important;
	margin: 24px auto -8px !important;
}
.ginput_amount--active {
	background: #4E72E5;
	color: #fff;
}
.ginput_amount--active::placeholder {
	color: #fff !important;
}
.ggform__values .gchoice:last-child {
	grid-column: span 3;
}
/* .masthead__notice {
	background: #0097BF;
	display: flex;
	padding: 8px 0;
}
.masthead__notice:hover {
	background: #007999;
}
.masthead__notice-wrapper {
	width: 90%;
	max-width: 1500px;
	margin: 0 auto;
	color: #fff !important;
	font-size: 14px;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
} */
.masthead__wrapper {
	display: flex;
}
.masthead__other {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	margin-left: 32px;
}
.masthead__login {
	font-size: 14px;
	line-height: 1.5;
	display: block;
	margin-top: 18px;
}
.masthead__search {
	max-width: 230px;
	height: 32px;
	background: #f7f7f7;
	border: 1px solid #eee;
	border-radius: 16px;
	margin-top: 12px;
	font-size: 14px;
	padding-left: 12px;
	padding-right: 32px;
	font-family: 'Roboto', sans-serif;
	line-height: 1.3;
}
.masthead__search:focus {
	border: 1px solid #a7a7a7;
}
.masthead__search::-webkit-search-decoration,
.masthead__search::-webkit-search-cancel-button,
.masthead__search::-webkit-search-results-button,
.masthead__search::-webkit-search-results-decoration {
	-webkit-appearance:none;
}
.masthead__submit-icon {
	position: absolute;
	top: 18px;
	right: 12px;
}
.masthead .menu {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.additional-content-link {
	color: #fff;
}
.search-form--icon {
	display: none;
}
.masthead__notice--footer {
	display: none;
	margin-top: 40px;
	padding: 8px 0 11px 0;
}
.masthead__notice-wrapper--footer {
	font-size: 12px;
	justify-content: center;
}

@media(max-width: 1500px) {
	.masthead__search {
		max-width: 160px;
	}
	.search-form--icon {
		display: block;
		padding-top: 20px;
	}
	.search-form--field {
		display: none;
	}
}
@media(min-width: 1250px) and (max-width: 1300px) {
	#responsive-menu-container {
		margin-top: 126px !important;
	}
}
@media(max-width: 1300px) {
	.masthead .nav {
		display: none;
	}
	.masthead .masthead__other {
		display: none;
	}
}
@media(max-width: 600px) {
	.masthead__notice {
		display: none;
	}
	.masthead__notice--footer {
		display: block;
	}
	button#responsive-menu-button {
		top: 16px !important;
	}
}

.fund-overview .fund-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 40px;
}
.fund-overview .fund-grid div {
	width: 100%;
}
@media(max-width: 960px) {
	.fund-overview .fund-grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.fund-explore__intro-text {
		display: none;
	}
}

.facet__filter {
	display: none;
}
@media(max-width: 960px) {
  .explore-facets .tab {
    display: none;
  }
  .explore-facets h4 {
    display: none;
  }
  .facet__filter {
    display: block;
    text-align: center;
    background-color: #4775E9;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 3.7px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 0;
    color: #fff;
    border: none;
    width: 100%;
    transition: background-color .3s;
  }
  .facet__filter:hover {
    background-color: #233B77;
  }
}

/* #G2A00011923 Spotlight section on blog index page */
.spotlight__wrapper {
	clear: both;
	margin: 0 10%;
	margin-bottom: 40px;
}
.spotlight__list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.spotlight__item {
	background-color: #F5F4EF;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: start;
}
.spotlight__img {
	max-width: 340px;
	height: 240px;
	background-size: cover;
	background-position: center;
	border-top: solid 20px #DE482F;
}
.spotlight__item:first-child .spotlight__img {
	border-top: solid 20px #48AF8A;
}
.spotlight__btn {
	color: #fff;
    font-size: 14px;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 6px 20px;
    text-decoration: none;
    background-color: #4775E9;
    margin: 20px 16px;
		width: -webkit-fill-available;
    text-align: center;
}
.spotlight__btn:hover {
	background-color: #48AF8A;
	color: #fff;
}
.spotlight__info {
	padding: 20px 30px;
}
.spotlight__info-title {
	font-size: 1.4375rem;
	line-height: 1.3;
	color: #4D4D4D;
}

@media(max-width: 1280px) {
	.spotlight__item {
		grid-template-columns: 1fr;
	}
	.spotlight__img {
		max-width: unset;
	}
	.spotlight__info {
		padding-top: 0;
	}
}
@media(max-width: 960px) {
	.spotlight__wrapper {
		width: 90%;
    margin: 0 auto;
		margin-bottom: 0;
	}
}
@media(max-width: 680px) {
	.spotlight__list {
		grid-template-columns: 1fr;
	}
}
/* #G2A00011923 Spotlight section on blog index page */