html, body {
  margin: 0;
  padding: 0; 
    font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*  overflow-x: hidden;*/
text-rendering: optimizeLegibility;
text-rendering: geometricPrecision;
}

body {
  line-height: 1.2;
  height: 100%;
}


.border-red {
    border:1px solid red;
}

.border-blue {
    border:1px solid blue;
}

hr {
    border-top: 1px solid rgba(255,255,255,.2); !important;
}

.hr-brown {
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
    height: 5px;
    width:100%;
    display:inline-block;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

h1, h2, h3, h4, h5, h6{
   font-family: 'Open Sans', sans-serif;
    color:rgb(76,32,35);
    font-weight:bolder;
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Open Sans', sans-serif;
    color:rgb(76,32,35);
    text-decoration: none;
}


h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}






h4 a {
    color:#5c8e00 !important;
    display:inline-block;
    margin-bottom:3px !important;
    line-height: 20px !important;
}

.news-link{
   padding-bottom:15px;
    display:block;
}

.title-link > a, .title-link {
  font-size:19px !important;  
}

.title-link > a, .title-link {
    color: rgb(76,32,35);
    text-decoration: none !important;
    text-transform: uppercase;
}

    .underline {
       text-decoration: none; 
       position: relative; 
     }   

    .underline:after {
        position: absolute;
        content: '';
        height: 6px;
		  /* adjust this to move up and down. you may have to adjust the line height of the paragraph if you move it down a lot. */
        bottom: -12px; 


       /****** 
       optional values below 
       ******/
        
        /* center - (optional) use with adjusting width   */
		left: 0;
		  width: 30%;
		  background: rgb(174,203,74);
		  
		  /* optional animation */
		  -o-transition:.5s;
  		  -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
    }
	 

	 /* optional hover classes used with anmiation */
	  .underline:hover:after {
		  width: 100%;
		  background: rgb(205,214,65);
    }




h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline;   
}



h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 32px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
  line-height:22px;
}
h6,
.h6 {
  font-size: 13px;
  line-height:14px;
}

h5 ol li {
    line-height:1;
}

p {
    font-size: 14px;
    color: #400005;
    line-height: 20px;
}

p a {
    font-size: 14px;
    color: #AECB4A;
    line-height: 20px;
}

ul li, ol li {
    font-size: 14px;
    color: #400005;
    line-height: 20px;
}

a {
    color: #AECB4A;
}


.border-regular {
    border:1px solid #e8e8e8;
}

.border-top {
    border-top:1px solid #e8e8e8;
}

