/*
	Theme Name: EngenderHealth 2018
	Theme URI: http://engenderhealth.org
	Description: Migrated EngenderHealth Theme
	Version: 1.4.5
	Author: Todd Motto (HTML5 source) and Tor de Vries (customization)
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/****
Color notes:
#9a0452 == magenta link background
#e2e0d1 == average tan of background
#ffffff == background white
#ff7a01 == orange
****/

@import url("//hello.myfonts.net/count/263d9a");
@font-face {font-family: 'Avenir';font-weight: bold;font-style: normal;src: url('/webfonts/263D9A_0_0.eot');src: url('/webfonts/263D9A_0_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/263D9A_0_0.woff') format('woff'),url('/webfonts/263D9A_0_0.ttf') format('truetype'),url('/webfonts/263D9A_0_0.svg#wf') format('svg');}
@font-face {font-family: 'Avenir';font-weight: normal;font-style: normal;src: url('/webfonts/263D9A_1_0.eot');src: url('/webfonts/263D9A_1_0.eot?#iefix') format('embedded-opentype'),url('/webfonts/263D9A_1_0.woff') format('woff'),url('/webfonts/263D9A_1_0.ttf') format('truetype'),url('/webfonts/263D9A_1_0.svg#wf') format('svg');}


/* box-sizing global reset */

html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Avenir', Arial, sans-serif;
}

*, *:before, *:after {
	box-sizing: inherit;
	font-family: inherit;
}



/* global page layout */



body {
	background-color: #ffffff;
	font-family: 'Avenir', Arial, sans-serif;
}

