/*
Theme Name: Africa_Womens_Dev_Fund
Theme URI: https://africlub.net/awdf-theme-support-page/
Author: Africlub Design
Author URI: https://africlub.net
Description: A refreshed responsive, clean and modern custom theme developed during a Website Review in 2020 according to specification for AWDF, the African Women's Development Fund. Features custom icons, features and visual elements. The theme is largely developed in HTML5 and CSS3 with minimal JavaScript.
Version: 3.1.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: africa_womens_dev_fund
Tags:

This theme, like WordPress, is licensed under the GPL.

Africa_Womens_Dev_Fund is based on Underscores https://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize			line 51
2.0 Typography			line 231
3.0 Elements			line 304
4.0 Forms				line 364
5.0 Navigation			line 406
	5.1 Links			line 409
	5.2 Menus			line 429
		Small (mobile) menu 		line 485
6.0 Accessibility		line 510
7.0 Alignments			line 548
8.0 Clearings			line 567
9.0 Widgets				line 593
10.0 Content			line 607
	10.1 Posts and pages			line 610
	10.2 Asides			line 638
	10.3 Comments		line 645
11.0 Infinite scroll	line 653	
12.0 Media				line 665
	12.1 Captions		line 682
	12.2 Galleries		line 699
	
...see AWDF styling sections (that should be here)		line 4477
	
*RESPONSIVE STYLES*		line 3492
	
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,600,600i,700,700i');
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 1.875rem;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 20px 2px 10px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #707070;
	font-size: 1.1rem;
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover {
	color: #158474
}
h2{ font-size: 1.313rem }
p {
	margin-bottom: 1.125em;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	width: 100%
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
button:hover{ color: #652798; background: #DCC4E3; }
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #000;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {}
textarea {
	padding-left: 3px;
	width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #652798;
	font-size: 1rem;
    font-weight: normal;
	text-decoration: none

}
a:hover,
a:focus,
a:active {}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.875rem;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
/* Small menu. */
#menu_toggle {
	display: none;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 0px;
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
	display: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
#myIdText3 a:hover, h1 a:hover { color: #652798 }

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/* AWDF Stylings */
/*===============*/
body{ 
	font: 1.063rem/160% 'Lato', sans-serif;
	margin:0 auto;
	padding:0;
	color:#707070;
}
a:hover{ color:#158474 }
h1, h1 a{ 
    margin: 0;
    font: 2rem 'Lato', sans-serif;
    text-align: left;
    font-weight: 800;
    color: #652798;
    letter-spacing: normal;
}
button{ border:none }
/*  Top banner   */
#top-banner{
	color:#652798;
	background: #DCC4E3;
	width:100%;
	height:auto;
	margin-bottom:5px;
	overflow:hidden;
	display:none }
#top-banner a{ text-decoration: underline; color:#652798; }
#top-banner a:hover{ color:#fff; }
#banner-content{
	padding:20px 0 20px 30px;
	float:left;
	font-size: 0.875rem;
	line-height: 180%;
	width:90%
}
.banner-close{
	float:right;
	background:url('images/cookie-close-icon-2x.png') top right no-repeat;
	background-size:27px;
	width:27px;
	height:27px;
	margin:20px 21px;
	cursor: pointer
}
/*  Header   */
/* ========== */
header { margin-top:40px;padding:0; }
#logo{
	margin: 20px 0px 21px;
	float:left
}
#logo img{ width: 378px; height: 70px; }
 #donate, #searchform { float: right }
 .site-branding {
    float: left;
    width: 100%;
	padding: 0 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-height: 8.5vw;
}
/* Transposh translation language-switcher */
#language-switch, #translate, .menu_translate_container .translate_text, 
#search, #language-switch a { 
	font: 1.125rem 'Lato', sans-serif; 
	font-weight: 400 
}
.menu_translate_container { 
	display: flex; 
	max-height: 25px; 
	max-width: 300px; 
	flex-wrap: wrap
}
.menu_translate_container input { display: inline-block; margin: -40px 0 0 -45px; }
.transposh_vanilla { margin-left: -25px; margin-right: 50px }
#translate, #translate ul { 
	list-style: none; 
	display: flex; 
	flex-direction: row; 
	color: #767676
}
#translate li:first-child::after { content: '|'; margin: 0 0.75vw }
#translate li [aria-current]:not([aria-current="false"]), #translate li a.selected { text-decoration: none; cursor: default }
#translate li a { color: #767676; text-transform: uppercase; text-decoration: underline }
.edit-translation { cursor: pointer; text-decoration: underline }
#language-switch { 
	text-align: right; 
    max-height: 55px;
    overflow: hidden;
	margin-left: 1.25vw 
}

#mailinglist{
	float: right;
}
#donate{ 
    width: fit-content;
    height: fit-content;
    background: #EB573B;
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
#mailinglist #mc4wp-form-1{
	margin-top: -18px;
}
#colophon .mc4wp-form-fields,
#mailinglist .mc4wp-form-fields{
	position: relative;
}
.mc4wp-form-fields p{
	margin-bottom: 0;
}
.mc4wp-form-fields input[type="email"]{
	height: 41px;
	background: #e1e1e1;
	border: none;
	padding: 10px;
	min-width: 270px;
	font-size: 1.125rem;
	font-weight: 600;
}
#colophon .mc4wp-form-fields input[type="email"]{
	padding: 28px;
	width: 100%;
	height: 80px;
    font: 1.625rem Lato, sans;
    font-weight: 500;
}
#colophon .mc4wp-form-fields p{
	margin-top: 0;
}

.mc4wp-form-fields input[type="submit"]{
	display: block;
	background: #652798 url('images/White-arrow-small-2x.png') no-repeat 10px 10px;
	background-size: 20px;
	border: none;
	color: transparent;
	height: 40px;
	width: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0
}
#colophon .mc4wp-form-fields input[type="submit"]{
	background: #EB573B url('images/White-arrow-big-2x.png') no-repeat 20px 20px;
	background-size: 40px;
	height: 80px;
	width: 84px;
	padding-right: 0
}
#menu{
	padding: 0 10%;
	background: #652698;
	font: 1.063rem 'Lato', sans-serif;
	font-weight: 700;
	width: 100%;
    height: auto;
	margin-bottom: 5px;
	display: flex;
	justify-content: space-between
}
html:lang(fr) #menu{
	height: auto;
}
#header_buttons { 
	display: inline-flex; 
	justify-content: flex-end; 
	float: right; 
	align-items: center ;
	margin-top: 0.42vw
}
/* Header search */
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}
#searchform input{
	cursor:pointer;
	background:url('images/Search-Icon-2x.png') #ffffff  90% center no-repeat;
	background-size: 25px;
	width:20.2vw;
	height:2.5vw;
	border:1px solid #e0e0e0;
	padding-left: 0.625vw
}
#searchform input:hover, #searchform input:focus{  */
    background-position: 95% 50%;
}
#searchform_container{ width:27vw;overflow:hidden }
#searchform_container #searchform{ margin-top:20px }
#searchform_container #searchform input:hover, #searchform_container #searchform input:focus{ width:20.2vw }
input[type=search] {
	-webkit-appearance: none;
    border-radius:0px;
}
/* Top/main navigation */
#top-nav{ 
clear:both;margin-left:0px;padding:0
}
#top-nav ul{ list-style:none; display: flex; justify-content: space-between }
#top-nav li.current-menu-item, #top-nav ul.menu li.current_page_ancestor,
#top-nav ul.menu li.current_page_ancestor:hover,
#top-nav li:hover { border-bottom: 5px solid #EB573B; transition: none }
#top-nav li{
	text-transform:uppercase;
	width:auto;
	letter-spacing: 1px;
	text-align:left;
	color:#fff;
	line-height:140%;
    padding: 5px 30px 0 0;
}
#top-nav li:last-child{ margin-right:0 }
#top-nav li a{ color:#fff; text-decoration:none }
#top-nav li:hover li:hover { border-bottom: none }
#top-nav li:hover ul { margin-top: -5px }
/* colouring the top bars of nav buttons */
/*#top-nav ul li:nth-child(3n+1){ border-top:5px solid #EB573B }
#top-nav ul li:nth-child(3n+2){ border-top:5px solid #E4ED61 }
#top-nav ul li:nth-child(3n+3){ border-top:5px solid #158474 }*/
/* drop-down menus */
#top-nav ul li ul{ margin-top:0px; flex-direction: column }
#top-nav ul ul li { padding: 3px 0 7px 14px }

html:lang(fr) #menu ul li ul { margin-top: 2rem }
html:lang(en) #menu ul li ul {
	margin-top: 0.438rem;
}
/* Safari 7 hack */
	#top-nav ul li ul:not(*:root) { margin-top:0.438rem }
#top-nav ul ul a{  line-height: 1.2; }
#top-nav ul li ul li{ font-size:1em;background:#652798;text-align:left; border-bottom: 1px solid #fff; }
#top_nav ul li ul{ background:#fff }
#top-nav ul ul li:nth-child(3n+1), #top-nav ul ul li:nth-child(3n+2), #top-nav ul ul li:nth-child(3n+3){ 	
	width: auto;
    border-top: 1px solid white;
    padding: 10px;
}
#top-nav ul ul li a{ padding-left:0; border-bottom: 0; border-top: 0; }
#top-nav ul li:hover ul a{ color:#fff }
#top-nav ul li ul li:hover {
    background: #DCC4E3;
}
#top-nav ul li ul li:hover a{
	color: #652798;
}
#top-nav ul li ul li:hover ul li a{
	color: #fff;
}
#top-nav ul li ul li:hover ul li:hover a{
	color :#652798;
	background: #DCC4E3;
}
#top-nav ul li ul li:hover ul li.current-menu-item:hover{
	background: #DCC4E3;
}
.sub-menu ul.sub-menu {
    margin-top: 4px !important;
}
/* Homepage content styling */
/* ======================== */

#head_content_spacer{ clear:both; }
.home #head_content_spacer{
	display: none;
}
.home section h1, #related_pages h1, #focus_areas h2, #department_resources h2, 
#grantee_search h2, .featured_grantees h2 { 
	text-align: center; 
	text-transform: uppercase; 
	letter-spacing: 1px 
}
.rp_info { color: red; font: 1.25rem Lato, sans-serif; font-weight: 500; padding: 0 10vw }
/* Homepage teasers (now a slider) */
.for_flex { 
	display: flex; 
	flex-direction: row; 
	justify-content: space-around;
	flex-wrap: wrap;
    width: 69.5vw;
    margin: 0 auto;
}
.for_flex div {
    display: inline-block;
    margin: 0;
    position: relative;
}
.for_flex div a {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 90%;
    background: #EB573B url('images/White-arrow-small-2x.png') no-repeat 95% 13px;
    background-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.125rem;
    padding: 10px 60px 10px 15px;
}
.metaslider .flexslider .caption-wrap{ 
	opacity: 1.0;
	font-size: 0.875rem;
	color:#fff;
	padding: 15px 20px;
	background-color: #652798 }
.metaslider .flexslider:hover .flex-prev, .metaslider .flexslider:hover .flex-next{ opacity:1 }
.metaslider .flex-direction-nav .flex-prev{ left:10px; opacity:1 }
.metaslider .flex-direction-nav .flex-next{ right:10px; opacity:1 }
.metaslider .flex-direction-nav a{ background: url("images/nav_arrows60x30.png") }
.metaslider .flex-direction-nav .flex-next { background-position: 100% 0px; }

.flexslider{
	border: none !important;
	margin-bottom: 0px;
}
.flex-control-nav{ display: none }
.flexslider .slides > li{
	height: auto;
	position: relative;
}
.flexslider .slides > li a{
	height: 100vw;
	width: 45vw;
	object-fit: cover
}
#homepage_teasers .flexslider .slides img {
    width: 100vw;
    height: 45vw;
    object-fit: cover;
    object-position: 0 0;
}
.page-template-page-sheroes .flex-control-nav{
	display: none;
}
.page-template-page-our-work .quote{
	margin-bottom: 30px;
}
.flex-direction-nav a:before{
	font-family: serif;
	content: " > ";
	color: transparent;
	text-shadow: none;
	background: #652698 url('images/Slideshow-slider-arrow-LHS.jpg') no-repeat 0 0;
	background-size: contain;
	width: 42px;
	height: 42px;
}
.flex-direction-nav .flex-next:before{
	background: #652698 url('images/Slideshow-slider-arrow-RHS.jpg') no-repeat 0 0;
	background-size: contain;
}
.flexslider:hover .flex-direction-nav .flex-prev{
	opacity: 1;
}
.flex-direction-nav .flex-prev {
    left: 0px;
    opacity: 1;
}
.flex-direction-nav .flex-next{
	right: 0px;
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next{
	right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-prev{
	left: 0px;
}
.slides .captions{
	padding: 5px;
    max-width: 100%;
    position: absolute;
    top: initial;
    right: 49%;
    background: #ffffff;
    font-size: 1rem;
    max-height: none;
    min-height: auto;
    overflow: hidden;
    width: 100%;
    bottom: 0px;
    opacity: 0.9;
    color: #000000;
}
#grants_slider .slides .captions { background: #158474; color: white }
#homepage_teasers .captions p, #grants_slider .captions p{
	margin: 0;
	line-height: 1.1;
}


/* Latest News section - homepage */
#latest {
    display: inline-block;
    background: #fff;
    padding: 60px 0 105px;
    position: relative;
    vertical-align: top;
    width: 100%;
}
#latest h1#myIdText1 { 
    margin: 40px 0;
    font: 2rem 'Lato', sans-serif;
    text-align: center;
    font-weight: 800;
    color: #652798;
    letter-spacing: normal; 
}
#grid_frame { 
	display: flex; 
	flex-direction: row; 
	justify-content: center; 
	flex-wrap: wrap;
    margin: 0 auto 25px;
}

/* About us section - homepage */
#about_us .article_content { 
	background: white;
    width: 69.5vw;
    margin: -350px auto 0;
    padding: 60px 60px 50px;
    z-index: 2000;
    position: relative;
}
#about_us .article_content h1 { 
	margin: 0; 
    font: 2rem 'Lato', sans-serif;
    text-align: center;
    font-weight: 900;
    color: #652798;
}
#about_us .entry-title h1{
	margin: 0;
	padding: 25px 0 0 30px;
	font-size: 1.875rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #707070;
}
#about_us article{ 
	padding:0 0;
	margin-bottom: 15px; 
}
#about_us{ background: #e9e9e9 }
#about_us .entry-content{
    padding: 0;
    margin-top: 0;
    font: 1.375rem 'Georgia', sans-serif;
}
#about_us .thumbnail{ overflow: hidden; width: 100vw; height: 56vw }
#about_us .thumbnail img{
    width: 100vw;
    height: 56vw;
    object-fit: cover
}	
.call_to_action #top_frill, #bottom_frill, .note #top_frill, #bottom_frill{
	height:40px;
	height:3.4vw;
	margin:25px; 
	display: none;
}
/*  Thematic Areas section */
#theme_link img{ width:15.625vw; height:auto }
#thematic_areas{
	width: 100%;
    padding: 20px 10% 40px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #e9e9e9;
}
#thematic_areas h1 { margin-bottom: 40px }
#thematic_areas .for_flex div { width: 15.625vw; min-width: 200px }
.thematic_link h2{ 
    text-align: center;
	font: 1rem/150% Lato, sans-serif;
	font-weight: 900;
    margin: 30px 0 40px;
	text-transform: uppercase
}
.thematic_link:hover h2 { color: #158474 }
the 
/* Homepage Grantee Highlights section 
		(with the Related Pages section piggybacking on its styles) */
		
#grantee_hightlights, #related_pages { 
	width: 100%; 
	padding-bottom: 60px; 
	background: #158474 
}
#related_pages h1 { 
	color: #fff; 
    padding: 30px 0;
}
#grantee_hightlights h1 { color: #652798; padding: 30px 0 }
#grantee_hightlights .for_flex, #related_pages .for_flex {
    padding-bottom: 0;
    flex-wrap: wrap;
    justify-content: center;
    width: 75vw;
}
#grantee_hightlights .for_flex div, #related_pages .for_flex div {
	width: 22vw;
	height: 16.5vw;
	background: white;
    color: #652798;
    font: normal 1.75rem 'Georgia', serif;
	margin: 0 10px 10px;
	overflow: hidden
}		
#related_pages .for_flex div {
	height: 24.5vw
}
#grantee_hightlights, #related_pages { 
	width: 100%; 
	padding-bottom: 10px;
	clear: both;
	background: #158474 
}
#grantee_hightlights { background: #fff }
#grantee_hightlights:before {
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/M-pattern-tile-grey-2x.png') repeat-x 0 0;
	margin-top: 10px;
	background-size: 40px;
	transform: rotate(180deg)
}