.green-link {color:#5dbb46 !important;font-weight: bold;}

.orange-link {
 color:#f8f8f8 !important;   
 text-decoration:underline;
}

.border-break-white {
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
    display:block;
    height:2px;
    margin-top:5px;
    margin-bottom:15px;
}


.border-break-white-new {
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
    display:block;
    height:2px;
    margin-top:5px;
    margin-bottom:10px;
}

.bottom-border {
    border-bottom: 1px solid rgba(255,255,255,0.3); !Important;
}



.border-right {
    border-right:1px solid rgba(76,32,35,0.4);
}



.fixed-top {
    padding-top:8px;
  background-color:#ffffff;
  border-bottom:1px solid #e8e8e8;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 99999 !important;
}


/* end nav */

header.header_area{
  border-bottom:1px solid #e4e4e4; 
    padding-top:5px;
    padding-bottom:3px;
  position:fixed;
  z-index:9999;
    top:0;
    display:block;
    width:100%;
    background-color:#ffffff;
}

.red {
    border:1px solid red;
}


img.homepage-news {
    border:1px solid #e4e4e4;
}


.homepage-border {
    display:block;
    border: 1px solid #e4e4e4;
    padding:15px;
    margin-top:15px;
    margin-bottom:15px;
}

.homepage-border p a  {
    font-size:inherit;
  line-height: 1.2;
}

.download-block {
    display:block;
    margin-bottom:10px;
    padding:5px;
    border:1px solid #e8e8e8;
}

.margin-10 {
    margin-bottom:10px;
    margin-top:5px;
}

/* sections */

section.myslider {
    display:block;
    position:relative;
}

section.mission {
    display:block;
    background: #aecb4a;
}

section.partner {
    display:block;
    background: #aecb4a;
    padding-top:15px;
}

section.climate-change {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
    background: #fff12a;    
}

.part {
    display:block;
    float:left;
    margin-right:8px;
}

section.forests {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
    background: #3f5e52;    
}

section.coastal {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
    background: #4fa0d5;    
}

section.rural {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
    background: #85a195;    
}

section.green {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
    background: #fff66a;    
}

section.civil- {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
    background: #decfdb;    
}


.mission-block {
    text-transform: uppercase;
    color:#4c2023 !important; 
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
}




section.thematic-main {
    padding-top:30px;
    padding-bottom:30px;
    display:block;
}




section.news-area {
    display:block; 
    width:100%;
    height:auto;
}


section.contact-forest {
    display:block;
    padding-top:40px;
    padding-bottom: 40px;
}

section.forest-projects{
    display:block;
}

.green {
    color:#adcb4a;
}

.green-block {
    background-color:#fffeff;
    padding-left:15px;
    padding-right:15px;
    padding-top:30px;
   border-radius: 5px;
    height:420px;
    margin-bottom:10px;
    margin-top:10px;
}



.green-block h2{
   font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
}

.green-block p{
    color: #400005;
}

.programme-forests > a {
    text-decoration: none !important;
   color:#85a195 !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:5px !important;
}


.programme-coastal > a {
    text-decoration: none !important;
   color:rgb(58,84,139) !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:15px;
}

.programme-climate > a {
    text-decoration: none !important;
   color:#cf422b !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:15px;
}

.programme-green > a {
    text-decoration: none !important;
   color:#cdd641 !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:15px;
}

.programme-rural > a {
    text-decoration: none !important;
   color:#85a195 !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:15px;
}

.programme-civil > a {
    text-decoration: none !important;
   color:rgb(106,107,144) !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:15px;
}

.sdg-block {
    background-color:#fffeff;
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
   border-radius: 5px;
    height:420px;
    margin-bottom:10px;
    margin-top:10px;
}

.sdg-pix img {
    margin-bottom:25px;
}


.sdg-block p {
    color: #400005;
}

.sdg-block h2 {
    color: #400005;  
   font-family: 'Open Sans', sans-serif;
}

h4.sdg-h4 {  
    color: #400005;
   font-family: 'Open Sans', sans-serif;
    margin-top:0;
    margin-bottom:0;
}

p.sdg-p {  
    color: #400005;
    margin-top:0;
    margin-bottom:0;
    font-size:14px;
}




.news-block-layout {
    display:block;
    width:100%;
    height:auto;
    margin-bottom:10px;
}



.news-block-txt-filter {
 padding-left:10px !important;   
 padding-right:10px !important; 
    height:100px;
}


.projects-block-txt-filter {
 padding-left:10px !important;   
 padding-right:10px !important; 
    height:100px;
}



.publications-block-txt-filter {
 padding-left:10px !important;   
 padding-right:10px !important; 
    height:100px;
}



h5.news-block-txt a {
    color:#5c8e00;
    line-height:1.2;
    text-transform: none !important;
    text-decoration: none !important;
}

h5.news-block-txt a:hover {
    color:#aecb4a;
  text-decoration: underline !important;  
}


.card-body {
    padding-left:10px;
    padding-right:10px;
}


.news-block-card a {
    color:#aecb4a;
    line-height:1.5;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.news-block-card a:hover {
  color:#aecb4a;
  text-decoration: underline !important;  
}


.news-page a {
    color:#5c8e00;
    line-height:1.5;
    text-decoration: none !important;
}

.news-page a:hover {
  color:#aecb4a;
  text-decoration: underline !important;  
}

.news-read-more {
    background-color: 0;
    display:inline-block;
    border:3px solid #aecb4a;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.news-read-more:hover {
    background-color: #aecb4a;
    border:3px solid #aecb4a;
    color:#ffffff;
    
    
    transition: .6s background ease-out;
    -webkit-transition: .6s background ease-out;
}

a.news-read-more {
  font-size:13px;
  text-decoration: none !important;
}

a.news-read-more:hover {
  text-decoration: none !important;
}

/*
.news-block-txt {
 padding-left:10px !important;   
 padding-right:10px !important; 
    height:100px;
}



*/
.news-block-txt-pub a {
    color:#1a1a1a;
    line-height:1.2;
    text-transform: none !important;
    text-decoration: none !important;
}

.news-block-txt-pub a:hover {
    text-decoration: underline !important;
}

.news-block-txt-pub {
 border:0;
}

.news-block-slider {
 padding-left:15px !important;   
 padding-right:5px !important; 
 padding-top:10px;
    height:auto;
    margin-top:0;
}

h4.news-block-slider > a {
    color:rgb(76,32,35) !important;
    line-height:1;
    text-decoration: none;
    text-transform:none;
}

h4.news-block-slider:hover {
    text-decoration: underline;
    cursor:pointer;
}

p.news-block-slider {
    color:rgb(76,32,35) !important;
}





.news-padding-right {
    padding-right:15px;
}



img.news-block-img {
    margin-top:20px;
    margin-bottom:10px;
    width:100px;
    height:100px;
}


img.news-page-img {
    width:250px;
    max-width:250px;
    height:auto;
}


img.news-block-img-lower {
    margin-top:20px;
    width:340px;
    height:300px;
    border:1px solid #e8e8e8;
}


.news-block {
    border:1px solid #e8e8e8;
}

/*
img.cat-block-img {
    margin-top:20px;
    margin-bottom:0px;
    width:100%;
    height:100%;
}*/

.img-container {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin-top:10px;
}

.img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
    
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

hr.cat {
    border-top:1px solid #ededed !important;
}

.country-filter-full {
    background-color:#fffeff;
    padding-left:15px;
    padding-right:15px;
    padding-top:30px;
   border-radius: 5px;
    height:420px;
    margin-top:10px;
    overflow-y: scroll;
    overflow-x:hidden;
}



.mission-text {
    display:block;
    padding-top:20px;
    padding-bottom:20px;
}

.mission-text h4, .mission-text p {
    color:#6d6d6d;
}



section.sdgs {
    display:block;
    background: #fbfbfb;  
    padding-top:150px;
    padding-bottom:150px;
}

.my-country-section {
    background:#eeeaeb;
    padding-top:50px;
    padding-bottom:50px;
    padding-left:50px;
    padding-right:50px;
}

.z-index-1 {
    z-index:500;
    margin-top:-15%;
}




/* footer */

footer {
    width:100%;
    height:auto;
    background-color: #d9df41;
    padding-top:15px;
    padding-bottom:15px;
}

footer ul li {
    font-family: inherit;
    line-height: 2;
    color:#4c2023;
    font-weight:500;
    font-size: 16px;
    margin-bottom:0;
    text-decoration: none;
   text-decoration: none; 
    list-style-type: none;
    list-style-position:outside;
}


footer p, footer p a, footer a {
    font-family: inherit;
    line-height: 1.5;
    color:#4c2023;
    font-weight:500;
    font-size: 14px;
    margin-bottom:0;
    text-decoration: none;
   text-decoration: none; 
}

footer p a:hover, footer a:hover {
   text-decoration:underline;
}

footer h4, footer h3 {
    font-family: 'Merriweather', serif;
    color:#4c2023;
}

hr.footer-border {
    border-top:1px solid #4c2023 !important;
}

/* caribbean islands */

.islands-contain{
	display: block;
    width:310px;
    float:left;
    margin-bottom:20px;
}

.islands #cafe {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.islands #cafe .inner {
	padding-top: 53.50%; /* height/width of image */
	display: block;
	height: 0;
}

/* default screen, non-retina */
.islands #cafe { background-image: url("../img/caribbean-map-green-new.png"); }

@media only screen and (max-width: 320px) {
    /* Small screen, non-retina */
    .islands #cafe { background-image: url("../img/caribbean-map-green-new-290-200.png"); }
}
@media
only screen and (min-resolution: 2dppx) and (max-width: 320px) {
    /* Small screen, retina */
    .islands #cafe { background-image: url("../img/caribbean-map-green-new-320-250.png"); }
}
@media only screen and (min-width: 321px) and (max-width: 538px) {
    /* Medium screen, non-retina */
    .islands #cafe { background-image: url("../img/caribbean-map-green-new-538-350.png"); }
}
@media
only screen and (min-resolution: 2dppx) and (min-width: 321px) and (max-width: 538px) {
    /* Medium screen, retina */
    .islands #cafe { background-image: url("../img/caribbean-map-green-new-1060-800.png"); }
}
@media
only screen and (min-resolution: 2dppx) and (min-width: 539px) {
    /* Large screen, retina */
    .islands #cafe { background-image: url("../img/caribbean-map-green-new-1450-1100.png"); }
}


/* end caribbean islands */



#countries-block {
    display:none;
}

