/*
Theme Name: CIWA 2020
Theme URI: http://www.scriptoria.co.uk
Description: A premium theme by Scriptoria
Version: 1
Author: Chris Thomas
Author URI: http://www.scriptoria.co.uk
*/


html {}
body{
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.1;
	height: 100%;
	width: 100%;
	color: #6d6e70;
}

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

}

#trp-floater-ls {top: 102px !important; right: 0 !important; left:auto !important; background-color: #afc5b8 !important; z-index:99 !important}

@media only screen and (max-width : 812px) {
#trp-floater-ls {top: 75px !important;}	
}


/* News slider */

.slidebutpara {display:block; position:relative; padding-top:20px;}

.swiper-container .read-more,  .home-counters .read-more, .report-button-home .read-more {
	background-color: #55c4c1;
	padding: 10px;
	color: #fff;
	border-radius: 4px;
	-webkit-transition: background-color .2s linear !important;
    -ms-transition: background-color .2s linear !important;
    transition: background-color .2s linear !important;
	-o-transition: background-color .2s linear !important; border-color: transparent; position: relative; text-decoration:none;
}
.swiper-container .read-more:hover,  .home-counters .read-more:hover, .report-button-home .read-more:hover{background-color:#116271}


.news-slide-wrap {width:70%; position:absolute; -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; left:15%; min-height:50%; z-index:999; line-height: 1.2;}

.swiper-container {width: 100%; height: 100%;}

.swiper-container h2{ font-size: 200%; color:#FFF !important; margin-top: 20px;
margin-bottom: 20px;}
.swiper-container h3{ font-size: 100%; color:#FFF !important; 
margin-bottom: 20px;}
.swiper-container p { font-size: 100%; color:#FFF !important;
margin-bottom: 20px;}

.swiper-slide-over {
	background-color: #000;
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; opacity:0.5;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-size: cover;
	background-color: #fff;
	background-position: center center;
}

.news-slider {padding-top: 33%; position:relative}

@media only screen and (max-width : 1024px) {
	.news-slider {padding-top: 60vh; position:relative}
}
@media only screen and (max-width : 812px) {
	.news-slider {padding-top: 100vh; position:relative}
}

.news-slider .wp-block-group__inner-container {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.news-slider-cat {
	background-color: #603d75;
	font-family: 'Oswald', sans-serif;
	font-size: 100%;
	display: inline-block;
	padding: 1%;
	text-transform: uppercase;
	color: #FFF; cursor:default;
}


a, a i, .insights-col .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .resource-box:after, .menu-holder .menu li:hover > ul, .image-blog-box:after  {-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;}
	
.text-shadow {text-shadow: 1px 1px 1px #083a60;}

#wptime-plugin-preloader {z-index:999999999999999999999 !important}
	
#header {
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	background-color: #FFF; z-index:999; display: flex; padding-bottom: 20px; height:82px;
}


@media only screen and (max-width : 812px) {
#header {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    background-color: #FFF;
    z-index: 999;
    display: flex;
    padding-bottom: 0px;
    height: 75px;
}
}

#trp-floater-ls {z-index:99 }
.responsive-menu-button {right: 15px !important}

.translatepress-fr_FR .rs-parallax-wrap:nth-of-type(1) {margin-top: -1%}
.translatepress-fr_FR .learn-more-slider { font-size: 13px !important}

.translatepress-fr_FR .wp-image-462 {display:none}

#responsive-menu a {
	text-transform: uppercase !important;
}

#sadc h3 {font-size: 150% !important}

@media only screen and (max-width : 812px) {
.translatepress-fr_FR .one-of-a-kind {font-size: 16px !important}
.translatepress-fr_FR .home-slider-para, .translatepress-fr_FR .home-slider-para strong{font-size: 11px !important; line-height:17px !important}
}
@media only screen and (max-width : 812px) {
.program-anchor .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 0px) !important;
    z-index: 1;
    color: #fff;
}
}
h1, h2,h3 {font-family: 'Oswald', sans-serif; font-size:400%; font-weight: 400;}
@media only screen and (max-width : 812px) {
h1, h2,h3 {font-family: 'Oswald', sans-serif; font-size:200%; font-weight: 400;}	
}

.clearfix::after, .sitemap-home .menu:after {
  content: "";
  clear: both;
  display: table;
}

.border-box, .wp-block-cover{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
}

.header-logos {
	display: block;
	width: 40%;
	float: left;
	padding-left: 2.5%;
	padding-top: 1.5%; /*flex:1*/
}

@media only screen and (max-width : 30000px) {.header-logos {padding-top: 0.4%;}}

@media only screen and (max-width : 1400px) {.header-logos {padding-top: 1.5%;}}


.header-logos img {display: block; float:left; max-width:220px}
.header-logos img {width: 40%; margin-right:6%;}
.header-logos .ciwalogo {width: 32% !important; margin-right: 4% !important}

@media only screen and (max-width : 300000000px) {
.header-logos .ciwalogo{
    width: 12% !important;
}}

@media only screen and (max-width : 3000px) {
.header-logos .ciwalogo{
    width: 12% !important;
}}


@media only screen and (max-width : 2000px) {
.header-logos .ciwalogo{
    width: 30% !important;
}}

@media only screen and (max-width : 1600px) {
.header-logos .ciwalogo{
    width: 30% !important;
}}

@media only screen and (max-width : 812px) {
.header-logos .ciwalogo {width: 17% !important}	
}

@media only screen and (max-width : 500px) {
.header-logos .ciwalogo {width: 32% !important}	
}

@media only screen and (max-width : 812px) {
.header-logos {
    display: block;
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 75px;
}

}

.wbg-logo {margin-top:2%; margin-right:0 !important}
/* Menu */

.menu-holder {
	display: block;
	width: 60%; float:left; flex:1; position: relative;
}