a.stc, a.stcHide a, a.stcHide img {
	position: fixed;
	width: 1px;
	height: 1px;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

div.pageBox {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 970px;
	height: auto;
	overflow: auto;
}

div.contentMain {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding-bottom: 45px; /* match the weaveEdge height */
	width: 970px;
	height: auto;
	background-image: url('img/elements/background-weave.jpg');
	overflow-y: hidden;
	overflow-x: hidden;
	border-radius: 0 0 5px 5px;
	min-height: 200px;
}

div.contentMain div {
	z-index: 100;
}

div.contentMain main h1 {
	padding-bottom: 3px;
}

div.contentMain main h2 {
    font-size: 17px;
    font-family: Avenir, arial, sans-serif;
    color: #9a0452;
    margin: 0;
    padding-top: 12px;
}

div.contentMain main h2.bodySubtitle {
    color: #666;
    font-weight: normal;
    padding-top: 0;
    margin-bottom: 16px;
}


div.weaveEdge {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url('img/elements/weave-dot-strip.jpg');
	background-repeat: no-repeat;
}

header div.weaveEdge { background-position: center center; height: 8px; } /* match the header padding-bottom */
div.contentMain div.weaveEdge { background-position: center bottom; height: 45px; z-index: 2; } /* match the contentMain padding-bottom */
div.contentMain div.weaveEdgeTop { top: 100px; bottom: auto; background-position: center center; height: 8px; z-index: 2; }

header {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 12px 0; /* match the weaveEdge height +4 */
	top: 0;
	left: 0;
	background-image: url('img/elements/background-weave.jpg');
	overflow: auto;
	z-index: 10001;
}

div.headLogo {
	position: relative;
	float: left;
	clear: left;
	width: 17%;
	height: 100%;
	margin: 1% 0 0 2%;
	padding: 0;
}

div.headLogo img {
	width: 100%;
	height: auto;
}

div.headLinks {
	width: 75%;
	height: 30%;
	float: right;
	clear: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.headLinks a {
	margin: 0 0 0 15px;
	padding: 5px 0 3px 15px;
	border-left: 1px solid #b8b59f;
	text-decoration: none;
	color: #000;
	font-size: 125%;
}

div.headLinks a.headSocial {
	padding: 0;
}

div.headLinks a.headSocial, div.headLinks a.headHome {
	border: none;
}

body.home a.headAboutUs { border-left: none; }
body.home a.headHome { display: none; }

div.headMajorLinks {
	margin: 27px 23px 0 0;
}

div.headLinks a.headSocial {
	margin-left: 7px;
}

div.headLinks a.headSocial img {
	height: 28px;
	width: auto;
	vertical-align: middle;
	padding-bottom: 4px;
}

div.headMinorLinks {
	margin: 25px 25px 0 0;
}

div.headLinks.headMinorLinks a {
	font-size: 100%;
	float: right;
	margin-top: 1px;
}

div.headLinks.headMinorLinks a:hover, div.headLinks a.headSubscribe:hover, div.headLinks a.headDonate:hover {
	text-decoration: underline;
}

div.search {
	float: right;
	padding-left: 15px;
	padding-right: 0;
	margin-right: 0;
}

input.searchBox, input.searchIcon {
	height: 30px;
	vertical-align: middle;
	margin-right: 0;
	padding-right: 0;
}

input.searchBox {
	border: solid 1px #bbb;
	border-right-style: none;
	padding-left: 4px;
	width: 150px;
	color: #aaa;
}

input.searchBox:focus {
	color: #000;
}

div.searchClicked input.searchBox {
	color: #000;
}

input.searchIcon {
	padding: 2px;
	background-color: #fff;
	border: solid 1px #bbb;
	border-left-style: none;
}



/****************** page content top ******************/

div.contentTop {
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 970px;
	height: 100px;
	z-index: 100;
	background-image: url('img/elements/header-subpage.jpg');
}

body.page-template-template-section div.contentTop, body.section-media div.contentTop.contentBlog {
	height: 252px;
	background-position: top center;
}

body.section-media div.contentTop { margin-top: 0; }

body.section-media main article {
	padding-top: 20px;
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

body.section-media.single-post main article, body.section-media.page-template-default main article {
	border-bottom: none;
}

body.section-media.single-post main article h1 {
	margin-top: 0;
}

body.world-map div.contentTop {
	height: 504px;
}

body.page-template-template-section div.contentTop div.breadcrumbs,
body.page-template-template-map div.contentTop div.breadcrumbs,
body.page-template-template-map-2019 div.contentTop div.breadcrumbs
{
	display: none;
}

body.page-template-template-section div.contentMain div.weaveEdgeTop, body.section-media div.weaveEdgeTop.weaveEdgeBlog {
	top: 252px;
}

body.page-template-template-section div.sectionUnit {
	float: left;
	width: 100%;
	clear: both;
	margin: 20px 10px 20px 0;
	border: none;
}

body.page-template-template-section div.sectionUnit img {
	float: left;
	width: 12%;
	height: auto;
	border-radius: 5px;
}

body.page-template-template-section div.sectionUnit h1, body.page-template-template-section div.sectionUnit p, body.section-media div.sectionUnit p {
	padding: 0;
	margin: 0;
	float: right;
	width: 86%;
}


div.contentTop h1 {
	position: absolute;
	font-size: 24px;
	font-weight: normal;
	bottom: 0px;
	left: 9px;
	width: 245px;
	height: 50px;
	color: #fff;
	padding: 15px 0 0 12px;
	margin: 0;
	background-color: #ff7a01;
	border-radius: 5px 5px 0 0;
	z-index: 50;
}

body.page-template-template-section div.contentTop h1,
body.section-media div.contentTop h1,
body.page-template-template-map div.contentTop h1,
body.page-template-template-map-2019 div.contentTop h1
{
	height: 202px;
}

body.section-media.tagPage div.contentTop h1, body.section-media.single-post div.contentTop h1, body.section-media.page-template-default div.contentTop h1 {
	height: 50px;
}

body.page-template-template-section div.contentTop p,
body.page-template-template-map div.contentTop p,
body.page-template-template-map-2019 div.contentTop p,
body.section-media div.contentTop p
{
	position: absolute;
	font-size: 13.5px;
	line-height: 22px;
	font-weight: normal;
	bottom: 0px;
	left: 9px;
	height: 137px;
	width: 245px;
	padding: 0 12px 0 12px;
	color: #fff;
	z-index: 1000;
}

body.page-template-template-section.section-pubs div.contentTop p {
	height: 107px;
}

div.contentTop div.breadcrumbs {
	position: absolute;
	font-size: 75%;
	text-align: left;
	color: #fff;
	padding: 0;
	margin: 0;
	width: 695px;
	bottom: 2vh;
	right: 0;
}

div.contentTop div.breadcrumbs a {
	color: #fff;
	text-decoration: none;
	padding: 0 0.6vh 0 0.6vh;
}

div.contentTop div.breadcrumbs a:hover {
	text-decoration: underline;
}




/****************** MAIN MENU ******************/

nav.navMain {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 35px;
	width: 970px;
	z-index: 1000;
	background-image: url('img/elements/menu-tint-square.png');
	background-repeat: repeat-x;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav ul li {
	padding-right: 10px;
}

#nav a {
	display: block;
	color: #222;
	text-decoration: none;
	font-size: 15px;
	line-height: 16px;
	padding: 11px 0px 8px 0px;
	margin: 0;
	white-space: nowrap;
	background-image: url('img/elements/menu-tint-divider.png');
	background-repeat: no-repeat;
	background-position: right top;
}

#nav li li a {
	white-space: normal;
}

#nav li.nav-do a, #nav li li a {
	background-image: none;
}

#nav li ul li a:hover {
	background-color: #fc7b00;
	color: #fff;
}

#nav li ul li.menu-item-has-children a, #nav li ul li.menu-item-has-children a:hover {
	background-image: url('img/elements/menu-subarrow.png');
	background-position: top left;
}

#nav li.nav-do ul li.menu-item-has-children a, #nav li.nav-do ul li.menu-item-has-children a:hover {
	background-image: url('img/elements/menu-subarrow-left.png');
	background-position: top left;
}

#nav li ul li.menu-item-has-children ul li a, #nav li ul li.menu-item-has-children ul li a:hover, #nav li.nav-do ul li.menu-item-has-children ul li a, #nav li.nav-do ul li.menu-item-has-children ul li a:hover{
	background-image: none;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	list-style: none;
	text-align: center;
	margin-left: 1px;
}