img.logo {
    position:relative;
    float:left;
    left:0;
    bottom:0;
    top:10px;
    display:block;
    vertical-align: bottom;
    height:auto;
}

img.logo-footer {
    margin-top:20px;
    display:block;
    position:relative;
    border:4px solid #ffffff;
}


img.sdg-wheel {
    position:relative;
    display:flex;
    width:150px;
    margin:0 auto;
}

img.sdg-imgs {
    position:relative;
    display:flex;
    width:120px;
    margin:0 auto;
}

img.progs {
    position:relative;
    display:block;
    width:300px;
}

img.cbbn-map {
    position:relative;
    display:flex;
    width:150px;
    margin:0 auto;
}

img.slide-nav-img {
    width:1900px;
    max-height:700px;
    width:100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    display:flex;
}

/*smaller marron button */

a.maroon-button-sm {
	background-color: rgba(76, 32, 35);
    width:auto;
    height:auto;
    color:#fffeff;
    padding-left:10px;
    padding-right:10px;
    padding-top:12px;
    padding-bottom:12px;
    display:inline-block;
    text-decoration:none;
    text-transform: uppercase;
    font-weight:700; 
}

a.maroon-button-sm:hover {
    color:#ffffff  !important;
    text-decoration:none !important;
    text-transform: uppercase !important;
	background-color: rgba(106, 40, 29);
}

/*end smaller maroon button */



a.maroon-button {
	background-color: rgba(76, 32, 35);
    margin-top:20px;
    width:auto;
    height:auto;
    color:#ffffff;
    padding-left:18px;
    padding-right:18px;
    padding-top:20px;
    padding-bottom:20px;
    display:inline-block;
    text-decoration:none !important;
    text-transform: uppercase !important;
    font-weight:700; 
}

a.maroon-button:hover {
    color:#ffffff  !important;
    text-decoration:none !important;
    text-transform: uppercase !important;
	background-color: rgba(106, 40, 29);
}




/* Global Button Styles */


a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}




/* sdg */


a.animated-button.sdg-generic {
	background-color: rgba(106, 40, 29, 1.0);
}

a.animated-button.sdg-generic:hover {
	background-color: rgba(106, 40, 29, 0.7);
}




.position-bottom {
    position:absolute !important;
    bottom:20px;
    width:auto;
}

.position-bottom-top-blocks {
    position:absolute !important;
    bottom:20px;
}