#grantee_hightlights .for_flex div .pod_vid,
#grantee_hightlights .for_flex div iframe, #related_pages .featured_image { 
    max-width: 22vw;
    max-height: 16.5vw;
    overflow: hidden; 
	margin-left: 0;
	height: 16.5vw
}
#grantee_hightlights .for_flex div .pod_vid img, #related_pages .featured_image img {
	width: 22vw;
	height: 16.5vw;
	object-fit: cover
}
#grantee_hightlights .for_flex div ..ytp-cued-thumbnail-overlay-image { margin-top: 20px }
#grantee_hightlights h2, #related_pages h2 { 
    font: normal 1.75rem 'Georgia', serif;
}
#related_pages h2 { 
    font: normal 1.25rem 'Georgia', serif;
	text-transform: uppercase
}
#grantee_hightlights .pod_vid, #related_pages .featured_image { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
}
.pod_vid iframe, .pod_vid object, 
.pod_vid embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60%;
}
#grantee_hightlights .gh_title { 
    margin: 25px 25px 5px;
    max-height: 96px;
    min-height: 96px;
    overflow: hidden;
}
#related_pages .rp_title { 
    margin: 25px 25px 5px;
    max-height: 2.75rem;
    min-height: 2.75rem;
    overflow: hidden;
}
#related_pages .rp_title {
    margin-top: 18px;
}
#grantee_hightlights .for_flex .gh_country, #related_pages .for_flex .rp_category {
	margin: 0 25px 0;
	font: 1rem/150% Lato, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	max-width: 245px
}
#grantee_hightlights .highlight .highlight_details {
    background: white;
    position: relative;
    z-index: 3000;
    margin-top: 12px;
    width: 100%;
    margin-left: 0;
    display: inline-block;
    transition: margin-top 0.5s;
	opacity: 0.9
}
#grantee_hightlights .for_flex .highlight:hover .highlight_details { margin-top: -180px }

/* Homepage Networks and Partnerships section*/
#othersites h1{
	padding: 0;
	width: 43%;
	margin: 65px auto 50px;
	display: block;
}
#othersites{
	position: relative;
    padding: 35px 0 40px;
    background: #fff;
    display: flex;
    flex-direction: column
}
#othersites .for_flex { width: 83.125vw }
#othersites .for_flex div { width: 19.5vw; height: auto; text-align: center }
#othersites .for_flex div img { width: 100% }
#othersites h2 { 
	font: normal 1.75rem 'Georgia', serif; 
	color: #652798; 
	min-height: 62px;
    height: 62px;
    margin-top: 20px;
    overflow: hidden
}
#othersites .small-btn { background: #652798 } /* All styling at line 2878 */

/* Other */
#contact #submit_btn{
	 background: #EB573B url('images/White-arrow-small-2x.png') no-repeat 95% 13px;
    background-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1125rem;
    padding: 10px 60px 10px 15px;
}
.call_to_action #top_frill, .note #top_frill{ 
	background:url('images/sidebar-a-pattern-down-2x.png') top center repeat-x;
	background-size:contain }
.call_to_action #bottom_frill, .quote #bottom_frill, .note #bottom_frill{ 
	background:url('images/sidebar-a-pattern-up-2x.png') top center repeat-x;
	background-size:contain;
	clear:both }
#about_us .call_to_action{
    flex-direction: row;
	text-align: left;
	justify-content: space-between
}

.call_to_action div{ 
	width: 17.5vw
}
.call_to_action p{ 
    padding: 0;
    line-height: 1.2;
    font: 1.125rem Lato, sans-serif;
    margin: 24px 0 0;
    color: #999;
    font-weight: 400;
	 }
.side_a_button{ width:87%;height:80px;height:7vw;margin:20px 25px 10px }
a.new_side_a_button {
    background: #652798 url(images/White-arrow-big-2x.png) no-repeat 95% 20px;
        background-size: 40px;
    padding: 30px 70px 30px 15px;
    display: block;
    width: fit-content;
    color: #fff;
    font-size: 1.875rem;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;
    margin: 35px 0;
}
#apply_button{ 
	background:url('images/apply-2x.png') top left no-repeat;
	background-size:contain;
	cursor:pointer }
#donate_button{ 
	background:url('images/donate-2x.png') top left no-repeat;
	background-size:contain;
	cursor:pointer }
#action_button{ 
	background:url('images/take-action-2x.png') top left no-repeat;
	background-size:contain;
	cursor:pointer }
#apply_button:hover{ 
	background:url('images/apply-2x-hover.png') top left no-repeat; 
	background-size:contain }
#donate_button:hover{ 
	background:url('images/donate-2x-hover.png') top left no-repeat;
	background-size:contain }
#action_button:hover{ 
	background:url('images/take-action-2x-hover.png') top left no-repeat;
	background-size:contain }
		
/* The Twitter Feed */
#example1{
	float: left;
	clear: both;
	min-height: 185px;
	overflow-y: scroll;
}
.tweet .follow{
	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 30px;
}
#twitter_feed .tweet .follow a{
	text-align: center;
	display: block;
	background: #EB573B url('images/White-arrow-small-2x.png') no-repeat 90% center;
	background-size: 20px;
	padding: 10px 55px 10px 15px;
	color: #ffffff;
	width: fit-content;
}
#example1 .user img{ display:none; clear:both }
.user, .tweet, .timePosted, .twitter_reply_icon, .twitter_retweet_icon, .twitter_fav_icon{ }
#example1 .user span{ }
.twitter_reply_icon, .twitter_retweet_icon, .twitter_fav_icon{ }
#latest-tweet{ }
#example1 ul{ 
	margin: 0;
	padding: 0; 
	font-weight:normal; 
	text-align:left; 
	list-style:none;
	font-size: 0.875rem;
	line-height: 1.5;
	height:145px;
	}
#example1 ul li{ 
	padding-right: 0px;    
	padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dbdbdb; 
}
#example1 ul li:last-child{
	border-bottom: none;
}
#example1 .timePosted{ color:#652798; padding: 0px; margin: 0px; display: inline; font: bold 1.125rem Georgia, serif }
#example1 .timePosted:active,
#example1 .timePosted:focus,
#example1 .timePosted:hover{
	color: #158474;
}
#example1 .interact{ display:none }
#twitter_feed{ 
	clear:both ;
	background: #E4ED61;
	color:#000 
}
#twitter_feed .fa-twitter{ font-size:3.125em; color: #158474 }
#twitter_follow_btn{ 
	width:90px;
	background:#158474;
	color:#fff;
	padding:0.5vw;
	font-size:0.875rem;
	font-weight:bold;
	float:right;
	text-align:center }
#twitter_feed span{ display:block }
#twitter_feed_nav { display:none } /* hides the twitter nav arrows until I can sort the smooth scrolling to div feature */
#twitter_feed_nav .fa-sort-asc, #twitter_feed_nav .fa-sort-desc{ 
	font-size:1.875rem;
	color: #158474; }
.tweet{ width:90%;margin-bottom:20px }
.tweet p.tweet{ 
	padding: 0 0; 
	margin-bottom: 0; 
	float: none;
	width:99%; 
	display: inline; 
    color: #707070; 
    font: 1.125rem Georgia, serif
}
#twitter_feed #twitter_icon, .tweet, #twitter_feed_nav{
	 float:left
	 }
#twitter_feed_nav{ float:right}
#twitter_feed #bottom_frill{ 
	height:40px;
	padding-bottom:2.02vw;
	margin:0 20px;
	background:url('images/twitter-bottom-2x.png') top center repeat-x;
	background-size:auto 20px;
	clear:both }
#twitter_feed h2 a,
#twitter_feed h2{
	text-align: center;
    font-size: 1.875rem;
    color: #707070;
    text-transform: uppercase;
	font-weight: 900
}	
#twitter_feed h2 a{
	color: #652798;
}

/* General page content styling
=================================*/
.tips h1, .tips h2, .tips h3, .tips span, 
#department_resources .tips h2, #focus_areas .tips h2  { 
	font: 1.313rem Lato, sans; 
	color: #652798 ;
	text-align: left;
	text-transform: capitalize;
	margin-top: 0
}
.tips p, .tips ol, .tips ul { 
    font: 1rem/ 150% Georgia, serif; color: #707070
}
.tips { 
    margin: 25px;
    width: 60vw;
    padding: 25px 25px 50px;
}

#latest, #news_and_blog, .filtered_grid{ margin:0 auto; padding-bottom: 0 }
#latest{
	display: inline-block;
	background: #fff;
	padding: 60px 0 65px;
	position: relative;
	vertical-align: top;
	width: 100vw
}
#news_and_blog div:nth-child(3n+1),
.filtered_grid #latest_grid:nth-child(3n+1), 
#resources #latest_grid:nth-child(2n+2){ margin-right:0 }
#latest h1, #our_people h1, 
#news_and_blog h1, #featured_grantees h1, 
.theme_style_grid h1, .filtered_grid h1, 
.no_margin_sec h1{ 
	margin:40px 30px 30px 
}

#ways_of_action h1{
	margin: 40px 0 30px;
}	
#latest_grid{
    padding: 0;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    width: 70vw;
    justify-content: space-around;
}
#department_resources #latest_grid { margin-bottom: 0 }
#news_and_blog #latest_grid {
margin: 30px auto;
display: flex;
flex-wrap: wrap;
width: 70vw;
justify-content: space-around;
}
#news_and_blog article, #latest_grid article { width: 399px; min-width: 399px }
.grid_container img {
	max-width: 227px;
	max-height: 168px;
	object-fit: cover;
	object-position: 0 0;
}
.grid_container{ 
	overflow:hidden; 
	display: flex;
    padding: 0 0 20px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ccc
}
.grid_container h1 { 
    margin: 0;
}
.post_date{ margin-bottom: 35px;font-size:0.75rem }
.blog_img{   
    max-width: 225px; /* Tentative fix for Grid not showing full image */
    height: 168.75px;
    padding-right: 25px;
}
.blog_img img, #department_resources .grid_container .blog_img img {  
    width: 225px;
    height: 168.75px;
    object-fit: cover;
}
.blog_exerpt{ overflow: hidden; color: #652798; font: normal 1.75rem 'Georgia', serif }
.blog_exerpt:active,
.blog_exerpt:focus,
.blog_exerpt:hover{
	color: #158474;
}
#latest_grid h2, #resources h2{ 
	width:100%;
	margin:0;
	padding-left:15px;
	font-size:1.125rem;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#652798 }
#latest_grid h2{ background: white; color: #652798; height: 30px }
.newsblog_title .newsblog_date, .newsblog_date {
	font: 0.825rem Lato, sans;
	color: #707070;
	text-transform: uppercase;
}
/* h2 classes for different categories of blogpost */
#latest_grid h2.news, #latest_grid h2.purple{ background:#652798;color:#fff }
#latest_grid h2.blog, #latest_grid h2.yellow{ background:#E4ED61;color:#158474 }
#latest_grid h2.event, #latest_grid h2.red{ background:#EB573B;color:#fff }
#latest_grid h2.press, #latest_grid h2.green{ background:#158474;color:#fff }
/* attendant styling for .filtered_grid page grid titles on h2: a and a:hover */
#latest_grid h2.purple a{ color:#fff }
#latest_grid h2.yellow a{ color:#158474 }
#latest_grid h2.red a{ color:#fff }
#latest_grid h2.green a{ color:#fff }
#latest_grid h2.purple a:hover{ color:#E4ED61 }
#latest_grid h2.yellow a:hover{ color:#EB573B }
#latest_grid h2.red a:hover{ color:#E4ED61 }
#latest_grid h2.green a:hover{ color:#E4ED61 }
/*Style change to have all blogpost h2s be purple
===================================================*/
#latest_grid h2.news, #latest_grid h2.purple, #latest_grid h2.blog, #latest_grid h2.yellow, #latest_grid h2.event, #latest_grid h2.red, #latest_grid h2.press, #latest_grid h2.green{
	background: none;
	color:#652798;
}
article.content, .content figure { 
	width: 100%;
    display: inline;
    float: left; 
}

.flexbox {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap
}
.content figure img { width: 100%; height: 75%; object-fit: cover }
.pd_text { text-transform: capitalize }
.latest_more_btn, .reusable{ 
	width:22.72%;
	color: #FFF;
	padding: 1vw 0px;
	font-size: 0.875rem;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	float:left;
	margin:10px 0 3vw 3.03% }
.reusable{ width:auto; padding:15px 25px; margin: 0;float:none }
#more_news, #purple{ background:#652798;clear:both;margin-left:0; color:#fff }
#more_news:hover, #more_events:hover, #more_blogposts:hover, #more_press:hover, #purple:hover, #green:hover, #yellow:hover, #red:hover{ background:#DCC4E3; color:#652798 }
#more_events, #red{ background:#EB573B; color:#fff }
#more_blogposts, #yellow, .note #yellow a, .quote #yellow a{ background:#E4ED61; color:#158474 }
#more_press, #green{ background:#158474; color:#fff }
button.reusable a{ color: #fff }

/*Footer stuff 
=====================*/
footer.page_bottom{ background:#E5E5E5;clear:both;padding:0 0 }
.page_bottom #top_frill{
	margin: 10px 15px;
	height:40px;
	height:3.2vw;
	background:url('images/footer-embellishment-2x.png') top center repeat-x;
	background-size:contain }
	
#footer_social{ 
	margin:0 auto; 
	text-align:center;
	padding: 50px 25%;
    width: 100%;
	color:#ffffff;
	font-size:1.75rem;
	background: #EB573B; 
}
#footer_social a {
    color: #fff;
    font-size: 2.813rem;
    height: 70px;
    background: #652798;
    width: 70px;
    display: inline-block;
    border-radius: 70px;
    margin-right: 30px;
}
#footer_social nav a:last-child{
	margin-right: 0;
}
#footer_social .fa {
    margin: 12px;
}
#footer_social .fa-rss{ margin: 14px auto 0 }
/* Footer subscribe field */
.footer_subscribe, .gcc_textbox, .gcc_button{ 
    padding: 90px 25%;
    width: 100%;
    background: #652798 url('images/AWDF-Pattern-Purple-2x.jpg') repeat 0 0;
    background-size: 100px;
}
.footer_subscribe #email_field, .gcc_textbox #gcc_txt_email{     
	width: 76.7%;
	padding-left:10px;
    height: 32px;
	background:#CECECE;
	border:0 }