/*
#nav li.nav-our-work { width: 123px; margin-left: 0px; }
#nav li.nav-our-countries { width: 154px; }
#nav li.nav-our-impact { width: 129px; }
#nav li.nav-pubs { width: 230px; }
#nav li.nav-media { width: 145px; }
#nav li.nav-do { width: 184px; }
*/
#nav li.nav-about, #nav li.nav-legal { display: none; }

#nav li.nav-our-work { width: 11%; margin-left: 0px; }
#nav li.nav-our-countries { width: 15%; }
#nav li.nav-our-impact { width: 13%; }
#nav li.nav-pubs { width: 26%; }
#nav li.nav-media { width: 14%; }
#nav li.nav-do { width: 19.5%; }


#nav li ul { /* second-level lists */
	position: absolute;
	background-image: url('img/elements/menu-tint-square-95.png');
	width: 250px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom: solid 1px #bbb;
}

#nav li ul li {
	width: auto;
	clear: both;
	border-top: solid 1px #bbb;
	text-align: left;
	margin-left: 0;
	padding-right: 0;
}

#nav li ul li.menu-item-has-children {
}

#nav li ul li a {
	width: 250px;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 0px 8px 9px;
	color: #000;
}

#nav li ul li ul li {
	border-left: solid 1px #bbb;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -37px 0 0 245px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li.nav-our-work li.with-major-projects:hover ul {
	margin-top: -297px;
}

#nav li.nav-our-countries li.with-africa:hover ul {
	margin-top: -197px;
}

#nav li.nav-our-countries li.with-recent:hover ul {
	margin-top: -313px;
}

#nav li.nav-do:hover ul {
	right: 0px;
}

#nav li.nav-do ul li:hover ul {
	left: -490px;
}

#nav li.nav-do ul li ul li {
}

#nav li:hover ul, #nav li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul,
#nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

#nav li.nav-do:hover ul ul {
	left: -999em;
}

#nav li, #nav li.sfhover {
	cursor: pointer;
}





/****************** page content left ******************/

div.contentLeft {
	float: left;
	width: 254px;
	margin: 0;
}

div.sbConnect {
	position: relative;
	float: right;
	height: 5px;
	width: 245px;
	z-index: 300;
	background-color: #a89b88;
	background-image: url('img/elements/submenu-connector.gif');
}

nav.navLeft {
	position: relative;
	float: right;
	width: 245px;
	background-color: #a89b88;
	border-radius: 0 0 5px 5px;
	margin-bottom: 4vh;
	box-shadow: 0px 5px 10px -5px #777;
	z-index: 300;
}

nav.navLeft a {
	text-decoration: none;
	font-size: 110%;
}

nav.navLeft ul {
	padding: 3px 0 0 0px;
	margin: 0;
	list-style-type: none;
}

nav.navLeft ul li {
	list-style: none;
	padding: 0 0 0 0;
	font-size: 13px;
	border-bottom: 1px dashed #938a7f;
}

nav.navLeft > ul > li > ul {
	display: none;
}

nav.navLeft > ul > li.current-menu-ancestor > ul, nav.navLeft > ul > li.current_page_item > ul {
	display: block;
}

nav.navLeft ul li a {
	display: block;
	color: #fff;
	padding: 8px 12px 6px 12px;
	margin: 0px 0 0 0;
	line-height: 16px;
}

nav.navLeft ul li a:hover, nav.navLeft ul li.current-menu-item a, nav.navLeft ul li.current_page_item a, nav.navLeft ul li.current-menu-ancestor a {
	text-decoration: none;
	background-color: #9a0452;
}

nav.navLeft ul li.current-menu-item a, nav.navLeft ul li.current-menu-ancestor a {
	margin-bottom: 0;
}

nav.navLeft ul li.current-menu-item ul, nav.navLeft ul li.current-menu-ancestor ul {
	background-color: #827663;
	border-bottom: solid 1px #716656;
	margin-top: 0;
}

nav.navLeft ul li.current-menu-item ul li, nav.navLeft ul li.current-menu-ancestor ul li {
	border-bottom: 1px dashed #756a5a;
}

nav.navLeft ul li.current-menu-item ul li a, nav.navLeft ul li.current-menu-ancestor ul li a {
	background-color: transparent;
	padding-left: 30px;
}

nav.navLeft ul li.current-menu-ancestor ul li.current-menu-item {
	background-color: transparent;
}

nav.navLeft ul li.current-menu-ancestor ul li.current-menu-item a {
	background-color: transparent;
}

nav.navLeft ul li.current-menu-ancestor ul li.current-menu-item a:hover, nav.navLeft ul li.current_page_item ul li.current-menu-item a:hover {
	background-color: #9a0452;
}

nav.navLeft ul li.current-menu-ancestor ul li.current-menu-item a {
	background-color: #9a0452;
	padding: 5px 0px 5px 12px;
	margin: 2px 12px 2px 18px;
	border-radius: 4px;
}

nav.navLeft ul li.current-menu-ancestor ul li a:hover, nav.navLeft ul li.current_page_item ul li a:hover {
	background-color: #9a0452;
}