.lower-img-about {
    display:block; 
  background-image: url(../img/about-bkgd.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    height:500px;
    border:1px solid #e4e4e4;
}

.lower-img-sdg {
    display:flex; 
  background-image: url(../img/SDGWheel_Transparent.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    height:380px;
    width:380px;
    padding:50px;
}

.full-blue-bkgd {
    background: #2196f3;
    padding-left: 3.125em;
    padding-right: 3.125em;
    padding-top: 5.000em;
    padding-bottom: 5.000em;
    margin-top:20px;
}

.full-blue-bkgd h5 {
    color:#fffeff;
}


.major-label {
    display:block;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 5px;
}

.major-label h4 {
  color:#fffeff;  
}

.first-article  {
    display:block;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 20px;
}

.first-article h5 a {
  color:#fffeff;
    font-size: inherit;
}

.second-article  {
    display:block;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 20px;
}

.second-article h5 a {
  color:#fffeff;
    font-size: inherit;
}

.blurb {
    display:block;
    border-left:1px solid #e4e4e4;
    padding-left:70px;
    padding-right:70px;
    padding-top:50px;
    padding-bottom:50px;
}

/* contact form */

#contact{
    padding:10px 0 10px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles 

  .form{
    width: 100%;
    padding: 15px;
    background:#f8f8f8;
    border:1px solid rgba(0, 0, 0, 0.075);
    margin-bottom:25px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .form:hover{
    border:1px solid #8BC3A3;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #8BC3A3;
  }

  .textarea{
    height: 200px;
    max-height: 200px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#0A5175;
    display: block;
    width:220px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .button:hover{
    background:#8BC3A3;
    color:white;
  }

/* Send Button Styles */

  .form-btn{
    width:220px;
    display: block;
    height: auto;
    padding:15px;
    color:#fff;
    background:#8BC3A3;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
  }

  .form-btn:active{
    opacity: 0.9;
  }
center{
  margin-top:330px;
}
input {
    position: relative;
    z-index: 9999;
}



#map {
  margin: 0;
  padding: 0;
  height: 250px;
}

}

/* About Us Pages */

section.who-we-are {
    display:block;
    height:auto;
}


section.grey {
    padding-top:20px;
    padding-bottom:20px;
    display:block;
    height:auto;
    background-color:#f8f8f8;
}


h1.main-staff {
  font-size: inherit;  
}


h2.main-staff {
    
  font-size: 32px;
}


h3.main-staff {
  font-size: inherit;  
}

h3.page-title {
  font-size: inherit;  
}

/* Generic Page */



h1.generic {
  font-size: inherit;  
}


h2.generic {
  font-size: 32px;
}


h3.generic {
  font-size: inherit;  
}


.spacer-header {
    width:100%;
    height:130px;
    display:block;
}

.spacer-footer {
    width:100%;
    height:2.500em;
    display:block;
}

.spacer-search {
    padding-top:40px;
    padding-bottom:40px;
    width:100%;
    display:block;
}

.spacer-post {
    padding-top:30px;
    padding-bottom:20px;
    width:100%;
    display:block;
}



.spacer-home {
    padding-top:30px;
    padding-bottom:40px;
    width:100%;
    display:block;
}

.spacer-single {
    padding-top:60px;
    padding-bottom:60px;
    width:100%;
    display:block;
}

.spacer-partners {
    width:100%;
    height:200px;
    display:block;
}


.partner-contact {
    display:block;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:10px;
    text-align: left;
}


.partner-green-block {
    /*background-image: linear-gradient(to right top, #f26532, #f4702d, #f67a28, #f78523, #f78f1e);*/
    background-color:#fffeff;
    padding-left:25px;
    padding-right:25px;
    padding-top:25px;
    padding-bottom:25px;
   border-radius: 5px;
    height:auto;
    margin-bottom:10px;
}



.partner-green-block h2{
   font-family: 'Open Sans', sans-serif;
     text-transform: uppercase;
}

.partner-green-block p{
    color: #400005;
}

.staff-img {
    margin:auto;
    display:block;

    float:left;
    left:5px;
}

.staff-img-individual {
    margin-left:2px;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
}

.upper {
    text-transform: uppercase;
}


article.page {
    margin-top:75px;
}

.page-header {
    color:#4C2023;
}

h6.new-page-tag {
    color:#00306e;
}

a.my-tag {
  text-transform: none !important;
    color: #6d6d6d;
    font-size:10px;
    margin-top:2px;
    margin-bottom:2px;  
    background-color: #e4e4e4;
    border-radius:5px;
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    padding-top:3px;
    padding-bottom:3px;
    text-decoration: none;
}

p.excerpt {
    text-transform: none !important;
    color:#020202;
    font-size:12px;
}

ul.news li {
    margin-bottom:15px;
    list-style-type: none;
    list-style-position: outside;
    margin-left:-40px;
}

ul.news li a {
    color:#fffeff;
}


/* image zoom */

/* Image zoom on hover + Overlay colour */
.parent {
    width: 100%;
    height: 410px;
    border: 0;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
	cursor: pointer;
    background: rgba(0,0,0,0.5);
}

.child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 3.0s;
}

/* homepage */
.lower-img-news {
  background-image: url(../img/news-bkgd.jpg);
}

.lower-img-projects {
  background-image: url(../img/projects-bkgd.jpg);
}

.lower-img-publications {
  background-image: url(../img/publications-bkgd.jpg);
}


.thematic-page-content, .issue-page-content, .strategy-page-content {
    margin-top: 80px;
    margin-bottom: 80px;
}

.post-page-content {
    margin-top: 120px;
    margin-bottom: 80px;
}

/* thematic images */

.thematic-one {background-image: url(../img/programmes/thematic-programmes/forest-livelihoods-and-governance-300x300.jpg);}
.thematic-two {background-image: url(../img/programmes/thematic-programmes/coastal.jpg);}



.issue-one {background-image: url(../img/programmes/issue-programmes/river.jpg);}
.issue-two {background-image: url(../img/programmes/issue-programmes/tapioca.jpg);}
.issue-three {background-image: url(../img/programmes/issue-programmes/cruise-ship.jpg);}
.issue-four {background-image: url(../img/programmes/issue-programmes/focus.jpg);}

.strategy-one {background-image: url(../img/programmes/strategy-programmes/forest-managers.jpg);}
.strategy-two {background-image: url(../img/programmes/strategy-programmes/drain.jpg);}
.strategy-three {background-image: url(../img/programmes/strategy-programmes/communication.jpg);}
.strategy-four {background-image: url(../img/programmes/strategy-programmes/capcity.jpg);}
.strategy-five {background-image: url(../img/programmes/strategy-programmes/internal-governance.jpg);}

.zoom-txt {
    display:block;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    height: auto;
}

.zoom-txt-1 {
    display:block;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    height: auto;
}

.spacer {
   display:block; 
    height:30px;
}


.zoom-txt h4 a, .zoom-txt  p a {
    font-size: inherit;
    font-family: inherit;
    line-height:inherit;
    color: #ffffff !important;
    cursor: pointer;
}

.zoom-txt-1 h5 a, .zoom-txt-1  p a {
    font-size: inherit;
    font-family: inherit;
    line-height:inherit;
    color: #ffffff !important;
    cursor: pointer;
}

.parent:hover .child, .parent:focus .child {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.parent:hover .child:before, .parent:focus .child:before {
    display:block !important;
}



.child:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background-color: rgba(52,73,94,0.75);*/
}

.parent:hover a .child, .parent:focus a .child {
    display:block;
}

/* Media Queries */
@media screen and (max-width: 960px) {
    .parent {width: 100%; margin: 20px 0px}
		.wrapper {padding: 20px 20px;}
}

/* post */

img.attachment-large {
    background-size:cover;
    width:100%;
    height:100%;
    margin-bottom:40px;
}

.breadcrumbs, .breadcrumbs a {
    font-size:10px;
    text-transform: uppercase;
}

.entry-meta, .entry-meta a {
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
    font-size: 10px !important;
    color:#8d8d8d;
    cursor:pointer;
}


.entry-meta:hover, .entry-meta a:hover {
    text-decoration: underline;
}




.post-date, .post-date a {
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
    font-size: 10px !important;
    color:#8d8d8d;
    cursor:pointer;
}


.post-date:hover, .post-date a:hover {
    text-decoration: underline;
}





.nav-links {
    display: none;
}

.separator-line {
    margin-top:5px;
    border-bottom:1px dotted #e4e4e4;
    padding-bottom:8px;
}


.tag-wrapper {
    margin-top:100px;
}


.stationary {
    position:fixed;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity:0.6;
}




/**
 * Button
 */
.btn-transparent {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.btn-transparent:hover {
  background-color: #fff;
}

.btn-rounded {
  border-radius: 70px;
}

.btn-large {
  padding: 11px 45px;
  font-size: 18px;
}


.btn-hero {
    display:inline-flex;
  padding: 1.25rem 2.5rem;
  background-color: rgba(255,255,255,0.7);
  border-radius:0;
  border-radius: 0;
  outline: none;
  margin: 0.313rem auto;
    text-decoration: none !important;
    color:#000000 !important;
}

.btn-hero:hover,
.btn-hero:focus {
  color: #fffeff;
  opacity: 1;
  background-color: rgba(145,184,5,1);
    cursor:pointer;
}

.carousel-caption a .btn-hero:hover,
.carousel-caption a .btn-hero:focus {
    text-decoration: none !important;
}

.btn-hero p {
  color: #fffeff;
  text-transform: uppercase;
  font-size:0.875rem;
}

.tax-class {
    position: relative;
    display:flex;
    border:1px solid #e4e4e4;
    padding-top:10px;
    background-color:#fffeff;
    border-radius:10px;
}

.tax-fixed {
    top:0;
}

.post-page-content-tax {
    margin-bottom:10px;
    border:1px solid #ededed;
    padding-left:20px;
    padding-right:20px;
    padding-top:0;
    padding-bottom:30px;
    
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}


.page-content {
    margin-top:50px;
    margin-bottom:50px;
}



.post-cat a {
  text-transform: uppercase;  
  text-decoration: none;
  font-size:10px;
    font-weight:500;
}

.post-cat a:hover { 
  text-decoration: underline;
}

.read-more {
    background-color: #2196f3;
    border-radius:5px;
    display:inline-block;
    margin-top:5px;
    color:#fffeff;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    border: 1px solid #2196f3;
    transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    font-size:10px;
    font-weight:500;
    text-transform: uppercase;
}

.read-more:hover {
    border: 1px solid #2196f3;
    background-color: #ffffff;
    color:#2196f3;
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
}


.my-read-more {
    display:inline-block;
    margin-top:20px;  
    margin-bottom:20px;  
}

.green-box {
    background:#adcb4a;
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    padding-bottom:20px;
}

.green-box h5 {
 color:#ffffff !important;   
}

.green-box h5 a {
 color:#ffffff !important;   
text-decoration:underline;
}
/*
input[type=submit] {
  background-color: #0693cd;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size:16px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  width: 100px;
  z-index:inherit;
}

/*
select#ofcategory.postform, select#ofpost_tag.postform {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #0693cd;
  background-image: none;
  color:#fffeff;
  height: 3em;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}


select#ofcategory.postform::after, select#ofpost_tag.postform::after {
  content: '\25BC';
  padding: 0 1em;
  background: #34495e;
  pointer-events: none;
}


.select:hover::after {
  color: #f39c12;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}

/*
select#ofcategory.postform {
    
}



select#ofcategory.postform {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
}

.select {
  position: relative;
  display: block;
  width: 20em;
  height: 3em;
  line-height: 3;
  background: 0;
  overflow: hidden;
  border-radius: .25em;
}
select {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 .5em;
  color: #fff;
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

.select::after {
  content: '\25BC';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 1em;
  background: #34495e;
  pointer-events: none;
}

.select:hover::after {
  color: #f39c12;
}
.select::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}*/


#flexslider-carousel {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.flex-next, .flex-prev { height: 46px !important; color:#fffeff}



.my-text-container {
    display:block;
    padding-left:50px;
    padding-top:30px;
    padding-right:30px;
}



h3.climate a {
    color:rgb(76,32,35);
    font-size:22px;
}

.coastal a {
    color:#ffffff;
}

.news-item { display:inline-block; vertical-align:top; width:300px;}


.country-filter {
    display:block;
    height:310px;
    overflow-y:scroll;
    overflow-x: hidden;
    padding-top:10px;
    padding-left:10px;
    margin-top:10px;
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 9px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


img.list-img {
    border-radius:10px;
    width:80px;
    height:80px;
}

.custom-select {
    align-items: 
}

.btn-viewall {
    background-color:#f78f1e;
}

a.button {
  display: inline-block;
  position: relative;
  float: left;
  width: auto;
  padding: 5px 8px;
  margin: 10px 10px 10px 0;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s;
    text-decoration: none;
}

.btn-black {
    color:#020202 !important;
}

.btnOrange {
  background-image: linear-gradient(to right top, #f26532, #f4702d, #f67a28, #f78523, #f78f1e);
}

.btnFade.btnOrange:hover {
  background-image: linear-gradient(to bottom left, #f26532, #f4702d, #f67a28, #f78523, #f78f1e);
}


.btnwhite {
  background-image: linear-gradient(to right top, #f9f9f9, #fafbfa, #fcfcfc, #fdfefd, #ffffff);
}

.btnFade.btnwhite:hover {
  background-image: linear-gradient(to bottom left, #f9f9f9, #fafbfa, #fcfcfc, #fdfefd, #ffffff);
}


.white {
    color:#fffeff;
}

.brown {
   color:#6f2f25;
}

.black {
    color:#000000;
}

.grey {
    color:#999999;
}
/*
input[type=submit] {
    
}*/

select#sort-news.custom-select.sources {
    border:1px solid #e4e4e4;
    width:100%; 
    border-radius:10px;
    padding:3px;
    color:#6d6d6d;
}


select#ofcategory.postform, select#ofpost_tag.postform {
    border:1px solid #e4e4e4;
    width:100%; 
    border-radius:10px;
    padding:3px;
    color:#6d6d6d;
}

img.slide-img {
    height:390px;
    max-height:390px !important;
    max-width: 748px !important;
    width:748px;
}

img.new-menu-txt{
    border:1px solid red;
}


/*category results */

.categorysearch--block {
    display:block;
    margin-bottom:10px;
    margin-top:10px;
}

.cat-container {
    width:100%;
    height:auto;
    display:block;
}

.categorysearch a {
    color:#00306e;
    text-decoration: none;
    margin-top:0;
}

.categorysearch a:hover {
    text-decoration: underline;
}

.category-title {
    width:100%;
    height:100%;
   float:left;
    margin-right:8px;
    display:block;
    border-bottom:1px solid #e8e8e8;
    padding-bottom:5px;
    padding-top:5px;
}
/*
img.news-cat-block-img {
    display:block;
    width:70px;
    height:70px;
}*/



div.my-post-category {
    display:inline-block;
    text-align: left !important;
    left:0 !important;
    
}

div.my-post-category > ul.post-categories > li {
    list-style-type:circle;
    list-style-position: outside !important;
    font-size:14px;
    color:#999999;
}

div.my-post-category > ul.post-categories > li a {
    text-decoration: none;
    color:#999999;
}

div.my-post-category > ul.post-categories > li a:hover {
    text-decoration: underline;
}

div.cat-date {
    font-size:11px;
    margin-left:2px;
    color:#666;
    display:inline-block;
}



/*news results */



.cat-news-container {
    height:auto;
    display:block;
}

h5.category-news-search a {
    color: #400005;
    text-decoration: none !important;
    margin-top:0;
}

h5.category-news-search a:hover {
    text-decoration: underline !important;
}

.category-news-title {
    width:95%;
    height:auto;
    display:block;
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
    padding-left:5px;
}

img.news-cat-block-img {
    display:block;
    width:130px;
    height:100px;
    float:left;
    margin-right:10px;
}


div.cat-news-date {
    font-size:11px;
    margin-left:2px;
    color:#666;
    display:inline-block;
}


#main{
  position:relative;
  width:100%;
  height:40px;
  padding-top:5px;
}
#main > div{
  float:left;
}
#d1{
  width:85%;
  height:40px;
}

#d2{
  width:15%;
  height:40px;
}

.no-gutters{
    padding-right:0 !important;
    padding-left:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.container-search {
    float:right;
    display:inline-block;
    margin-right:10px;
}


.social_header {
    float:right;
    display:inline-block;
}

.head-nav {
    float:left;
    display:block;
}

@media (max-width: 1024px) {
       .head-nav {
        float:right;
        display:block;
           width:100%;
    } 
}


img.socialicon {
    float:right;
    display:inline-block;
    margin-right:5px;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-color {
    border:1px solid blue;
    position:relative;
    vertical-align: bottom !important;
}
.searchbar {
    display:block;
    float: left;
    background-color:#f8f8f8;
    border:1px solid #e8e8e8 !important;
    color: #4c2023;
    width: 200px;
    border: none;
   padding-left:10px;
    padding-right:10px;
    margin-top: 1px;
    margin-right: 8px;
    border-radius:4px;
    transition: 0.3s;
}

.searchbar::placeholder {
    color: #4c2023;
    font-family: inherit;
    font-size: 14px;
    /* transition: 0.2s; */
}


.searchicon {
    font-size:22px;
    float:right !important;
    color:#AECB4A;
    vertical-align: middle;
    padding-top:5px;
    padding-bottom:5px;
}

.searchandfilter ul li {
    display:inline-block !important;
    padding:0 !important;
}

.searchblock{
    padding-left:0 !important;
}

.searchbar-404 {
    display:block;
    float: left;
    background-color:#f8f8f8;
    border:1px solid #e8e8e8 !important;
    color: white;
    width: 300px;
    border: none;
   padding-left:10px;
    padding-right:10px;
    margin-top: 1px;
    border-radius:4px;
    transition: 0.3s;
}

.searchbar-404::placeholder {
    color: #4c2023;
    font-family: inherit;
    font-size: 14px;
    /* transition: 0.2s; */
}

.searchbar-404:focus {
    width: 350px;
    color: #4c2023;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    transition: 0.3s;
    outline: none;
}

.searchicon-404 {
    font-size:22px;
    float:right !important;
    color:#AECB4A;
    vertical-align: middle;
    padding-top:5px;
    padding-bottom:5px;
}






/* homepage country select */


select.sf-input-select {
    font-weight:normal;
    font-size:18px;
    background-color:#f1f1f1;
    border-radius:4px;
    padding-left:8px;
    padding-right:8px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:5px;
    margin-left:-47px !important;
    width:310px !important;
    display:block;
}

.head-search-container {
    width:100%;
    height:40px;
    display:block;
    border: 1px solid red;
}
.test-block {
    width:100%;
    display:block;
    border: 1px solid red;
}

/* search code */




/* end search code

input.sf-input-text {
    height: 20px;
    border:1px solid #e8e8e8 !important;
    border-radius:4px;
    padding-left:10px;
    padding-right:10px;
    padding-top:15px;
    padding-bottom:15px;
    background-color: #f9f9f9;
    display:flex;
    flex-direction: column;     
} */
/*
input[type=submit] {
  background-color: #aecb4a !important; 
  float:left !important;
    left:0 !important;
    display:inline-block !important;
}

input[type=submit]:hover {
  background-color: #5c8e00 !important;  
}*/

.wpcf7 form input[type=text], .wpcf7 form input[type=email], .wpcf7 textarea {
    z-index:100 !important;
}

/* pagination */
div.nav-previous {
    float:left;
}

div.nav-next {
    float:left;
    margin-left:20px;
}


.contact-area {
    border:1px solid #e4e4e4;
    padding:20px;
    border-radius:10px;
    margin-bottom:5px;
}


/* twitter */


.user, .tweet, .timePosted {
  float:left;
}

.user {
  width:25%;
}

.tweet {
  width:50%;
}

.timePosted {
  width:15%;
}

.user {
  clear:left;
}

.user a {
 width: 100px;
}

.user span span {
  width:100px;
  display:block;
  margin-top:10px;
}

.user img, .user a > span {
  float:left;
}

.user div {
 clear: left; 
}

.interact {
  float:left;
  width:10%;
  margin-top:-7px;
}

.interact a {
  margin-left:5px;
  float:left;
}

.user a > span {
  margin-left:10px;
}

.media img {
  max-width:250px;
  max-height:250px;
}

#linkage {
  position:fixed;
  top:0px;
  right:0px;
  background-color:#3d3d3d;
  color:#ffffff;
  text-decoration:none;
  padding:5px;
  width:10%;
  font-family:arial;
}

.home-img {
    background-size:cover;
    width:100%;
    height:auto;
}

/* crop image */

.home-content-container {
  display:block;
  width:100%;
  height:auto;
  margin-top:5px;
  margin-bottom:5px;
}

.home-content-container img {
  border:1px solid rgba(232,232,232,0.6);
    background-color: #f8f8f8;
    width:100%;
    height:100%;
    max-width:444px;
    max-height:188px;
}



.product {
  float: left;
  margin-bottom:10px;
  border:1px solid #e8e8e8;
}

.image-wrap {
  height: 180px;
  position: relative;
  width: 300px;
  overflow: hidden;
}

.product img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


/*cropped staff images */


.staff-cropped {
  float: left;
  margin:0 auto;
  margin-right:15px;
  margin-bottom:10px;
  width: 290px;
}

.staff-image-wrap {
  height: 200px;
  position: relative;
  width: 250px;
  overflow: hidden;
}

.staff-cropped img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}



/*cropped project image */


.project-img {
  float: left;
  margin-bottom:10px;
}

.project-image-wrap {
  height: 200px;
  position: relative;
  width: 250px;
  overflow: hidden;
}

.project-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


/*cropped news filter image */


.news-filter {
  float: left;
  margin-bottom:10px;
}

.news-filter-wrap {
  height: 215px;
  position: relative;
  width: 250px;
  overflow: hidden;
}

.news-filter img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}