.menu-holder .menu-main-menu-container {position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.menu-holder .menu, .menu-holder .menu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

.menu-holder .menu li {
    display: block;
    float: left; width:16%; position:relative; white-space: nowrap;
}
.menu-holder .menu li .sub-menu li {white-space: normal !important}
.translatepress-fr_FR .menu-holder .menu li a {font-size: 90% !important;}


.menu-holder .menu li a {
	display: inline-block;
	color: #083a60;
	text-decoration: none;
	width: 96%;
	margin-right: 4%;
	font-family: 'Oswald', sans-serif;
	font-size: 120%;
	font-weight: 400;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	padding-bottom: 5px;
	text-transform: uppercase; border-bottom-color: #55c4c1;
}

@media only screen and (max-width : 1200px) {
	.menu-holder .menu li a {
	font-size: 100%;}
}


.menu-holder .menu li:nth-of-type(6) a, .menu-holder .menu li:nth-of-type(6) ul li a{border-bottom-color: #603d75;}

.menu-holder .menu li:nth-of-type(6) a:hover, .menu-holder .menu li:nth-of-type(5) a:hover {cursor:pointer; color: #116271 !important; border-bottom-color: #116271}

.menu-holder .menu li a:hover, .menu-holder .menu .menu-item-has-children:hover a {color: #116271; border-bottom-color: #116271; cursor:default}



.menu-holder .menu li ul{ display:none}
.menu-holder .menu-main-menu-container {
	text-align: left;
	background-color: #fff;
}
.menu-holder .menu-main-menu-container .contact-menu {display: none}

.menu-holder .menu li ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0px;
    float: left;
    width: 96%;
    z-index: 99999;
    background-color:#FFF; -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.6);
box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.6);
}

.translatepress-fr_FR .menu-holder .menu li ul {
    top: 31px !important;}

.translatepress-fr_FR .menu-holder .menu li ul li a {font-size:70% !important}

.menu-holder .menu li ul li {margin:0}
.menu-holder .menu li:hover > ul {
    display: block;
}

.menu-holder .menu li ul li a {
    display: inline-block;
    color: #083a60;
    text-decoration: none;
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 0.85vw;
    font-weight: 400;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    text-transform: uppercase; padding:10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; line-height: 1.2; cursor: pointer !important;
}

@media only screen and (max-width : 1200px) {
	.menu-holder .menu li ul li a {font-size: 70%;}}
	
@media only screen and (max-width : 1000px) {
	.menu-holder .menu li ul li a {font-size: 60%;}}
	
.menu-holder .menu li ul li a:hover {color: #55c4c1 !important;}


.menu-holder .menu li ul li {min-width: 100%; display:block;}

/* End Menu */



#header::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -12px;
    z-index: -1;
    background-image: url(https://www.ciwaprogram.org/annualreportFY19/wp-content/themes/annualreportFY19/images/shadow.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 12px; 
}

.homereportcover {position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: black;
opacity: 0.3; z-index:99;}


/* counters */
.counter {font-size:400%; font-family: 'Oswald', sans-serif; text-align: center; margin-top: 60px;}
.counter:nth-of-type(1) {margin-top: 0 !important;}
.home-counters .wp-block-column {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; padding:2%}
.page-id-217 .home-counters .wp-block-column {padding: 0 !important}
.home-counters .wp-block-column p {text-align:center}
.home-counters .wp-block-image img {
    max-width: 100%;
    width: 40%;
    height: auto;
}
.home-counters {margin-bottom:0 !important}
.home-counters .wp-block-image {text-align:center}

.about-counter-block {padding:5%;  margin-bottom: 30px; margin-top:30px}
.two-hundred {font-size: 200%;}
.no-margin-top {margin-top:0}

.about-counter-block .wp-block-image figure {margin-bottom: 15px;
margin-top: 20px;}

.about-counter-block p {margin-top:0; margin-bottom:15px}

.internal h1 {
	color: #e56a51;
	text-transform: uppercase;
}

.internal h2 {font-family:Arial, Helvetica, sans-serif; position: relative; margin-top: 40px;} 
.internal p+h2, .internal .about-counter-block+h2 {margin-top: 60px}

.single-content ul li::before {
    content: "■";
    color: #e56a51;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: absolute;
    left: -3px;
    top: -2px;
}
.single-content ul li {
	list-style-type: none; margin-bottom: 15px; position:relative; line-height: 1.3
}
.single-content ul {
	margin-bottom: 40px !important;
}
.padding-20 {padding: 20px; margin-bottom: 20px}
.padding-20 p:last-of-type {margin-bottom: 0}



.internal h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #e56a51;
	font-weight: bold;
}
.internal p+h3 {margin-top:40px}
.internal .single-content h2 {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #e56a51; padding-bottom: 10px;
}

/* video section homepage */
.home-groundwater.tempblock h2 {font-size: 200% !important; text-align:left !important; font-family: 'Oswald', sans-serif;margin-top: 0px; margin-bottom:30px;}

@media only screen and (max-width : 812px) {
.home-groundwater h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 200%;
}	
	
}
.home-arimgblock2019 .wp-block-cover__inner-container{text-align:center; width:70% !important; padding-top: 30px !important; margin-left:15%;}
.arhome-wrapper {position:relative; z-index:99}
.home-groundwater, .home-arimgblock2019 {align-items: initial !important;}

.home-groundwater .wp-block-group__inner-container{
    text-align: center;
    width: 70% !important;
    padding-top: 40px !important;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px !important;
}

@media only screen and (max-width : 812px) {
.home-groundwater .wp-block-group__inner-container{
    width: 100% !important; padding-top:0 !important;}	
}

.home-arimgblock2019 .wp-block-cover__inner-container p {
	margin-top: 0;
	color: #fff !important; font-size:140% !important; line-height: 1.2;
}

@media only screen and (max-width : 812px) {
	.home-arimgblock2019 .wp-block-cover__inner-container p {
	color: #fff !important; text-shadow: 1px 1px 1px #083a60;
}}
.home-arimgblock2019 .wp-block-buttons {
	position: relative;
	text-align: center;
	width: 100%; display:block !important; margin-top: 40px;
}
@media only screen and (max-width : 812px) {
.home-arimgblock2019 .wp-block-buttons {
	position: relative;
	text-align: center;
	width: 100%; left:0; margin-bottom: 30px; margin-top: 40px;
}
.home-arimgblock2019 .wp-block-button__link {font-size: 14px}
}

.wp-block-column {
    word-break: normal;
    overflow-wrap: normal;
}

.home-blog-box {width:34%; position: relative; float:left}
.home-blog-box:nth-of-type(1) {margin-left:15%; margin-right:2%}
.home-blog-box:nth-of-type(2) {margin-right:15%}

@media only screen and (max-width : 812px) {
.home-blog-box {width:100%; position: relative; float:none; margin-bottom:20px}
.home-blog-box:nth-of-type(1) {margin-left:0; margin-right:0}
.home-blog-box:nth-of-type(2) {margin-right:0}
.podcast-home .wp-block-group__inner-container {width:100% !important}
}

.wp-block-button {margin: 0!important}

.popupaoc-button {
	background: #603d75 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120% !important;
	border-radius: 5px !important;
	margin-top: 20px;
	padding-top: 12px !important;
	padding-right: 24px !important;
	padding-bottom: 12px !important;
	padding-left: 24px !important;
}
.popupaoc-button:hover {
	background: #5abdb5 !important;}

/*.header-sm {
	top: 5%;
	left: 90%;
	position: absolute;
	width: 10%; margin-right: 10px; z-index: 999999;
}*/


.insights-box {
	font-size: 14px;
}
.insights-box P {margin: 0; font-size: 320%; font-family: 'Oswald', sans-serif; line-height:1.2}
.insights-col {margin-bottom:0 !important}
.insights-col .wp-block-column {margin-left:0 !important; margin-right:0 !important}
/*.insights-col iframe {width: 100% !important; height:auto !important}*/
.insights-col .wp-block-embed-youtube, .insights-col .wp-block-embed-vimeo {margin: 0 !important}
.insights-col img {width:100%; height:auto}
.poptextlink {display:none}

.home-groundwater p {margin-top:0; margin-bottom:0}
.home-groundwater p+p {margin-top:20px; margin-bottom:0}
.home-groundwater .embed-container {margin-top:40px;}

.homevideo h3:after {
	font-family: FontAwesome;
	content: "\f0da";
	color: #e56a51;
	margin-left: 20px;
}
.homevideo h3 {
	font-size: 200% !important;
	margin-bottom: 10px; font-family: 'Oswald', sans-serif; margin-top:0
}

.homevideo .wp-block-column:nth-of-type(2), .media-text-home .wp-block-column:nth-of-type(2), .home-blog .wp-block-column:nth-of-type(2) {margin-right: 2% !important}

@media only screen and (max-width : 812px) {
.home .insights-col .imagecol, .home .home-blog p{margin-right: 20px !important; margin-left: 20px !important}	

}

.home-blog .wp-block-cover.has-background-dim:not(.has-background-gradient)::before{ opacity:0.7 !important}
.home-blog .wp-block-cover.has-background-dim:not(.has-background-gradient):hover::before{ opacity:1 !important}


.homevideo .popupaoc-link {position: relative;
display: block;}
.homemedia-title {margin-bottom:0}

.home-blog p {margin-top:0; margin-bottom:0; color:#FFF}

.media-home, .home-blog {
	padding-top: 40px;
}

@media only screen and (max-width : 812px) {
	.media-home, .home-blog {
	padding-top: 40px;
	padding-bottom: 40px; padding-left:20px; padding-right:20px
}
}
.media-home .embed-container {
	border: none !important
}
.media-home h2{color:#e56a51; margin-top:0; margin-bottom: 40px ; font-size: 400% !important}
.home-blog h2 {margin-top:0; color:#55c4c1; margin-bottom: 40px}

.vidtweetcol, .insights-col { background-color:#55c4c1}
 .insights-col {padding-bottom:40px !important;}
.vid-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #116271;
}
.vid-overlay:hover {opacity:0.8}

.vidimage {width:100%; height:auto}

.home-ar2019 {
	width: 100%;
	font-weight:normal; padding:40px; text-align:center; font-size:400%; margin-bottom: 0; margin-top:0;
}

@media only screen and (max-width : 812px) {
.home-ar2019 { font-size: 200%}	
}

.learnmoreblog a{text-decoration: none !important}
.home-ar2019 span {color: #55c4c1 !important}

.imagecol {margin-bottom: 20px !important}

.footer-sm a{width: 40px;
height: 40px;
display: inline-block; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; background-color: #55c4c1; color: #fff !important; margin-right: 5%; font-size: 130%; position:relative}

.footer-sm a:hover {cursor: pointer; background-color:#603d75}

.fab, .far {position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);}



#footer {
	background-color: #e7f5f6;
	padding-top: 2.5%;
	padding-right: 10%;
	padding-bottom: 2.5%;
	padding-left: 10%; width: 80%;
    position: relative;
}

#footer a {color: #6d6e70; text-decoration: underline}
#footer a:hover {text-decoration: underline; color: #e56a51}
.footer-logos {width:50%; float:left;}
@media only screen and (max-width : 812px) {
.footer-logos {
    width: 100%;
    float: left;
    text-align: center; padding-top: 15px; float: none;
}
}
.footer-logos img {display: block; float: left;}
@media only screen and (max-width : 812px) {
.footer-logos img {display: inline-block; float: none;}
}

.footer-logos img {
    width: 40%;
    margin-right: 6%;
}

.footer-logos .ciwalogo  {
    width: 32% !important;
}
@media only screen and (max-width : 812px) {
.footer-logos .ciwalogo {
    width: 24% !important;
}	
}
.footer-sm {
    position: relative;
    width: 15%; float: right; text-align: right; padding-top: 25px;
}
@media only screen and (max-width : 812px) {
.footer-sm {
    position: relative;
    width: 100%;
    float: right;
    text-align: center;
    padding-top: 30px;
}
}

.footer-sm a:nth-of-type(3) {margin-right:0}
.footer-address {
    clear: both;
    font-size: 80%;
    line-height: 1.2;
}


@media only screen and (max-width : 812px) {
.footer-address {font-size: 70%;
line-height: 1.2; padding-top:30px;}}

.partners {
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	position: relative;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #116271;
}

.partner-logo-holder {
    width: 16.66%;
    padding-bottom: 15%;
    position: relative;
    float: left;
}
@media only screen and (max-width : 812px) {
.partner-logo-holder {margin-top: 30px; margin-bottom: 30px}	
}

.partner-logo-holder img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 75px; width: 100%;
}
@media only screen and (max-width : 812px) {
.partner-logo-holder img {
    max-width:30px;}	
	}
.plogowider img {
    max-width: 68% !important;
}
.eu img {
    max-width: 75% !important;
}
.danida img { max-width: 60px !important;}
@media only screen and (max-width : 812px) {
.danida img { max-width: 30px !important;}	
}



.insights-box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-blog .insights-box:hover {background-color: #e56a51 !important}

.home-blog .insights-box:hover .text-shadow {text-shadow: none !important}
/*.insights-box:hover { background-color:#24a5dc !important}*/


 p {line-height: 1.3; font-size:110%}
 
 /* Int page */
 
.int-page {
    margin-top: 142px;
    margin-bottom: 80px; padding-left: 2.5%; padding-right:2.5%
}
 
 
 
 
/* Single post */
 
 
 
/* Single post */
 
 
 
/* Single post */
.nonhome-content-holder {margin-top: 142px; margin-bottom:80px}
.page-id-321  .nonhome-content-holder:nth-of-type(3) {margin-top: 0 !important; margin-bottom:80px}
.bulletins-template-default .nonhome-content-holder, .post-type-archive-bulletins .nonhome-content-holder {width:70%; margin-left:auto; margin-right:auto;}

@media only screen and (max-width : 812px) {
.nonhome-content-holder {margin-top: 95px; margin-bottom:80px; margin-left: 15px;
margin-right: 15px;}	
.bulletins-template-default .nonhome-content-holder, .post-type-archive-bulletins .nonhome-content-holder {width:90%}
}
/*.single-content {margin: 0 auto; max-width: 728px;}*/
.single-content {margin: 0 auto; max-width: 70%; clear:both;}
@media only screen and (max-width : 812px) {
.single-content {margin: 0 auto; max-width: 90%;}	
}


.single-post h1, .internal h1{font-size: 300%; font-weight:400; line-height:1.1; margin-bottom:20px; margin-top:0}
.archive h1, .internal h1{font-size: 200%; font-weight:400; line-height:1.1; margin-bottom:20px; margin-top:0}
.single-post h2, .archive h2, .internal h2 {font-size: 150%; font-weight:400; line-height:1.2}
.single-post h3, .archive h3 {font-size: 150%; font-weight:400; line-height:1.2}
.internal h3 {font-size: 150%; font-weight:strong; line-height:1.2}

.wp-block-image img{width:100%; height:auto}

.learnmoreblog {width: 100%;
text-align: center;
margin-top: 20px !important;}


.single-post p+h2, .archive p+h2, .internal p+h2, .internal div+h2, {margin-top:40px}
.single-post p, .archive p, .internal p { margin-top:0}
.single-post blockquote, .archive blockquote, .internal blockquote{
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #116271;
	display: block;
	width: 100%;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-right: 0;
	margin-left: 0;
	background-color: #e5eeef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 40px;
	margin-bottom: 40px;
}
.wp-block-quote p {margin-bottom: 0}
.wp-block-quote p+p {margin-bottom: 20px}

.single-post a, .archive a, .internal a{text-decoration: underline; color: #6d6e70;}
.single-post p, .single-post h2, .single-post h3, .archive p, .archive h2, .archive h3, .internal h2, .internal h3{margin-bottom: 20px}
.single-post a:hover, .archive a:hover, .internal a:hover {color: #e56a51; }

.post-type-archive-bulletins .internal a:hover{color: #603d751; }


.authors_information {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    background-color: #e56a51;
    color: #fff;}
.authors_information p {margin:0}
.authors_information p+p {margin:20px}

.authors_information a {color: #FFF; text-decoration:none; opacity:1}
.authors_information a:hover {color: #FFF !important; opacity:0.7}

.single-post .wp-block-image, .archive .wp-block-image, .internal .wp-block-image{
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.addthisholder {
	text-align: center;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.page-template-resources .stickyarch { background-color:#e4e4e4; padding-top:76px; padding-left:40px; padding-right:40px; padding-bottom: 40px; border-bottom-color:#0e334d !important}


.page-template-resources .stickyarch h2 a, .tax-year_published h2 a, .tax-type_of_resource h2 a {color:#0e334d !important}


.page-template-resources h2, .tax-year_published h2, .tax-type_of_resource h2 {
    font-size: 200%;
    font-weight: 400;
    line-height: 1.1; margin-top:0; font-family: 'Oswald', sans-serif; 
}
.page-template-resources h2 a, .tax-year_published h2 a, .tax-type_of_resource h2 a {text-decoration:none;}
.page-template-resources .arch-holder:first-of-type:before {
    content: 'Featured Resource';
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #0e334d;
    font-size: 90%;
    color: #fff;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
}

.page-template-resources.translatepress-fr_FR .arch-holder:first-of-type:before {
    content: 'En vedette' !important;}
	
.translatepress-fr_FR .blog-filter ul input[type="submit"] {width:auto !important}
	
.paged .arch-holder:first-of-type:before {content:normal}

.page-template-resources .pic-con, .tax-type_of_resource  .pic-con, .tax-year_published .pic-con {
	width: 23%;
	border: 1px solid #6d6e70;
}
.page-template-resources .arch-text, .tax-type_of_resource .arch-text, .tax-year_published  .arch-text {width: 76%;}




.arch-holder {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #6d6e70;
	padding-bottom: 40px; margin-bottom:40px; position:relative;
}
.arch-holder:last-of-type {border-bottom-style: none !important}
.arch-text p {margin-bottom:0 !important}
.orange-button a {background-color: #e56a51; color:#ffffff;border-radius:5px; text-decoration:none;}
.orange-button a:hover {color: #fff; background-color: #5abdb5;}

.wp-block-button__link {
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 12px 24px;
    text-align: center;
    overflow-wrap: break-word;
}

.arch-holder h1 a {text-decoration: none !important}

.arch-holder .wp-block-image {
	margin-top: 0px;
}

.single-tags {width: 100%; clear:both; text-align:center; margin-bottom: 40px;}

.tags-title {color: #e56a51}
.single-tags h3 {font-size:200%; font-weight:400}
.single-tags a {text-decoration: none}

.arch-holder .postedin {font-size: 80%; margin-bottom: 20px !important}
.single-post .postedin {font-size: 80%; margin-bottom: 40px !important}

.p-eighty {font-size: 80%}

.wp-block-image img {height:auto}
/* Responsive video */
.single-post .embed-container, .youtube-em {margin-bottom: 40px}
.youtube-em {margin-top: 40px}
.archive .embed-container {margin-bottom: 0x}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Resources */
.resource-box {
	width: 65%;
	position: relative;
	padding-bottom: 25%;
	background-color: #990;
	margin-bottom: 2%;
	float: left;
	background-size: cover;
	margin-right: 2%;
	z-index: 9;
	background-position: center center;
}


.resource-box:nth-child(4n+1)
{width: 65%; margin-right: 2%;}

.resource-box:nth-child(4n+2)
{width: 33%; margin-right:0}

.resource-box:nth-child(4n+3)
{width: 33%; margin-right: 2%;}

.resource-box:nth-child(4n+4)
{width: 65%; margin-right:0}

@media only screen and (max-width : 812px) {
	.resource-box {width: 100% !important; padding-bottom:50% !important; margin-bottom:20px !important}
}

.resource-box a {
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; z-index:999
}

.resource-box:after { content:" "; position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; z-index:9; background-color:#033; opacity:0.4}
	
.resource-box:hover:after {opacity:0.8; background-color: #24a5dc;}

.page-template-resources h1 {color: #e56a51 !important}

.resource-title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #FFF;
    font-family: 'Oswald', sans-serif;
    font-size: 120%;
    font-weight: 400;
    z-index: 99;
    right: 20px; line-height:1.3;
}
.pubfiletype {
    color: #FFF;
    background-color: #e56a51;
    padding: 5px;
    top: 0px;
    right: 0px;
    position: absolute;
    z-index: 99;
    font-size: 70%; z-index:999999
}

/* Program */

.program-menu a {
	background-color: #CCC;
	text-align: center;
	display: inline-block;
	padding: 5px;
	font-size: 80%;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 5px;
}

.program-anchor {
    padding-top: 102px;
    margin-top: -102px;
}
@media only screen and (max-width : 812px) {
	.program-anchor {
    padding-top: 70px;
    margin-top: -70px;
}
}	
@media only screen and (max-width : 812px) {
.page-id-321 .wp-block-cover {min-height:200px !important}
}
#top {position:absolute; top:0px}
.top-link {font-size: 80%}

.program-anchor+h3 {margin-top:40px !important}

.pic-con {width:33%; float:left}
.pic-con img{width:100%; height:auto}
.arch-text {width:66%; float:left; padding-left:40px}

@media only screen and (max-width : 812px) {
	.pic-con {width:100%; float:none; margin-bottom:10px}
.pic-con img{width:100%; height:auto}
.arch-text {width:100%; float:none; padding-left:0}
}

/* Our programs */



.page-id-321 .internal .single-content h3,
.page-id-1689 .internal .single-content h3,
.page-id-1717 .internal .single-content h3,
.page-id-1699 .internal .single-content h3,
.page-id-1766 .internal .single-content h3, .page-id-2929 .internal .single-content h3{
    font-size: 150% !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
	margin-top: 40px; 
}
.page-id-321 .internal .single-content h3, .page-id-1689 .internal .single-content h3, .page-id-1717 .internal .single-content h3, .page-id-1699 .internal .single-content h3, .page-id-1766 .internal .single-content h3, .page-id-2929 .internal .single-content h3
{border-bottom-width: 5px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #e56a51 !important;
    padding-bottom: 10px !important;
}

.page-id-321 .wp-block-cover__inner-container h3, .page-id-1689 .wp-block-cover__inner-container h3, .page-id-1717 .wp-block-cover__inner-container h3, .page-id-1699 .wp-block-cover__inner-container h3,
.page-id-1766 .wp-block-cover__inner-container h3, .page-id-2929 .wp-block-cover__inner-container h3  {
	position: absolute;
	bottom: 20px; font-size:200% !important; border:none !important; left: 3%;
width: 94%;
}
@media only screen and (max-width : 812px) {
.page-id-321 .wp-block-cover__inner-container h3, .page-id-1689 .wp-block-cover__inner-container h3, .page-id-1717 .wp-block-cover__inner-container h3, .page-id-1699 .wp-block-cover__inner-container h3,
.page-id-1766 .wp-block-cover__inner-container h3  {
    position: relative;
    bottom: auto;
    font-size: 150% !important;
    border: none !important;
    left: auto;
    width: 94%;
}
}
#digital-data .wp-block-cover {margin-bottom:20px}

.page-id-321 .wp-block-cover {margin-top:40px !important}
.internal h4 {font-size: 130%; color: #e56a51; line-height:1.3}

.wp-block-image figcaption, .translatepress-fr_FR.single-post .single-content .wp-caption-text {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: #e4e4e4;
    padding: 10px;
    font-size: 90%;
    line-height: 1.1;
}

.internal .wp-block-image+h3 {
	margin-top: 0px !important;
}

.addthisholder .widgettitle {
	font-size: 110%;
	border-bottom: none !important;
	margin-bottom: 0;
	font-weight: bold;
}

.learn-more {
	margin-bottom: 40px;
	background-color: #e4e4e4; padding:20px; margin-top: 40px;
}

.learn-more h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 80%;
	font-weight: 400;
	font-size: 200%;
	border-bottom: none;
	margin-top: 0;
	text-transform: uppercase;
}
.learn-more ul {margin-bottom: 20px}

.learn-more ul a {overflow-wrap: break-word;
  word-wrap: break-word;}

.addthisholder h2 {color: #e56a51}

.searchicon {    position: absolute;
    right: 10px;
    top: 10px;
}

@media only screen and (max-width : 812px) {
.searchicon { display:none;}	
}

.searchform {margin-bottom:40px}
.stansearch .arch-text {width: 100%}


.search-form-top {float:right; text-align:right; width:10%; position:relative;}
.search-form-top .search-form {
	position: absolute;
	right: 20px;
}
.search-form-top .search-field {
	background-color: transparent;
	background-image: url(https://ciwaprogram.org/wp-content/themes/ciwa/images/mag.jpg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	border: none;
	cursor: pointer;
	height: 25px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}
.search-form-top .search-field:focus {
	background-color: #fff;
	border: 1px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}
.search-form
.search-submit { 
display:none;
}
.search-holder-top {position:absolute; top: 5px; right:5px; z-index:999}

@media only screen and (max-width : 812px) {
.search-holder-top {display: none}
}

.searchform input{
    display: inline-block;
    padding: 5px 10px;
    font-size: 80%;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid transparent;
    background-color: #f2f2f2;
}
.searchform input:nth-of-type(2) { background-color:#e4e4e4}
#searchsubmit:hover {cursor:pointer}
.searchform .screen-reader-text { display:none}

.blog-box-title {
	font-size: 280%;
	font-family: 'Oswald', sans-serif;
	line-height: 1.2;
	display: block;
	color: #fff;
	z-index: 99;
	position: relative;
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
}

@media only screen and (max-width : 812px) {
.blog-box-title {
	font-size: 200%;
font-family: 'Oswald', sans-serif;
line-height: 1.2;
	display: block; padding:30px; color: #fff;
z-index: 99;
position: relative;
top: 0;
}	
}





.home-blog-link {position:absolute; top:0; left:0; right:0; bottom:0; z-index:999}
.image-blog-box {
	position: relative;
	background-size: cover;
	background-position: center center; margin-bottom:20px; border-radius: 12px;
overflow: hidden;
}
.image-blog-box:hover {
cursor: pointer;}

@media only screen and (max-width : 812px) {
	.image-blog-box {
	position: relative;
	background-size: cover;
	background-position: center center; padding-bottom: 0; margin-bottom:20px
}
}
.image-blog-box:after {
    content: " ";
    position: absolute;
    z-index: 9;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    background-color: #666;
    opacity: 0.6;
}
.image-blog-box:hover::after {
    opacity: 1;
    background-color: #116271;
}

@media only screen and (max-width : 812px) {
.home .wp-block-column {
    flex-basis: 100% !important;
}
}

.mapplic-clickable:not(g), g.mapplic-clickable > * {
    opacity: 0.7 !important ;}
	
.mapplic-clickable:not(g):hover, g.mapplic-clickable:hover > * {
    opacity: 1 !important ;}

/* rc filters */

.rc-filters {display: none}
.logged-in .rc-filters {display: block !important}
.rc-filters ul {margin:0 !important; padding:0 !important; width:100%;}
.rc-filters ul li::before {content:"" !important}

.rc-filters ul li {width: 20%;}
.rc-filters {margin-top: 2% !important;}
.wrap-collabsible {margin-bottom: 2%}
@media only screen and (max-width : 812px) {
.rc-filters {margin-top: 20px !important;}
.wrap-collabsible {margin-bottom: 20px}	
}

#maputo-01 {display:none}


.rc-filters ul li {
    display: block;
    width: 20%;
    margin-bottom: 5px; float:left
}
.rc-filters ul li:last-of-type {float:none; clear:both}
@media only screen and (max-width : 812px) {
.rc-filters ul li {
    width: 100%;
}	
}
.rc-filters ul li:last-of-type {
    margin-bottom: 0px !important;
}
.rc-filters ul li ul {
    font-size: 80%;
}
.rc-filters ul li input {
    vertical-align: inherit !important;
}
.cat-item {width: 100% !important}


.lbl-toggle {
	display: block;
	font-size: 100%;
	text-align: left;
	color: #24a5dc;
	background: #fff;
	cursor: pointer;
	border-radius: 0px;
	transition: all 0.25s ease-out;
	font-weight: 400;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #24a5dc;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 0px;
}
.lbl-toggle:hover {color: #777777;}
.lbl-toggle::before {
content: ' ';
display: inline-block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid currentColor;
vertical-align: middle;
margin-right: .7rem;
transform: translateY(-2px);
transition: transform .4s ease-out;
}
.toggle:checked + .lbl-toggle::before {transform: rotate(90deg) translateX(-3px);}
.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;}
.toggle:checked + .lbl-toggle + .collapsible-content {max-height: 80000px;}
.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.collapsible-content .content-inner {
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding: 0px;
}
.accordion {
    display: block;
    width: 100%;
    padding: 5px;
    font-size: 90%;
    text-align: left;
    background-repeat: no-repeat !important;
    background-position: right top !important;
    background-color: #fff;
    color: #6d6e70;
    border: none; margin-bottom:10px;
}

.rc-filters ul input[type="submit"] {
    width: 50%;
    background-color: #e56a51 !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; margin-top: 10px;
}
.rc-filters ul input[type="submit"]:hover {cursor: pointer; background-color:#603d75 !important}

.filetypelink {position: relative !important; color:#FFF !important; text-decoration:none !important}

.blog-filter {
	width: 25%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 2.5%;
	padding-left: 2.5%;
}

@media only screen and (max-width : 812px) {
	.blog-filter {
	width: 100%; float:none; margin-bottom:40px;
}}
.single-content-v2 {
	width: 75%;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 5%;
	padding-left: 5%;
}
@media only screen and (max-width : 812px) {.single-content-v2 {
	width: 100%;
	float: none; padding-right: 2.5%;
padding-left: 2.5%;}}
	
	
.blog-filter ul {margin:0; padding:0; font-size:90%; width:100%;}
.blog-filter input[type="text"] {
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 1;
	text-align: left;
	background-color: #CCC;
	color: #6d6e70;
	border: 0;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog-filter .blog-filters li {display:block; padding:0 !important}

.blog-filter .blog-filters li ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}
.blog-filter  .cat-item-11 {display:none !important}

.resetfilters {font-size:80%; margin-top:20px; display:block}


.blog-filter .searchandfilter li input[type="checkbox"] {
    margin-left: -20px;
}
.blog-filters  label{
    display: block;
    margin-bottom: 5px;
    float: left;
    margin-left:20px;
}
.blog-filters label input[type='checkbox'] {
  margin-left:-20px;
}
.blog-filter .searchandfilter li label {
    display: block;
    margin-bottom: 0px;
    float: left;
    margin-left: 20px;
}

.blog-filter .accordion {
	display: block;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	line-height: 1;
	text-align: left;
	background-image: url(images/accor01.png) !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
	background-color: #666;
	color: #FFF;
	border: 0;
	cursor: pointer;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
}

.blog-filter .active {
    background-image: url(images/accor02.png) !important;
    background-repeat: no-repeat !important;
    background-position: right top !important;
}

.blog-filter ul li ul {
    background-color: #ccc;
    margin-top: -10px;
    padding: 5px;
    margin-bottom: 10px; display:none; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog-filter ul input[type="submit"] {
    width: 50%;
    background-color: #e56a51 !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;
    margin-top: 10px;
}
.blog-filter ul input[type="submit"]:hover{background-color:#24a5dc !important; cursor:pointer}

/* Team page */
.page-id-1501 h2 { color: #24a5dc !important; font-family: 'Oswald', sans-serif; font-size:200%; font-weight: 400; border:none !important; margin-top:0; margin-bottom:10px; padding-bottom:0 !important}

.page-id-1501 h2:after{ content:'-'; color:#FFF !important}

.page-id-1501 h3 { color: #24a5dc !important; font-family: 'Oswald', sans-serif; font-size:150%; font-weight: 400; margin-top:0; margin-bottom:10px}

.page-id-1501 .single-content img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  width:100%; height:100%; position:absolute;
}

.page-id-1501 .single-content .wp-block-image {position:relative; margin-top:0 !important; margin-bottom:10px !important; padding-bottom: 122%;}

.page-id-1501 .single-content .wp-block-image a {position:absolute; top:0; bottom:0; left:0; right:0}


.page-id-1501 .single-content .wp-block-image a:before {
	background-color: #603d75;
	color: #603d75;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; z-index:99; opacity:0.2; -moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in; }


.page-id-1501 .single-content .wp-block-image a:hover:before {opacity:0.5 !important}



.page-id-1501 .single-content {
    margin: 0 auto;
    max-width: 90%;
    clear: both;
}

.page-id-1501 h1{border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #e56a51;
    padding-bottom: 10px;
}

.page-id-1501 .single-content a {text-decoration:none}
.page-id-1501 .single-content p {font-size:100%}
@media only screen and (max-width : 812px) {
.page-id-1501 .h2place {display:none}
}

/* */

.emailheader {position: absolute;
    right: 15px;
    top: 18px; font-size: 18px; z-index:99; color:#a9b3bd !important; display:block;
}
@media only screen and (max-width : 812px) {
.emailheader {display:none}	
}

.newsheading {width:100%; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:200%; padding-bottom:2%}

.newsletter{ width: 30%;
    float: right;
    padding-top: 1.2vw; padding-left:20%;
}
@media only screen and (max-width : 812px) {
	.newsletter{ width: 100%;
    float: none; padding:0; margin-top:40px; 
}}
.news-email{border:none; padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px; background-color:#5bc7c7; color:#FFF; display: inline-block; box-shadow:none; font-size:90%}
.news-submit{
	border: none;
	background-color: #016f86;
	color: #FFF;
	display: inline-block;
	box-shadow: none;
	font-size: 90%;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.news-email::placeholder {opacity:1}

.single-podcast {
	margin-bottom: 40px;
	border-top-width: 6px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #E2E2E2;
}
.podsmall {font-size:80%; display:block; margin-top:20px; color:#6d6e70}
.podsmall:hover {text-decoration:underline}


/* Temp */


.page-id-2288 h2 { color: #24a5dc !important; font-family: 'Oswald', sans-serif; font-size:2vw !important; font-weight: 400; border:none !important; margin-top:0; margin-bottom:10px; padding-bottom:0 !important}

.page-id-2288 h2:after{ content:'-'; color:#FFF !important}

.page-id-2288 h3 { color: #24a5dc !important; font-family: 'Oswald', sans-serif; font-size:150%; font-weight: 400; margin-top:0; margin-bottom:10px}

.page-id-2288 .single-content img {
  width:100%;  position:absolute;
}

.page-id-2288 .single-content .wp-block-image {position:relative; margin-top:0 !important; margin-bottom:10px !important; padding-bottom: 122%;}

.page-id-2288 .single-content .wp-block-image a {position:absolute; top:0; bottom:0; left:0; right:0}


.page-id-2288 .single-content .wp-block-image a:before {
	background-color: #603d75;
	color: #603d75;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px; z-index:99; opacity:0.2; -moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in; }


.page-id-2288 .single-content .wp-block-image a:hover:before {opacity:0.5 !important}



.page-id-2288 .single-content {
    margin: 0 auto;
    max-width: 90%;
    clear: both;
}

.page-id-2288 h1{border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #e56a51;
    padding-bottom: 10px;
}

.page-id-2288 .single-content a {text-decoration:none}
.page-id-2288 .single-content p {font-size:100%}
@media only screen and (max-width : 812px) {
.page-id-2288 .h2place {display:none}
}

.bctt-click-to-tweet {display: inline !important; font-size:100% !important; font-family: Arial, Helvetica, sans-serif !important; border: none !important; padding:0px !important; background-color:#e9f6fc !important; margin-top:0 !important; margin-bottom:0 !important; margin-right: 5px !important; border-radius: 0px !important;}



.bctt-ctt-text a {font-family: Arial, Helvetica, sans-serif !important; font-size:100% !important; font-weight:normal !important; color: #6d6e70 !important; padding: 2px !important;
margin: 0px !important; background-color: #e9f6fc !important;}

.bctt-ctt-text a:hover {background-color: #24a5dc !important; color: #fff !important}

.bctt-ctt-text a:after {font-family: "Font Awesome 5 Brands"; content: "\f099";}

.bctt-click-to-tweet::after {display:none !important}

.bctt-ctt-btn { display:none !important}

.bulletin-welcome {
	padding: 4%;
	background-color: #e7f5f6;
	color: #333;
}
@media only screen and (max-width : 812px) {
	.bulletin-welcome {margin-bottom: 4%}
}
.bulletin-welcome p:last-of-type {margin-bottom:0 !important}
.bulletins-template-default h1, .post-type-archive-bulletins h1 {margin-bottom:4% !important}
.bulletins-template-default #main-holder h2, .post-type-archive-bulletins #main-holder h2 { background-color:#4EBBBA; color:#FFF; padding:2%; text-transform:uppercase; margin-top:4% !important; margin-bottom:4% !important}
@media only screen and (max-width : 812px) {
.bulletins-template-default h2, .post-type-archive-bulletins h2 {margin-top:0; padding:4%; margin-bottom: 4% !important;}	
}
.buleft {width:25%; float:left}
.buleft img, .splash img {width:100%; height:auto}
.buright {width:70%; float:right}


@media only screen and (max-width : 812px) {
	.buleft {width:100%; float:left; margin-bottom: 4%; }
.buright {width:100%; float:right; margin-bottom:20px;}
}

.buright p:last-of-type, .splash p:last-of-type {margin-bottom:0}


.two-box p:last-of-type {margin-bottom:0 !important}

.bulletins-template-default .holder, .post-type-archive-bulletins .holder { margin-top:-4px;}
@media only screen and (max-width : 812px) {
.bulletins-template-default .holder, .post-type-archive-bulletins .holder { margin-top:0;}	
}


.holder .two-box p:last-of-type, .new-holder  p:last-of-type, .save-holder .two-box{margin-bottom:0 !important}

.spotlight-holder .two-box {margin-bottom: 0 !important;}
.spotlight-holder {margin-top:-4px !important}

.splash {float:left; width:32%; margin-right:2%}

@media only screen and (max-width : 812px) {
.splash {float:left; width:100%; margin-right:0; margin-bottom:8%;}	
}


.splash:nth-of-type(3n), .two-box:nth-of-type(2n) {margin-right:0 !important}
.splash img {margin-bottom:2%}
.splash img, .splash p {display: flex;
flex-wrap: wrap;}

.splashtitle {color: #116271;}

.bulletin-button {
	background-color: #4EBBBA;
	color: #FFF !important;
	display: inline-block;
	text-decoration: none !important;
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
@media only screen and (max-width : 812px) {
.bulletin-button {
	margin-bottom: 0px;}	
}
.bulletin-button:hover {background-color: #116271; color: #fff !important;}

.new-holder {padding-left:2%; padding-right:2%;}
.two-box {margin-right:4%; width: 48%; float:left; margin-bottom:4%;}

@media only screen and (max-width : 812px) {
.two-box {margin-right:0; width: 100%; float:left; margin-bottom:8%;}	
}
.two-box-title { margin-bottom:0 !important}

.news-slider p a{color:#FFF; text-decoration:underline}

.cols-noimagepad .wp-block-image {margin-top: 0 !important;}

.bulletins-template-default .wp-block-columns {
    margin-left: 2%;
    margin-right: 2%;
}

.new-holder .two-box {margin-bottom: 0 !important; margin-top:4% !important}
.new-holder .two-box:nth-of-type(1), .new-holder .two-box:nth-of-type(2) {margin-top:0 !important}
@media only screen and (max-width : 812px) {
.new-holder .two-box:nth-of-type(1), .new-holder .two-box:nth-of-type(2) {margin-top:4% !important}	
}
.splash:nth-of-type(4n), .splash:nth-of-type(5n),.splash:nth-of-type(6n) {margin-top:4%;}

.single-post .bctt-ctt-text a {    line-height: 1.3; font-size: 110% !important;}

.sitemap-home {
	background-color: #e7f5f6;
	width: 80%;
	padding-top: 0;
	padding-right: 10%;
	padding-bottom: 40px;
	padding-left: 10%; position:relative; z-index:99;
}

@media only screen and (max-width : 812px) {
.sitemap-home { display:none}	
}

.sitemap-home .wp-block-group__inner-container {text-align: left !important;}

.ul-right, .ul-left {width:50%; float:left}

@media only screen and (max-width : 812px) {
.ul-right, .ul-left {width:100%; float:none}		
}

.sitemap-home ul {}

.sitemap-home ul li {
	text-transform: uppercase; margin-bottom: 5px;
}
.sitemap-home ul li ul {margin-top:5px;}
.sitemap-home ul li ul li ul li ul li {
    font-size: 75%;
    line-height: 1.3;
    margin-bottom: 10px;
}
.sitemap-home ul li {margin-top:10px; color:#6d6e70}
.sitemap-home ul li a{color:#6d6e70; text-decoration:none}
.sitemap-home ul li a:hover {text-decoration:underline}

.sitemap-home .sub-menu li {font-size: 75%; line-height:1.3}

.sitemap-home .sub-menu {padding-left: 10%;}
.site-map-home-h2 {width:100%; text-align:center}
.site-map-home-h2 h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0; font-size:200% !important;
}
.sitemap-home ul .menu-item-has-children, .sitemap-home ul .page-item-3483, .sitemap-home ul .menu-item-318 {display:block; float:left; width:18%; margin-right:2%}

.menu-item-has-children a, .menu-item-318 a, .page-item-3483 a {font-family: 'Oswald', sans-serif;}
.menu-holder .menu-item-has-children ul a {font-family: Arial, Helvetica, sans-serif !important;}

.banner-bulletin {width:100%; height:auto; margin-bottom:4%}



@media screen and (max-width: 700px){
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {border-left: none !important;}
.responsive-menu-item a, .responsive-menu-item, .responsive-menu-item-link{font-family: 'Oswald', sans-serif !important; }
}

.temp-map {width: 50%; margin-left: 25%;}

.about-bulletin {clear:both}

.sitemap-home .menu-item-3908 { display:none;}

.pre-footer {
    font-size: 90%;
    padding-top: 4vw;
    clear: both;
}

.translatepress-fr_FR .news-slide-wrap .tw-data-text {display:none;}

/*
.clear {clear:both}
.twitter-tweet-rendered {display: block !important;}
.twitter-tweet-rendered iframe {width:100% !important}
*/

#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 : 812px) {
	#single-pub-tab-left {
    width: 100%;
    display: block;
    float: none;
}

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

#single-pub-tab-right img {width: 100%; height: auto}
.single-rcv1 h2 {margin-top:0}
.single-rcv1 h1 {margin-bottom:40px !important}

#single-pub-tab-left .read-more {
  display: inline-block;
  margin-top: 1.75%;
  background-color: #e56a51;
  padding: 10px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none; color:#FFF !important;
}
#single-pub-tab-left .read-more:hover {background-color: #24a5dc}

.single-img-holder {border: 1px solid #6d6e70;}

.fts-tweeter-wrap  {float:left; width:30%}
.fts-tweeter-wrap:nth-of-type(1), .fts-tweeter-wrap:nth-of-type(2)  {margin-right:5%}
.fts-twitter-div::after {
  content: "";
  clear: both;
  display: table;
}
.page-template-default .single-content #twitter-feed-@CIWAProgram .fts-powered-by-text {display:none !important}


.home-groundwater .wp-container-6 {
	background-color: #FFF;
	border-radius: 12px;
	border: 1px solid rgb(207, 217, 222); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
}
.home-groundwater .wp-container-6 .embed-container ,
.home-groundwater .wp-container-6 h2{margin-left:5%; margin-right:5%; color: #000 !important}
.home-groundwater .wp-container-6 h2 {margin-top:5%}
.home-groundwater .wp-container-6 .embed-container  {margin-bottom:5%}

.home-colvid-desc { margin:5%; text-align:left !important;}
.home-colvid-desc p {color: #000 !important;}

.vidtweetcol .wp-container-6 {margin-right:1vw}
.vidtweetcol .wp-container-7 {margin-left:1vw; margin-right:0 !important}

@media only screen and (max-width : 812px) {
.vidtweetcol .wp-container-6 {margin-right:0; margin-bottom: 20px}
.vidtweetcol .wp-container-7 {margin-left:0; margin-right:0 !important}
	
}

.home-counters {background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://ciwaprogram.org/wp-content/themes/ciwa/images/counting-bg.jpg"); background-size:cover; background-position:center; margin-top:40px;}
.home-counters img {display:none}
.counter-button-holder { text-align:center; margin-top: 8%; margin-bottom:0; margin-bottom: 8%;}

.translatepress-fr_FR pre {
	margin-bottom: 0;
	background-color: #e4e4e4;
	padding: 10px;
	font-size: 90%;
	line-height: 1.4;
	margin-top: -20px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-style: italic;
}
.translatepress-fr_FR pre+p {margin-top:20px !important}

.translatepress-fr_FR pre:nth-of-type(2){margin-top: -10px; padding-top:0 !important}

.translatepress-fr_FR.single-post .single-content IMG, .translatepress-fr_FR.single-post .single-content .wp-caption {max-width:100%}
.translatepress-fr_FR.single-post .single-content .wp-caption {margin-top: 40px; margin-bottom: 40px;}

.post-type-archive-bulletins .next-prev, .single-bulletins .next-prev{width:96%; margin-bottom:4%; font-size:100%; background-color: #e7f5f6; padding:2%}
.post-type-archive-bulletins .next-prev a, .single-bulletins .next-prev a{float:left; text-decoration:none}
.post-type-archive-bulletins .next-prev a:last-of-type, .single-bulletins .next-prev a:last-of-type {float:right;}