nav.navLeft ul li.current-menu-ancestor ul li.current-menu-item a:hover {
	background-color: #9a0452;
	padding: 7px 12px 7px 30px;
	margin: 0;
	border-radius: 0;
}

nav.navLeft ul li.toHome a {
	border-radius: 0 0 5px 5px;
}

nav.navLeft ul li.current-menu-item, nav.navLeft ul li:last-child, nav.navLeft ul li.current-menu-item ul li:last-child {
	border-bottom: none;
}


/*** twitter feed box -- also see the perfect-scrollbar JS/CSS ***/

div.twitterFeed {
	position: relative;
	float: left;
	width: 245px;
	margin: 0 0 10px 10px;
	border-radius: 5px;
	box-shadow: 0px 5px 10px -5px #777;
}

body.home div.twitterFeed {
	width: 275px;
	height: 275px;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}

div.twitterHeader, div.twitterFollow {
	position: relative;
	float: right;
	width: 245px;
	height: 26px;
	padding: 5px 0 0 8px;
	background-color: #71654a;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}

body.home div.twitterHeader, body.home div.twitterFollow { width: 100%; }

div.twitterFollow {
	height: 30px;
	background-color: #c9b587;
	border-radius: 0 0 5px 5px;
}

div.twitterHeader a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}

div.twitterBox {
	position: relative;
	margin: 0 auto;
	padding-bottom: 8px;
	width: 100%;
	height: 213px;
	background-color: #c9b587;
	overflow-y: scroll;
}

body.home div.twitterBox { width: 100%; }

div.twitterBox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.twitterBox li, div.ctf-tweets {
	list-style: none;
	font-size: 12px;
	padding: 8px;
	border-bottom: dashed 1px #a08f69;
}

div.twitterBox li:hover, div.ctf-item:hover {
	background-color: #d3c5a6;
}

div.ctf-item {
	padding: 2px 2px 2px 2px;
}

div.twitterBox li a {
	color: #511933;
	text-decoration: none;
}

div.twitterBox li a:hover {
	color: #511933;
	border-bottom: solid 1px #786a4a;
	text-decoration: none;
}

div.buttonDonate {
	position: relative;
	float: left;
	width: 245px;
	margin: 10px 0 10px 10px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 5px 10px -5px #777;
	background-color: #ff7900;
	text-align: center;
}

div.buttonDonate:hover {
	background-color: #fff;
}

div.buttonDonate a {
	color: #000;
	text-decoration: none;
	font-size: 110%;
	margin-top: 2px;
}

div.buttonDonate:hover a {
	color: #ff7900;
}



/**** main content ****/

main {
	position: relative;
	float: right;
	width: 695px;
	margin-bottom: 10vh;
}