img.homepage {
  border: 1px solid #e8e8e8 !important;
}





/*cropped search images */
.search-pic {
  float: left;
}

.search-pic-wrap {
  height: 150px;
  position: relative;
  width: 150px;
  overflow: hidden;
}

.search-pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/*pagination */


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
    color:#4f0804 !important;
    font-weight:700;
    padding:10px;
    margin-right:10px;
    margin-top:20px;
    text-decoration: none !important;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color:#aecc4a !important;
    font-weight:700;
    background-color:#ffffff;
    border:5px solid #e8e8e8;
    display:inline-block;
    padding:10px 15px;
    margin-right:10px;
    margin-top:20px;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}





/*image fit */

/** Object-fit */

.image-fit {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 5px;
  position: relative;
  width: calc(25% - 10px);
}

.image-fit-placeholder {
display:inline-block;
height:65% !important;
  visibility: hidden;
  width: 95%;
  margin-bottom:-45%;
}

.image-fit-img {
  bottom: 0;
  height: 65%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 95%;
  margin-bottom:-45%;
  border:1px solid rgba(232,232,232,0.8);
}
/** Responsive grid */

@media (max-width: 480px) {
  .image,
  .image-fit {
    width: calc(50% - 10px);
  }
}

/*image fit */

/** Object-fit */