.footer_subscribe .button, .gcc_button #gcc_txt_Button{ 
	border:0;
	background:#652798;
	color:#fff;
	width:18.18%;
	height:32px;
	font-size:0.875rem;
	font-weight:bold;
	text-align:center;
	margin-left:-5px }
.gcc_button, .gcc_textbox{
	float:left;
	display:inline-block
}
.gcc_textbox{ min-width: 70px; width:76.7% }
.gcc_button{ width:18.18%; }
.gcc_textbox #gcc_txt_email, .gcc_button #gcc_txt_Button{ width:100%; min-width: 120px }
	
#footer_nav{ 
	list-style:none;
	margin:0 auto;
	display: flex;
	justify-content: center;
	width: 100%;
    padding: 0 10%;
}
#footer_nav li{
    margin-right: 1.7%;
    border-right: none;
    padding-right: 1.01%;
    font-size: 1.125rem;
    line-height: 110%;
    color: #fff;
}
#footer_nav li a { 
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font: 1.1rem Lato, sans;
    font-weight: 800;
    letter-spacing: 1px;
}
	#footer_nav li:last-child{
		margin-right: 0
	}
/* #footer_nav  li a{      
	font-weight: 800;
    text-transform: uppercase;
    color: #fff;
	font-size: 1.125rem
}*/
#footer_nav li:last-child{ border:none }
#last_links{ clear:both;padding:50px 0;text-align:center; background: #4d4d4d; }
.Last_line{ font-size:0.75rem;color:#898989 }
#copyright{ float:left;padding-left:0% }
#credit{ float:right;padding-right:0% }
#credit a{ text-decoration:underline;color:#898989  }
#attribution{
	padding: 0 10% 50px;
	background: #4d4d4d;
}
#credit a,
#attribution .Last_line{
	font-weight: 300;
	font-size: 0.875rem;
	color: #fff;
}	
/* Who we are page styling */
/* ======================== */
 #grants_intro, .text_greybg_with_stats {background:#FAFAFA }
#who_we_are, #history, #featured_grantee, #blog, #grant_criteria, #thematic_area, #featured_story, #grants_intro, #vision_mission, #awdf_usa, .text_greybg_with_stats, .grid_single_section, .content_sec{ overflow:hidden }
#who_we_are .entry-title, .text_greybg_with_stats .entry-title{ margin-top:0 }
#who_we_are .content, #history .content, #featured_grantee .content, #blog .content, 
#grant_criteria .content, #thematic_area .content, #grants_intro .content, #vision_mission .content, #awdf_usa .content, .text_greybg_with_stats .content, .grid_single_section .content, .content_sec .content, 
#listed-grantees .container,
#resources .container{ 
	padding:0 30px;
	width:60.6%;
	float:left;
	font-size: 1rem;
	line-height:160% 
}
#vision_mission .note,
#who_we_are .note{
	margin-top: 9px;
}
#thematic_area .content,
#vision_mission .content,
#who_we_are .content,
#grants_intro .content{
	padding: 0;
}	
 .text_greybg_with_stats .content{
 	padding: 0;
 }
article .entry-content{ font-size: 1.125rem; line-height: 160%; }
.facts, .quote, .page_details, .explore, #popular, .note, .theme_icon, .work_image, .widget-area{ float:right; width:33.3% }
.quick_fact, .page_detail, .generic_item{ margin-left:25px;color:#000;border-bottom:1px solid #CECECE }
.quick_facts .quick_fact:last-child{ border:none }
h2.qf_title, .sidebar, .small_title{ 
	font-size:0.75rem;
	color:#158474;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:15px }
p.qf_number{
	font-size:3.75rem;
	margin:15px 0;
	font-weight:bold;
	color:#158474; }
p.qf_text{ margin-top:10px }
.quote, .note { 
	font-size:0.778em;
	color:#652798 }
.theme_icon{ 
	background:#fff;
	font-size:0.778em;
	color:#fff }
.note{
		float: right;
    	/*clear: both;*/
/*    	padding: 10px;
*/	}
#grants_intro .note{
	clear: both
}
/*Impact */
	.page-template-page-impact aside.note {
	    display: none;
	}	
/* Quote styling */
.quote{ background:#white }

.note a, .quote a{ color:#158474;text-decoration:underline;}
.note .reusable a, .quote .reusable a{ text-decoration:none }
.note .reusable a:hover, .quote  .reusable a:hover{ color:#652798 }
.note a:hover, .quote a:hover{ color:#707070;text-decoration:none }
.quote #quote_mark{
	margin:20px;
	width:15.15%;
	height:40px;
	height:3.2vw;
	background:url('images/Quote-marks-purple.png') top left no-repeat;
	background-size:contain }
.quote p, .note p, .quote ol, .note ol, .quote ul, .note ul{ line-height: 175%;padding:0 25px }
.quote p{
	line-height: 1.2;
	font-style: normal;
    font-size: 1.875rem;
}
.quote .quote_attribution, .quote .quote_role { color: #707070 }
.quote_attribution, h2.note_title{ 
	font-size:1.125rem;
	line-height:130%;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
	letter-spacing:1px }
#history .quote_attribution{ margin: 0 20px;padding: 0 0 20px;line-height: 150%;border-bottom:0px solid #fff }
#our_people, #people_page, .people_style_grid, #themes, #grant_types, #featured_grantees, .theme_style_grid, .two_col_grid{ clear:both;overflow:hidden }
/* People grid */
#people_grid, #granttype_grid{
	background:#652798;
	width:31.31%;
	height:49.79vw;
	max-height:408px;
	text-align:center;
	overflow:hidden;
	float:left;
	margin: 0px 3.03% 2.7vw 0px }
#people_grid{ background:#652798 }
#people_grid.page{ background:#652798 }
#people_grid:nth-child(3n+1){ margin-right:0 }
#work_grid #people_grid:nth-child(3n+1){ margin-right:3.0% }
#work_grid #people_grid:nth-child(3n+3){ margin-right:0 }
#people_grid h2, #people_grid .sub_title{ 
	color:#fff;
	padding-left:15px;
	font-size:1.125rem;
	}
#people_grid h2{ 
	width:100%;
	background:#652798;
	margin:0;
	letter-spacing:1px;
	line-height: 145%;
	padding: 10px 30px;
	text-transform:uppercase;
	font-size:1.125rem;
}
#people_grid .sub_title{ 
	font-weight: normal;
    margin: -5px 0px 15px;
    line-height: 1.5;
    padding: 0 5px; }
#people_grid a:hover{ text-decoration:none }
	
/* colouring the top bars of titles */
/*#people_grid:nth-child(3n+1) h2{ border-top:5px solid #158474 }
#people_grid:nth-child(3n+2) h2{ border-top:5px solid #EB573B }
#people_grid:nth-child(3n+3) h2{ border-top:5px solid #E4ED61 }*/
 #people_grid h2.red{ border-top:5px solid #EB573B }
 #people_grid h2.yellow{ border-top:5px solid #E4ED61 }
 #people_grid h2.green{ border-top:5px solid #158474 }
#people_grid:hover h2, #people_grid.page:hover{ background:#652798;color:#fff;  }
#people_grid:hover .sub_title{ color:#ffffff;font-size:1.125rem; }
#people_grid img{ 
	height: 100%; 
	width: 100%;
	object-fit: cover
}
#people_grid #image{ height: 31.31vw; overflow: hidden; max-height: 319px; }
#our_people #people_grid img{ height: auto width: 100% }
#our_people #people_grid{ padding-bottom: 30px }

/* People page styling */
/* ======================== */
#people_page #people_grid, .people_style_grid #people_grid{    
	height: 100%;
    max-height: 465px; 
}
#people_page .entry-title, .people_style_grid .entry-title{ margin-top:20px;padding-left:30px }
#people_page #people_grid .image, .people_style_grid #people_grid .image{ height:29.29vw; max-height: 334px }
/* Modal box for People page */
/* ===========================*/
.modal_dialog{ 
	position:fixed;
	max-height: 100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:1999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events:none }
.modal_dialog:target{ opacity:1;pointer-events:auto }
.modal_dialog .modal_content{
	width:82%;
	position:relative;
	margin:5% auto;
	padding:30px;
	height: 85vh;
	text-align: left; 
	background:#fff }
.close{
	background: #158474;
	font-size: 1rem;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -15px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px }
.close:hover{ background:#EB573B; color:#fff }
.modal_content #content_container{ overflow-y: scroll;height:80% }
/* colouring the top bars of modal boxes */
/*#people_grid:nth-child(3n+1) .modal_content{ border-top:5px solid #158474 }
#people_grid:nth-child(3n+2) .modal_content{ border-top:5px solid #EB573B }
#people_grid:nth-child(3n+3) .modal_content{ border-top:5px solid #E4ED61 }*/
#people_page .modal_content .entry-title { margin-top: -10px; padding-left:0 }
#people_grid .modal_content .sub_title{     
	color:#707070;
	margin-top: -10px;
    margin-left: 0; 
    font-size: 1.875rem;
    line-height: 1.4;
}
#clear_floats, .clear_floats{ clear:both }
.modal_content .content_container{ overflow:hidden }
.modal_photo{ width:23.23vw; overflow:hidden;float:left;margin-top: 15px; margin-right:30px }
.modal_text{ float:left;width:63.63%; padding-bottom: 50px; }
.modal_text:hover, .modal_dialog:hover{ color:#959595 }
.modal_text p{ margin-top:5px;padding:0 }

/* Our work page styling */
/* ====================*/
#work_grid{ padding-top:30px }
#work_grid header{ margin:0 }
#work_grid #people_grid{ height: 48.15vw; text-align: center; max-height: 549px; }
#our_work #image{ height: 31.31vw; overflow: hidden; max-height: 357px }
#work_grid button{ margin-bottom:30px }
 
/* Individual work page styling */
/* ==============================*/
.work_image img{ width:100%;height:auto }
#work_grid #people_grid.current h2{ color:#652798;background:#DCC4E3 }
/* Impact page styling */
/* ====================*/
#fg_footer{ margin-top:0 }
#featured_grantees #people_grid img{ height: 31.31vw; width: 100%;max-height:357px }
#featured_grantees #people_grid{ height: 35.79vw; max-height: 408px }

#impact, #featured_grantee, #archive{ padding-bottom: 30px }

/* Featured grantee page styling */
/* ==============================*/
#grantee_page_header {
	padding: 0 10%;
	background: #e9e9e9;
	height: 100px;
    margin-top: 0;
    width: 100vw;
	display: table
}
#grantee_page_header h1 { 
	display: table-cell;
	vertical-align: middle
}
#grantee_search{
	background: url('images/AWDF-Pattern-Yellow-2x.jpg') repeat 0 0; 
    margin-top: -10px;
    position: relative;
	padding: 3.438vw
}
#grantee_search #search_area {
	width: 69.5vw;
	background: white;
	margin: 0 auto;	
	padding: 3.75vw
}
#grantee_search #search_area h2 {
	padding: 0;
	margin: 0
}
#search_area #country_select, #search_area #thematic_select { text-transform: capitalize }
#search_area #year_select .rightalign, #search_area #amount_select .rightalign { 
	text-align; right 
}
#grantee_search h2, .featured_grantees h2 {
    margin: 0;
    font: 2rem 'Lato', sans-serif;
    font-weight: 800;
    color: #652798;
}
.featured_grantees h2 {
    margin: 30px 0 40px;
}
#grantee_searchform form.wpcfs-search-form { /* To style the Grantees Search form adjust here */
} 
#grantee_searchform form.wpcfs-search-form div select{ margin-left: -10px; }
#grantee_searchform form.wpcfs-search-form input { 
    color: white;
    background: #652798;
    padding: 5px 25px; 
	margin-top: 10px
}


#featured_grantee .content .featured_image img, #featured_grantee .entry-content img { width:100% }
#featured_grantee .content .featured_image{ height: 37.07vw; max-height: 517px; overflow: hidden }
#featured_grantee .content{ padding:0;width: 65vw; }
#featured_grantee .quote{ height: 37.07vw;max-height: 517px;float:left }
#featured_grantee .quote #bottom_frill{ }
#featured_grantee .entry-title, #featured_grantee .entry-content{ 
	margin:0 30px;
    width: 100%;
    overflow: hidden; 
}
#featured_grantee .quote .quote_container{ height:35.05vw }
.featured_image .caption{ 
	height:5.05vw;
	width:100%;
	background:#DCC4E3;
	text-align:center;
	font-size:0.875rem;
	color:#000;
	padding:10px 0;
	margin-top:-9px}
	
#related h1{ margin:40px 0px 15px }
#related{ width:100% }
#related #latest_grid{
	background:#fafafa;
	width:144px;
	height:144px;
	padding:0;
	overflow:hidden;
	float:left;
	margin:0 3.03% 3vw 0 }
#related #latest_grid .blog_img{ width:100% }
#related #latest_grid .blog_exerpt{
	width: 78%;
	height: 8vw;
    margin: 0;
    padding: 15px }
#page_details .entry-title{ margin-top:20px }
h2.pd_title{ 
	font-size:0.75rem;
	color:#158474;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	margin-top:0 }
p.pd_text, .post_date{ margin:-10px 0 10px;text-transform: capitalize;line-height:130% }
.blog_exerpt .post_date{ 
	margin:0; 
	color:#707070;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.125rem;
    padding-bottom: 20px;
}
.thematic_icons{ width:100%; margin: 40px 0px 0px; }
.thematic_icons img{
	width:32.48%;
	margin-right:4.5% }
#donors .pd_text{ text-transform:none }
.page_detail header { margin-top: 10px; }
.page_detail{ padding-bottom: 0px; }
/* Single Blog Page styling */
/* ==================*/
#blog .content{ padding: 0px 25px; }
.explore{ margin-top:20px}
/* Comments section--hosting Disqus */
#comments{ width: 100% }
/* CSS for the colapsing sidebar buttons */
#categories h2, #archives h2 { 
	display: inline-block; 
	vertical-align: middle;
	width: 77%;
	background: #b7b7b7;
	padding: 15px;
	font-size: 0.875rem;
	color: #fff;
	margin-left:25px }
#categories a{ color:#fff }
#expanding_list, #expanding_list_archives{  }
.show, .hide{ margin-left:-40px; padding: 15px }
.hide{ display: none; }
#open:target ~ .show, a.show:focus{ display: none; }
#open:target ~ .hide, a.show:focus + .hide{ display: inline; }
#open:target ~ #expanding_list , a.show:focus ~ #expanding_list{ display:block }
#close:target ~ #expanding_list, a.hide:focus ~ #expanding_list { display:none }
#expanding_list, #expanding_list_archives { 
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	margin-bottom:30px;
	margin-left:0; 
	display:block }
#expanding_list { 
	display:none;
	list-style:none;
	margin-left: 40px;
	text-transform:capitalize;
	font-size:0.875rem }
#expanding_list  a, #expanding_list_archives a{ color:#652798 }
#expanding_list  a:hover, #expanding_list_archives a:hover{ color:#158474 }
/* Firefox code */
@-moz-document url-prefix() { 
	a.show:focus ~ #expanding_list { display:block;  height:auto }
	a.show:focus { display:none }	
	.show:focus + .hide { display:inline }
	a.show:focus ~ #expanding_list{ display:block; height:auto;visibility:1 }
	a.show, body:empty a.hide{ margin-left: -40px; padding: 15px; color:#fff }
	}
#expanding_list:hover, #expanding_list:focus { display:block }

/* For archives */
a.show_archives:focus + .hide_archives , #open_archives:target ~ .hide_archives{ display: inline; }
.hide_archives{ display: none; }
a.show_archives:focus, #open_archives:target ~ .show_archives { display: none; }
#expanding_list_archives { 
	display:none;
	list-style:none;
	font-size:0.875rem }