main a { text-decoration: none; color: #a00054; border-bottom: 1px dotted #cdb0bf; }
main a:hover { color: #600e39; border-bottom: 1px solid #600e39; }
main aside a, main aside a:hover { border-bottom: none; }

main img.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

main p, main h1, main h2, main h3, main ul, main ol {
	/* margin-right: 3vw; rm 20180726 toddzeldin */
	margin-right: 40px;
}

main h1, main h2 {
	/* margin-top: 2vw; rm 20180726 toddzeldin */
	margin-top: 25px;
	color: #9a0452;
}

main h1 {
	font-size: 150%;
	padding-bottom: 0.5vh;
}

main p, main li {
	font-family: 'EB Garamond', Times New Roman, serif;
	font-size: 115%;
	line-height: 145%;
}

body.home main p, body.home main li {
	font-family: 'Avenir', Arial, sans-serif;
}

main ul, main ol {
	margin: 0 0 2vw 0;
	list-style-type: none; /* but see custom bullets in the li:before */
}

main li {
	margin-bottom: 1vw;
}

main li:before { /* custom bullets */
	background-color: #9a0452;
	border-radius: 50%;
	content: "";
	display: inline-block;
	margin-left: -15px;
	margin-right: 10px;
	margin-bottom: 3px;
	height: 5px;
	width: 5px;
}

main aside {
	position: relative;
	float: right;
	width: 190px;
	margin: 4vw 0.5vw 3vw 1vw;
	font-family: 'Avenir', Arial, sans-serif;
	font-size: 80%;
}

main aside.postText {
	display: none;
}

main aside img {
	width: 170px;
	height: auto;
	background-color: #fff;
	padding: 6px;
	border-radius: 5px;
	box-shadow: 0px 5px 7px -5px #777;
	margin-bottom: 16px;
}

main aside p {
	width: 170px;
	height: auto;
	color: #000;
	background-color: #fff;
	padding: 6px;
	border-radius: 5px;
	box-shadow: 0px 5px 7px -5px #777;
	margin-bottom: 16px;
}


main aside h1.related {
	background-color: #9ca584;
	font-size: 100%;
	padding: 10px;
	margin: 0 1vw 0 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
}

main aside ul.related {
	list-style-type: none;
	padding: 0 0 0.5vw 0;
	margin: 0 1vw 0 0;
	background-color: #f3ffd2;
	border-radius: 0 0 5px 5px;
	background-image: url('img/elements/sidebar-trim-dot.gif');
	background-position: bottom left;
	background-repeat: repeat-x;
	box-shadow: 0px 5px 7px -5px #777;
}

main aside ul.related ul {
	box-shadow: none;
	background-image: none;
}

main aside ul.related li.withChild a::after {
	content: '\25BC';
	color: #c6ceb2;
	float: right;
	padding-right: 8px;
	font-weight: normal;
	text-decoration: none;
}

main aside ul.related li.opened.withChild a::after {
	content: '\25B2';
}

main aside ul.related li.withChild li a::after, main aside ul.related li.opened.withChild li a::after {
	content: '';
}

main aside ul.related li {
	font-family: 'Avenir', Arial, sans-serif;
	font-size: 100%;
	padding: 1vw 0 1vw 1vw;
	margin: 0 0 0 0;
	border-top: 1px dashed #c6ceb2;
}

main aside ul.related li:first-child {
	border-top: none;
}

main aside ul.related li:before {
	background-color: transparent;
}

main aside ul.related li a {
	color: #000;
}

main aside ul.related li a:hover {
	text-decoration: underline;
}

main aside ul.related ul {
	list-style-type: none;
	padding: 4px 0 0 0;
	margin: 0 0 6px 0;
	background-color: transparent;
	display: none;
}

main aside ul.related ul li {
	padding: 6px 1vw 6px 12px;
	color: #c6ceb2;
}

main aside ul.related ul li:first-child {
	border-top: 1px dashed #c6ceb2;
}


main aside ul.related li:hover a, main aside ul.related li.opened a {
	font-weight: bold;
}

main aside ul.related li:hover li a, main aside ul.related li.opened li a {
	font-weight: normal;
}

main p.socialShare {
	float: left;
	width: 95%;
	font-family: 'Avenir', Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 70%;
	border-top: 1px solid #a89b88;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

div.addthisBox {
	min-height: 48px;
}


.video-responsive-container {
	width: 95%;
	position: relative;
	padding-bottom: 53.5%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	z-index: 5000;
}

.video-responsive-container iframe, .video-responsive-container object, .video-responsive-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*************** HOME ******************/

body.home main {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 10vh;
}

body.home main a {
	color: #fff;
	border-bottom: none;
}

div#mainPhoto {
    width: 970px;
    height: 358px;
    overflow: hidden;
    z-index: 99;
}

div.owl-item {
    width: 970px;
    height: 358px;
    z-index: 100;
}

div.owl-item img.photoSlidePic {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 970px;
    height: 337px;
    z-index: 100;
}

div.owl-item img.photoSlideFlower {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 300px;
    height: 371px;
    z-index: 101;
}

div.owl-item div.photoSlideText {
    position: absolute;
    top: 0;
	right: 0;
	padding-top: 32px;
	padding-right: 20px;
    width: 240px;
    height: 200px;
    z-index: 102;
}

div.owl-item div.photoSlideText h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 10px;
    font-weight: normal;
}

div.owl-item div.photoSlideText h1 a {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}

div.owl-item div.photoSlideText ul {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0 0 0 50px;
}

div.owl-item div.photoSlideText li {
    list-style-type: none;
    padding: 8px 0 8px 0;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    color: #111;
    border-top: solid 1px #e26e00;
}

main div.owl-item div.photoSlideText li:before { /* custom bullets */
	display: none;
}

div.owl-item div.photoSlideText li a {
    color: #000;
    font-weight: bold;
}

div.panelSeeds {
    position: relative;
    float: left;
    width: 100%;
    height: 7px;
    background-image: url('https://www.engenderhealth.org/wp-content/uploads/imports/images/panel/all-seeds.png');
	background-position: left 1px;
	background-repeat: repeat-x;
}

body.home div.twitterFeed div.panelSeeds {
	background-color: #c9b587;
}

div#panelNews {
    position: relative;
    float: left;
    margin-left: 10px;
	margin-bottom: 10px;
    width: 275px;
    height: 275px;
    background-color: #adc3ca;
    overflow: hidden;
    z-index: 50;
    box-shadow: 0px 5px 10px -5px #777;
    border-radius: 5px;
}

div#panelNewsHead {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    background-color: #5e92a2;
}

div#panelNewsHead a {
    color: #fff;
    text-decoration: none;
}

div#panelNewsHead a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: solid 1px #fff;
}

div.panelNewsContent {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    height: 204px;
    overflow: auto;
}

div.panelNewsContent ul {
    list-style: none;
    padding: 0 6px 0 6px;
    margin: 0;
}

div.panelNewsContent li {
    list-style: none;
    font-size: 13px;
    padding: 0.5vw 6px 0.5vw 6px;
    margin: 0;
    border-bottom: solid 1px #8a9ca2;
}

main div.panelNewsContent li:before { /* custom bullets */
	display: none;
}

div.panelNewsContent a, div.panelNewsContent li a {
    color: #000;
}

div.panelNewsContent li:hover {
	background-color: #92bac6;
}

div#panelNewsMore {
    position: absolute;
    bottom: 12px;
    left: 0px;
    width: 141px;
    height: 12px;
    text-align: left;
}