.image-fit-1 {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 5px;
  position: relative;
  width: calc(25% - 10px);
}

.image-fit-placeholder-1 {
display:inline-block;
height:65% !important;
  visibility: hidden;
  width: 95%;
  margin-bottom:-45%;
}

.image-fit-img-1 {
  bottom: 0;
  height: 65%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 95%;
  margin-bottom:-45%;
  border:1px solid rgba(232,232,232,0.8);
}
/** Responsive grid */

@media (max-width: 480px) {
  .image-1,
  .image-fit-1 {
    width: calc(50% - 10px);
  }
}

/* GENERIC PROGRAMME STYLING */


.programme-block {
  /*background-image: linear-gradient(to right top, #f9f9f9, #fafbfa, #fcfcfc, #fdfefd, #ffffff); */
    display:block;
    padding:30px 30px;
    background-color:#fffeff;
   border-radius: 5px;
    height:auto;
/*-webkit-box-shadow: 0px 2px 6px 0px rgba(229,229,229,1);
-moz-box-shadow: 0px 2px 6px 0px rgba(229,229,229,1);
box-shadow: 0px 2px 6px 0px rgba(229,229,229,1);*/
}

.larger-prog {
    font-size:24px !important;
}


.about-programme {
    background-color:#fffeff;
    padding:30px 15px;
    height:auto;
}


