/*
Theme Name: TLH
Theme URI: http://www.scriptoria.co.uk
Description: A premium theme by Chris Thomas
Version: 1.0
Author: Chris Thomas
Author URI: http://www.scriptoria.co.uk
*/


body {
	padding: 0px;
	margin: 0px;
	font-family: 'quicksandregular', sans-serif;
	width: 100%;
	font-size: 16px;
	line-height: 1;
	color: #333;
	overflow-x: hidden;
	font-weight: 400;
	background-color: #FFF;
}

@media only screen and (max-width : 3000px) {
	body {font-size: 20px}
}
@media only screen and (max-width : 1800px) {
	body {font-size: 18px}
}
@media only screen and (max-width : 1600px) {
	body {font-size: 16px}
}

@media only screen and (max-width : 700px) {
body {font-size: 4vw;}}

p, .content-holder ul li{font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3;
	color: #333;
}

.content-holder ul li {margin-bottom:10px}

p strong {font-family: Arial, Helvetica, sans-serif;}

.about-phases {
	border: 1px solid #74c045; padding:2.5%; margin-bottom:40px;
}
@media only screen and (max-width : 767px) {
.about-phases {
padding:5%;
}}

.tanz-login-block .popupaoc-button {background: #f37122 !important; color: #fff !important}
.tanz-login-block {text-align:right}
.paoc-popup-modal-cnt a{color: #74c045}
.paoc-popup-modal-cnt label, .logformint label {width:100px; display: inline-block;}
.paoc-popup-modal-cnt #user_login, .paoc-popup-modal-cnt #user_pass, 
.logformint #user_login, .logformint #user_pass {width: 200px}
.logged-in .logformint  {display: none;}

.paoc-popup-modal-cnt #wp-submit, .logformint #wp-submit {padding: 10px 20px;
text-align: center;
background: #f37122;
border-radius: 5px;
color: #fff;
display: inline-block !important;
text-decoration: none !important;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s; border:none; font-size:100%;}

.logformint #wp-submit:hover, .paoc-popup-modal-cnt #wp-submit:hover, .tanz-login-block .popupaoc-button:hover {cursor: pointer; background:#0b6a40 !important;}

.logformint p {line-height: normal; margin: 0 0 20px 0 !important;}




.grecaptcha-badge {display:none}
.recaplinks {font-size: 60%; color:#FFF; font-family:Arial, Helvetica, sans-serif}
.recaplinks a {color:#FFF !important}
#footer {
	clear: both;
	text-align: center;
	color: #666;
	padding-top: 3.5%;
	padding-bottom: 3.5%;
	margin-top: 3.5%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#footer span {margin-left:1.25%; margin-right: 1.25%}
#footer a {color: #666;}
#footer a:hover {color: #f37122;}

.clearfix:after  {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.onecol-content-holder {margin-left:7%; margin-right:7%; position:relative; margin-top: 4.5%; margin-bottom: 4.5%;}

.content-container {margin-top: 4.5%; margin-bottom: 4.5%;}
a {-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; text-decoration:none;}

b, strong {font-family: 'quicksandbold', sans-serif;}

.border-box	{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;}

.holder-webkit-flex  {display: -webkit-flex; /* Safari */ display: flex; /* Standard syntax */}
@media only screen and (max-width : 700px) {
.holder-webkit-flex  {display: block}	
}


.flex {-webkit-flex: 1; /* Safari */-ms-flex: 1; /* IE 10 */ flex: 1; /* Standard syntax */}

.page-template-default h2 {color: #74c044; margin-top:0; margin-bottom:20px}
.page-template-default .wp-block-columns a, .content-holder a{color: #74c044; text-decoration: none}
.page-template-default .wp-block-columns a:hover, .content-holder a:hover {text-decoration: underline}
.page-template-default p {margin-top:0; margin-bottom:20px}

img {width:100%; height:auto}
h1, h2, h3, h4,h5, strong {font-weight: 700;}

#main-holder {position:relative; width:100%}
#header {
	position: relative;
	width: 100%;
	padding-top: 1.5%;
	padding-right: 0;
	padding-bottom: 1.5%;
	padding-left: 0; justify-content: center; align-items: center; background-color:#FFF;
}
@media only screen and (max-width : 1024px) {
#header {padding-top: 70px;}
}
@media only screen and (max-width : 700px) {
#header {
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; margin-top: 65px;
}	
}

#header div {display:inline-block;}

#logo {width: 24%; margin-right:4.5%; margin-left: 7%;}
#header-strap {
	width: 40%;
	margin-right: 4.5%;
	font-size: 2.05vw; text-align:center; color:#999999; font-weight: 700; padding-top:1.5%;}
#header-contact {width: 15%; margin-right: 7%; text-align:right; }
#header-contact a {
	margin-right: 7%;
	text-decoration: none;
	display: inline-block;
	color: #818285;
	border: 1px solid #ceced1;
	text-transform: uppercase;
	font-size: 120%;
	font-weight: 500;
	padding-top: 7%;
	padding-right: 14%;
	padding-bottom: 7%;
	padding-left: 14%;
	letter-spacing: 2px; font-family:'quicksandbold', sans-serif; width: 100%; text-align:center
}
@media only screen and (max-width : 1024px) {
	#header-contact a {font-size: 80%;}
}
#header-contact a:hover {
	background-color: #f37122;
	color: #FFF;
	border-top-color: #f37122;
	border-right-color: #f37122;
	border-bottom-color: #f37122;
	border-left-color: #f37122;
}

@media only screen and (max-width : 700px) {
#logo {
    width: 60%;
    margin-right: 20%;
    margin-left: 20%;
    padding-top: 3.5%;
}
#header-strap	{width: 80%; margin-right:10%; margin-left: 10%;}
#header-contact {display:none !important;}
}

#mob-menu-bar-bg {display:none}
@media only screen and (max-width : 1024px) {
#mob-menu-bar-bg {
	display: block;
	background-color: #0b6a40;
	height: 65px;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px; z-index:3; z-index: 99999;
}
}
#responsive-menu-container {z-index: 9999999 !important;}
/* Menu */