div#panelNewsHead h1, div#panelNewsMore a {
    font-size: 90%;
    font-weight: bold;
    padding: 8px 0 0 10px;
    margin: 0px;
    color: #fff;
}

div#panelNewsMore a { color: #000; }

div.contentMain main h2.newsHead {
	font-size: 120%;
	padding-top: 4px;
	margin-top: 0;
}

span.newsDate {
	font-size: 10px;
    font-family: Avenir, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

span.newsTags {
	font-size: 10px;
    font-family: Avenir, arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

span.newsTags a {
	color: #000;
	border: none;
	text-decoration: none;
	margin-right: 10px;
}


div#panelVideo {
	position: relative;
	float: left;
	width: 380px;
	height: 275px;
	background-color: #fff;
	overflow: hidden;
	z-index: 50;
	margin-left: 10px;
	border-radius: 5px;
	box-shadow: 0px 5px 10px -5px #777;
	background-color: #777;
	overflow: hidden;
}

div#panelVideo h1 {
    font-size: 90%;
    font-weight: normal;
    padding: 8px 0 0 10px;
    margin: 0px;
    color: #fff;
}

div#panelVideo h1 a {
	font-weight: bold;
	border-left: 1px solid #ccc;
	margin-left: 10px;
	padding-left: 10px;
}

div#panelVideo p {
	padding: 0;
	margin: 0;
}

div#panelVideo img {
	margin-top: 1px;
	width: 100%;
	height: auto;
	padding: 10px 0 0 0;
	background-image: url('https://www.engenderhealth.org/wp-content/uploads/imports/images/panel/all-seeds.png');
	background-position: left 1px;
	background-repeat: repeat-x;
}




div#gwall {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 504px;
    width: 100%;
    z-index: 1;
}

body.world-map div#wallKey {
    position: absolute;
    z-index: 2;
    left: 300px;
    bottom: 5px;
    width: 315px;
    height: 20px;
    overflow: hidden;
}

body.world-map div#wallKey div {
    position: relative;
    float: left;
    margin-right: 6px;
}

body.world-map div#wallKeyCurrent {
    width: 12px;
    height: 12px;
    background-color: #d0b24b;
    border: 2px solid #a98e32;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

body.world-map div#wallKeyRecent {
    width: 12px;
    height: 12px;
    background-color: #464fcd;
    border: 2px solid #262d86;
    opacity: 0.4;
    filter: alpha(opacity=40);
    margin-left: 20px;
}

body.world-map div#storywallNav div.photoSlideText {
    height:410px;
    background-image: url(images/channel/channel-map-full.png);
}

body.world-map div#leftCol {
    margin-top: 10px;
}

body.world-map div#leftCol div#subDonate {
    margin-left: 0;
    left: 0px;
    top: 306px;
}

body.world-map div#leftCol div#subDonateBox {
    background-image: url(images/page/submenu-donate-top.gif);
}




/*************** FOOTER ****************/

footer {
	margin: 4vh auto;
	padding-bottom: 4vh;
	text-align: left;
}

div.watchdogIcons {
	float: right;
	height: 72px;
	margin: 0 0 4vh 4vh;
}

div.watchdogIcons img {
	float: right;
	width: auto;
	height: 100%;
	margin: 0 0 0 2vh;
}

img.watchdogCW {
	border-radius: 4px;
}

div.footerLinks {
	color: #955252;
	font-size: 90%;
}

div.footerLinks p {
	line-height: 200%;
}

div.footerLinks p a {
	color: #000000;
	text-decoration: none;
	padding: 6px 8px 4px 0;
	margin-right: 4px;
	border-right: 1px solid #955252;
	white-space: nowrap;
}

div.footerLinks p a:last-child {
	border-right: none;
}

div.copyright {
	font-size: 70%;
	color: #955252;
}

div.copyright p a {
	color: #955252;
}

div.footerLinks p a:hover, div.copyright p a:hover {
	color: #955252;
	text-decoration: underline;
}











/*** responsive code ***/

div.navMobile {
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	padding: 18vh 0 0 0;
	overflow: auto;
	z-index: 10000;
	background-color: #a89b88;
	-webkit-transition: top 0.5s; /* Safari */
	transition: top 0.5s;
}

body.showMobile div.navMobile {
	top: 0%;
}

a.headMobile {
	font-family: arial;
	display: none;
	cursor: pointer;
}

div.navMobile a.headMobile {
	position: absolute;
	font-size: 125%;
	top: 0;
	right: 0;
	padding: 2% 5% 2% 2%;
	display: block;
	font-weight: bold;
	z-index: 1000;
}

div.navMobile ul#navMob, div.navMobile ul#navMob ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.navMobile ul#navMob ul a {
	padding-left: 2vh;
}

div.navMobile ul#navMob li { border-top: 1px solid #938a7f; }
div.navMobile ul#navMob li:first-child { border-top: none; }

div.navMobile ul#navMob li li { border-top: 1px dashed #6e6659; }
div.navMobile ul#navMob li li:first-child { border-top: 2px solid #60584c; }
div.navMobile ul#navMob li li li:first-child { border-top: 2px solid #6e6659; }