.about-programme p{
    color: #400005;
}

.about-programme > ol > li, .about-programme > ul > li{
   color:#1a1a1a; 
}

.programme-brown{
   color:rgb(76,32,35) !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
    padding-bottom:5px;
}

.programme-hr {
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
}

.news-hr {
    border-bottom: 1px solid rgba(76,32,35,0.4); !important;
    display:block;
    width:60%;
}


.border-right {
    border-right: 1px solid rgba(76,32,35,0.4); !important;
}

.border-left {
    border-left: 1px solid rgba(76,32,35,0.4); !important;
}




.programme-spacer {
    display:block;
    width:100%;
    height:40px;
}


/* CLIMATE CHANGE PROGRAMME */

.programme-climate{
   color:#cf422b !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 5px solid #cf422b; !important;
    padding-bottom:20px;
}

/* FORESTS PROGRAMME */

.programme-forests{
   color:#85a195 !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid #85a195; !important;
    padding-bottom:15px;
}

h3.current-h3-forests {
   color:#85a195 !important;
   font-family: 'Open Sans', sans-serif;
    padding-bottom:20px;
}

.current-brown {
   color:rgb(76,32,35) !important;
   font-family: 'Open Sans', sans-serif;
}

/* COASTAL PROGRAMME */

.border-left-coastal {
    border-left: 2px solid rgb(58,84,139); !important;
}

.programme-coastal{
   color:rgb(58,84,139) !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid rgb(58,84,139); !important;
    padding-bottom:15px;
}

/* RURAL PROGRAMME */

.programme-rural{
   color:#85a195 !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid #85a195; !important;
    padding-bottom:20px;
}

/* GREEN PROGRAMME */

.programme-green{
   color:#cdd641 !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid #cdd641; !important;
    padding-bottom:15px;
}

/* CIVIL PROGRAMME */

.programme-civil{
   color:rgb(106,107,144) !important;
   font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid rgb(106,107,144); !important;
    padding-bottom:15px;
}



.address-container {
    padding-left:50px;
    display:block;
    background: #adcb4a;
    border-radius:8px;
    margin-top:15%;
    padding-top:20px;
    padding-bottom:20px;
}

img.img-card-pub{
    border:1px solid #e8e8e8;
  width: 100%;
  height: 120px;
  object-fit:cover; 
  transition: all .25s ease;
} 

/*cards */




.card {
  display:inline-block;
float:left;
    /*width:240px;*/
    width:260px;
    height:100%;
    border:1px solid #e8e8e8;
    line-height: 1.42857143;
    background-color: #fff;
    margin-right:20px;
    margin-bottom:20px;
    vertical-align: top; /* Keep the item on the very top */
}


.img-card {
  width: 100%;
  height:auto;
  background-size: cover;
  object-fit:cover; 
 background-repeat: no-repeat;
  display:block;
    overflow: hidden;
    border-bottom:1px solid #e8e8e8;
}

img.img-card{
  width: 100%;
  height: 200px;
  object-fit:cover; 
  transition: all .25s ease;
} 
.card-content {
  height:auto;
  padding:15px;
  text-align:left;
}
.card-title {
  margin-top:0px;
  font-weight: 400;
  font-size: 1.65em;
}
.card-title a {
  color: #000;
  text-decoration: none !important;
}

.read-more-card-btn {
    border-top:1px solid #e8e8e8;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
}

.read-more-card-btn a{
    font-size:12px;
    margin-left:10px;
    text-decoration: none !important;
    color:#aecb4a;
    font-weight: 500;
}

a.explore {
    color:#999999;
    text-decoration: none;
}

a.explore:hover {
    color:#5c8e00;
}

/* Category */