.menu, .menu ul {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
}

.menu li {
    display: block;
    float: left;
}
#menu-main-menu {margin-left:7%}
#menu-main-menu li a {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding-top: 16px;
	padding-right: 32px;
	padding-bottom: 16px;
	padding-left: 32px;
	letter-spacing: 1px;
}

#menu-main-menu li a:hover {background-color: #eff7da; color: #74c045 }
.menu li ul{ display:none}
.menu-main-menu-container {
	text-align: center;
	width: 100%;
	position: relative; background-color: #74c045;
}
.menu-main-menu-container .contact-menu {display: none}

/* End Menu */

/* Menu2 */





/* End Menu2 */

.home-banner {
	padding-bottom: 25%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 90%; position:relative; overflow:hidden
}

@media only screen and (max-width : 700px) {
.home-banner {padding-bottom: 50%;}	
}

.home-banner-image {position:absolute; width: 100%; bottom: -15%; left:0}


.home-buttons-holder {width:100%; margin-top:3.5%;}
@media only screen and (max-width : 700px) {
.home-buttons-holder {width:100%; margin-top:7%;}	
}
.homebuttons {
	width: 26.33%;
	display: inline-block;
	font-size: 130%;
	color: #FFF;
	padding-top: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 0;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #74c045;
}


@media only screen and (max-width : 700px) {
.homebuttons {width: 86%; margin-right: 7% !important; margin-left: 7% !important; margin-bottom:7%; padding-top: 8% !important;
	padding-bottom: 8% !important;}
}