div.navMobile ul#navMob li a {
	display: block;
	padding: 1.5vh 3vh 1vh 3vh;
}

div.navMobile ul#navMob li li a { padding-left: 7vh; }
div.navMobile ul#navMob li li li a { padding-left: 11vh; }

div.navMobile ul#navMob > li {
	background-color: #a89b88;
	-webkit-transition: background-color 0.5s; /* Safari */
	transition: background-color 0.5s;
}

div.navMobile ul#navMob li li {
	font-weight: normal;
}

div.navMobile ul#navMob li ul {
	display: none;
}

div.navMobile ul#navMob > li.isActiveParent {
	background-color: #827663;
}

div.navMobile ul#navMob > li > ul > li.isActiveParent {
	background-color: #5e5649;
}

div.navMobile ul#navMob li a {
	color: #fff;
	text-decoration: none;
}



@media screen and (orientation: portrait) { }

@media screen and (orientation: landscape) {
	div.navMobile {
		padding: 26vh 0 0 0;
	}
}

@media screen and (max-width: 1000px) { /* preserve overall style */

	div.pageBox, div.contentMain, div.contentTop, nav.navMain {
		width: 900px;
	}

	div.contentLeft {
		width: 239px;
	}

	div.contentTop h1, body.page-template-template-section div.contentTop p, div.sbConnect, nav.navLeft, div.twitterFeed, div.twitterHeader, div.twitterFollow, div.buttonDonate {
		width: 230px;
	}

	body.page-template-template-section div.contentTop p {
		line-height: 18px;
	}

	main, div.contentTop div.breadcrumbs {
		width: 645px;
	}

	div.headLogo {
		width: 20%;
	}

	div.headLinks {
		width: 70%;
	}

	div#mainPhoto {
		width: 900px;
		height: 358px;
		overflow: hidden;
		z-index: 99;
	}

	div.owl-item {
		width: 970px;
		height: 358px;
		z-index: 100;
	}

	div.owl-item img.photoSlidePic {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 970px;
		height: 337px;
		z-index: 100;
	}

	div.owl-item img.photoSlideFlower {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 300px;
		height: 371px;
		z-index: 101;
	}

	body.home div.twitterFeed, div#panelNews {
		width: 240px;
	}



/*
	#nav li.nav-our-work { width: 120px; margin-left: 0px; }
	#nav li.nav-our-countries { width: 140px; }
	#nav li.nav-our-impact { width: 114px; }
	#nav li.nav-pubs { width: 215px; }
	#nav li.nav-media { width: 130px; }
	#nav li.nav-do { width: 170px; }
*/

	a.headSubscribe, a.headProcurement {
		display: none;
	}

} /* max: 1000 */




@media screen and (max-width: 920px) { /* preserve overall style */

	div.pageBox, div.contentMain, div.contentTop, nav.navMain {
		width: 100%;
	}

	div.contentLeft {
		width: 23%;
	}

	div.contentTop h1, body.page-template-template-section div.contentTop p, div.sbConnect, nav.navLeft, div.twitterFeed, div.twitterHeader, div.twitterFollow, div.buttonDonate {
		width: 100%;
		float: left;
		margin-left: 0;
	}

	body.page-template-template-section div.contentTop p {
		font-size: 12px;
		line-height: 17px;
	}

	div.contentTop h1, body.page-template-template-section div.contentTop p  {
		width: 23%;
	}

	nav.navLeft {
		margin-bottom: 10px;
		border-radius: 0 0 5px 0;
	}

	div.contentTop h1, div.twitterHeader, div.twitterFollow {
		left: 0;
		border-radius: 0 5px 0 0;
	}

	body.page-template-template-section div.contentTop p {
		left: 0;
	}

	div.twitterFollow {
		border-radius: 0 0 5px 0;
	}

	div.twitterFeed, div.buttonDonate {
		border-radius: 0 5px 5px 0;
	}

	main, div.contentTop div.breadcrumbs {
		width: 75%;
	}

	div.headLogo {
		width: 20%;
	}

	div.headLinks {
		width: 70%;
	}
/*
	#nav li.nav-our-work { width: 99px; margin-left: 0px; }
	#nav li.nav-our-countries { width: 124px; }
	#nav li.nav-our-impact { width: 99px; }
	#nav li.nav-pubs { width: 200px; }
	#nav li.nav-media { width: 115px; }
	#nav li.nav-do { width: 154px; }
*/

	a.headSubscribe, a.headProcurement, body.home div.twitterFeed {
		display: none;
	}

	div#panelVideo {
		clear: none;
		float: right;
		margin-right: 1vw;
		margin-left: 0;
		width: 48%;
	}

	div#panelVideo img {
		width: 100%;
	}

	div#panelNews {
		width: 48%;
		margin-left: 1vw;
	}


	div#mainPhoto {
		width: 100%;
		height: 358px;
		overflow: hidden;
		z-index: 99;
	}

	div.owl-item {
		width: 100%;
		height: 358px;
		z-index: 100;
		overflow: hidden;
	}

	div.owl-item img.photoSlidePic {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 970px;
		height: 337px;
		z-index: 100;
		margin-left: -70px;
	}

	div.owl-item img.photoSlideFlower {
		display: none;
	}

	div.owl-item div.photoSlideText {
		margin: 0;
		top: 0;
		position: relative;
		float: right;
		background-color: #ff7a01;
		padding-left: 20px;
		width: 300px;
		height: 337px;
	}

	div.owl-item div.photoSlideText ul {
		margin-left: 0;
	}



	footer {
		padding: 0 2vh 2vh 2vh;
	}

	div.contentMain {
		border-radius: 0;
	}

	main aside {
		margin-right: 0;
		width: 24%;
	}

	main aside img {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding-right: 1vw;
		border-radius: 5px 0 0 5px;
	}

	main aside h1.related, main aside ul.related {
		margin-right: 0;
	}

	main aside h1.related {
		border-radius: 5px 0 0 0;
	}

	main aside ul.related {
		border-radius: 0 0 0 5px;
	}

	main aside img, main aside h1.related, main aside ul.related {
		padding-right: 1vw;
	}

	main h1, main h2 {
		margin-top: 4vw;
	}

} /* max: 920 */