.article-cat-container {
  display: block; 
    width:100%;
    margin-bottom:20px;
    margin-top:20px;
    max-height:440px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
    transition: box-shadow .25s; 
}
.article-cat-container:hover {
  box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

img.img-card-cat{
  width: 100%;
  height: 200px;
  object-fit:none;
  transition: all .25s ease;
  margin-bottom:20px;
  border:1px solid blue; 
} 


.card--read-more {
  border:1px solid yellow; 
}
.card--read-more a {
  text-decoration: none !important;
  font-weight:600;
  text-transform: uppercase;
 text-align: left;
}


.content-cat {
  width: 100%;
  height: auto;
  max-height:200px;
  display:block;
  border:1px solid red; 
}

.border-green {
    border:2px solid green;
}

/*pagination */

span.page-numbers.current {
    color:#aecc4a;
    font-weight:700;
    background-color:#ffffff;
    border:5px solid #e8e8e8;
    display:inline-block;
    padding:10px 15px;
    margin-right:10px;
    margin-top:20px;
}

a.page-numbers {
    color:#4f0804;
    font-weight:700;
    padding:10px;
    margin-right:10px;
    margin-top:20px;
    text-decoration: none !important;
}

img.staff-pic {
    margin:0 auto;
    width:180px;
    height:180px;
    margin-bottom:20px;   
    display:block;
}
.staff-content {
    display:block;
    width:100%;
}


img.staff-pic-new {
  display:inline-block;
  width:100%;
    height:auto;
    max-width:220px;
  position: relative;
    border:1px solid #e8e8e8;
}


.search-pic-new {
  width: 100%;
  height: 100%;
  background: #FFF;
  min-height: 200px;
  position: relative;
    border:1px solid #e8e8e8;
}

.search-pic-new img {
 
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  margin: auto;
}


 .staff-content p.header-txt a {
    font-size: 20px;
    font-family:'Open Sans';
    display:block;
    color: #aecc4a;
    line-height:0.8 !important;
    text-decoration: none;
}

 .staff-content p.header-txt a:hover {
    text-decoration: underline;
}

.staff-content > p.header-txt{
    font-size: 20px;
    font-family:'Open Sans';
    display:block;
    color: #aecc4a;
    line-height:0.8 !important;
    text-decoration: none;
    cursor:pointer;
}


.staff-content > p {
    line-height:1.2 !important;
}

.alignright {
float:right;
padding-left:15px;
padding-bottom:15px;
display: block;
max-width: 100%;
height: auto; 
} 


.alignleft {
    float:left; 
    padding-right:15px;
    padding-bottom:15px;
    display: block;
    max-width: 100%;
    height: auto;
} 

.alignnone {
    float:left; 
    padding-right:15px;
    padding-bottom:15px;
    display: block;
    max-width: 100%;
    height: auto;
} 



.aligncenter {
    float:none;
    padding-right:15px;
    padding-bottom:15px;
    display: block;
    max-width: 100%;
    height: auto;
}
 
img.sdg-programme {
    width:120px;
    height:120px;
    margin-bottom:20px;
}


.nivoSlider{
  border:1px solid #e8e8e8;  
}

.nivoSlider img {
  background-repeat: no-repeat;
  background-position: center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
    
}


/*HOMEPAGE SLIDER */

#metaslider_2600.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#e6a433 !important;
	color:#fffeff !important;
    font-size:20px;
    font-family: 'Open Sans' !important;
	width:40%;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}



/*FORESTS SLIDER */
#metaslider_2606.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#66907b !important;
	color:#fffeff !important;
    font-size:20px !important;
    font-family: 'Open Sans' !important;
	width:40% !important;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}


/*COASTAL SLIDER */
#metaslider_2613.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#4fa0d6 !important;
	color:#fffeff !important;
    font-size:20px !important;
    font-family: 'Open Sans' !important;
	width:40% !important;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}


/*CLIMATE SLIDER */
#metaslider_2618.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#faf228 !important;
	color:rgb(76,32,35) !important;
    font-size:20px !important;
    font-family: 'Open Sans' !important;
	width:40% !important;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}

/*RURAL SLIDER */
#metaslider_2624.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#bddad2 !important;
	color:#fffeff !important;
    font-size:20px !important;
    font-family: 'Open Sans' !important;
	width:40% !important;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}


/*GREEN SLIDER */
#metaslider_2630.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#dddd39 !important;
	color:rgb(76,32,35) !important;
    font-size:20px !important;
    font-family: 'Open Sans' !important;
	width:40% !important;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}


/*CIVIL SLIDER */
#metaslider_2636.nivoSlider > .nivo-caption{
	position:absolute;
	left:0px;
	top:0px;
	background:#decfdb !important;
	color:rgb(76,32,35) !important;
    font-size:20px !important;
    font-family: 'Open Sans' !important;
	width:40% !important;
    height:100% !important;
	z-index:8;
	padding-top:10%;
    padding-left:7%;
    padding-right:2%;
	overflow: hidden;
    text-align: left !important;
	display: none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;        
}



.green-highlight {
    color:#aecb4a;
}

.basic-page em {
    color:#aecb4a;
}

.basic-page span {
    color:#aecb4a;
}

.basic-page a {
    color:#aecb4a;
    font-weight: 500;
}


/*==========GENERAL RESPONSIVE STYLES ===========*/
@media (max-width: 1024px) {
    

.searchbar {
    float: right;
    background-color:#f8f8f8;
    border:1px solid #e8e8e8 !important;
    color: white;
    width: 80%;
    border: none;
    padding-left:5px;
    margin-top: 1px;
    margin-right: 0px;
    border-radius:3px;
}



.searchicon {
    display:none !important;
    font-size:14px;
    float:right !important;
    color:#AECB4A;
    vertical-align: middle;
    padding-top:3px;
    padding-bottom:3px;
}
    
    .spacer-header {
    width:100%;
    height:140px;
    display:block;
}
    
    
}
    

@media (max-width: 769px) {
    
    
.searchbar {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    float: right;
    background-color:#f8f8f8;
    border:1px solid #e8e8e8 !important;
    width: 45%;
    border: none;
    padding-left:5px;
    margin-top: 1px;
    margin-right: 0px;
    border-radius:3px;
}



.searchicon {
    display:none !important;
    font-size:14px;
    float:right !important;
    color:#AECB4A;
    vertical-align: middle;
    padding-top:3px;
    padding-bottom:3px;
}
    
    .spacer-header {
    width:100%;
    height:150px;
    display:block;
}
    


    
    .wpcf7 form input[type=text], .wpcf7 form input[type=email], .wpcf7 textarea {
        width:99%;
        max-width:99%;
    z-index:100 !important;
    }

    
    select.sf-input-select {
        width:110% !important;
    }
    
    /*HOMEPAGE SLIDER */
    #metaslider_2600.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:60% !important;
    height:100% !important;
	z-index:8;
	padding: 8px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    /*FORESTS SLIDER */
    #metaslider_2606.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:60% !important;
    height:100% !important;
	z-index:8;
	padding: 8px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    /*COASTAL SLIDER */
    #metaslider_2613.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:50% !important;
    height:100% !important;
	z-index:8;
	padding: 5px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    /*CLIMATE SLIDER */
    #metaslider_2618.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:60% !important;
    height:100% !important;
	z-index:8;
	padding: 8px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    
    /*RURAL SLIDER */
    #metaslider_2624.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:60% !important;
    height:100% !important;
	z-index:8;
	padding: 8px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    /*GREEN SLIDER */
    #metaslider_2630.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:60% !important;
    height:100% !important;
	z-index:8;
	padding: 8px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    
    /*CIVIL SLIDER */
    #metaslider_2636.nivoSlider > .nivo-caption{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif !important;
    font-size:11px !important;
	width:60% !important;
    height:100% !important;
	z-index:8;
	padding: 8px;
	overflow: hidden;
    text-align: left !important;
	display: none;       
    }
    
    
}


/* loader */

/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 999999;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}