a.show_archives:focus ~ #expanding_list_archives , #open_archives:target ~ #expanding_list_archives{ display:block }
a.show_archives, a.hide_archives{ margin-left: -40px; padding: 15px; color:#fff }
#expanding_list_archives:hover, #expanding_list_archives:focus{ display:block }
/* Popular posts */
#popular{ margin-top:-20px;overflow:hidden }
#popular h2.sidebar{ margin-left:25px }
#popular #latest_grid{ 
	width: 92%;
	margin: 0px 0px 12px 25px;
	float: left; }
	
#twitter_feed.top_margin{  }
#blog, #map #container{ padding-bottom:30px }
	
/* Grants page styling */
/* ====================*/
#grant_types h1, .two_col_grid h1{ padding-left:30px }
#grid_item, #theme_grid{
	background:#F2F2F2;
	width:31.31%;
	height:auto;
	max-height: 387px;
	padding:0;
	overflow:hidden;
	float:left;
	margin:0 3.03% 3.03vw 0;
	min-height: 206px;
	text-align:center }
	#theme_grid{
		max-height: 710px;
	}
	#ways_of_action #theme_grid{
		width: 30%;
		margin-bottom: 3.03%;
	}
#grid_item:nth-child(3n+1), #theme_grid:nth-child(3n+1){ margin-right:0 }
#grid_item hgroup, #theme_grid hgroup{
	padding: 12% 0px;
	height:23.82vw;
	max-height: 334px; }
#ways_of_action  #theme_grid hgroup{
	width: 334px;
	padding: 20px;
}
#grid_item hgroup, #theme_grid hgroup{ padding: 7.5% 10px; }
#grid_item header, #theme_grid header{ margin-top:10px }
#themes #grid_item header{ margin-top:-10px }
#grant_types #granttype_grid{ max-height:234px; height: 27.79vw }
#grid_item h2, #theme_grid h2{ 
	color:#652798;
	font-size:1.1225rem;
	line-height: 150%;
	margin:20px;
	letter-spacing:1px;
	text-transform:uppercase }
#grid_item h2, #theme_grid h2{ margin: 0; padding:5px 35px }
	
#theme_grid img{ width:94px;height:87px;margin:0 auto }
#grid_item img, #theme_grid img{ height: 60%; min-height: 200px; width: auto; margin: 0 auto }
#grid_item .text, #theme_grid .text, #people_grid .text{
	font-size: 1.125rem;
    font-weight: normal;
    line-height: 130%;
    color: #959595;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0px 30px; }
.page-template-page-grants #theme_grid .text{
    	height: 70px;
    }
    #ways_of_action .text{
		display: none;
    }
button.read_more{
	width:157px;
	background:#EB573B url('images/White-arrow-small-2x.png') no-repeat 95% 6px;
	background-size: 20px;
	color:#fff;
	padding: 5px 39px 8px 20px;
	font-size:0.875rem;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px;
	text-transform: uppercase;
}
button.read_more:hover, #twitter_follow_btn:hover, #donate:hover{ color:#ffffff;background:#158474 url('images/White-arrow-small-2x.png') no-repeat 95% 6px; background-size: 20px;}
	#donate:hover{
		background: #158474;
	}
/* Grant section */
#granttype_grid{ 
	background:#F2F2F2;
	width:48.48%;
	max-height:264px;
	margin:0 3.03% 3.03% 0;
	color:#959595 }
#granttype_grid:nth-child(2n+1){ margin-right:0 }
#how_we_give #granttype_grid:nth-child(2n+2){ margin-right:0 }
#how_we_give #granttype_grid:nth-child(2n+1){ margin: 0px 3.03% 3.03% 0px; }
#granttype_grid h2{ 
	width:100%;
	height:7.08vw;
	max-height:63.1px;
	background:#652798;
	border-top:10px solid #EB573B;
	margin:0;
	color:#fff;
	padding:10px 0;
	font-size:1.125rem;
	letter-spacing:1px;
	text-transform:uppercase }
#granttype_grid:nth-child(3n+1) h2{ border-top:10px solid #158474 }
#granttype_grid:nth-child(3n+2) h2{ border-top:10px solid #EB573B }
#granttype_grid:nth-child(3n+3) h2{ border-top:10px solid #E4ED61 }
#granttype_grid .text{     
	padding: 0 30px;
    height: 83px;
	max-height:111px;
    font-weight: normal;
    color: #959595;
    overflow: hidden;
    margin-bottom: 20px;
	font-size: 0.875rem;
	line-height: 150% }
#grant_types #granttype_grid .text{ height:80px }
#granttype_grid button.read_more{ margin-left:30px;width:auto; padding: 0.59vw 30px }
 h2.note_title{ padding: 0 25px; font-size: 1.975rem }
 .note p{ line-height:150%; font-size: 1.125rem; }
 .note p a{
 	font-size: 1.125rem;
 }
/* FAQ section */
#faq h1{
	margin-left: 0;
}
.faq header{ 
	height:50px;
	width:100%;
	background:#652798;
	color:#fff;
	margin-top:5px;
	padding: 10px 30px 40px }
.faq  .content{ 
	padding: 5px 30px;
	display:none;
	clear:both;
	background:#ede0f1 }
.faq a.show, .faq a.hide{ width:15px;height:15px }
.faq a.show{ background:url('images/AWDF-Grants-FAQs-Plus-Icon-2x.png') 50% 50% no-repeat;background-size:10px }
.faq a.hide{ background:url('images/AWDF-Grants-FAQs-Minus-Icon-2x.png') 50% 50% no-repeat;background-size:8px auto }
.faq header{ display:inline-block;margin-right:10px;float:left }
.faq a.show, .faq a.hide{    
	margin-left: -50px;
    color: #FFF;
    float: left;
    margin-top:15px }
a.hide{ display: none; }
#dropdown1:target ~ a.show, a.show:focus { display:none }
#dropdown1:target ~ .hide { display:inline }
#dropdown1:target ~ .content { display:block }
/* need as many cases of this as are possible = 29 */
#dropdown2:target ~ a.show, a.show:focus { display:none }
#dropdown2:target ~ .hide { display:inline }
#dropdown2:target ~ .content { display:block }
#dropdown3:target ~ a.show, a.show:focus { display:none }
#dropdown3:target ~ .hide { display:inline }
#dropdown3:target ~ .content { display:block }
#dropdown4:target ~ a.show, a.show:focus { display:none }
#dropdown4:target ~ .hide { display:inline }
#dropdown4:target ~ .content { display:block }
#dropdown5:target ~ a.show, a.show:focus { display:none }
#dropdown5:target ~ .hide { display:inline }
#dropdown5:target ~ .content { display:block }
#dropdown3:target ~ a.show, a.show:focus { display:none }
#dropdown3:target ~ .hide { display:inline }
#dropdown3:target ~ .content { display:block }
#dropdown6:target ~ a.show, a.show:focus { display:none }
#dropdown6:target ~ .hide { display:inline }
#dropdown6:target ~ .content { display:block }
#dropdown7:target ~ a.show, a.show:focus { display:none }
#dropdown7:target ~ .hide { display:inline }
#dropdown7:target ~ .content { display:block }
#dropdown8:target ~ a.show, a.show:focus { display:none }
#dropdown8:target ~ .hide { display:inline }
#dropdown8:target ~ .content { display:block }
#dropdown9:target ~ a.show, a.show:focus { display:none }
#dropdown9:target ~ .hide { display:inline }
#dropdown9:target ~ .content { display:block }
#dropdown10:target ~ a.show, a.show:focus { display:none }
#dropdown10:target ~ .hide { display:inline }
#dropdown10:target ~ .content { display:block }
#dropdown11:target ~ a.show, a.show:focus { display:none }
#dropdown11:target ~ .hide { display:inline }
#dropdown11:target ~ .content { display:block }
#dropdown12:target ~ a.show, a.show:focus { display:none }
#dropdown12:target ~ .hide { display:inline }
#dropdown12:target ~ .content { display:block }
#dropdown13:target ~ a.show, a.show:focus { display:none }
#dropdown13:target ~ .hide { display:inline }
#dropdown13:target ~ .content { display:block }
#dropdown14:target ~ a.show, a.show:focus { display:none }
#dropdown14:target ~ .hide { display:inline }
#dropdown14:target ~ .content { display:block }
#dropdown15:target ~ a.show, a.show:focus { display:none }
#dropdown15:target ~ .hide { display:inline }
#dropdown15:target ~ .content { display:block }
#dropdown16:target ~ a.show, a.show:focus { display:none }
#dropdown16:target ~ .hide { display:inline }
#dropdown16:target ~ .content { display:block }
#dropdown17:target ~ a.show, a.show:focus { display:none }
#dropdown17:target ~ .hide { display:inline }
#dropdown17:target ~ .content { display:block }
#dropdown18:target ~ a.show, a.show:focus { display:none }
#dropdown18:target ~ .hide { display:inline }
#dropdown18:target ~ .content { display:block }
#dropdown19:target ~ a.show, a.show:focus { display:none }
#dropdown19:target ~ .hide { display:inline }
#dropdown19:target ~ .content { display:block }
#dropdown20:target ~ a.show, a.show:focus { display:none }
#dropdown20:target ~ .hide { display:inline }
#dropdown20:target ~ .content { display:block }
#dropdown21:target ~ a.show, a.show:focus { display:none }
#dropdown21:target ~ .hide { display:inline }
#dropdown21:target ~ .content { display:block }
#dropdown22:target ~ a.show, a.show:focus { display:none }
#dropdown22:target ~ .hide { display:inline }
#dropdown22:target ~ .content { display:block }
#dropdown23:target ~ a.show, a.show:focus { display:none }
#dropdown23:target ~ .hide { display:inline }
#dropdown23:target ~ .content { display:block }
#dropdown24:target ~ a.show, a.show:focus { display:none }
#dropdown24:target ~ .hide { display:inline }
#dropdown24:target ~ .content { display:block }
#dropdown25:target ~ a.show, a.show:focus { display:none }
#dropdown25:target ~ .hide { display:inline }
#dropdown25:target ~ .content { display:block }
#dropdown26:target ~ a.show, a.show:focus { display:none }
#dropdown26:target ~ .hide { display:inline }
#dropdown26:target ~ .content { display:block }
#dropdown27:target ~ a.show, a.show:focus { display:none }
#dropdown27:target ~ .hide { display:inline }
#dropdown27:target ~ .content { display:block }
#dropdown28:target ~ a.show, a.show:focus { display:none }
#dropdown28:target ~ .hide { display:inline }
#dropdown28:target ~ .content { display:block }
#dropdown29:target ~ a.show, a.show:focus { display:none }
#dropdown29:target ~ .hide { display:inline }
#dropdown29:target ~ .content { display:block }
@-moz-document url-prefix() { 
	a.show:focus ~ .content { display:block }
	}
#faq:target, .faq_question{ border:none; outline:none }
/*#faq{ padding: 0 0 30px }*/
#faq .social_media{
	height: 30px;
	overflow: hidden;
}
/* Individual theme page styling */
/* ==============================*/
.theme_icon{ 
	height: 34.34vw;
	padding-top: 7.77vw; 
	text-align:center;
	max-width: 380px;
	width: 32%;
	margin-top: 40px }
.theme_icon img{
	width:18vw }
#theme_grid.current hgroup{
	background:#DCC4E3;
	color:#652798 }
#theme_grid.current h2{ color:#652798 }
#theme_grid.current button{ visibility: hidden;}
 
/* News + blog page styling */
/* ============================*/
/* Note: .filtered_grid is the generic class for the #news_and_blog styling ^ It is intended for use on other pages that adopt the News+Blog grid and filters but with semantic integrity */
#news_and_blog nav, .filtered_grid nav{ margin:20px auto 40px;overflow:hidden;width:960px; }
#resources .filtered_grid nav{ width:903px }
#news_and_blog nav ul, .filtered_grid nav ul{ list-style:none;letter-spacing: 1px;text-transform:capitalize }
#news_and_blog nav li:nth-child(1) a , .filtered_grid nav li:nth-child(1) a{
	-webkit-border-top-left-radius:  3.03vw;
	-webkit-border-bottom-left-radius:  3.03vw;
	-moz-border-radius-topleft: 3.03vw;
	-moz-border-radius-bottomleft:3.03vw;
	border-top-left-radius: 3.03vw;
	border-bottom-left-radius: 3.03vw;
	padding-left:60px }
#news_and_blog nav li:last-child  a, .filtered_grid nav li:last-child a{
	-webkit-border-top-right-radius: 3.03vw;
	-webkit-border-bottom-right-radius:3.03vw;
	-moz-border-radius-topright: 3.03vw;
	-moz-border-radius-bottomright: 3.03vw;
	border-top-right-radius: 3.03vw;
	border-bottom-right-radius:3.03vw;
	padding-right:60px }
#news_and_blog nav li a, .filtered_grid nav li a{ 
	background:#EB573B;
	background-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.125rem;
	cursor:pointer;
	text-align: center;
	margin-top: 0px;
	padding: 1.35vw 35px;
	margin-left: 1px;
	display:inline;
	float:left }
#news_and_blog nav li a, .filtered_grid nav li a{ color:#fff }
#news_and_blog nav li:hover, #news_and_blog nav li:hover a, #news_and_blog nav li.current-menu-item, #news_and_blog nav li.current-menu-item a{ color:#ffffff;background:#158474 }
.filtered_grid nav li:hover, .filtered_grid nav li:hover a, .filtered_grid nav li.current-menu-item, .filtered_grid nav li.current-menu-item a{ color:#fff;background:#158474 }
#news_and_blog .small_title, .filtered_grid .small_title{ margin-right: 50px;float:left }
#commentform #form-allowed-tags{ display:none }
#news_and_blog .blog_exerpt, #resources .blog_exerpt, 
#popular .blog_exerpt { width: 47%; max-height: 123px; float: right }
#latest .blog_exerpt, #department_resources .blog_exerpt {
	width: 18.75vw;
	padding: 0 0 0 20px;
	margin: 0;
	max-height: 165px
}
#popular .blog_exerpt,
#resources .blog_exerpt,
#news_and_blog .blog_exerpt{
	width: 100%;
	padding: 0 20px;
	margin: 0;
	height: 155px;
	max-height: 155px;
	overflow: hidden
}
/* Pagination link styling */
#news_and_blog nav#pagination, #resources nav#pagination, #search_results #pagination{ text-align:center; clear:both }
#news_and_blog nav#pagination a, #resources nav#pagination a, #search_results #pagination a{
	padding: 10px;
	color:#fff;
	background:#652798;
	font-size:0.75rem;
	text-transform:uppercase;
	margin:0 30px;
	letter-spacing:1px }
nav#pagination a:hover, { color:#652798;background:#DCC4E3 }
 
/* Regular page styling */
/* ============================*/
/* Quotes styling */
/* ============================*/
.quote .spacer{ height:10px;background:#fff }
 
 
/* 404 page styling */
/* ============================*/
.error-404 h1, #sitemap h1{ 
	font-weight: normal;
    font-size: 1.875rem;
	line-height:150% }
