/*********************************

COMMON FOR ALL PAGES

*********************************/

body,html { 

	font-family: "effra",sans-serif;

	background-color:#E7E6E2;

	/*background-image:url(../img/structure/bg_fade.png);*/

	background-position:center center;

	background-repeat:repeat-y;

}

* {background-repeat:no-repeat;}

a {

	text-decoration:none;

	color:#3D5420;

}



/*

main a {

    border-bottom: 2px solid #d65009;

}

main a:visited {

	color:	#d65009;

}

*/

a:visited {

	color:inherit;

	opacity:0.8;

}	

button {

	background-color: #3D5420;

	background-image: none;

	border: medium none;

	border-radius: 100px;

	box-shadow: none;

	color: #fff;

	display: inline-block;

	font-family: effra;

	font-size: 13px;

	font-stretch: normal;

	font-weight: bold;

	letter-spacing: 0.08em;

	padding: 12px 40px;

	text-shadow: initial;

	text-transform: uppercase;

}

h1,h2,h3,h4,h5 {

	font-family: "capitolina",sans-serif;	

}



.site {

    margin: auto;

    background-color: #FFF;

    box-shadow: 0 0 40px rgba(0,0,0,0.2);

}



h5 {

	font-size:12px; font-weight:bold; letter-spacing:0.5px; text-transform:uppercase; color:#000; padding:2px 0; font-family: "effra",sans-serif; margin:10px 0 2px;

}



select, input[type="button"].select {

	border:none;

	padding:12px 15px;

	border-radius:3px;

	background-color:rgba(183,175,141,0.15);

	color:rgba(0,0,0,0.5);

	font-size:13px;

	font-family: "effra",sans-serif;

}



select > option {

	padding:5px 15px;

	font-family: "effra",sans-serif;	

}



/*********************************

HEADER BANNER

*********************************/

#masthead * {transition:all 1s;}



/***** top menu *****/

.top-navigation {

  background-color: #332928;

}



#top-menu {

  list-style: outside none none;

  padding: 0;

  margin:0 0 0 20px;

}

#top-menu > li {

  border-right: 1px solid #333;

  display: inline-block;

  font-size: 13px;

  padding: 6px 14px;

}

#top-menu > li a {color:#FFF;}



/***** main banner menu *****/



.brand-banner {

	padding:14px 40px;

	text-align:center;

	position:relative;	

}

.brand-banner .main-navigation {

  position: absolute;

  top: 50px;

  width:auto;

}



.brand-banner .donate-and-search {

	position: absolute;

  	top: 24px;

	right:40px;

}







#search-button {

	margin-right:40px;

}

#search-button a {

  color: #332928;

  display: block;

  float: left;

  font-size: 20px;

  line-height: normal;

  padding: 4px;

}



.social-media-menu {

  float: right;

  padding-right: 36px;

}

.social-media-menu > a {

  font-size: 110%;

  margin-left: 6px;

  padding: 4px;

  display:inline-block;

  color:#FFF;

}



#primary-menu > li {

  font-weight: 600;

  letter-spacing: 0.03em;

  margin-right: 40px;

  text-transform: uppercase;

}



#primary-menu > li a {color:#332928;}



/* Primary Menu in Transition */

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

	#primary-menu > li {margin-right:20px;}

}

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

	/* Don't go all the way across */

	.brand-banner .main-navigation {

	  line-height: 1.8em;

	  position: absolute;

	  top: 38px;

	  width: 290px;

	}

	#primary-menu > li {

	  text-align: left;

	  width: calc(50% - 40px);

	}

	#primary-menu > li:nth-child(2n) {

	  text-align: right;

	}

	

}



/********** HERO BANNER *********/

#hero-block {

  background-position: center center;

  background-size: cover;

  margin: -25px 0px 20px;

}



.hero-wrapper {

  background-image: url("../png/paint.png");

  background-position: center bottom;

  background-repeat: repeat-x;

  background-size: initial;

  padding: 60px 0 75px 10%;

}

@media screen and (min-width: 1000px) {

	.hero-wrapper {

		padding: 60px 0 60px 10%;

	}

}