@media screen and (max-width: 730px) {

	nav.navMain, div.contentTop h1, body.page-template-template-section div.contentTop p, div.contentLeft, div.headMinorLinks, a.headSocial {
		display: none;
	}

	body.page-template-template-section div.contentTop h1 {
		display: block;
		width: 50vw;
		height: 50px;
	}

	body.page-template-template-section div.contentTop {
		background-position: top right;
	}

	div.navMobile {
		padding: 16vh 0 0 0;
	}

	div.contentTop {
		height: 40px;
	}

	div.contentMain div.weaveEdgeTop { top: 36px; }

	main, div.contentTop div.breadcrumbs {
		width: 98%;
	}

	div.headLogo {
		width: 20%;
	}

	div.headLinks {
		width: 50%;
	}

	div.contentTop div.breadcrumbs {
		bottom: 1vh;
	}

	div.headLinks a.headDonate {
		border-left: none;
		border-right: 1px solid #b8b59f;
		padding-left: 0;
		padding-right: 15px;
		vertical-align: middle;
		height: 100%;
	}

	div.headLinks a.headMobile {
		border-left: none;
		display: inline-block;
		font-size: 170%;
		vertical-align: middle;
		padding-left: 0;
		height: 100%;
		-webkit-transform:scale(1.5,1); /* Safari and Chrome */
		-moz-transform:scale(1.5,1); /* Firefox */
		-ms-transform:scale(1.5,1); /* IE 9 */
		-o-transform:scale(1.5,1); /* Opera */
		transform:scale(1.5,1); /* W3C */
	}

	main aside {
		margin-right: 0;
		width: 30%;
	}

		div#mainPhoto {
			width: 100%;
			height: 280px;
			overflow: hidden;
			margin-bottom: 10px;
			z-index: 99;
		}

		div.owl-item {
			width: 100%;
			height: 280px;
			z-index: 100;
			overflow: hidden;
		}

		div.owl-item img.photoSlidePic {
			position: absolute;
			top: 0px;
			left: 0px;
			width: auto;
			height: 280px;
			z-index: 100;
			margin-left: -70px;
		}

		div.owl-item img.photoSlideFlower {
			display: none;
		}

		div.owl-item div.photoSlideText {
			margin: 0;
			top: 0;
			position: relative;
			float: right;
			background-color: #ff7a01;
			padding-left: 20px;
			padding-top: 20px;
			width: 300px;
			height: 337px;
		}

		div.owl-item div.photoSlideText ul {
			margin-left: 0;

		}




} /* max: 730px */


@media screen and (max-width: 530px) {

	main aside, main aside.postText img {
		display: none;
	}

	main aside.postText {
		display: block;
		width: 97%;
		margin-right: 3%;
	}

	main aside.postText h1.related {
		border-radius: 5px 5px 0 0;
	}

	main aside.postText ul.related {
		border-radius: 0 0 5px 5px;
	}

	div.watchdogIcons, div.footerLinks, div.copyright {
		width: 100%;
		text-align: center;
		clear: both;
	}

	div.watchdogIcons img {
		float: none;
		display: inline;
		width: auto;
		height: 100%;
		margin: 0 1vh 0 1vh;
	}



} /* max: 530px */

@media screen and (max-width: 420px) {

	div.headLogo {
		width: 30%;
	}

	div.navMobile {
		padding: 16vh 0 0 0;
	}

} /* max: 400px */

@media screen and (orientation: landscape) and (max-height: 400px) {
	div.navMobile {
		padding: 32vh 0 0 0;
	}
}

/* 20180828 tz */
.top-margin-40 { margin-top: 40px; }

/* 20180905 tz */
.top-margin-70 { margin-top: 70px; }

/* 20180830 tz */
main.preview-mode {
	float: left;
	width: 100%;
}
main.preview-mode a {
	border-bottom: none;
}
 /* 20180831 tz */
main #mainPhoto h1 {
	margin-right: 29px;
}