.big_decor_text {
    font: 10rem Georgia, serif;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    margin-top: -0px;
    margin-bottom: -0px;
}
.error-404 footer.section_footer, .error-404 .section_footer a{ 
	text-transform:uppercase;
	color: #158474 }
.error-404 .section_footer a:hover{ color:#652798 }
.error-404{ margin-bottom:100px }
.error-404 #bottom_frill, #search_results #bottom_frill, #archive #bottom_frill{ 
	background:url('images/404-Page-Embellishment-2x.png') top left repeat-x;
	background-size:contain;
	margin: 40px 0px 50px;
	height:40px;
	height:3.4vw }
	
/* Resources page styling */
/* ============================*/
#listed-grantees .container,
#resources .container{ padding: 0; min-height: 1500px; width: 65.357% }
#visit_afrirep button.read_more{ width:auto;margin-bottom:30px }
#resources #latest_grid{ margin-right:2.2%;width:100% }
#resources #visit_afrirep{ margin-top:0 }


/* Take action page styling */
/* ============================*/
#ways_of_action #people_grid header{ margin:0 }
#ways_of_action #people_grid #image{ height:31.31vw; max-height: 357px }
#ways_of_action #people_grid{ height:auto;text-align:center }
#ways_of_action button{ margin-bottom:30px; margin-top: 30px;  display: none;}
#ways_of_action #people_grid{ padding: 0 }
#ways_of_action  #grid_item .icon{ height:133px; }
#ways_of_action  #grid_item header{ margin-top: -7px }
#ways_of_action #theme_grid a{
	display: block;
	position: relative;
}
#ways_of_action #theme_grid a:hover .caplink{
	display: block;
	background-position: 94% 94%;
}	
/* Search results page styling */
/* ============================*/
#search_results h1{ 
	margin-top:60px;
	font-size:35px;
	text-transform:none;
	padding:0 20px;
	letter-spacing:1px; }
#search_results h2, #archive h2{ 
	font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 5px }
#search_results .excerpt{ 
	margin-top:-20px;
	height:30px;
	white-space: nowrap;
	width: 100%;         }
#search_results  .content .excerpt p { margin-top:0px;            
	overflow: hidden;
	text-overflow:ellipsis }
	
#search_results #container{ padding: 0 30px 40px;  }
 
/* Contact page styling */
/* =====================*/
#contact .note{ margin-top:0 }
#contact input, #contact textarea, #contact .select_field, #contactForm input, #contactForm select, #contactForm textarea{ 
	width: 58.41vw;
    width: 100%;
	background:#e5e5e5;
	border:0;
	padding-left: 10px;
	margin-top:10px }
#contact .select_field{ 
    padding: 0;
    margin: 10px 0 0;
    width: 100%;
    border: 0;
	height:33px;
    overflow: hidden;
    background: #b7b7b7 url("images/arrowdown.png") no-repeat 99% 50% }
.select_field select{ 
    width: 100%;
	border:0;
	color:#fff;
	padding-left: 10px;
	font-weight:bold;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none }
.select_field select:focus{ outline: none;	border:none;box-shadow:none }
.select_field option{ padding:5px 10px;background:#b7b7b7 }
#contact textarea{ padding-top:10px;height:175px }
#contact input{
	display:block;
	height:33px }
#contact #submit_btn, #contact .send_button input{ 
	clear:both;
	width:180px;
	height:60px;
	letter-spacing:1px;
	padding:8px;
	background:#652798;
	color:#fff;
	font-weight:bold;
	margin-right:0px;
	margin-bottom:50px;
	float:right }
#contact #submit_btn:hover, #contact .send_button input:hover{
	color: #ffffff;
	background: #158474 url('images/White-arrow-small-2x.png') no-repeat 95% 13px;
    background-size: 20px;
 }
	
#contact header{ margin-top:0 }
#contact h1{ margin-top:0 }
#contact{ padding-top:30px }
#contact p{ margin:0 }
#contact div, #contact p{ margin-top:20px }
/* Contact form quiz styles  */
/* ------------------------- */
.wpcf7-quiz-label{ 
	display: block;
	float: left;
	width: 35%;
	font-size: 28px;
	margin-top: 15px; }
#contact p.quiz_text{ margin-top:20px }
#contact input.wpcf7-quiz{ width:55%;float:right}
/* Imported Sitemap styling */
/***********************************************************
* @Author: Boutros AbiChedid
* @Date:   October 30, 2011
* @Websites: blueoliveonline.com ; bacsoftwareconsulting.com
* @Desc: Styling the Dynamic HTML Sitemap for WordPress.
************************************************************/
.html-sitemap h2{
padding-top: 10px;
}
.category {
list-style:none;
padding-bottom: 5px;
}
.grey {
color: #777;
background-color: inherit;
}
.cat-posts {
padding-bottom: 10px;
padding-top: 10px;  
}
.cat-posts li{
padding-bottom: 5px;
list-style:square;  
}
.sitemap-authors li, .sitemap-pages li, .sitemap-archives li{
padding-bottom: 5px;
}
/* ...+ */
#sitemap ul{ list-style:none }
#sitemap { padding-top:30px }
#sitemap h1{ padding-left:30px }
#sitemap h2{
	font-weight: bold;
    font-size: 24px;
    color: #158474;
    text-transform: uppercase;
    letter-spacing: 5px;
}
/* Apply page, application form styling */
/* =======================================*/
/* =Custom Contact Form with jQuery
----------------------------------------------- */
 
#contact ul{ list-style:none; margin-left: -40px; }
 
/* Some IE7 hacks and workarounds */
 
<!--[if lt IE 8]>
/* IE7 needs the fields to be floated as well as the labels */
#contact input, textarea {
  float: right;
}
 
#formButtons {
  clear: both;
}
 
<![endif]-->



/* Later edits and style changes */
/* ------------------------------*/
#topheader{
	overflow: hidden;
	background: #4d4d4d;
	height: 40px;
	padding: 0px 7%;
}
.home #topheader{
	padding: 0 10%;
}
/* Consolidating styles */
.not_full_screen { 
	padding: 0px;
	background:#fff;
	position: relative; 
	overflow:hidden; 
	max-width:100%;
	margin:0 auto; 
	border:0 
}
/* Shutting down fullscreen for some sections  */
#top-banner.not_full_screen{ color: #652798; background: #DCC4E3; width: 100%; padding-left: 4%; padding-right: 7%; }
#search_results .content{ padding:0 }

/* Creating the background effect, sitewide  */
#page_top_masthead{ overflow:visible }
#page_top_masthead:not(*:root) { margin-top:5px } 
#twitter_feed , #colophon , #top-banner , 
#people_intro , #take_action , #how_we_give_intro,#more_resources{ background:none; width:1140px;margin: 0 auto }
#take_action{
	width: 100%;
	background: #fff !important;
}
#flcontent .content,
#take_action .content{
	width: 60%;
	float: left;
}
#take_action #container{
	background: #ffffff !important;
}
#colophon{
	width: 100%;

}
#top_frill{
	display: none;
}
/* Making the wide sections narrow/colouring the not_full_screen containters */
#top-banner #container{ background:#DCC4E3 }
#twitter_feed, #twitter_feed #container{ 
    background: #ffffff;
    width: 100%;
    padding: 60px 10%;
    position: relative;
}
#latest:before, #othersites:before, #department_intro:after {
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/V-pattern-tile-grey-2x.png') repeat-x 0 0;
	position: absolute;
	top: 1.875vw;
	left: 0;
	background-size: 30px;
}
#thematic_areas:before { display: none }
.page-template-page-grantees #content:before{
	display: none;
}
.page-template-page-grantees #content{
	padding-top: 0 !important;
}
.page #founderlist:after,
#thematic_areas:after,
#about_us:after,
#latest:after,
#twitter_feed:before, #focus_areas:after {
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/M-pattern-tile-grey-2x.png') repeat-x 0 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	background-size: 40px;
}
#twitter_feed:before{ top: 20px }
#about_us:after{
	opacity: 0.1;
}
#twitter_feed #container{ padding:10px 30px 0; }
#colophon, #colophon #container{ background:#E5E5E5 }
#people_intro, #people_intro #container, #our_work, #our_work #container, #grants_intro, 
#grants_intro #container, #take_action, #take_action #container, #more_resources, 
#more_resources #container, .grey_background{ background:#FAFAFA }
#news_and_blog nav, #resources nav, #work_single, #homepage_teasers, #grants_slider{ padding:0 }
#top-banner{ position: relative; z-index: 30 }

/* Transposh plugin stylings */
#transposh{ /*visibility: collapse */}
.widget_transposh{ width: 100%; }
.ui-dialog{ background: #efefef; padding: 20px; border: 15px solid #DCC4E3; height: 420px !important; z-index: 2000 !important }
#tr_original, #tr_translation{ width:433px !important }
#tr_approve{ background: #158474; padding: 7px; color: #fff }
.ui-icon-closethick{ 
    background: #EB573B;
    padding: 7px;
    color: #fff;
    margin-left: 12px }

	
	/* ...and Finally 
====================*/

#top-nav{ position: relative; z-index: 1000 }
#search_results aside, #search_results footer, #archive aside{ clear:both;padding-bottom:10px;border-bottom:7px solid #E5E5E5 }
#page_top_masthead header{ margin-top:-5px }

/* hack targeting Chrome & Opera */
#top-nav ul li ul:not(*:root) { margin-top:19px }
/* hack targeting Firefox */
@-moz-document url-prefix() {
	#page_top_masthead header { margin-top: -11px }
	#top-nav ul li ul{ margin-top:29px }
}
.social_media{ clear:both;text-align:center }
.fb-like-box{ margin: 15px 0px 0px 25px }
.error-404{ padding-bottom:100px }
/*.note{ margin: 0 1px 10px }/*/
.call_to_action, .quote, .note{ margin-right:0; } /* aligning sidebars to page's edge */
#people_page{ margin-top: 0px }
#people_intro .content, #how_we_give_intro .content{ width:100% }
#how_we_give { padding-top:0px }
.box_this{ border:2px solid #DCC4E3; padding:25px }
#awdf_usa h1{ margin:0 }
#awdf_usa header { margin-top: 0px }
.note ul, .note ol , .quote ul, .quote ol{ margin-left: 0 }
.note .space{ height:10px; background:#fff; color:#099 }
#about_us .call_to_action{ 
	float: none;
	padding: 0;
}

#quick_links, #footer_social h2, .footer_subscribe h2{ display: none }
#top-nav .open, #top-nav .close{ visibility: hidden; height: 0 }
#blog .page_details_for_mobile, #featured_grantee .page_details_for_mobile, 
#featured_grantee .quote_for_mobile{ display: none }
/* Page effects */
section, h1, li, img, aside, article, div, a {
    -moz-transition: all 0.35s ease-in-out, left 0.5s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out, left 0.5s ease-in-out;
    -moz-transition: all 0.35s ease-in-out, left 0.5s ease-in-out;
    -o-transition: all 0.35s ease-in-out, left 0.5s ease-in-out;
    transition: all 0.35s ease-in-out, left 0.5s ease-in-out;
}
li{
    -moz-transition: all 0.7s ease-in-out, left 1s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out, left 1s ease-in-out;
    -moz-transition: all 0.7s ease-in-out, left 1s ease-in-out;
    -o-transition: all 0.7s ease-in-out, left 1s ease-in-out }

#open:target ~ a.show, a.show:focus { display:none }
#dropdown1:target ~ .hide { display:inline }
#dropdown1:target ~ .content { display:block }

.modal_dialog .entry-title{ padding-left: 0 }

/* expressPay link */
#expresspay { 
	width: 132px; 
	float: right; 
	height: 3vw; 
	max-height: 40px; 
	margin-top: 7px;
	margin-right: 15px	}
#expresspay img { width: 100% }
.caplink,
.fliptext{
	/*display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 25px;
	background: #158474 url('images/White-arrow-big-2x.png') no-repeat 94% 75%;
	background-size: 40px;
	opacity: 0.9;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	height: 100%;
	width: 100%;
	transition: all ease 0.5s;
}
.caplink{
	display: none;
}
.fliptext a{
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}
/*.hpg-grid:hover > .fliptext{
	display: block;
}*/

/*flipping effect*/
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
	/*transform: rotateY(180deg);*/
	display: block;
}

.flip-container, .front, .back {
	width: 334px;
	height: 334px;
}
/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}
.flip-container:hover .back{
	display: block;
}
/* back, initially hidden pane */
.back {
	/*transform: rotateY(180deg);*/
	display: none;
}

/*end flipping effect*/
#more_latest{
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
#latest div:nth-child(3) {
    margin-right: 0;
}
.field-wrap input[type=button],
.large-btn{
    background: #652798 url(images/White-arrow-big-2x.png) no-repeat 95% 20px;
    background-size: 20px;
    width: 100%;
    color: #fff;
    padding: 20px 65px 20px 20px;
    display: block;
    font: 1.25rem 'Lato', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.small-btn, #othersites .small-btn {
    background: #652798 url(images/White-arrow-big-2x.png) no-repeat 90% center;
    background-size: 20px;
    width: fit-content;
    color: #fff;
    text-align: center;
    padding: 10px 70px 10px 10px;
    display: block;
    margin: 0 auto;
    border: none;
    font: 1rem Lato, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    min-width: 160px;
    letter-spacing: 1px;
}
#news_and_blog nav li a:active, 
#news_and_blog nav li a:focus, 
#news_and_blog nav li a:hover, 
.filtered_grid nav li a:active,
.filtered_grid nav li a:focus,
.filtered_grid nav li a:hover,
.faq header:active,
.faq header:focus,
.faq header:hover,
.field-wrap input[type=button]:active,
.field-wrap input[type=button]:focus,
.field-wrap input[type=button]:hover,
.mc4wp-form-fields input[type="submit"]:active,
.mc4wp-form-fields input[type="submit"]:focus,
.mc4wp-form-fields input[type="submit"]:hover,
#footer_social a:active,
#footer_social a:focus,
#footer_social a:hover,
#colophon .mc4wp-form-fields input[type="submit"]:active,
#colophon .mc4wp-form-fields input[type="submit"]:focus,
#colophon .mc4wp-form-fields input[type="submit"]:hover,
#twitter_feed .tweet .follow a:active,
#twitter_feed .tweet .follow a:focus,
#twitter_feed .tweet .follow a:hover,
#othersites div a:active,
#othersites div a:focus,
#othersites div a:hover,
a.new_side_a_button:active,
a.new_side_a_button:focus,
a.new_side_a_button:hover,
.large-btn:active,
.large-btn:focus,
.large-btn:hover, .small-btn:hover {
	background-color: #158474;
	color: white
}
.captions .large-btn{
	    width: 100%;
    margin-left: -30px;
    margin-top: -22px;
    position: absolute;
    bottom: 0;
    display: none;
}
.flex-control-paging li a{
	background: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;

}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover{
	background: #652798;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.page-template #primary{
	padding: 0;
	margin-top: 5px;

}
.page #futures,
.page #jobslisting,
.page #sheroes,
.page #impact{
	padding: 0 10% 60px 7%;

}
/*#jobslisting .entry-content .tr_{
	display: none;
}*/

.page #futures{
	padding: 0 10% 60px 7%;
}
.page-template-page-impact .largequote{
	padding-bottom: 60px;
	position: relative;
	padding-top: 60px;	
}
.page-template-page-impact .largequote:before{
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/V-pattern-tile-grey-2x.png') repeat-x 0 0;
	position: absolute;
	top: 20px;
	left: 0;
	background-size: 42px;
}
.page .future-products{
	padding-bottom: 60px !important;
	position: relative;
}
.page .future-products:after,
.page #jobslisting:after,
.page #sheroes:after,
.page #impact:after{
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/M-pattern-tile-grey-2x.png') repeat-x 0 0;
	position: absolute;
	bottom: 20px;
	left: 0;
	background-size: 40px;
}
.pagepad{
	padding-left: 7%;
	padding-right: 10%;
}
.topdec{
	padding-top: 60px;
	position: relative; 
}
.topdec:before{
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/V-pattern-tile-grey-2x.png') repeat-x 0 0;
	position: absolute;
	top: 20px;
	left: 0;
	background-size: 30px;
}
.botdec{
	position: relative;
	padding-bottom: 60px;
}