.homebuttons:hover {background-color:#deedc3}

.homebuttons span {background-color:#74c045; padding:2%;}

.homebuttons span div {
    font-size: 10px;
    display: inline;
}
.hb1 {
    margin-right: 3.5%;
    margin-left: 7%;
    background-image: url(images/home-icon1map.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: auto 80%; 
}
.hb2 {
    margin-right: 3.5%;
    margin-left: 0;
    background-image: url(images/home-icon2mag.png);
    background-repeat: no-repeat;
    background-position: 90% 100%;
    background-size: auto 92%;
}
.hb3 {
    margin-right: 7%;
    margin-left: 0;
    background-image: url(images/home-icon3chart.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: auto 80%;
}
.timeline-home {
	margin-top: 7%;
	margin-right: 7%;
	margin-bottom: 3.5%;
	margin-left: 7%;
}


.home-text-bg {
    background-color: #74c045;
    position: absolute;
    left: 7%;
    top: 0;
    bottom: 0;
    width: 29.83%;
    opacity: 0.8; z-index:20
}
.home-text-banner{
	position: absolute;
	left: 7%;
	top: 0;
	bottom: 0;
	width: 29.83%;
	z-index: 999;
	display: flex;
justify-content: center;
align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	color: #FFF;
	padding: 32px; text-shadow: 2px 1px 1px #67ab3d;
}

@media only screen and (max-width : 700px) {
	.home-text-bg {
    background-color: #74c045;
    position: absolute;
    left: 7%;
    top: 0;
    bottom: 0;
    width: 50%;
    opacity: 0.8; z-index:20
}
.home-text-banner{
	position: absolute;
	left: 7%;
	top: 0;
	bottom: 0;
	width: 50%;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
	color: #FFF;
	padding: 10px;
	text-shadow: 2px 1px 1px #67ab3d;
	font-size: 14px;
}

}

.spaner01 {
	font-size: 3vw;
	display: block;
	width: 100%;
	margin-bottom: 3.5%;
}
.spaner02 {
    font-size: 2.5vw;
    display: block;
    width: 100%;
    margin-bottom: 7%;
    line-height: 1.3;
}

@media only screen and (max-width : 700px) {
	.spaner01 {
	font-size: 6vw;
	display: block;
	width: 100%;
	margin-bottom: 3.5%;
}
.spaner02 {
    font-size: 3vw;
    display: block;
    width: 100%;
    margin-bottom: 7%;
    line-height: 1.2;
}
}

.font-overide, .font-overide strong {font-family: Arial, Helvetica, sans-serif !important;}

.home-text-banner a {
	background-color: #74c045;
	color: #FFF;
	border: 1px solid #FFF;
	display: inline-block;
	padding: 10px; font-size: 1.4vw; text-shadow: 2px 1px 1px #67ab3d;
}

@media only screen and (max-width : 700px) {
.home-text-banner a {font-size: 3vw;}	
}

.home-text-banner a:hover {background-color: #0b6a40}

.credit-text {
    text-align: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #0b6a40;
    padding-top: 3px;
    padding-right: 10px;
}

.home-text {
	text-align: center;
	color: #0b6a40; font-family: 'quicksandbold', sans-serif;
}

@media only screen and (max-width : 700px) {
.home-text {
	text-align: center;
	color: #0b6a40;
	font-family: 'quicksandbold', sans-serif;
	padding: 7%;
}	
}

.content-holder {margin-left: 7%; margin-right:7%; margin-top: 3.5%}
.content-holder h1 {
    font-size: 180%;
    color: #0b6a40;
    margin-top: 0px;
    margin-bottom: 3.5%;
    letter-spacing: -1px;
}

.title-banner {
	position: relative;
	padding-bottom: 25%;
	background-size: cover;
	background-position: center center; margin-bottom: 2.5%;
}
.page-id-1561 .title-banner  {background-position: center -110px; }
.page-id-2006 .title-banner {
	background-position: center 20%;
}

@media only screen and (max-width : 700px) {
.title-banner {
	position: relative;
	padding-bottom: 50%;
	background-size: cover;
	background-position: center center; margin-bottom: 2.5%; margin-bottom:40px;
}
.page-id-1561 .title-banner {background-position: center center;  }	
	
}
.title-banner h1 {
	text-transform: none;
	text-shadow: 2px 1px 1px #67ab3d;
	font-size: 300%;
	color: #fff;
	z-index: 999;
	position: absolute;
	margin: 0;
	bottom: 20px;
	left: 20px;
	background-image: url(images/green-bg.png);
	background-repeat: repeat;
	padding: 1.5%;
	font-weight: normal;
}
@media only screen and (max-width : 700px) {
.title-banner h1 {
	font-size: 200%;
}
}
.panel-image-cover {
    background-color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99;
    opacity: 0.2;
}

.timeline-home img {width:100%}

/* RC */

.relatedh2 {
    margin-top: 80px !important;
}
#related {width: 70%;
display: block;
float: left;}
@media only screen and (max-width : 767px) {
		#related {width: 100%; float: none}
}

.rc-buts {clear:both; width:100%}
@media only screen and (max-width : 767px) {
	.rc-buts {margin-top:20px;}
}

.rc-left {width: 20%; float: left; margin-right:4.5%; margin-left: 7%;}

.rc-right {width: 61.5%; float: right; margin-right:7%}
@media only screen and (max-width : 767px) {
	.rc-left {width: 86%; float: none; margin-right:7%}
.rc-right {width: 86%;
float: none;
margin-right: 7%;
margin-left: 7%;
margin-top: 7%;}
}
.rc-filters ul {width:100%;}

.rc-filters ul li:nth-child(1) {width: 100% !important;margin-right: 0 !important;}
.rc-filters ul li ul li {background-color:transparent !important}
.rc-filters ul li ul { display:none}

.publications-container {
display: inline-block;
    width: 100%;
    padding: 3.5%;
    position: relative;
    margin-right: 0px;
    background-color: #e5e5e5;
    margin-bottom: 40px;
}


.publications-container.sticky .pc-left, .publications-container.sticky .pub-title-landing{padding-top: 20px}

@media only screen and (max-width : 767px) {
.publications-container.sticky .pc-left	{padding-top: 0}
}

.publications-container.sticky:before {
    content: 'Featured Resource';
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #666;
    font-size: 100%;
    color: #fff;
    padding: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3.5%; padding-top: 1.25%; padding-bottom: 1.25%;
    width: 100%; text-align:left;
}

figure {margin-left: 0; margin-right: 0;}

.searchandfilter ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pc-left {float: right;width: 15%; position:relative}
@media only screen and (max-width : 767px) {
.pc-left {
    float: none;
    width: 25%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 7%;
}
}
.pub-title-landing {
    width: 85%;
    float: left;
    padding-right: 3.5%;
}
@media only screen and (max-width : 767px) {
	.pub-title-landing {
    width: 100%;
    float: none;
    padding-right: 0;
}
}
.pub-title-landing h2 {
    font-size: 120%;
    font-weight: 600; margin-top: 0px; margin-bottom: 3%; font-family: 'quicksandbold', sans-serif; line-height:1.3;
}
.post-type-archive-rc h1, .page-template-map-template-php h1{
	font-size: 200%;
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 0;
	font-family: 'quicksandbold', sans-serif;
	color: #74c045;
	display: inline-block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #74c045;
	padding-bottom: 6px;
	}
@media only screen and (max-width : 700px) {
.post-type-archive-rc h1 {margin-left:7%; margin-right:7%; margin-top: 3.5%;}
}
.pub-title-landing h2 a{color: #74c044}
.pub-title-landing h2 a:hover{color: #0b6a40}
.rc-box-desc {margin-top: 3%; margin-bottom: 3%}
.rc-box-desc p {margin-top: 0; margin-bottom: 0}
.read-more {
    display: inline-block;
    margin-top: 1.75%;
    background-color: #f37122;
    padding: 10px;
    color: #fff;
    border-radius: 4px;
}
.read-more:hover {background-color:#0b6a40}

@media only screen and (max-width : 767px) {
.read-more {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 80%;
margin-left: 5% !important;
margin-right: 5%;}
}


.accordion {
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 90%;
    text-align: left;
    background-image: url(images/accor01.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-color: #74c044;
    color: #FFF; border:none;
}
.accordion.active {background-image: url(images/accor02.png) !important;}
.accordion:hover {cursor: pointer;}
.rc-filters ul li {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
.rc-filters ul input[type="text"] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	font-size: 90%;
	background-color: #e5e5e5; border:none;
}
.searchandfilter li {padding-right: 0 !important;}

.rc-filters ul input[type="submit"] {
    width: 50%;
    background-color: #f37122 !important;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 90%;
    color: #fff; border-radius: 4px; -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; -webkit-appearance: none;
}
.rc-filters ul input[type="submit"]:hover {background-color: #0b6a40; cursor: pointer;}
.rc-filters ul li ul {
    padding: 10px;
    font-size: 80%;
}

#single-pub-tab-left {
    width: 70%;
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#single-pub-tab-right {
    width: 20%;
    display: block;
    float: right;
    margin-left: 5%;
}
@media only screen and (max-width : 700px) {
	#single-pub-tab-left {
    width: 100%;
    display: block;
    float: none;
}

#single-pub-tab-right {
    width: 60%;
    float: none;
    margin-left: 20%;
    margin-top: 7%;}
}
.addthisholder {
	margin-top: 7%;
}

@media only screen and (max-width : 700px) {
.addthisholder {
text-align:center
}	
}
.single-img-holder {
	border: 1px solid #ccc;
}

#single-pub-tab-left h1, .rc-intro-box h1 {
	font-size: 180%;
	color: #0b6a40;
	margin-top: 0px;
	margin-bottom: 3.5%; letter-spacing: -1px;
}
.rc-intro-box h1 {margin-bottom: 1.25%;}
.rc-meta a {color: #0b6a40}
.rc-meta a:hover {color: #f37122}
/*.rc-meta {
	border: 1px solid #0b6a40;
	padding: 3.5%;
	margin-top: 3.5%;
}*/

.rc-meta {
	padding: 3.5%;
	margin-top: 3.5%;
	background-color: #cee1d9;
}

.rc-meta p, .rc-meta p strong  {
	font-family: Arial, Helvetica, sans-serif !important;}
.rc-meta p {margin-bottom:0; margin-top: 0}

.rc-template-default .rc-menu a, .post-type-archive-rc #menu-main-menu .rc-menu a,
.tax-project #menu-main-menu .rc-menu a, #menu-main-menu .current-menu-item a, .search #menu-main-menu .rc-menu a,.tax-date_produced #menu-main-menu .rc-menu a, .tax-type_of_resource #menu-main-menu .rc-menu a,
.tax-thematic_keyword #menu-main-menu .rc-menu a,
.tax-crop #menu-main-menu .rc-menu a,
.tax-country #menu-main-menu .rc-menu a
{ background-color: #deedc3 !important; 
background-image: url(images/nav-cur.png);
    background-repeat: no-repeat;
   background-position: right center;
background-size: auto 30%; color: #74c045 !important}

.tax-date_produced .post-type-archive-rc .rc-menu a,
.tax-type_of_resource .post-type-archive-rc .rc-menu a,
.tax-thematic_keyword .post-type-archive-rc .rc-menu a,
.tax-crop .post-type-archive-rc .rc-menu a,
.tax-country .post-type-archive-rc .rc-menu a

.pag a { color:#f37122}
.pag a:hover {color: #0b6a40;} 

.clear-filters {
	font-size: 80%;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
}
.rc-intro-box {margin-left:7%; margin-right:7%; margin-bottom:40px; margin-top: 20px;}
.rc-intro-box p {margin-bottom:0}

.single-rc h2 {
	margin-bottom: 3.5%;
	margin-top: 3.5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 1.25%;
	color: #666;
}
@media only screen and (max-width : 767px) {
	.single-rc h2 {
	margin-top: 7%;
}}
.widgettitle {display:none}

.goback {
	margin-top: 3.5%;
	clear: both;
	display: block;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
@media only screen and (max-width : 767px) {
.goback {width: 100%;
text-align: center; margin-top:7%}
}
.goback:hover {
	color: #f37122;
	cursor: pointer;
}

.box-meta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    margin-top: 3.5%;
    line-height: 1.3;
}
.box-meta strong {font-family: Arial, Helvetica, sans-serif !important;}

.pag a {color: #74c044}
/* RC end */



/* RC */

/* RC end */



/* Animation */
.ani{
opacity: 0;
  animation: fadeIn 4s 0s ease;
  -webkit-animation: fadeIn 4s 0s ease;
  -moz-animation: fadeIn 4s 0s ease;
  -o-animation: fadeIn 4s 0s ease;
  -ms-animation: fadeIn 4s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */
}
.ani2{
opacity: 0;
  animation: fadeIn 6s 0s ease;
  -webkit-animation: fadeIn 6s 0s ease;
  -moz-animation: fadeIn 6s 0s ease;
  -o-animation: fadeIn 6s 0s ease;
  -ms-animation: fadeIn 6s 0s ease;
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */
}
/* Animation */


.banner-image156 {margin-top:5% !important; margin-bottom: 5% !important}

.wp-block-column ul li a {color: #74c045}
.wp-block-column ul li a:hover {color: #f37122}
.wp-block-column ul li {margin-bottom: 10px}

.single-powerbi .content-holder div:nth-of-type(2) {height: 750px !important; width: 100% !important;}

.wpcf7-form input {
    display: inline-block;
    padding: 5px 10px;
    font-size: 80%;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid transparent;
    background-color: #f2f2f2; text-align: center;
font-size: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; max-width:50%;
}
.wpcf7-submit {margin-left: 5px; background-color: #f37122 !important; color: #FFF !important}

@media only screen and (max-width : 767px) {
.wpcf7-text {width:70%}
.wpcf7-submit { width:25%}
}
.wpcf7-submit:hover {cursor: pointer;}

.wpcf7-not-valid-tip {
    color: #fff !important;
    font-weight: normal;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 80% !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #f37122 !important; color: #fff !important; padding:5px;
}

.coming-soon {
	background-color: #fff;
	text-align: center;
	padding-top: 2.5%;
	padding-right: 5%;
	padding-bottom: 2.5%;
	padding-left: 5%; border: 1px solid #74c045;
}
@media only screen and (max-width : 767px) {
.coming-soon {
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;	
}	
}


.coming-soon h2 {color:#f37122 !important;}

.page-id-2006 .about-phases {margin-bottom: 0}

.page-id-2006 .read-more {margin-bottom:20px !important}

.page-id-2006 .popupaoc-button {background-color: #f37122 !important; color:#FFF !important; display: inline-block;
margin-top: 1.75%;
background-color: #f37122;
padding: 10px !important; line-height: 1;
color: #fff;
border-radius: 4px; font-family: 'quicksandregular', sans-serif !important; font-size:16px !important; margin-right:20px;}

.page-id-2006 .popupaoc-button:hover {
    background-color: #0b6a40 !important;
}
@media only screen and (max-width : 767px) {
.page-id-2006 .about-phases {margin-bottom: 20px;}	
}

.client-logo-holder-pre{
    width: 18%;
    position: relative;
    float: left;
    margin-right: 2.5%;
    margin-bottom: 0;
}

.pre-square { margin-bottom: 20px !important;}
.client-logo-holder-pre:nth-of-type(5), .client-logo-holder-pre:nth-of-type(10), .client-logo-holder-pre:nth-of-type(15)  {margin-right:0}
.client-logo-holder-pre span {
    text-align: center;
    position: realtive;
    width: 100%;
    font-size: 80%;
    color: #74c044; display:block; line-height: 1.3;
}
.client-logo-holder {width: 100%; padding-bottom:90%; position:relative}
.client-logo-holder-square {width: 100%; padding-bottom:80%; position:relative}
.client-logo-holder-pre img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 50%;
}
.pre-footer{
	margin-left: 7%;
	margin-right: 7%;
	padding-top: 20px;
	padding-bottom: 0;
	margin-top: 3.5%;
	margin-bottom: 3.5%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #74c044;
}
.ledby {
	margin-left: 7%;
	margin-right: 7%;
	padding-top: 3.5%;
	padding-bottom: 0;
	margin-top: 7%;
	margin-bottom: 3.5%;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #74c044;
}
.pre-footer h2, .ledby h2 {font-size: 110% !important}
.ledby h2 {
    position: absolute;
    left: 0px;
    top: 20px;
    margin-bottom: 0;
}
.ledby h2:nth-of-type(2) {left:62% !important}
.ledby .client-logo-holder-pre {margin-bottom:0 !important; padding-bottom:0}
.ledby .client-logo-holder-pre img {
    max-width: 70% !important;
}
.ledby .client-logo-holder-pre .bgcl {width:100% !important; max-width:95% !important;}

@media only screen and (max-width : 767px) {
	.client-logo-holder-pre{
    width: 90%;
    position: relative;
    float: none;
    margin-right: 5%;
	margin-left: 5%;
    margin-bottom: 50px;
}
.client-logo-holder {width: 100%; padding-bottom:0; position:relative; text-align:center}	
.client-logo-holder-square {
    width: 100%;
    padding-bottom: 0;
    position: relative; margin-bottom: 50px; text-align:center;
}
.client-logo-holder-pre img {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    display: inline-block;
    max-width: 50%;
}
.pre-footer h2, .ledby h2 {
    font-size: 110% !important;
    text-align: center;
}
.client-logo-holder-pre span { margin-top: 10px;}
.ledby h2 {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 20px;
}
.ledby h2:nth-of-type(2) {left:auto !important}
}

/* Powerbi */
.rc-filters ul li a {color:#74c045}
.rc-filters ul li a:hover{color: #f37122 !important}

/* Accordion */
.c-accordion__title[aria-expanded="true"] {background-color: #74c045; color:#FFF; outline: 0; border:none}
.c-accordion__title {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
	padding: 10px !important;
	outline: 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; background-color: #cfe1d8
}
.c-accordion__title::after {
	right: 10px !important;
    content: "+";
    color: #0b6a40 !important;;
}
.is-open .c-accordion__title::after {
    content: "\2212"; color: #fff!important;
}
.c-accordion__content a {color: #0b6a40;}
.c-accordion__content a:hover {text-decoration:underline}

.about-contacts {padding: 3.5%; background-color:#deedc3; }

/* Data hub */

.dh-sub-nav-holder .menu-dh-sub-container, .dh-sub-nav-holder .menu-tanzanian-socioeconomic-sub-container  {text-align:center; margin-top: 0; margin-bottom:3.5%;}
@media only screen and (max-width : 812px) {.dh-sub-nav-holder .dh-sub-nav-holder, .dh-sub-nav-holder .menu-tanzanian-socioeconomic-sub-container {margin-bottom:7%;}}

.dh-sub-nav-holder .menu .menu-item {
	border-top-width: 1px;
	border-right-style: none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #74c045;
	border-bottom-color: #74c045;
	position: relative;
	margin-bottom: 0 !important;
	display: block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #74c045;
	border-right-color: #74c045; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
}
@media only screen and (max-width : 812px) {
.dh-sub-nav-holder .menu .menu-item {width: 100% !important}
.dh-sub-nav-holder .menu .menu-item {border-right-style: solid !important; border-bottom-style: none;}
.dh-sub-nav-holder .menu .menu-item:last-of-type {border-bottom-style: solid;}
.dh-sub-nav-holder .menu .menu-item .sub-menu .menu-item:last-of-type {border-bottom-style: none !important;}
}
.dh-sub-nav-holder .menu .menu-item:last-of-type, 
.dh-sub-nav-holder .menu .menu-item .sub-menu .menu-item {border-right-style:solid}	
.dh-sub-nav-holder .menu .menu-item a {color: #74c045;}
.dh-sub-nav-holder .menu .menu-item a:hover { text-decoration:none;}
.dh-sub-nav-holder .menu .menu-item ul {
    display: none;
    position: absolute;
    left: -1px;
    float: left;
    width: -moz-calc(100% + 2px);
width: -webkit-calc(100% + 2px);
width: -o-calc(100% + 2px);
width: calc(100% + 2px);
    z-index: 99999;
    padding-left: 0;
}

@media only screen and (max-width : 812px) {
	.dh-sub-nav-holder .menu .menu-item ul {
    display: none;
    position: relative; z-index:1;
}}
.dh-sub-nav-holder .menu .menu-item a{
	text-transform: none !important; 
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif !important; display:block;
}
.dh-sub-nav-holder .menu .menu-item .sub-menu a{
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px; font-size: 75% !important; font-weight:normal !important;
}
@media only screen and (max-width : 812px) {
	.dh-sub-nav-holder .menu .menu-item .sub-menu a{
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px; font-size: 100% !important; font-weight:normal !important;
}

}
.dh-sub-nav-holder .menu .menu-item .sub-menu .menu-item {width: 100%; border-bottom-style:none; background-color: #fff; }
.dh-sub-nav-holder .menu .current-menu-item a {background-color:#74c045; color: #fff !important; cursor:default;}

.dh-sub-nav-holder .current-menu-parent { background-color:#deedc3}

.dh-sub-nav-holder .menu .menu-item .sub-menu .current-menu-item a { color:#fff !important;}

.dh-sub-nav-holder .menu .menu-item:hover {background-color:#deedc3}


.dh-sub-nav-holder .menu .menu-item .sub-menu .menu-item a:hover {color: #fff !important; background-color:#74c045; cursor: pointer;  -moz-transition: all .1s ease-in !important;
    -o-transition: all .1s ease-in !important;
    -webkit-transition: all .1s ease-in !important;
    transition: all .1s ease-in !important;}
.dh-sub-nav-holder .menu .menu-item .sub-menu .menu-item:last-of-type {border-bottom-style:solid}
.dh-sub-nav-holder .menu .menu-item:hover > ul {display: block !important;}

.dh-sub-nav-holder .menu .menu-item .sub-menu{background-color:#deedc3; font-size:90% !important;}
.dh-sub-nav-holder .menu-item-has-children {padding-right:10px}
@media only screen and (max-width : 812px) {
.dh-sub-nav-holder .menu-item-has-children {padding-right:0 !important}}

.dh-sub-nav-holder .menu-item-has-children a {cursor:default;}
.dh-sub-nav-holder .menu-item-has-children a:after {content: " \2193";
font-size: 100%;
position: absolute;
right: 10px;
top: 5px;}
.dh-sub-nav-holder .menu-item-has-children .sub-menu .menu-item a:after {content:""}




.dh-bbi div {
	position: relative;
	overflow: hidden;
	padding-top: 60%; margin-top: 3.5%; margin-bottom: 3.5%; background-color: #e5e5e5; border: none !important;
}

@media only screen and (max-width : 812px) { .dh-bbi div  {margin-top: 7%; margin-top: 7%;}}

.dh-bbi div iframe {
	position: absolute;
	top: 0;
	left: 0; right: 0; bottom: 0;
	width: 100%;
	height: 100%; border: none !important
}



.dh-breadcrumbs {
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 3.5%;
margin-left: 0px;}
@media only screen and (max-width : 812px) {.dh-breadcrumbs {margin-bottom: 7%;}}
.dh-breadcrumbs li {display:inline-block; margin-bottom:0 !important;}
.dh-bc-nolink {color: #f37122 !important; cursor:default;}


.single-data-hub-posts .addthis_tool {text-align:right; }
@media only screen and (max-width : 812px) {
	.single-data-hub-posts .addthis_tool {text-align: center; }
}

.single-data-hub-posts .addthisholder {margin-top: 0}
.dh-rcfs-links {text-align: right; margin-bottom: 1.75%;}
.dh-rcfs-links .read-more { display:inline-block; margin-left:5px; color: #fff; text-align:center}

@media only screen and (max-width : 812px) {
.dh-rcfs-links {text-align: left; margin-bottom: 6%; margin-top: 6%;}
.dh-rcfs-links .read-more {
color: #fff;
display: block;
width: 70%;
margin-bottom: 3.5%;
margin-left: auto; margin-right: auto;
margin-top: 0;}
}

.dh-rcfs-links .read-more:hover {text-decoration:none}
.single-data-hub-posts .at-share-btn {margin-right:0 !important}

.single-data-hub-posts .content-holder {margin-top: 1.75% !important;}

.report-themes {
	margin: 0;
	background-color: #e5e5e5;
	padding-top: 2.5%;
	padding-right: 5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
}
.report-themes a {font-weight:bold}
.report-themes p:nth-of-type(odd) {margin-bottom:0}
.report-themes p {margin-top:0; margin-bottom:20px}

.postid-6221 p { margin-bottom:20px !important; margin-top:0 !important}
.postid-6221 .wp-block-image {
    margin-top: 0;
	margin-bottom:3%;
}
.postid-6221 figcaption {position:relative; text-align:right;}
.postid-6221 .wp-image-6304 {padding-left:10%}
@media only screen and (max-width : 812px) {
.postid-6221 .wp-image-6304 {padding-left:0}
.postid-6221 figcaption {position:relative; text-align: center;}
}

.postid-6221 figcaption a {font-size: 100%;
line-height: 1.4;
font-family: arial;}

.postid-6221 figcaption a:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: " \f019"; margin-left:5px;
}

.dh-int-links-left, .dh-int-links-right { width:50%}
.dh-int-links-left {float:left}
.dh-int-links-right {float:right; text-align:right;}
.dh-int-links-right a {margin-left: 5px; color: #fff;}
.dh-int-links-right a:hover {text-decoration:none}

@media only screen and (max-width : 812px) {
	.dh-int-links-left, .dh-int-links-right { width:100%}
.dh-int-links-left {float:none; text-align: center;}
.dh-int-links-right {float:none; text-align: center;}
.dh-int-links-right a {margin-left: 0; color: #fff;}
.dh-int-links-right a:hover {text-decoration:none}
	
}

.data-hub-landing2cols .wp-block-group__inner-container { text-align:center;}

.about-phases h2 {color: #f37122 !important; font-size: 150%;}
.about-phases img {width:40%;}
.data-hub-landing2cols .wp-block-group__inner-container .read-more {color: #fff !important;}
.data-hub-landing2cols .wp-block-group__inner-container .read-more:hover {text-decoration:none}
.data-hub-landing2cols .wp-block-group__inner-container .coming-soon h2 {color: #fff !important; font-size:150%;}

@media only screen and (max-width : 3000px) {
.coming-soon p {width:80%; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom: 40px; position:relative}
.about-phases h2 {color: #f37122 !important; font-size: 150%; width:80%; margin-left:auto; margin-right:auto;}
}

@media only screen and (max-width : 1600px) {
.coming-soon p {width:80%; margin-top:0px; margin-bottom: 20px; position:relative}
.about-phases h2 {color: #f37122 !important; font-size: 150%; width:80%; margin-left:auto; margin-right:auto;}
}

@media only screen and (max-width : 1300px) {
.coming-soon p {width:100%; margin-top:0px; margin-bottom: 20px; position:relative}
.about-phases h2 {color: #f37122 !important; font-size: 150%; width:100%; margin-left:auto; margin-right:auto;}
}

.xlsx {
	background-image: url(https://tropicallegumeshub.com/wp-content/themes/tlh/images/xlsx.png);
	background-size: 25px 24px;
	background-color: #74c045;
	background-repeat: no-repeat;
	background-position: 10px 10px; 
	display: inline-block;
	margin-top: 1.75%;
	color: #fff !important;
	border-radius: 4px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	width: 50%; line-height:1.2; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
}
.xlsx:hover {background-color: #0b6a40; text-decoration:none !important;}

@media only screen and (max-width : 767px) {
	.xlsx {width: 80%;}
}
.downloadtable img {width:25px;}
.downloadtable {margin-bottom: 40px}
.downloadtable td {white-space: nowrap; height:50px;}
@media only screen and (max-width : 767px) {
.downloadtable td {white-space: normal; height:100px;}
.downloadtable {margin-bottom: 20px}
}
.downloadtable a {color:#74c045; font-weight:bold}
.report-themes a {color:#74c045 !important;}
.downloadtable a:hover, .report-themes a:hover, .postid-6523 .wp-block-column a:hover, figcaption a:hover  {text-decoration:none !important; color:#f37122 !important}
.downloadtable a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
    margin-left: 5px;
}
.pdficon a::after {content: "" !important;}
.data-hub-posts-template-default h2 {color:#74c045 !important}
.postid-6523 .wp-block-separator:nth-of-type(odd) {margin-top:40px;}
.postid-6523 .wp-block-separator:nth-of-type(even) {margin-bottom:40px;}
.wp-block-column ul li:last-of-type {margin-bottom:0 !important}

.page-id-2006 .popupaoc-button:nth-of-type(even) {display:none}
@media only screen and (max-width : 767px) {
.postid-6489 .wp-image-6527 {margin-left: 20%;
margin-right: 20%;
width: 60%;}}

.postid-6666 .addthisholder {width: 25%; text-align: right;float: right;}
.postid-6666 .dh-rcfs-links {text-align:left !important; width:75%; float:left}

@media only screen and (max-width : 767px) {
.postid-6666 .addthisholder {width: 100%; text-align: center;float: none;}
.postid-6666 .dh-rcfs-links {text-align:left !important; width:100%; float:none}
}

.postid-6666 .dh-rcfs-links table {border-collapse: collapse;}

.postid-6666 .dh-rcfs-links table td, .postid-6666 .dh-rcfs-links table th {
  border: 1px solid #333;
  padding: 0.5rem;
  text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 100%;
line-height: 1.3;
color: #333;
}
.postid-6666 .dh-rcfs-links table tr:first-of-type {
	color: #FFF !important;
	background-color: #74c045;
}
.postid-6666 .dh-rcfs-links table tr td strong{font-family: Arial, Helvetica, sans-serif !important;}
.postid-6666 .dh-rcfs-links table td, .postid-6666 .dh-rcfs-links h2 {margin-top:0}

.dh-bbi div{background-color: transparent !important;}