.hero-wrapper h4 {

    color: #fff;

    font-family: "effra",sans-serif;

    font-weight: normal;

    margin: 0 0 20px;

    padding: 0;

    text-transform: uppercase;

	letter-spacing:1px;

}



.hero-wrapper h1 {

  color: #fff;

  font-family: "effra",sans-serif;

  font-size: 80px;

  font-weight: 100;

  margin: 0;

  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

}



.hero-content {

    max-width: 1000px;

    margin: auto;

}



.hero-text {

	color: #fff;

	font-size: 18px;

	line-height: 1.3em;

	max-width: 420px;

	text-shadow: 0 0 10px #000;

	letter-spacing:0.5px;

}



/* Landing pages have larger hero images */

.archive .hero-wrapper.entry-header {

	padding-bottom: 125px;

	padding-top: 120px;

	min-height:550px;

}





/*********************************

	MENU

*********************************/

a#main-logo {

    z-index: 1000;

    position: relative;

}

div#mega-menu-wrap-Main-Menu {background-color:transparent;}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu li.mega-menu-item a.mega-menu-link {color:#332928; font-weight:bold; font-size:13px; text-transform:uppercase;}

.brand-banner .main-navigation {

    margin-left: -50px;

    position: absolute;

    width: 100%;

}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu li.mega-menu-item {

	padding-left:50px;

	font-weight: 600;

	letter-spacing: 0.03em;

	text-transform: uppercase;

	font-size:15px;

}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu li.mega-menu-item > a.mega-menu-link {

	font-weight: 600;

	letter-spacing: 0.03em;

	text-transform: uppercase;

	font-size:15px;

}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu > li.mega-menu-megamenu > ul.mega-sub-menu {

	background-color:#FFF;

	padding-top:41px;	

	width: calc(100% + 10px);

}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu > li.mega-menu-megamenu > ul.mega-sub-menu li {

	font-weight:normal;	

}





#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu > li.mega-menu-flyout ul.mega-sub-menu {

	background-color:#FFF;

	padding-top:41px;	

}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu .mega-sub-menu li.mega-menu-item {

    padding-left: 0;

	background-color:#F2EFE8;

}

#mega-menu-wrap-Main-Menu #mega-menu-Main-Menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {

	padding:15px 30px;

	background-color:#F2EFE8;

	line-height:normal;

	font-size:110%;

	color:#222;

	min-width:220px;

}



.mega-sub-menu .textwidget {

    height: 350px;

    padding: 30px;

}



.mega-sub-menu h4 {

	font-family: "effra",sans-serif;

}



/*********************************

	MAIN CONTENT SECTIONS

*********************************/

.site-content {padding:22px 0 0;}

.restrain-width {

    max-width: 1000px;

    margin: auto;

}

.page .entry-content > * {

    margin: auto;

    max-width: 1000px;

}



.entry-content h2 {

	padding-top: 15px;	

}

.entry-content h3 {

	padding-top: 15px;	

}

.entry-content h4 {

	padding-top: 15px;	

}



.entry-content > p {

    padding-bottom: 8px;

    padding-top: 8px;

}

.page .entry-content > .alignright {

    margin-left: 30px;

	margin-top:8px;

}

.entry-content hr {

    clear: both;

}

.entry-content ul {

    padding-bottom: 15px;

}

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

	.restrain-width, .page .entry-content > * {

		padding-left: 70px;

		padding-right: 70px;

	}

	.restrain-width, .page .entry-content > ul {

		padding-left: 100px;	

	}

}

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

	.restrain-width, .hero-content, .page .entry-content > * {

		max-width: 1024px;

	}

}





.full-width {

    max-width: 100%;

    margin: auto;

}



/*********************************

	FOOTER SECTION

*********************************/

footer.site-footer {

    background-color: #332928;

    padding: 40px;

}

footer.site-footer * {

	color:#FFF;	

}

.sub-footer {

		

}



/*********************************

	DESIGN HELPERS

*********************************/

.link-more-white {

	display:inline-block; color:#FFF;

	font-weight:bold; padding-right:20px;

	background-image: url('../png/right-w.png');

	background-repeat:no-repeat;

	background-position:right center;

}