.botdec:after{ /*
	content: "_";
	color: transparent;
	display: block;
	width: 100%;
	background: transparent url('images/M-pattern-tile-grey-2x.png') repeat-x 0 0;
	position: absolute;
	bottom: 0px;
	left: 0;
	background-size: 80px; //  disabled page-bottom decoration */
}
.page-template-page-impact .quote{
	width: auto;
	font-size: 30px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 5%;
	font-style: normal;
	
}
.page-template-page-impact .quote em{
	font-style: normal;
}
.page .call_to_action{
    display: flex;
	flex-direction: column;
    vertical-align: top;
    padding: 30px;
    width: 33.3%;
    margin-right: 0;
    text-align: right;
}
.home .call_to_action{
	width: 100%;
}
.home #primary{
	padding: 0;
	margin-top: 0;
}
.page #content{
	padding-top: 60px;
	background: #fff;
	position: relative;
}
.home #content{
	padding-top: 0;
}
.home #content:before{
	display: none;
}
.page #head_content_spacer{
	display: none;
}
.page .content { font-family: Georgia, serif }
.page .content header{
	margin-top: 0;
	margin-bottom: 30px;
}
.page .content h1::first-letter { text-transform: uppercase }
.page .content h1{
	margin: 0;
	line-height: 1.2;
	font-size: 1.875rem;
	text-transform: lowercase
}
#work_grid .intro,
.page .content .intro{
	margin-top: 30px;
	margin-bottom: 30px;
	    font-size: 30px;
    line-height: 1.4;
}
.page-template-page-impact .entry-content .box_this{
	display: none;
}
.page .facts{
	background: #158474;
	color: #fff;
	padding-bottom: 30px;
	margin-bottom: 27px;
	margin-top: 10px;
}
.page .facts h2.qf_title{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 0;
}
.page .facts .qf_number{
	font-size: 60px;
	color: #fff;
	line-height: 1.1;
}
.page .facts .qf_text{
	font-weight: bold;
	color: #ffffff;
}
.page .quick_fact{
	margin-right: 30px;
}
.page .quick_fact header{
	margin-top: 30px;
}
.page .shero{
	    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin-right: 34px;
    height: 200px;
    overflow: hidden;
}
.page .sheroesgrid .shero:nth-child(3),
.page .sheroesgrid .shero:nth-child(6),
.page .sheroesgrid .shero:nth-child(9){
	margin-right: 0;
}
.page .sheroesgrid{
	margin-bottom: 30px;
}
.page .accordion{
	/*margin-bottom: 15px;*/
}
.accordion .accgroup{
	margin-bottom: 30px;
}
.accordion .accgroup:last-child{
	margin-bottom: 15px;
}
.accordion .accordion_title{
	background: #EB573B url('images/White-arrow-big-2x.png') no-repeat 98% 20px;
	background-size: 42px;
	padding: 30px 20px;
	width: 100%;
	
}
.accordion .accordion_title.opened{
	background: #158474 url('images/Block-hover-arrow-down-big-2x.png') no-repeat 98% 20px;
	background-size: 42px;
	padding: 30px 20px;
	width: 100%;
}
.accordion_title h2{
	color: #ffffff;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0;
	cursor: pointer
}
.accordion .accordion_body{
	display: none;
	transition: all ease 0.5s;
}
.accordion .open .accordion_body{
	display: block;
	    background: #ebebeb;
    padding: 30px;
}
.accordion .open p{
	width: 75%;
    display: inline-block;
    vertical-align: top;
}
.accordion .accordion_image{
	    width: 24%;
    display: inline-block;
    vertical-align: top;
}
.page .jobs h2{
	background: #158474;
	padding: 30px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 30px;
	margin: 0;
}
.page .jobs .job{
	background: transparent url('images/AWDF-Pattern-Yellow-2x.jpg') repeat 0 0;
	padding: 45px 15%; 
	background-size: 100px !important;
}
.page .jobs .job:nth-child(odd){
	background: transparent url('images/AWDF-Pattern-Purple-2x.jpg') repeat 0 0;
	    margin: 3px 0;
}
.listed-grantee-title,
.job .jobtitle{
	display: inline-block;
	width: 70%;
	font-weight: bold;
	font-size: 30px;
	color: #652798;
}
.job .joblink{
	width: 24%;
	display: inline-block;
}
.joblink .large-btn{
	padding: 14px 40px 14px 14px;
	min-width: 225px;
	height: auto;
	background-size: 35px;
	background-position: 95% 10px;
	text-align: left;
	background: #EB573B url('images/White-arrow-small-2x.png') no-repeat 93% 15px;
	background-size: 25px;
}
.job .group{
	padding: 30px;
	background: #ffffff
}
.job .jobdeadline{
	font-size: 30px;
	font-weight: 300;
}
.page .future-products{
	padding: 0 7%;
}
.purplegrid .griditem, 
.future-products .future-product{
	width: 31%;
	display: inline-block;
	vertical-align: top;
	background: #652798;
	margin-right: 35px;
	margin-bottom: 35px;
	position: relative;
}
.purplegrid .griditem:nth-child(15),
.purplegrid .griditem:nth-child(12),
.purplegrid .griditem:nth-child(9),
.purplegrid .griditem:nth-child(6),
.purplegrid .griditem:nth-child(3),
.future-products .future-product:nth-child(15),
.future-products .future-product:nth-child(12),
.future-products .future-product:nth-child(9),
.future-products .future-product:nth-child(6),
.future-products .future-product:nth-child(3){
	margin-right: 0;
}

.griditem .producttitle,
.future-product .producttitle{
	display: block;
	color: #fff;
	max-width: 100%;
	margin: 30px 30px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.future-product .producttitle{
	height: 75px;
	overflow: hidden;
	line-height: 1.2;
}
.future-product .productthumb{
	height: 240px;
	overflow: hidden;
}
.griditem .productthumb img,
.future-product .productthumb img{
	padding: 30px;
	margin: 0 auto;
	width: 75%;
	display: block;
}
.future-product .productthumb img{
	padding: 0;
	width: 100%;
}
.griditem .group{
	overflow: hidden;
}
.griditem .back{
	width: 100%;
	height: 100%;
	min-width: 334px;
	min-height: 334px;
}
.page-template-page-futures #shareideas{
	background: #ebebeb;
}
#founderlist header h2,
#nf-form-title-2 h3{
	padding: 30px 10%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #158474;
    font-size: 30px;
    margin: 0;
}
#nf-form-2-cont .nf-form-wrap.ninja-forms-form-wrap{
	padding: 55px 7%;
}
.nf-field-element textarea{
	border: none !important;
}
.page #founders{
	padding-bottom: 60px;
	position: relative;
}
.page-template-page-advanced-history section {
    padding-left: 7%;
    padding-right: 7%;
}
#founderlist{
	padding-top: 110px;
	position: relative;
}
#founderlist header{
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	margin-top: 0;
}
#founderlist .fthumb{
	width: 35.5%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
     height: 350px;
    overflow: hidden;

}
.fthumb img{
	max-width: 370px;
}
#founderlist .fbio{
    width: 59%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
}
#founderlist .ftitle{
	font-size: 30px;
	text-transform: capitalize;
	font-weight: bold;
	color: #158474;
	padding-bottom: 12px;
}
.quote{
	margin-right: 0;
}
#our_work .quote em{
	font-style: normal;
	font-size: 30px;
}
.quote .quote_role{
	font-size: 18px;
	margin-top: 0;
}
.quote .quote_attribution{
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 18px;
	text-transform: capitalize;
}
#work_grid h1{
	margin-left: 0;
}
#granteegrid .griditem{
	width: 22%;
	display: inline-block;
	vertical-align: top;
	background: #652798;
	margin-right: 30px;
	margin-bottom: 35px;
	position: relative;
}
#granteegrid .griditem:nth-child(16),
#granteegrid .griditem:nth-child(12),
#granteegrid .griditem:nth-child(8),
#granteegrid .griditem:nth-child(4){
	margin-right: 0;
}
#granteegrid .productthumb{
	height: 165px;
	overflow: hidden;
}
#granteegrid .productthumb img{
	width: 100%;
    padding: 0;
}
#granteegrid .producttitle{
	background: #EB573B;
	margin: 0;
    padding: 10px;
    width: 100%;
    max-width: 100%;
    height: 65px;
    overflow: hidden;
    line-height: 1.2;
}
.future-product .caplink{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 25px;
	background: #158474 url('images/White-arrow-big-2x.png') no-repeat 94% 80%;
	background-size: 40px;
	opacity: 0.9;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	height: 100%;
	width: 100%;
	transition: all ease 0.5s;
}
.future-product:hover .caplink{
	display: block;
}
.future-product .caplink a.link{
	display: block;
	width: 100%;
	height: 100%;
	color: transparent;
}
#granteegrid .griditem:hover > .caplink {
	display: block;
}
.clear{
	clear: both;
	overflow: hidden;
}
div.cspm_infobox_content_container.cspm_type5 div.cspm_infobox_img{
	display: none;
}
div.cspm_infobox_content_container.cspm_type5 div.cspm_infobox_content div.title a{
	font-size: 30px !important;
	font-weight: bold !important;
	color: #652798 !important;
	padding: 30px !important;
}
.cspm_infobox_content .description a{
	background: #EB573B url('images/White-arrow-big-2x.png') no-repeat 95% 20px;
	background-size: 40px;
	display: block;
	text-align: left;
	width: 100%;
	padding: 30px 100px 30px 30px;
	color: #ffffff; 
	font-size: 24px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.cspm_infobox_content .description a:hover{
	background: #EB573B url('images/White-arrow-big-2x.png') no-repeat 95% 20px;
	background-size: 40px;
	color: #ffffff;
}
.cspm_infobox_content .description a:hover,
.cspm_infobox_content .description a:active,
.cspm_infobox_content .description a:focus{
	color: #ffffff;
}
div.cspm_infobox_container,
div.cspm_infobox_content_container.cspm_type5{
	width: 310px !important;
	height: 200px !important;
	padding: 0 !important; 
}
div.cspm_infobox_content_container.cspm_type5 div.cspm_infobox_content{
	    width: 310px !important;
}
div.cspm_infobox_content_container.cspm_type5 div.cspm_infobox_content div.description{
	    padding: 0 30px !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    overflow: hidden !important;
}
.cspm_infobox_content ul{
	margin: 0;
    padding: 20px 0;
    list-style: none;
}
.mc4wp-alert.mc4wp-success p{
	color: #ffffff;
}
#granteeform{
	padding: 20px;
}
#granteeform select{
	display: block;
}
.listed-grantee .label{
	font-weight: bold;
}
.listed-grantee .group{
	margin-bottom: 30px;
}



/* -------------------------*/
/* Gutenberg related styles */
/* -------------------------*/

/* styling for wide and full width blocks */

 .entry-content .alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }
    .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .alignfull img {
        width: 100vw;
    }

/* -------------------------*
 *		Department Pages	*
 * -------------------------*/
#department_intro { 
	display: flex; 
    flex-direction: row-reverse;
	justify-content: flex-start;
	flex-wrap: nowrap;
	background: #e9e9e9;
    height: 29vw;
    overflow: hidden;
	margin-top: -60px
}
#department_intro figure { width: 50vw }
#department_intro figure img {
    width: 50vw;
    height: 37.5vw;
    object-fit: cover;
}
#department_intro .content { 
	width: 37.5vw; 
	padding: 40px 50px 0;
	overflow-y: scroll
}
#department_intro:after {
    margin-top: 29vw;	
}
#focus_areas h2, #department_resources h2 {  
    font: 2rem 'Lato', sans-serif;
    font-weight: 800;
    color: #652798;
	margin: 70px 30px 30px
}
#focus_areas #fa_flex {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    margin: 60px 18vw 0;
	justify-content: space-between;
}
#focus_areas .focus_icon, #focus_areas a { 
	width: 30%;
	height: 180px;
    margin: 0 0 60px;
	text-align: center
}
#focus_areas a .focus_icon { width: 100% }
#focus_areas .focus_icon img { 
	width: auto;
	height: 125px
}
#focus_areas .focus_icon figcaption h3 {  
	text-transform: uppercase;
	color: #652798;
    font-weight: 700;
    font-size: 1rem;
}
#focus_areas, #department_resources { position: relative; z-index: 20 }
#focus_areas:after {
    bottom: 0px;
}
#department_resources #grid_frame { margin-bottom: 0px }
#department_resources #more_latest { float: none; margin: 25px 0 5px }

/*/  Grantee Search Area styling  /*/
#search_area {
    font: 1.125rem Georgia, serif;
}
#text_before_password, #search_area #open_modal .small-btn { margin: 0 }
#search_area .modal_content .close {
	font-size: 2rem;
	border-radius: 1.5rem;
	padding: 0.5rem;
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
	right: -1.5rem
}
#search_area #open_modal .modal_photo img {
	width: 23.23vw; height: 23.23vw; object-fit: cover
}
#search_area #modal_opener {
	margin: 0 0 30px;
}
#search_area input, form.wpcfs-search-form div select {
	font-family: Lato, sans; padding: 4px 8px
}
#search_area .small-btn {
	margin: 0; padding: 10px 70px 10px 10px;
}
#typed_password {
	color: #158474; font-family: Lato, sans; font-weight: 700
}

/*/ Content wide shortcodes /*/
.orange_pullout, .green_pullout, .purple_pullout,
.orange_pullout a, .green_pullout a, .purple_pullout a {
	color: white;
	border-radius: 10px;
	padding: 25px;	
	margin: 0 20px 10px
} 
.orange_pullout a, .green_pullout a, .purple_pullout a {
	text-decoration: underline;
    padding: 0;
    margin: 0;
	color: #E0E467
}
.orange_pullout ol, .green_pullout ol, .purple_pullout ol,
.orange_pullout ul, .green_pullout ul, .purple_pullout ul {
	padding: 0;
}
.orange_pullout a:hover, .green_pullout a:hover, .purple_pullout a:hover {
	color: white
}
.orange_pullout {
	background: #EB573B;
}
.green_pullout {
	background: #158474
}
.purple_pullout {
	background: #652798
}
/*./ Mozilla's Firefox-specific styling :( (such is life) /.*/
@-moz-document url-prefix() { 
  	.main-navigation ul ul { 
	  	top: 2.95em 
	}
	#menu {  
		margin-top: 11px 
	}	
	.small-btn { max-width: 250px; }
	#othersites .small-btn { max-width: 200px }
	html:lang(en) #menu ul li ul, html:lang(fr) #menu ul li ul,
	#menu ul li ul {
		margin-top: -1.0625rem;
	}
}

/*/ Slider /*/
.slides .captions{
	background: white;
	width: 69.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	left: 16.5vw;
	margin-bottom: 25px;
	font: 1.375rem 'Georgia', serif;
	color: #707070;
	padding: 20px 50px;
}

/* --------------------------------- */
/* RESPONSIVE STYLES (Media queries) */
/* --------------------------------- */

/* Large screen > Styling over 1200px */
/* ================================== */
@media only screen and (min-width: 1200px) and (max-width: 1990px) {
	.featured_image .caption { height: 4.8vw;margin-top: -4.2vw;position: relative; }
	#about_us .call_to_action{
		display: flex;
	}
}

/* Full-screen styling > Styling below 1298px */
/* ========================================================== */
@media only screen and (max-width: 1298px) {
	#for_flex { flex-wrap: wrap; justify-content: space-evenly; }
	#for_flex div { width: 33.8% }
	#top-nav li {
		padding-right: 20px
	}
}
/* Catering to non-full-screen styling > Styling below 1140px */
/* ========================================================== */
@media only screen and (max-width: 1140px) {
	#latest h1, #our_people h1, #news_and_blog h1, #featured_grantees h1, .theme_style_grid h1, .filtered_grid h1, .no_margin_sec h1 {
		margin-top: 20px
	}
	#latest {
		padding: 50px 0;
		display: flex;
		flex-direction: column;
	}
	#latest_grid {
		width: 80vw
	}
	.grid_container {
		min-width: 399px;
		margin: 10px
	}
	#news_and_blog #latest_grid {
		width: 100%;
	}
	#about_us .article_content {
		margin-top: -27vw
	}
	.not_full_screen, #twitter_feed , #colophon , #top-banner , #who_we_are , 
	#vision_mission , #people_intro , #our_work , #take_action , #grants_intro , 
	#how_we_give_intro, #map, #more_resources{ width:100% }
	
	#top-nav ul {
		flex-wrap: wrap;
	}
	#header_buttons {
		margin-top: 0
	}
	#grantee_hightlights .for_flex div, #related_pages .for_flex div {
		min-width: 269px;
		min-height: 200px
	}
	#grantee_hightlights .for_flex div .pod_vid, #grantee_hightlights .for_flex div iframe,
	#related_pages .featured_image, #grantee_hightlights .for_flex div .pod_vid img,
	#related_pages .featured_image img	{
		min-width: 269px;
		min-height: 200px;
	}
	#grantee_hightlights .for_flex, #related_pages .for_flex {
		width: 85vw;
	}
}

/* Intermediate styling about Notebook size > Styling under 990px */
/* ============================ */
@media only screen and (max-width: 990px) {
	#banner-content{ padding: 10px 0px 10px 10px; width:85% }
	.modal_dialog .modal_content{ width:88% }
	#work_grid #people_grid { height: 55vw }
	#people_grid h2{ max-height: 82px; overflow: hidden }
	#grid_item h2, #theme_grid h2, .thematic_link h2{ padding: 0 }
	/* Homepage: Networks and Partnerships */
	#othersites #for_flex div { width: 36.8% }
	#for_flex div a { margin: 0 auto; max-width: none }
	.slides .captions{
    width: 90vw;
    opacity: 0.75;
    left: 4.5vw;
    margin-bottom: 0px;
    font: 1rem 'Georgia', serif;
    padding: 20px 20px;
	}
	#donate {
		padding: 16px 10px;
	}
	.site-branding {
		max-height: 12vw
	}
	#header_buttons {
		flex-direction: column-reverse;
	}
	#searchform input {
		margin-top: 5px;
		height: 3.5vw
	}
	#latest_grid {
		width: 90vw
	}
	
	#about_us .article_content {
		margin-top: -10vw
	}
	#grantee_hightlights .for_flex, #related_pages .for_flex {
		width: 90vw;
	}
	#othersites .for_flex div {
		min-width: 180px;
		margin-bottom: 40px;
	}	
	#othersites .for_flex {
		flex-wrap: wrap
	}
	/* Department pages */
	.grid_container {
		flex-wrap: wrap
	}
	#department_resources .blog_exerpt {
		min-width: 212px;
		margin-top: 10px;
		width: 100%;
	}
	/* News + Blog page */
	#popular .blog_exerpt, #resources .blog_exerpt, #news_and_blog .blog_exerpt {
		margin-top: 20px;
		height: fit-content;
		padding-left: 0
	}
}
#top-nav li { 
	height: auto
}
/* Tablet > Styling under 768px 
================================== */
@media only screen and (max-width: 768px) {
	/* header */
	#banner-content{
		width:80% 
	}
	.site-branding {
		float: none;
		max-height: none
	}
	#logo { 
		margin:10px;
		width: 80%
	}
	#logo img{ width:100%;height:auto }
	#header_buttons{ 
		height: 35px; 
		height: 75px;
		margin: 5px 0 0;
	}
	#header_buttons input, #header_buttons button, #transposh{ height:35px; margin-bottom:10px }
	
	#menu_toggle{ 
		float:right; 
		margin: -21px 1px 0; 
		padding: 0 }
		
	
	#top-nav li a { padding: 12px 0.68vw; }
	.main-navigation .menu { margin-top: 43px }

	 #topheader{
		height: 0;
	}
	#topright{
		display: inline-block;
		width: 100%; 
	}
	#donate{
		height: 40px;
	}
	#mailinglist {
		float: left;
	}
	#search{
		margin-top: 0;
	}
	#top-nav{
		margin-bottom: -30px;
	}
	#top-nav ul ul li:nth-child(3n+1), #top-nav ul ul li:nth-child(3n+2), #top-nav ul ul li:nth-child(3n+3){
		width: 100%;
	}
	#top-nav li{
		margin-left: 0;
	}
	.main-navigation ul ul ul{
		left: auto !important;
	}	
	.main-navigation ul{ display: block }
	
	#menu_toggle{
		display: block;
	}
	.main-navigation ul ul, .main-navigation ul ul a, .main-navigation ul ul ul  { left: auto; position: relative; text-transform: capitalize; font-weight: normal; font-size: 13px  }
	
	#top-nav li { font-weight:normal;width: 100%; border-top: none !important; border-bottom:1px solid #dedede }
	
	/* Menu and submenu styling */
	#top-nav #menu.js, li .sub-menu{ display: none }
	
	#top-nav .open, #top-nav .close{ 
		visibility: visible; 
		height: auto;
		position: absolute; 
		z-index: 99999; 
		padding: 8px 20px 10px 15px;
		width: 51px;
		background: none }
	
	#top-nav ul li ul, .main-navigation ul ul a  { width: 100% }
	
	.open-menu-link{
		display: none;
		position: absolute;
		right: 15px;
		top:0;
		line-height: 30px;
		font-size: 30px;
		cursor: pointer }
	li .sub-menu{ opacity: 0; height: 0 }	
	#top-nav .visible { display: block !important; opacity: 1; height: auto }
	
	/*  mobile menu: the corrections... */
	#top-nav ul li ul{ margin-bottom: 15px; margin-top:-20px }
	#top-nav ul li ul:not(*:root) { margin-top: -13px; }
	#top-nav ul ul li:nth-child(3n+1), #top-nav ul ul li:nth-child(3n+2), #top-nav ul ul li:nth-child(3n+3){ margin-top: 0 }
	#top-nav ul ul li:first-child{ margin-top: 1px }
	
	/* the hamburger icon */
	#hamburger {
		border: 0;
		cursor: pointer;
		display: block;
		height: 35px;
		padding: 15%;
		position: relative;
		width: 35px;
		background: #652798;
	}

	/*
	The white stripes in the hamburger button
	*/
	#hamburger div {
		background-color: #fff;
		border: 1px solid #eee;
		border-radius: 2px 2px 2px 2px;
		height: 14%;
		margin: 14% auto;
		width: 90%;
	}
	#menu_toggle{ margin-top: 5px; margin-left: 0px; }
	#top-nav li { 
		padding-top: 3px; 
		padding-bottom: 3px; 
		/* height: 55px; */
	} 
	
	/* General */
	#latest_grid, #our_people #people_grid{ width: 48.15%; margin-right: 3% } /* Two column for tablets */
	
	
	.call_to_action, .quote, .note { 
		margin-right: 0px;  
		width: 80vw;
	}
	
	#news_and_blog #latest_grid, #resources #latest_grid { height: auto } /* Freeing up bits that need automatic height */
	 #featured_grantee #blog .content{ width: 100% }
	
	/* Homepage */
	
	.grid_container {
		width: 50vw;
	}
	#news_and_blog article, #latest_grid article {
		width: auto;
	}
	#latest #latest_grid{ height: 25vw; }
	#about_us .call_to_action { 
		margin-top: -10px;
		flex-wrap: wrap;
	}
	.call_to_action div {
		width: 80%;
		margin-bottom: 20px;
	}
	#theme_link img {
		width: 100%;
		height: auto;
		padding: 0 10px;
	}
	/* Our work */
	#work_grid #people_grid { height: 63vw }
	#work_grid #theme_grid, #grid_item, #theme_grid{ height: 51vw; min-height: 230px }
	#grid_item hgroup, #theme_grid hgroup { padding: 20px 10px 10px; height: auto }
	#people_grid h2 { padding: 10px; line-height: 120% }
	#people_grid .sub_title{ line-height: 120% }
	#grid_item img, #theme_grid img { height: 20vw }
	#grid_item header, #theme_grid header { margin: 5px 0 }
	/* Homepage: Networks and Partnerships */
	#othersites #for_flex div { width: 90%; justify-content: space-around }
	#for_flex div img { width: 100% }
	#for_flex div a {  }
	
	/* Impact page */
	#granttype_grid h2 { 
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 10px 15px;
		height: 10vw }
	
	/* Grant 'thematic areas' page */
	#grid_item h2, #theme_grid h2, .thematic_link h2{ padding: 0 }
	
	.theme_icon { display: none }
	#thematic_area .content{ width: 100% }
	/* Grant types page */
	#grant_types #granttype_grid { height: auto }
	#grid_item img, #theme_grid img { height: 16vw }
	
	/* Our people pages */
	#people_grid, #granttype_grid{ height: auto }
	button.read_more { margin-bottom: 20px }
	#our_people #people_grid { padding-bottom: 0px }
	.modal_dialog .modal_content { margin: 10% auto }
	#people_page .entry-title, .people_style_grid .entry-title { padding-left: 0px }
	#people_grid .modal_content .sub_title { margin-left: -5px }
	#people_grid h2{ max-height: 98px }
	
	
	/* Featured grantees */
	#related #latest_grid { width: 46.95%; }
	.quote, .note, .theme_icon { font-size: 14px }
	
	/* FAQ page */
	.faq a.show, .faq a.hide { margin-left: -50px }
	
	/* News + blog and Resources pages */
	#blog .content { padding: 0px }
	#news_and_blog nav, .filtered_grid nav { width: auto; text-align: center }
	#news_and_blog nav li a, .filtered_grid nav li a, #news_and_blog nav li:nth-child(1) a, .filtered_grid nav li:nth-child(1) a, #news_and_blog nav li:last-child a, .filtered_grid nav li:last-child a {
		border-radius: 7vw;
		padding: 10px 30px;
		width: 124px;
		margin: 5px
	}
	#news_and_blog .small_title, .filtered_grid .small_title { float: none; margin: 0 }
	#news_and_blog nav ul, #news_and_blog nav ol , .filtered_grid nav ul, .filtered_grid nav ol{ margin: 0 auto }
	
	#blog #popular, #blog .page_details{ display: none }
	.explore{ width: 100% }
	#categories h2, #archives h2{ width:90% }
	#blog .page_details_for_mobile{ display: block }	
	
	#news_and_blog #latest_grid {
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    width: 70vw;
    justify-content: space-around;
	}
	#news_and_blog article { width: 33vw }
	
	#news_and_blog .blog_exerpt, #resources .blog_exerpt, #latest .blog_exerpt, #popular .blog_exerpt { height: 89px; width: 41%; float: left }
	
	.content_sec .content{ padding: 14px } /* Regular pages e.g. Resources items */
	
	/* Footer */
	#quick_links, #footer_social h2, .footer_subscribe h2{ display: block }
	.page_bottom #top_frill { height: 7vw; background-size:cover }
	.footer_subscribe,#footer_social{ width:100% }
	#last_links{ display:none }
	#quick_links h2, #footer_social h2, .footer_subscribe h2{ color: #959595; margin-bottom: 20px }
	#quick_links ul{ 
		list-style: none; 
		margin: -5px 0 0 -37px; 		
		font-size:16px;
		line-height: 170% }
	#footer_social{ text-align: left }
	.footer_subscribe h2{ margin-bottom: -14px }
	#copyright{ clear:both }
	#quick_links, #footer_social, .footer_subscribe{ 
		padding-bottom: 15px; 
		border-bottom: 1px solid #CECECE; 
		overflow: hidden 
	}
	#banner-content { width: 70%; padding: 10px 0px 10px 10px; text-align: justify; }
	
	/* General */
	
	/* Homepage */
	.call_to_action #top_frill, #bottom_frill, .note #top_frill, #bottom_frill {
	height: 12vw }
	.side_a_button { height: 21vw; max-height:84px }
	#latest #latest_grid { height: 50vw }
	.latest_more_btn, .reusable { width: 100%; padding: 3.5vw; margin-left:0 }
	#more_latest{ padding-bottom:10px }
	
	/* People pages */
	#our_people #people_grid { padding-bottom: 0px }
	button.read_more { margin: 5px 0px 10px }	
	#our_people #people_grid img{ max-height: 56vw }
	.people_style_grid #people_grid { height: 50vw }
	.people_style_grid .entry-title { padding-left: 0px }
	
	.modal_dialog .modal_content { height: 95vh }
	.modal_photo { width: 55vw }
	.modal_text { width: 90% }
	
	/* Our work pages, grants pages, take action pages */
	.theme_icon, #grid_item .text, #people_grid .text, #grid_item img, #theme_grid img, #ways_of_action #grid_item .icon, #people_grid .text, #people_grid button{ display: none }
	#work_grid h2{ color:#fff }
	#work_grid button{ margin: 5px 0 }
	#work_grid #people_grid{ height: 50vw }
	#work_grid #people_grid #image{ height: 40vw }
	#themes #grid_item .text, #ways_of_action #grid_item .text{ display: block }
	#themes  #grid_item, #grant_types #granttype_grid{ width: 100%; min-height: 0 }
	#themes #grid_item hgroup{ padding: 0px; height: auto }
	#themes #grid_item h2{ padding: 20px 20px 10px }
	#grant_types #granttype_grid{ height: auto }
	
	#work_single{ padding: 0 15px }
	#grid_item hgroup, #theme_grid hgroup { padding: 7px 10px 7px; height: auto }
	#grid_item h2, #theme_grid h2, .thematic_link h2 { padding: 0px 15px }
	
	/* How we give */
	#granttype_grid h2 { 
		font-size: 14px;
		white-space: normal;
		line-height: 120%;height: 18vw 
	}
	#granttype_grid button.read_more { margin: 0px auto 20px; width: auto; padding: 0.59vw 10px }
	
	/* Featured grantees */		
	#featured_grantee .quote, #featured_grantee .page_details{ display: none }
	#featured_grantee .page_details_for_mobile, 	#featured_grantee .quote_for_mobile{ float: none;display: block }
	.thematic_icons img { margin: 0px 2.4%; width: 33% }
	
	#featured_grantee .entry-title, #featured_grantee .entry-content { margin-top: 30px }
	#featured_grantee .quote_for_mobile{ overflow: hidden }
	.quote #quote_mark { height: 56px }
	#featured_grantee .content .featured_image, .featured_image .caption{ height: auto }
	
	/* FAQ page */
	.faq header { height: auto; padding: 10px 56px 10px 10px; }
	
	/* News + blog and Resources pages */
	#news_and_blog nav, .filtered_grid nav { width: auto; text-align: center }
	#news_and_blog nav li a, .filtered_grid nav li a, #news_and_blog nav li:nth-child(1) a, .filtered_grid nav li:nth-child(1) a, #news_and_blog nav li:last-child a, .filtered_grid nav li:last-child a {
		border-radius: 7vw;
		padding: 10px 30px;
		width: 200px;
		margin: 5px
	}
	#news_and_blog .small_title, .filtered_grid .small_title { float: none; margin: 0 }
	#news_and_blog nav ul, #news_and_blog nav ol , .filtered_grid nav ul, .filtered_grid nav ol{ margin: 0 auto }
	#resources .container { width: 100% }
	
	/* Footer */
	#quick_links, #footer_social h2, .footer_subscribe h2{ display: block }
	.page_bottom #top_frill { height: 7vw; background-size:cover }
	.footer_subscribe,#footer_social{ width:100% }
	.gcc_button { float: left; padding-top: 0; clear: both }
	#last_links{ display:none }
	#quick_links h2, #footer_social h2, .footer_subscribe h2{ color: #652798; margin-bottom: 20px }
	#quick_links ul{ 
		list-style: none; 
		margin: -5px 0 0 -37px; 		
		font-size:16px;
		line-height: 170% }
	#footer_social{ text-align: left }
	.footer_subscribe h2{ margin-bottom: -14px }
	#colophon .mc4wp-form-fields input[type="email"] {
		border: 2px solid #707070;
		background: white;
	}
	#copyright{ clear:both }
	#quick_links, #footer_social, .footer_subscribe{ 
		padding-bottom: 15px; 
		border-bottom: 1px solid #CECECE; 
		overflow: hidden 
	}
	#attribution {
		padding: 10px 10% 50px;
		display: flex;
		flex-direction: column;
	}
		
	
	.flex-control-nav{
		bottom: auto;
		right: auto;
		left: auto;
	}
	.flexslider .slides > li{
		height: auto;
	}
	#quick_links, #footer_social, .footer_subscribe{
		padding: 0 4% 4%;
	}
	.footer_subscribe{
		padding: 0;
	}
	#footer_social a{
		height: 40px;
		width: 40px;
		border-radius: 40px;
		margin-right: 5px;
	}
	#footer_social .fa {
		margin: 0px 12px;
		font-size: 26px;
	}
	.thematicgridcontainer a{
		width: 100%;
	}

	#latest #latest_grid{
		height: auto;
		margin: 5px 0;
	}
	#news_and_blog .blog_exerpt, #resources .blog_exerpt, #latest .blog_exerpt, #popular .blog_exerpt{
		width: auto;
		height: auto;
	}
	#othersites h1{
		width: 95%;
	}
	#othersites div{
		width: 100%;
		height: auto !important;
	}
	#othersites div a{
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		min-width: auto;
		max-width: 90%;
		margin-top: -70px;
		margin-bottom: 70px;
	}
	#founderlist .fbio,
	#founderlist .fthumb{
		width: auto;
		height: auto;
	}
	#founderlist .fbio,
	.fthumb img{
		max-width: 100%;
	}

	#our_people #people_grid{
		width: auto;
		height: auto;
		margin: 0;
	}
	#people_grid #image{
		height: auto;
		max-height: none;
	}

	#our_people #people_grid img{
		max-width: 100%;
		height: auto;
		max-height: none;
	}
	#people_intro .content, #how_we_give_intro .content{
		padding: 5%;
	}
	#people_page #people_grid, .people_style_grid #people_grid, #work_grid #people_grid, #grid_item, #theme_grid, #related #latest_grid{
		width: 100%;
		max-height: none;
	}
	.people_style_grid #people_grid,
	#people_page #people_grid .image, .people_style_grid #people_grid .image{
		height: auto;
	}
	.job .jobtitle,
	.job .joblink{
		width: 100%;
		margin-bottom: 15px;
	}
	.page .jobs .job{
		padding: 4%;
	}
	.page .call_to_action{
		width: 100%;
	}
	#granteegrid .griditem,
	.purplegrid .griditem, .future-products .future-product{
		width: 100%;
		margin-right: 0;
	}
	.griditem .back{
		min-width: 100%;
	}
	#work_grid #theme_grid, #grid_item, #theme_grid{
		height: auto;
	}
	#flcontent .content, #take_action .content{
		width: 100%;
	}
	#ways_of_action  #theme_grid hgroup,
	#ways_of_action #theme_grid{
		width: 100%;
	}
	#sheroes .flexslider .slides > li{
		height: auto;
	}
	.page .shero{
		width: 100%;
		margin-right: 0;	
	}
	#department_intro {
		flex-direction: column;
		height: 105vw;
	}
	#department_intro figure img {
		width: 100vw;
		height: 56.3vw;
	}
	#department_intro .content {
		width: 95vw;
		min-width: 283px;
		min-height: 242px;
	}
	#department_intro:after {
		margin-top: 105vw;
	}
	#latest .blog_exerpt, #department_resources .blog_exerpt {
		width: fit-content;
		margin-top: 10px;
	}
	.grid_container {
		margin: 10px;
	}
	#focus_areas .focus_icon, #focus_areas a {
		min-width: 190px
	}
	#department_resources .blog_exerpt {
		width: 100%
	}
}
/* Stopgap styling under 690px for sidebars 
=============================================*/
@media only screen and (max-width: 690px) {
	#grants_intro .content, .facts, #about_us article, #who_we_are .content, #history .content, #featured_grantee .content, #blog .content, #grant_criteria .content, #thematic_area .content, #vision_mission .content, #awdf_usa .content, .text_greybg_with_stats .content, .grid_single_section .content, #resources .container, .call_to_action, .content_sec .content, .quote, .note{ width: 100% }
	#resources .container { min-height: 141px }
	
}