.page .entry-content > .image-highlight {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    display: block;

    line-height: 0;

    margin: 15px 0;

    max-width: 100% !important;

    padding: 0;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 0;

}



.entry-content table.styled {

	width:100%;

	border:1px solid #E7E7E7;

	background-color:#FFF;

	font-size:13px;

	margin-top:15px;

	margin-bottom:15px;

}

table.styled th {border-bottom:1px solid #E7E7E7; color:#A7A7A7; font-size:11px; padding:8px; vertical-align:bottom; text-align:left;}

table.styled td { padding:8px; color:#131313;}

table.styled tr:nth-child(odd) td {

	background-color:#F3F3F3;

}



/*********** TOPICS BANNER ***********/



.topic-categories {

    display: table;

    margin: auto;

    width: 100%;

    padding-top: 70px;

    padding-bottom: 40px;

}



.topic-categories>ul {

    display: table-row;

    padding: 0;

    margin: 0;

    list-style: none;

    width: 100%;

}



.topic-categories>ul>li {

    display: table-cell;

    text-align: center;

    width: 14.285%;

}



.topic-categories a, .publication-categories a {

    font-size: 13px;

    font-weight: bold;

    color: #000;

	border:none;

	text-decoration:none;

}



.topic-categories span {

    display: block;

}



/*********** AN ELEMENT THE STRETCHS ACROSS THE PAGE WITH A BACKGROUND ***********/

.page .entry-content > .image-highlight::before {

    background: #000 url("../jpg/tropiccannopy_3727321_crop-e1494279987693.jpg") repeat scroll center center / cover ;

    bottom: 0;

    content: "";

    left: 0;

    max-width: 100% !important;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

	opacity:0.9;

}

.image-highlight > * {

    box-shadow: 0 0 10px;

}



/**************** SUPPORT US FOOTER ************/

.support-block {

	background-image:url(../jpg/support-footer.jpg);

	background-size:cover;

	background-position:top;

	height:690px;

	position:relative;

	padding:0 215px;

	z-index:10;

	margin-bottom:-50px;

}

.support-block::before {

	content:" ";

	display:block;

	width:100%;

	position:absolute;

	bottom:0;

	left:0;

	height:50px;

	background-image: url(../png/paint_grey.png);

	background-repeat:repeat-x;

	background-position:bottom center;

}



.support-text {

	position:absolute;

	width:calc(100% - 430px);

	max-width:520px;

	color:#FFF;

	bottom:80px;

}



.support-text .link-more-white {

	text-transform:uppercase;

	margin-left:40px;	

}





/*************** ICONS *******************/

.initiative-tags {padding:0 0 15px;}

.initiative-tag {padding:0 0 0 20px; font-size:12px; text-transform:uppercase; background-size:15px 15px; background-image: url("../png/water-2.png"); background-position:left center; display:inline-block; margin-right:10px;}

.initiative-tag.water-tag {background-image:url("../png/water-c-2.png");}

.initiative-tag.forests-tag {background-image:url("../png/forests-c-2.png");}

.initiative-tag.finance-tag {background-image:url("../png/finance-c-2.png");}

.initiative-tag.communities-tag {background-image:url("../png/community-c-2.png");}

.initiative-tag.agriculture-tag {background-image:url("../png/agriculture-c-2.png");}

.initiative-tag.climate-tag {background-image:url("../png/climate-c-2.png");}

.initiative-tag.biodiversity-tag {background-image:url("../png/biodiversity-c-2.png");}



.show-date {

    font-size: 13px;

    text-transform: uppercase;

    color: #898989;

}





#main p {}

#main ul {}

#main a {border-bottom:1px solid brown;}

#main h1 a, #main h2 a, #main h3 a, #main h4 a {border-bottom:none;}

#main li {padding-bottom:8px;}



/*************** COLLASEOMATIC *******************/

.collapseomatic {

    color:#D98B27;

    background-position: right;

    padding: 0 16px 0px 0;

    display: inline-block;

    margin-left: 0;

    margin-bottom: 10px;

}

.page .collapseomatic {

    display: block;

    margin: auto;

    max-width: 1000px;

}