/* Mobile > Styling under 568px 
================================*/

@media only screen and (max-width: 568px) {
	/* header */
	#header_buttons{ 
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#banner-content { width: 70%; padding: 10px 0px 10px 10px; text-align: justify; }
	
	#menu_toggle{ margin-top: 5px; margin-left: 0px; }
	#top-nav li { padding-top: 3px; padding-bottom: 3px; }
	.site-branding {
		padding: 0 5% 20px;
	}
	
	/* General */
	.grid_container { 
		flex-direction: column; 
	}
	.thematic_link {
		width: auto
	}
	#theme_link img {
		width: 23vw;
	}
	ul, ol { margin: 0px }
	
	
	
	/* Affects all grids at screen size 568 and below! */
	#latest_grid, #people_grid,#featured_grantee .content .featured_image{ width: 100% } 
	
	#people_grid, #people_grid img, #our_people #people_grid img, #people_page #people_grid, .people_style_grid #people_grid, #work_grid #people_grid, #featured_grantees #people_grid img, #featured_grantees #people_grid, #featured_grantee .quote .quote_container, #featured_grantee .quote{ height: auto } /* Freeing up fixed heights */
		
	#people_page #people_grid, .people_style_grid #people_grid, #work_grid #people_grid, #grid_item, #theme_grid , #related #latest_grid{ width: 46.95%; } /* 2 column grids for mobile */
	#people_grid:nth-child(3n+1), #work_grid #people_grid:nth-child(3n+3), #grid_item:nth-child(3n+1), #theme_grid:nth-child(3n+1){ margin-right: 3.03% } /* reseting the 3rd child margins */
	
	/* Homepage */
	#about_us .article_content {
		padding: 40px;
		width: 80vw
	}
	.call_to_action #top_frill, #bottom_frill, .note #top_frill, #bottom_frill {
    height: 12vw }
	.side_a_button { height: 21vw; max-height:84px }
	#latest #latest_grid { height: 50vw }
	.latest_more_btn, .reusable { width: 100%; padding: 3.5vw; margin-left:0 }
	#more_latest{ padding-bottom:10px }
	
	.thematic_link{
		width: 100% !important;
	}
	.thematicgridcontainer a{
		width: 100%;
		margin-right: 0;
	}
	
	/* People pages */
	#our_people #people_grid { padding-bottom: 0px }
	button.read_more { margin: 5px 0px 10px }	
	#our_people #people_grid img{ max-height: 56vw }
	.people_style_grid #people_grid { height: 50vw }
	.people_style_grid .entry-title { padding-left: 0px }
	
	.modal_dialog .modal_content { height: 95vh }
	.modal_photo { width: 55vw }
	.modal_text { width: 90% }
	
	/* Our work pages, grants pages, take action pages */
	.theme_icon, #grid_item .text, #people_grid .text, #grid_item img, #theme_grid img, #ways_of_action #grid_item .icon, #people_grid .text, #people_grid button{ display: none }
	#work_grid h2{ color:#fff }
	#work_grid button{ margin: 5px 0 }
	#work_grid #people_grid{ height: 50vw }
	#work_grid #people_grid #image{ height: 40vw }
	#themes #grid_item .text, #ways_of_action #grid_item .text{ display: block }
	#themes  #grid_item, #grant_types #granttype_grid{ width: 100%; min-height: 0 }
	#themes #grid_item hgroup{ padding: 0px; height: auto }
	#themes #grid_item h2{ padding: 20px 20px 10px }
	#grant_types #granttype_grid{ height: auto }
	
	#work_single{ padding: 0 15px }
	#grid_item hgroup, #theme_grid hgroup { padding: 7px 10px 7px; height: auto }
	#grid_item h2, #theme_grid h2, .thematic_link h2 { padding: 0px 15px }
	
	/* How we give */
	#granttype_grid h2 { 
		font-size: 14px;
		white-space: normal;
		line-height: 120%;height: 18vw 
	}
	#granttype_grid button.read_more { margin: 0px auto 20px; width: auto; padding: 0.59vw 10px }
	
	/* FAQ page */
	.faq header { height: auto; padding: 10px 56px 10px 10px; }
	
	/* News + blog and Resources pages */
	#news_and_blog nav, .filtered_grid nav { text-align: center }
	#news_and_blog .small_title, .filtered_grid .small_title { float: none; margin: 0 }
	#news_and_blog nav ul, #news_and_blog nav ol , .filtered_grid nav ul, .filtered_grid nav ol{ margin: 0 auto }
	#resources .container { width: 100% }
	
	/* Footer */
	#quick_links, #footer_social h2, .footer_subscribe h2{ display: block }
	.page_bottom #top_frill { height: 7vw; background-size:cover }
	.footer_subscribe,#footer_social{ width:100% }
	.gcc_button { float: left; padding-top: 0; clear: both }
	#last_links{ display:none }
	#quick_links ul{ 
		list-style: none; 
		margin: -5px 0 10px -37px; 		
		font-size:16px;
		line-height: 170% }
	#footer_social{ text-align: left }
	.footer_subscribe h2{ margin-bottom: -14px }
	#copyright{ clear:both }
	#quick_links, #footer_social, .footer_subscribe{ 
		padding-bottom: 15px; 
		border-bottom: 1px solid #CECECE; 
		overflow: hidden }
	
	.main-navigation .menu { margin-top: 43px }
	.footer_subscribe{
		padding: 0;
	}
	#footer_social a{
		height: 40px;
		width: 40px;
		border-radius: 40px;
		margin-right: 5px;
	}
	#footer_social .fa {
	    margin: 0px 12px;
	    font-size: 26px;
	}
	#attribution {
		padding: 10px 10% 70px;
	}

	#latest #latest_grid{
		height: auto;
		margin: 5px 0;
	}
	#news_and_blog .blog_exerpt, #resources .blog_exerpt, #latest .blog_exerpt, #popular .blog_exerpt{
		width: auto;
		height: auto;
	}
	#othersites h1{
		width: 95%;
	}
	#othersites div{
		width: 100%;
		height: auto !important;
	}
	#othersites div a{
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		min-width: auto;
	}
	/* History page */
	#founderlist .fbio,
	#founderlist .fthumb{
		width: auto;
		height: auto;
	}
	#founderlist .fbio,
	.fthumb img{
		max-width: 100%;
	}
	
	/* People pages */

	#our_people #people_grid{
		width: auto;
		height: auto;
		margin: 0;
	}
	#people_grid #image{
		height: auto;
		max-height: none;
	}

	#our_people #people_grid img{
		max-width: 100%;
		height: auto;
		max-height: none;
	}
	#people_intro .content, #how_we_give_intro .content{
		padding: 5%;
	}
	#people_page #people_grid, .people_style_grid #people_grid, #work_grid #people_grid, #grid_item, #theme_grid, #related #latest_grid{
		width: 100%;
		max-height: none;
	}
	.people_style_grid #people_grid,
	#people_page #people_grid .image, .people_style_grid #people_grid .image{
		height: auto;
	}
	/* Jobs page */
	.job .jobtitle,
	.job .joblink{
		width: 100%;
		margin-bottom: 15px;
	}
	.page .jobs .job{
		padding: 4%;
	}
	.page .call_to_action{
		width: 100%;
	}
	/* Grantee page */
	#granteegrid .griditem,
	.purplegrid .griditem, .future-products .future-product{
		width: 100%;
		margin-right: 0;
	}
	.griditem .back{
		min-width: 100%;
	}
	/* ? page */
	#flcontent .content, #take_action .content{
		width: 100%;
	}
	/* Take Action page */
	#ways_of_action  #theme_grid hgroup,
	#ways_of_action #theme_grid{
		width: 100%;
	}
	/* Sheroes page */
	#sheroes .flexslider .slides > li{
		height: auto;
	}
	.page .shero{
    	width: 100%;
    	margin-right: 0;	
	}
	
	/* New Department pages */
	#focus_areas h2, #department_resources h2 {
		margin-top: 30px
	}
	#department_resources #latest_grid {
		margin-bottom: 30px
	}
	#department_resources .blog_exerpt {
		margin-top: 20px
	}
}

@media only screen and (max-width: 460px) {
	.site-branding {
		padding-bottom: 0;
		flex-wrap: wrap;
	}
	#searchform input {
		width: 35vw;
		padding-left: 2vw
	}
	#thematic_areas .for_flex div {
		text-align: center;
	}
	.thematicgridcontainer a {
		max-height: 280px
	}
	#theme_link img {
		width: 53vw;
	}
	/* Grantee page */
	#grantee_search #search_area {
		margin: 30px auto;
	}
}

/* AWDF-Specific Styling Indexed by Line Number
/* ==============================================

AWDF styling 				line 739
	top banner (cookies) 	line 756
header 						line 783
	header search 			line 940
	top/main nav 			line 980	
homepage content styling 	line 1044
pre-footer - the twitter feed 				line 1191
general page content styling 				line 1294
footer stuff 				line 1386
who we are page styling 	line 1487
impact 						line 1545
quote styling 				line 1548
people grid 				line 1577
people page styling 		line 1628
modal for people page 		line 1636
our work page styling 		line 1697
individual work page styling 				line 1705
impact page styling 		line 1709
featured grantee page styling 				line 1717
individual blog page styling 				line 1776
grants page styling 		line 1847
	grant section 			line 1924
faq section 				line 1966
individual (basic) page 	line 2092
news + blog 				line 2109
regular page styling 		line 2180
quotes styling 				line  2184
404 styling 				line 2187
resources page styling 		line 2205
take action page styling 	line 2214
search results page styling line 2231
contact page styling 		line 2254
	contact form quiz styles 				line 2313
sitemap styling 			line 2323
the apply page's application form styling 		line 2363

Later edits and style changes 				line 2386
shutting down fullscreen 
  from some sections 						line 2387
creating the background effect sitewide 	line 2402
making the wide sections narrow/colouring 
  the not_full_screen containters 			line 2427
transposh plugin stylings 					line 2481
...and finally (assorted style additions) 	line 2494
	page effects 							line 2538
gutenberg related styles 					line 3455
	styling for wide and full width blocks 	line 3458

dated 1st October, 2020
 */