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

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
div {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;}

body{
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 1.171vw;
	line-height: 1.1;
	height: 100%;
	width: 100%;
	color: #005F73;
	font-weight:400;
}

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

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


#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 : 700px) {
#trp-floater-ls{ display:none !important}	
}

hr {color: #005F73;}
/* 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; text-align: center}

.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; margin-top: 40px;}

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

strong {font-weight:600}

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




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 { background-color: #fff; height:82px; position:relative; z-index:9999; width:100%; }
@media (max-width: 700px) {	
	#header { background-color: #fff; height: auto; padding-bottom: 4%}	
}


#header .max-width {margin-top:2.5%; height: 82px; overflow: visible;}

@media (max-width: 1200px) {
#header .max-width { width: 90%;}
	}

@media (max-width: 700px) {	
	#header .max-width { width: 90%;}	
}





.page-template-home-2023 #header { height:auto;}
.home #header, .page-template-home-2023 #header{position:absolute; background-color: transparent;}


.max-width {width: 74%; /*max-width: 1048px;*/ position:relative; margin-left:auto; margin-right:auto}


.header-logos {width: 25%; margin-right:2%; float:left; margin-top: 0; position:relative; -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;}

@media only screen and (max-width : 700px) {
.header-logos {width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left; position:relative; -ms-transform: translateY(-0%);
-webkit-transform: translateY(-0%);
transform: translateY(-0%);
top: auto; margin-top: 1.5%; }	
}



.ciwalogo {
  height: auto;
  width: 52%;;
  padding-top: 0.1vw;
}
.wbg-logo {
  height: auto;
  width: 45%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  right: 0;
}


@media only screen and (max-width : 700px) {
.male-champion-forum {
  display: block !important;
  float: left;
  left: -2.5% !important;
  top: auto !important;
  width: auto;
  margin-top: 2%;
}
.ciwalogo {width: 28%; padding-bottom: 2%;}
.wbg-logo {position:relative; width: 35%; margin-left:0}
.mcwe-holder {
  align-items: center;
  width: 90%;
  margin-left: 0.5%;
  margin-right: 15px;
}
}




#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 : 700px) {
.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}

.program-anchor .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 0px) !important;
    z-index: 1;
    color: #fff;
}
}

h1, h2,h3 {font-size:400%; font-weight: 600;}

@media only screen and (max-width : 700px) {
h1, h2,h3 {font-size:200%; font-weight: 600;}	
}

.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;
}


/* Menu */





#header .menu-holder {
	display: block;
	width: 38%;
	float: left;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	background-color: #FFF;
	border-radius: 25vw;
	background-color: #33B4B4; font-size: 80%;
}



.header-sm-icons {
  display: block;
  width: 37%;
  position: relative;
  float: left;
  padding-right: 0; display: flex;
}

@media only screen and (max-width : 700px) {
 .header-sm-icons {
    width: 40%;
    margin-left: 15px;
  }}

.sm-menu-holder {
  width: 33%;
  float: left;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); display: flex;
  align-items: center; margin-left: 2%;
}

@media (max-width: 700px) {	
	.sm-menu-holder {width: 100%; top: 0; padding-top: 10%;}
}

.header-sm-icons IMG {
  width: auto; height: 2.6vw;
}

@media (max-width: 700px) {	
.header-sm-icons IMG {height: 6vw;}
}

.header-sm-icons a {margin-right: 5%;}
.header-sm-icons a:last-of-type {margin-right: 0 !important}

.translatepress-fr_FR #header .menu-holder {width:38%}
#header .menu-holder .menu-main-menu-container {position: relative; width: 100%;}

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



.translatepress-fr_FR #header .menu-holder .menu, .menu-holder .menu ul {font-size:90%}


#header .menu-main-menu-2023-container {text-align:center}
#header .menu-holder .menu li {
    display: inline-block;
    position:relative; text-align:center; 
}
#header .menu-holder .menu li .sub-menu li {white-space: normal !important}
.translatepress-fr_FR #header .menu-holder .menu li a {font-size: 90% !important;}


#header .menu-holder .menu li a {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	font-size:90%;
	text-align:left;
	padding-top: 0.88vw;
	padding-right: 0.4vw;
	padding-bottom: 0.88vw;
	padding-left: 0.4vw;
}

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







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

#header .menu-holder .menu li ul {
    display: none;
    position: absolute;
    left: 0px;
    float: left;
    z-index: 99999;
     margin-top:0px;
}


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

#header .menu-holder .menu li ul li {margin:0}

 #header .menu-holder .sub-menu:hover, #header .menu-holder .menu .menu-item-has-children a:hover .sub-menu, #header .menu-holder .menu li:hover .sub-menu{
    display: block; transition-delay:1s;
}

#header .menu-item-has-children:hover {cursor:default}

#header .sub-menu {background-color: #F9F9F9; padding-top:1px!important;}

#header .menu-holder .menu li ul li a {
	display: inline-block;
	color: #005F73;
	text-decoration: none;
	width: 100%;
	font-size: 75%;
	font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.2;
	cursor: pointer !important;
	padding-top: 0.6vw;
	padding-right: 0.6vw;
	padding-bottom: 0.6vw;
	padding-left: 0.6vw;
	overflow-wrap: anywhere;
	white-space:nowrap;
}

@media only screen and (max-width : 1200px) {
	#header .menu-holder .menu li ul li a {font-size: 70%;}}
	
@media only screen and (max-width : 1000px) {
	#header .menu-holder .menu li ul li a {font-size: 60%;}}
	
#header .menu-holder .menu li a:hover, #header .menu-holder .menu .menu-item-has-children:hover a {color: #358494;}

#header .menu-holder .menu .menu-item-has-children .sub-menu li  a {color: #3A8697 !important; background-color: #E1EFF2 !important;}
#header .menu-holder .menu .menu-item-has-children .sub-menu li  a:hover, #header .menu-holder .menu .menu-item-has-children .sub-menu .current-menu-item  a {color: #9ACAD3 !important}


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

/* End Menu */





.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%; 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}

.page-template-default .internal h1, .page-template-default .internal h2.wp-block-heading {
  font-size: 262% !important;
  margin: 0 !important;
    margin-bottom: 0px;
  line-height: 1;
  color: #005F73;
  position: relative;
  padding-top: 1.2vw;
  padding-right: 3vw;
  display: inline-block;
  margin-bottom: 2.5% !important;
  border: none !important; margin-top: 1.8vw !important;
}

.page-template-default .internal h1::after, .page-template-default .internal h2.wp-block-heading::after {
  position: absolute;
  content: " ";
  right: 0;
  top: 0;
  opacity: 0;
  border-top-width: 0.6vw;
  border-right-width: 0.6vw;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #33B4B4;
  border-right-color: #33B4B4;
  width: 1.8vw;
  height: 1.8vw;
}



.single-post .internal h1 {text-transform:none !important}

.archive h2, .search h2, .page-template-latest-landing-php h2 { margin-top:0 !important}
.archive h2 a, .search h2 a, .page-template-latest-landing-php h2 a { text-decoration:none !important;}
.internal h2 {position: relative; margin-top: 40px;} 
.internal p+h2, .internal .about-counter-block+h2 {margin-top: 60px}


.single-content ul li {
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 {
	color: #33B4B4;
	font-weight: 600;
}
.internal p+h3 {margin-top:40px}
.internal .single-content h2 {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #33B4B4; padding-bottom: 10px;
}
.rcv1-template-default .single-content h2 {color: #33B4B4}

/* video section homepage */
.home-groundwater.tempblock h2 {font-size: 200% !important; text-align:left !important; margin-top: 0px; margin-bottom:5%;}

@media only screen and (max-width : 700px) {
.home-groundwater h2 {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;}

.toplinkhome .home-arimgblock2019 {background-size:cover}

.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 : 700px) {
.home-groundwater .wp-block-group__inner-container{
    width: 100% !important; padding-top:0 !important; padding-bottom: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 : 700px) {
	.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 : 700px) {
.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 : 700px) {
.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%; 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;}*/

.insights-button-holder {
	text-align: left;
	padding-top: 2.5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
}

.homevideo h3:after {
	font-family: FontAwesome;
	content: "\f0da";
	color: #33B4B4;
	margin-left: 20px;
}
.homevideo h3 {
	font-size: 200% !important;
	margin-bottom: 10px; margin-top:0
}

.vidtweetcol .embed-container {
  position: relative;
  padding-bottom: 59%;
  height: 0;
  overflow: hidden;
  width: 90%; max-width:90% !important }

.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 : 700px) {
.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 : 700px) {
	.media-home{
	padding-top: 40px;
	padding-bottom: 40px; padding-left:20px; padding-right:20px
}
.home-blog {
	padding-top: 40px;
	padding-bottom: 0px; padding-left:0; padding-right:0
}
}
.media-home .embed-container {
	border: none !important
}
.media-home h2{color:#33B4B4; 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}

@media only screen and (max-width : 700px) {.vidtweetcol, .insights-col { background-color:#55c4c1; padding: 20px;}
}



 .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 : 700px) {
.home-ar2019 { font-size: 200%}	
}

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

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


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

 .page-template-home-2023 .centboth {width: 100%; min-height: 20vh; }

#footer {background-color: #e7f5f6; position: relative; color: #005F73; font-weight:400; z-index: 99;}

#footer a {color: #33B4B4; text-decoration: underline}
#footer a:hover {text-decoration: underline; color: #33B4B4}



.footer-sm a:nth-of-type(3) {margin-right:0}
.footer-address {clear: both; margin-bottom:4vw; margin-top: 1vw;}


@media only screen and (max-width : 1024px) {
.footer-address {font-size: 70%;
line-height: 1.2; padding-top:4vw; margin-bottom:0vw}
.footer-address p {margin-bottom:0; margin-top: 0;}

}

.footer-address p:first-of-type {margin-bottom:4%}

#footer .sitemap-home #menu-main-menu-2024 .menu-item-9262 {display:none}


#footer .sitemap-home #menu-main-menu-2024 .menu-item-7711 {margin-right:0 !important}

.partners {width: 100%; background-color:#FFF; position:relative; z-index:9}

#header .opposite-language, #footer .opposite-language {display:none !important}

#responsive-menu-container .opposite-language {display:block !important}

#responsive-menu-container .opposite-language .trp-ls-language-name {margin-left:5px}

.partner-logo-holder {
    width: 14.28%;
    padding-bottom: 15%;
    position: relative; display:inline-block;
}

@media only screen and (max-width : 700px) {
.partner-logo-holder {margin-top: 30px; margin-bottom: 30px}	
}

.partners .max-width {font-size:0px}
.textcent {text-align:center}

.partner-logo-holder img {
    position: absolute;
    left: 50%;
    top: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
    display: block;
    max-width: 75px; width: 100%;
}

@media only screen and (max-width : 700px) {
.partner-logo-holder img {max-width:30px; -ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
top: 50%;
left: 50%;}}


.danida img { max-width: 60px !important;}
@media only screen and (max-width : 700px) {.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: #33B4B4 !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:100%; margin-bottom: 2%;}

p b, p strong {font-weight: 600;}
 
 .toplink {margin-bottom: 2%; display:block}
 
 .page-template-default .wp-block-cover h3 {color: #fff !important}
 
 /* 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-top: 40px; 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 : 700px) {
.nonhome-content-holder {margin-top: 20px; margin-bottom:80px; margin-left: 15px;
margin-right: 15px;}
.page-template-full-screen-landing-page .nonhome-content-holder {margin-top: 13%; margin-bottom:13%; margin-left: 0px; margin-right: 0px;}
.bulletins-template-default .nonhome-content-holder, .post-type-archive-bulletins .nonhome-content-holder {width:90%}}

  button#responsive-menu-button {
    width: 45px;
    height: 45px;
    position: absolute !important;
}

/*.single-content {margin: 0 auto; max-width: 728px;}*/
 .single-content {
  margin: 0 auto;
  clear: both;
  max-width: none;
  width: 74%;
}



.single-post h1, .internal h1{font-size: 300%; font-weight:600; line-height:1.1; margin-bottom:20px; margin-top:0}
.archive h1, .internal h1{font-size: 200%; font-weight:600; line-height:1.1; margin-bottom:20px; margin-top:0}
.single-post h2, .archive h2, .internal h2 {font-size: 150%; font-weight:600; line-height:1.2}
.single-post h3, .archive h3 {font-size: 150%; font-weight:600; 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: #005F73;}
.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: #33B4B4; }

.single-post p {font-weight:400}

.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: #33B4B4;
    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}

@media only screen and (max-width : 700px) {
	.page-template-resources .stickyarch {padding-left:10%; padding-right:10%; padding-bottom: 10%; padding-top: 20%}
}

.page-template-resources .stickyarch h2 a, .tax-year_published h2 a, .tax-type_of_resource h2 a {color:#005F73 !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; }
.page-template-resources h2 a, .tax-year_published h2 a, .tax-type_of_resource h2 a {text-decoration:none;}
.page-template-resources .arch-holder.stickyarch: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 #005F73;
}
.page-template-resources .arch-text, .tax-type_of_resource .arch-text, .tax-year_published  .arch-text {width: 76%;}

@media only screen and (max-width : 700px) {
	.page-template-resources .arch-text {width: 100%}}

.arch-holder {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #005F73;
	padding-bottom: 40px; margin-bottom:40px; position:relative;
}

@media only screen and (max-width : 700px) {
	.arch-holder {padding: 10%}
}
.arch-holder:last-of-type {border-bottom-style: none !important}
.arch-text p {margin-bottom:0 !important; font-weight: 400;}
.orange-button a {background-color: #33B4B4; 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: #33B4B4}
.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; font-weight:200}
.single-post .postedin {font-size: 80%; margin-bottom: 40px !important; font-weight:200}

.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, .vim iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vim {margin-bottom:2%}

/* 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 : 700px) {
	.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: #33B4B4 !important}

.resource-title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #FFF;
    font-size: 120%;
    font-weight: 400;
    z-index: 99;
    right: 20px; line-height:1.3;
}
.pubfiletype {
    color: #FFF;
    background-color: #33B4B4;
    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 : 700px) {
	.program-anchor {
    padding-top: 70px;
    margin-top: -70px;
}
}	
@media only screen and (max-width : 700px) {
.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 : 700px) {
	.pic-con {width:100%; float:none; margin-bottom:10%}
.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: #33B4B4 !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 : 700px) {
.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: #33B4B4; 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: 20px;
    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-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: #33B4B4}

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

@media only screen and (max-width : 700px) {
.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 : 700px) {
.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%;
	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 : 700px) {
.blog-box-title {
	font-size: 200%;
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 : 700px) {
	.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 : 700px) {
.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 : 700px) {
.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 : 700px) {
.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: #005F73;
    border: none; margin-bottom:10px;
}

.rc-filters ul input[type="submit"] {
    width: 50%;
    background-color: #33B4B4 !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 : 700px) {
	.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 : 700px) {.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: #005F73;
	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: #33B4B4 !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-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-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: #33B4B4;
    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 : 700px) {
.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 : 700px) {
.emailheader {display:none}	
}

.newsheading {width:100%; 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 : 700px) {
	.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:#005F73}
.podsmall:hover {text-decoration:underline}


/* Temp */


/*.page-id-2288 .single-content h2 { color: #24a5dc !important; font-size:2vw !important; font-weight: 400; border:none !important; margin-top:0; margin-bottom:10px; padding-bottom:0 !important}*/

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

.page-id-2288 .single-content h3 { color: #24a5dc !important; 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 .wp-block-columns, .vw4 {margin-bottom: 4vw !important}

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

@media only screen and (max-width : 700px){
.page-id-2288 .single-content img {position:relative;}
.page-id-2288 .single-content .wp-block-image {padding-bottom: 0; margin: 0}
	.emptycol {display: none}
}

.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: 74%;
    clear: both;
}

@media only screen and (max-width : 700px) {
.page-id-2288 .single-content { max-width: 90%;}
}



.page-id-2288 .single-content a {text-decoration:none}
.page-id-2288 .single-content p {font-size:100%}
@media only screen and (max-width : 700px) {
.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;  margin-top:0 !important; margin-bottom:0 !important; margin-right: 5px !important; border-radius: 0px !important;}

.bctt-ctt-text {background-color:#e9f6fc !important;}

.single-post .wp-embedded-content {width:70%;
margin-bottom: 20px;
margin-top: 20px; margin-left:15%; margin-right:15%; position:relative}

@media only screen and (max-width : 700px) {
.single-post .wp-embedded-content {width:100%;
margin-bottom: 20px;
margin-top: 20px; margin-left:0; margin-right:0; position:relative}	
}

.single-post iframe {width:100%}

.single-post .wp-caption {width:100% !important}
.single-post .wp-caption img {width:100% !important; height:auto}

.bctt-ctt-text a {font-family: Arial, Helvetica, sans-serif !important; font-size:100% !important; font-weight:normal !important; color: #005F73 !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;
}
@media only screen and (max-width : 700px) {
	.bulletin-welcome {margin-bottom: 4%}
}

.post-type-archive-bulletins blockquote, .post-type-archive-bulletins .new-holder .tweet-bull {margin: 0 !important}

.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 : 700px) {
.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 : 700px) {
	.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 : 700px) {
.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}
@media only screen and (max-width : 700px) {
	.holder .two-box p:last-of-type {margin-bottom: 4% !important}
}
.spotlight-holder .two-box div {max-width: 100%}

.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 : 700px) {
.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%; aspect-ratio: 400 / 267;}
.splash img, .splash p {display: flex;
flex-wrap: wrap;}

.splashdesc, .splashdesc2 {margin-bottom: 2rem}
.splashtitle {color: #33B4B4;}

.bulletin-button, .wp-block-button a {
	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 : 700px) {
.bulletin-button {
	margin-bottom: 0px;}	
}
.wp-block-button a {font-weight: normal !important; line-height: 1.3; font-size: 100%; background-color: #4EBBBA !important;}


.bulletin-button:hover, .wp-block-button a:hover {background-color: #116271 !important; 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 : 700px) {
.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 : 700px) {
.nonhome-content-holder.clearfix .holder.clearfix.new-holder .two-box.tweet-bull, .post-type-archive-bulletins blockquote, .post-type-archive-bulletins .new-holder .tweet-bull, .new-holder .two-box:nth-of-type(1), .new-holder .two-box:nth-of-type(2)  {margin-bottom: 4% !important; margin-top:4%}
.post-type-archive-bulletins #main-holder h2.sme {margin-bottom: 8% !important}
}

.tweet-bull iframe {width: 100% !important; overflow: visible !important;}

.tweet-row1, .tweet-row2 {margin-bottom: 4% !important;}

.tweet-row1, .tweet-row2, .tweet-row3 {background-color: #f9f9f9; }


.tweet-bull {padding: 20px;}

@media only screen and (max-width : 700px) {
	.tweet-bull iframe {width: 100% !important; overflow: auto !important }
.tweet-row1, .tweet-row2, .tweet-row3 {background-color: #fff; }


.tweet-bull {padding: 0px;}
}

.twitter-tweet {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important; /* Center the tweet if needed */
}

.twitter-tweet-rendered {
    display: block !important;
    max-width: 100% !important;
    width: 100% !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; position:relative; z-index:99;}

@media only screen and (max-width : 700px) {
.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 : 700px) {
.ul-right, .ul-left {width:100%; float:none;}		
}

.sitemap-home ul {font-size:150%; padding:0}
#footer .sitemap-home .menu-item-has-children > a {font-weight:600; text-decoration:none; color: #005F73; position:relative; display: block; padding-bottom: 10px;}

.translatepress-fr_FR #footer .sitemap-home .menu-item-has-children > a {font-size:70%}

#footer .sitemap-home .menu-item-has-children > a:after {content: '' ; background-color:#33B4B4; position:absolute; bottom:-5px; width:27px; height:7px; left:0}

#footer .menu-item-11002 {display: none}


.sitemap-home ul li {text-transform: uppercase; margin-bottom: 5px;}

.sitemap-home ul li ul {padding-top:10px;}
.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:#005F73}
.sitemap-home ul li a {color:#005F73; text-decoration:none}
.sitemap-home ul li a:hover {text-decoration:underline}

.sitemap-home .sub-menu li {
	line-height:1.3;
	list-style-type: none;
}

.sitemap-home .sub-menu a {color: #005F73 !important;}

.sitemap-home .sub-menu li a {font-weight:400 !important; text-transform:none !important}

.sitemap-home .sub-menu {padding-left: 0; font-size:67%}
.site-map-home-h2 {width:100%; text-align:left}
.site-map-home-h2 h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
	font-size:200% !important;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #33B4B4;
	font-weight:700;
}
.sitemap-home ul .menu-item-has-children, 
.sitemap-home ul .page-item-7505, .sitemap-home ul .menu-item-318 {display:block; float:left; width:18%; margin-right:2.5%}

.sitemap-home ul .menu-item-has-children:last-of-type {margin-right:0 !important}

.menu-item-has-children a, .menu-item-318 a, .page-item-3483 a, .page-item-7505 a {}
.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: 'Poppins', sans-serif !important; }
}

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

.about-bulletin {clear:both}

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

.pre-footer {
    padding-top: 4vw;
    clear: both;
	margin: 0;
}

.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 : 700px) {
	#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: #33B4B4;
  padding: 10px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none; color:#FFF !important;
}
#single-pub-tab-left .read-more:hover {background-color: #005F73}

.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;
}

.in-img {width:90%; height:auto; margin-left: 5%;
margin-right: 5%; }

.twitter-apo {font-size:80%; padding:2.5%}
.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:2vw}
.vidtweetcol .wp-container-7 {margin-left:1vw; margin-right:0 !important}

@media only screen and (max-width : 700px) {
.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:100%; 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;}

div.wp-block-cover {margin-top:4%}

.wp-block-cover  {background-size: cover;}

.home-arimgblock2019 {margin-top:0 !important}

#trp-floater-ls {display: none !important}

/*#trp-floater-ls.trp-floater-ls-flags {position: absolute !important; top:0px !important; bottom: auto !important; z-index:99999999 !important; box-shadow: none !important; background-color: transparent !important}*/

.custom-lang-switcher {
  position: absolute !important;
  top: 0px !important;
  bottom: auto !important;
  z-index: 99999999 !important;
  box-shadow: none !important;
  right: 0;
  list-style: none;
  display: flex;
  gap: 10px;
  margin-right: 1%;
  margin-top: 0.5%;
  font-size: 75%;
  padding: 0.5%;
  background-color: rgba(255, 255, 255, 0.5);
	border-radius: 25vw;
}

@media only screen and (max-width : 700px) {
	.custom-lang-switcher {display: none}
}


.admin-bar .custom-lang-switcher {top: 32px !important}


.custom-lang-switcher li a {
    text-decoration: none;
    color: #005F73; /* Adjust to match your header */
}

.custom-lang-switcher li span.current-lang {
    text-decoration: underline;
}

.male-champion-forum {
	left: 2%;
	border-radius: 25vw;
	background-color: #F9F9F9;
	/*background-color: #e0e0e0;*/
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	float: left;
	padding-top: 0.25%;
	padding-right: 0.7%;
	padding-bottom: 0.25%;
	padding-left: 0.7%; padding: 0; top: 0;
  transform: translateY(-0%); margin-top: 0 !important
}





@keyframes mcfslide {0% {right: -3em; opacity:0;}100% {right: 0; opacity:1}}
@-moz-keyframes mcfslide {0% {right: -3em; opacity:0;}100% {right: 0; opacity:1}}
@-webkit-keyframes mcfslide {0% {right: -3em; opacity:0;}100% {right: 0; opacity:1}}
@-o-keyframes mcfslide {0% {right: -3em; opacity:0;}100% {right: 0; opacity:1}}
@-ms-keyframes mcfslide {0% {right: -3em; opacity:0;}100% {right: 0; opacity:1}}

.home .mcfslide3 {
	animation: mcfslide 1s 0s ease;
	-webkit-animation: mcfslide 1s 0s ease;
	 moz-animation: mcfslide 1s 0s ease;
  -o-animation: mcfslide 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.25s;}

.mcfslide3 {right: 7.5%; opacity:1}

@media only screen and (max-width : 700px) {
.mcfslide3 {
  margin-left: 15px;
}}

.male-champion-forum img {
  display: inline-block;
  width: auto;
 height: 2.6vw; margin-right: 12px;
  margin-left: -2px;
}

@media only screen and (max-width : 700px) {
.male-champion-forum img {height: 6vw;}	
}

.male-champion-forum a {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:999}

.page-template-home-2023 #slide1 {
	margin: 0;
	padding: 0px 0 0px 0;
	background-image: url('');	
	background-repeat: no-repeat;
	background-position: 50% 0;
	position:relative;
	width:100vw; height:56.25vw}
	
@media only screen and (max-width : 1024px) { .page-template-home-2023 #slide1 {background-size: cover;}}
	
@media only screen and (max-width : 700px) { .page-template-home-2023 #slide1 {height:70vh; background-size: cover;}}

.page-template-home-2023 #slide1:after {content: ''; position: absolute; background-color: #000; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; z-index: 9}
	
.page-template-home-2023 #slide1 video {width:100%; height:auto; position: absolute; left:0; top:auto; z-index:9;}

.page-template-home-2023 #slide3 video {width:100%; height:auto; position: relative; left:0; top:auto; z-index:9;}

.slide1content {position:relative; z-index:99; padding-top: -moz-calc(82px + 5%);
padding-top: -webkit-calc(82px + 5%);
padding-top: -o-calc(82px + 5%);
padding-top: calc(82px + 5%);}



@keyframes fadein {0% {opacity:0;}100% {opacity:1}}
@-moz-keyframes fadein {0% {opacity:0;}100% {opacity:1}}
@-webkit-keyframes fadein {0% {opacity:0;}100% {opacity:1}}
@-o-keyframes fadein {0% {opacity:0;}100% {opacity:1}}
@-ms-keyframes fadein {0% {opacity:0;}100% {opacity:1}}

.fadein {
	animation: fadein 1s 0s ease;
	-webkit-animation: fadein 1s 0s ease;
	 moz-animation: fadein 1s 0s ease;
  -o-animation: fadein 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;}

.page-id-8591 .single-content .content-fade, .page-id-8591 .single-content h1 {
	opacity:0;
	animation: fadein 2s 0s ease;
	-webkit-animation: fadein 2s 0s ease;
	 moz-animation: fadein 2s 0s ease;
  -o-animation: fadein 2s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.25s;}

.page-id-8591 .single-content h1 {animation-delay: 0.12s !important;}


.h1_homepage {position: relative; width:33%; margin-bottom:0; opacity: 0; animation-delay: 1s;}
@media only screen and (max-width : 480px) {.h1_homepage {width:90%;}}

.h1_homepage h1 {font-size:500%; color:#FFF; text-transform:none !important;  line-height:1; font-weight:600; margin-bottom:0}
.h1_homepage::after {
	position: absolute;
	content: " ";
	right: 0;
	top: 0;
	border-top-width: 1vw;
	border-right-width: 1vw;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #33B4B4;
	border-right-color: #33B4B4;
	width: 4vw;
	height: 4vw;
	animation: arrowturns 2s ease;
	-webkit-animation: arrowturn 2s 0s ease;
	 moz-animation: arrowturn 2s 0s ease;
  -o-animation: arrowturn 2s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.75s; opacity: 0;
}
@media only screen and (max-width : 480px) {
.h1_homepage::after {width: 8vw; height: 8vw; border-top-width: 2vw; border-right-width: 2vw;}

.translatepress-fr_FR .h1_homepage::after {right: -15%}
}

  /* WebKit and Opera browsers */
  @-webkit-keyframes arrowturn {
    from { -webkit-transform: rotate3d(0, 1, 0, -90deg); opacity: 0;    }
    to   { -webkit-transform: rotate3d(0, 1, 0, 0deg); opacity: 1;}
  }

  /* all other browsers */
  @keyframes arrowturn {
    from {
      -moz-transform: rotate3d(0, 1, 0, -90deg); opacity: 0;
      -ms-transform: rotate3d(0, 1, 0, -90deg); opacity: 0;
      transform: rotate3d(0, 1, 0, -90deg); opacity: 0;
    }
    to {
      -moz-transform: rotate3d(0, 1, 0, 0deg); opacity: 1;
      -ms-transform: rotate3d(0, 1, 0, 0deg); opacity: 1;
      transform: rotate3d(0, 1, 0, 0deg); opacity: 1;
    }
  }



.landing-para {width:100%; margin-bottom:5%; margin-top:5%; opacity: 0; animation-delay: 2s;}
.landing-para p {width:70%; font-size:110%; color:#FFF; font-weight:400}
/*.landing-para p strong {color:#33B4B4;}*/

.landing-link {text-align:right; font-size:100%; animation-delay: 2s;}
.landing-link a{font-weight: 600; font-size:200%; color:#FFF; text-decoration:none}
.landing-link a:hover{color: #33B4B4; text-decoration:none}

@media only screen and (max-width : 480px) {
	.landing-para p {width:100%; font-size:110%; color:#FFF; font-weight:400}
	.landing-link {text-align:left; font-size:80%; animation-delay: 2s;}
}

.page-template-home-2023 #slide2 {background-color:#FFF; z-index: 9; position: relative;}
.page-template-home-2023 #slide2 .max-width {padding-top:7.5%; padding-bottom:7.5%}
.page-template-home-2023 #slide5 .max-width {padding-top:3.75%; padding-bottom:3.75%}

.page-template-home-2023 #slide3{
	color: #fff;
	margin: 0;
	padding: 0px 0 0px 0;
	background-size: cover !important;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50% 0;
	position:relative;
}

@media only screen and (max-width : 700px) {
.page-template-home-2023 #slide3	{background-position:center; background-size: cover;}
}


.page-template-home-2023 #slide4, .page-id-10854 #slide4{padding-top: 30%; background-position: center; background-size: cover; position:relative}

.page-id-10854 .ciwa2banner-holder {width: 100vw;
  position: relative; 
  left: 50%;
	transform: translateX(-50%); margin-bottom: 40px;}

@media only screen and (max-width : 700px) {
.page-template-home-2023 #slide4, .page-id-10854 #slide4 {padding-top: 5%; padding-bottom:5%; 	
}}

.page-template-home-2023 #slide3:after, .page-template-home-2023 #slide4:after, .page-id-10854 #slide4:after {position:absolute; background-color: #000; left:0; right:0; top:0; bottom:0; opacity: 0.4; content:" "; z-index:99}
.toprightarrow {position:relative; padding-top: 1.2vw; padding-right: 1.8vw;}
@media only screen and (max-width : 480px) {
.toprightarrow {position:relative; padding-top: 1.2vw; padding-right: 4.6vw; display:inline-block}
}



.page-template-home-2023 #slide4 .toprightarrow, .page-id-10854 #slide4 .toprightarrow {padding-right: 0}
.page-template-home-2023 #slide3 .max-width, .page-template-home-2023 #slide4 .max-width {z-index:999}
.toprightarrow::after {
	position: absolute;
	content: " ";
	right: 0;
	top: 0;
	border-top-width: 0.6vw;
	border-right-width: 0.6vw;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #33B4B4;
	border-right-color: #33B4B4;
	width: 1.8vw;
	height: 1.8vw;
	animation: arrowturns 2s ease;
	-webkit-animation: arrowturn 2s 0s ease;
	 moz-animation: arrowturn 2s 0s ease;
  -o-animation: arrowturn 2s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.75s; opacity: 0;
}
@media only screen and (max-width : 480px) {
	.toprightarrow::after {width: 3.6vw;
	height: 3.6vw;
	border-top-width: 1.2vw;
	border-right-width: 1.2vw;}
}
.bottomrightarrow {position:relative; padding-bottom: 1.2vw; padding-right: 2.4vw; display:inline-block}

@media only screen and (max-width : 700px) {
.bottomrightarrow {padding-right: 4.6vw;}	
}


.bottomrightarrow::after {
	position: absolute;
	content: " ";
	right: 0;
	bottom: 0;
	border-bottom-width: 0.7vw;
	border-right-width: 0.7vw;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #33B4B4;
	border-right-color: #33B4B4;
	width: 1.8vw;
	height: 1.8vw;
	animation: arrowturns 2s ease;
	-webkit-animation: arrowturn 2s 0s ease;
	 moz-animation: arrowturn 2s 0s ease;
  -o-animation: arrowturn 2s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.75s; opacity: 0;
}

@media only screen and (max-width : 480px) {
	.bottomrightarrow::after {width: 3.6vw;
	height: 3.6vw;
	border-bottom-width: 1.2vw;
	border-right-width: 1.2vw;}
}





.h2-holder h2 {font-size: 262%; margin:0 !important; line-height:1; color: #005F73;}

.page-template-home-2023 #slide5 .h2-holder { display:inline-block}
.page-template-home-2023 #slide3 .h2-holder h2, .page-template-home-2023 #slide3 .intro-p {color:#FFF}

.intro-p {margin-top:2.5%; margin-bottom:5%; color: #005F73;}
.page-template-home-2023 #slide3 .intro-p {margin-bottom:10%;}
.intro-p p { font-size:200%; font-weight:600;}

.left62 {width:62%; float:left;}
.right38 {width:38%; float:right}

@media only screen and (max-width : 700px) {
.left62 {width:100%; float:left;}
.right38 {width:100%; float:right; margin-bottom:5%;}
}

.three-cols-holder {position:relative}
.three-cols-holder .bottom { position:absolute; bottom:0; left:0; width:62%}

.left62 .col1{float:left; width:40%; padding-right:6%; margin-right:7%; animation-delay: 1s; }
.left62 .col2 {float:left; width:50%; padding-right:6%; animation-delay: 1s; }

@media only screen and (max-width : 700px) {
.left62 .col1{float:left; width:100%; padding-right:6%; margin-right:7%; animation-delay: 1s; margin-bottom:5%; }
.left62 .col2 {float:left; width:100%; padding-right:6%; animation-delay: 1s; margin-bottom:5%; }	
.three-cols-holder .bottom { position: relative; bottom:0; left:0; width:100%}
}
.bottom .col1, .bottom .col2 {float:left; padding-right:4vw; animation-delay: 0s; opacity:0}

@media only screen and (max-width : 700px) {
.bottom .col1, .bottom .col2 { margin-bottom:5%; width: 100%}	
}
#slide3 .bottom .col1, #slide3 .bottom .col1b, #slide3 .bottom .col2  {animation-delay: 1.5s;}
.maintext p {font-size:100%; font-weight:400; color:#005F73; margin-bottom:5%; }
.maintext {animation-delay: 3s;}
.maintext p:last-of-type {margin-bottom:0}
.left62 .col1 p, .left62 .col2 p {font-size:100%; font-weight:400; color:#005F73; margin-bottom:5%; animation: fadein 1s 0s ease;
	-webkit-animation: fadein 1s 0s ease;
	 moz-animation: fadein 1s 0s ease;
  -o-animation: fadein 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; animation-delay: 0.25s; opacity: 0}


.bottom .col1 a, .bottom .col1b a,  .bottom .col2 a, .slide4but {
	font-size:150%;
	color:#308091;
	border: 1px solid #308091;
	font-weight:600;
	text-decoration:none;
	padding-top: 1vw;
	padding-right: 2vw;
	padding-bottom: 1vw;
	padding-left: 2vw;
	white-space: nowrap;
	border-radius: 2em; display: inline-block;
} 

@media only screen and (max-width : 700px) {
.bottom .col1 a, .bottom .col1b a, .bottom .col2 a, .slide4but {padding-top: 2vw;
	padding-right: 4vw;
	padding-bottom: 2vw;
	padding-left: 4vw;}
}


.page-template-home-2023 #slide3 .bottom .col1 a, .page-template-home-2023 #slide3 .bottom .col1b a, .page-template-home-2023 #slide3 .bottom .col2 a, .slide4but {color:#fff !important; border: 1px solid #fff; text-decoration:none !important;}

.bottom .col1 a:hover, .bottom .col2 a:hover, .slide4but:hover {background-color: #33B4B4; color:#FFF !important; border: 1px solid #33B4B4 !important;}

.cent-both {position: absolute;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
top: 50%;
left: 50%;}

@media only screen and (max-width : 700px) {
#slide3 .cent-both, #slide4 .cent-both  {position: relative;
-ms-transform: none;
-webkit-transform: none;
transform: none;
top: auto;
left: auto; padding-top:5%; padding-bottom:5%;}	
}

.largenumber {font-size:400%; font-weight:600; color: #33B4B4; animation: fadein 1s 0s ease;
	-webkit-animation: fadein 1s 0s ease;
	 moz-animation: fadein 1s 0s ease;
  -o-animation: fadein 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; animation-delay: 1s; opacity: 0; margin-bottom: 1vw}

.logos {font-size:0; width:90%; position:relative; margin-left:auto; margin-right:auto}

.page-id-10854 #slide4 .cent-both {z-index: 999}
.page-id-10854 #slide4 h2 {border: none !important}

.page-template-home-2023 #slide4 .socials, .page-id-10854 #slide4 .socials {width:37%; position:relative}

@media only screen and (max-width : 700px) {
.page-template-home-2023 #slide4 .socials, .page-id-10854 #slide4 .socials {width:100%; position:relative}	
.logos {font-size:0; width:100%; }
}
.social01 {float:left; color:#FFF;}
.social02 {float: right; color:#FFF;}

.social-holder {
  position: relative;
  width: 100%;
  padding-top: 37%;
  margin-bottom: 15%;
}
@media only screen and (max-width : 700px) {
.social-holder {
  position: relative;
  width: 100%;
  padding-top: 0;
  margin-bottom: 5%;
}	
}
.page-template-home-2023 #slide4 .h2-holder,
.page-template-home-2023 #slide4 .h3-holder,
.page-id-10854 #slide4 .h2-holder,
.page-id-10854 #slide4 .h3-holder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
}

@media only screen and (max-width: 700px) {
    .page-template-home-2023 #slide4 .h2-holder,
    .page-template-home-2023 #slide4 .h3-holder,
    .page-id-10854 #slide4 .h2-holder,
    .page-id-10854 #slide4 .h3-holder {
        position: relative;
        left: 0%;
        top: 0%;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        width: 100%;
    }
}

.ciwa2banner-holder {position: relative}

.page-template-home-2023 #slide4 .social01,
.page-template-home-2023 #slide4 .social02,
.page-id-10854 #slide4 .social01,
.page-id-10854 #slide4 .social02 {
    display: block;
    text-align: center;
}

@media only screen and (max-width: 700px) {
    .page-template-home-2023 #slide4 .social01,
    .page-template-home-2023 #slide4 .social02,
    .page-id-10854 #slide4 .social01,
    .page-id-10854 #slide4 .social02 {
        margin-bottom: 10%;
    }
}

.page-template-home-2023 #slide4 .h2-holder,
.page-id-10854 #slide4 .h2-holder {
    width: auto;
    display: inline-block;
}

.page-template-home-2023 #slide4 .toprightarrow::after,
.page-id-10854 #slide4 .toprightarrow::after {
    right: -1.8vw !important;
}

.page-template-home-2023 #slide4 .h2-holder h2,
.page-id-10854 #slide4 .h2-holder h2 {
    font-size: 400%;
    color: #FFF;
    text-align: center;
}

.page-template-home-2023 #slide4 .h3-holder h3,
.page-id-10854 #slide4 .h3-holder h3 {
    font-size: 300%;
    color: #FFF;
    text-align: center;
    margin: 0;
}

.page-template-home-2023 #slide4 .social01 .social-holder .h2-holder,
.page-template-home-2023 #slide4 .social02 .social-holder .h2-holder,
.page-id-10854 #slide4 .social01 .social-holder .h2-holder,
.page-id-10854 #slide4 .social02 .social-holder .h2-holder {
    opacity: 1;
}

.page-template-home-2023 #slide4 .social01:hover .social-holder .h2-holder,
.page-template-home-2023 #slide4 .social02:hover .social-holder .h2-holder,
.page-id-10854 #slide4 .social01:hover .social-holder .h2-holder,
.page-id-10854 #slide4 .social02:hover .social-holder .h2-holder {
    opacity: 0;
    cursor: default;
}

@media only screen and (max-width: 700px) {
    .page-template-home-2023 #slide4 .social01:hover .social-holder .h2-holder,
    .page-template-home-2023 #slide4 .social02:hover .social-holder .h2-holder,
    .page-id-10854 #slide4 .social01:hover .social-holder .h2-holder,
    .page-id-10854 #slide4 .social02:hover .social-holder .h2-holder {
        opacity: 1;
        cursor: default;
    }
}

.page-template-home-2023 #slide4 .social01 .social-holder .h3-holder,
.page-template-home-2023 #slide4 .social02 .social-holder .h3-holder,
.page-id-10854 #slide4 .social01 .social-holder .h3-holder,
.page-id-10854 #slide4 .social02 .social-holder .h3-holder {
    opacity: 0;
}

.page-template-home-2023 #slide4 .social01:hover .social-holder .h3-holder,
.page-template-home-2023 #slide4 .social02:hover .social-holder .h3-holder,
.page-id-10854 #slide4 .social01:hover .social-holder .h3-holder,
.page-id-10854 #slide4 .social02:hover .social-holder .h3-holder {
    opacity: 1;
    cursor: default;
}

.page-template-home-2023 #slide4 .social01 .social-holder .h2-holder,
.page-template-home-2023 #slide4 .social01 .social-holder .h3-holder,
.page-template-home-2023 #slide4 .social02 .social-holder .h2-holder,
.page-template-home-2023 #slide4 .social02 .social-holder .h3-holder,
.page-id-10854 #slide4 .social01 .social-holder .h2-holder,
.page-id-10854 #slide4 .social01 .social-holder .h3-holder,
.page-id-10854 #slide4 .social02 .social-holder .h2-holder,
.page-id-10854 #slide4 .social02 .social-holder .h3-holder {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

@media only screen and (max-width: 700px) {
    .page-template-home-2023 #slide4 .social01 .social-holder .h3-holder,
    .page-template-home-2023 #slide4 .social02 .social-holder .h3-holder,
    .page-id-10854 #slide4 .social01 .social-holder .h3-holder,
    .page-id-10854 #slide4 .social02 .social-holder .h3-holder {
        display: none;
    }
}

.cols {
  float: left;
  width: 30%;
  margin-right: 5%;}

@media only screen and (max-width : 700px) {
.cols {
	float: left;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 5%;
}}
  
.threecols {margin-top: 1%;}
  
.cols:last-of-type {margin-right:0}

.img-holder {position:relative; width:86%; padding-top:66.22%; margin-left:7%;}
.img-holder .img1, .img-holder .img2  {position:absolute; left:0; right:0; top:20%; height: 100%; background-position:center; background-size: cover; -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; z-index:99}

.page-template-home-2023 #slide5 h3 {margin-top:0; line-height:1; margin-bottom:10%; text-transform:uppercase; color:#FFF; text-align:center}

.page-template-home-2023 #slide5 .cols .img-holder .img2 {opacity:0; top:1.5vw}
.page-template-home-2023 #slide5 .cols:hover .img-holder .img2 {opacity:1; top:1.5vw}
.page-template-home-2023 #slide5 .cols .img-holder .img1 {opacity:1; top:3vw}
.page-template-home-2023 #slide5 .cols:hover .img-holder .img1 {opacity:0; top:1.5vw}

.coltext {background-color:#33B4B4; width:100%; padding-left:10%; padding-right:10%;
padding-top: -moz-calc(3vw + 10%);
padding-top: -webkit-calc(3vw + 10%);
padding-top: -o-calc(3vw + 10%);
padding-top: calc(3vw + 10%);
-moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; padding-bottom:5%}
	
.page-template-home-2023 #slide5 .cols:hover .coltext {padding-top: -moz-calc(1.5vw + 10%);
padding-top: -webkit-calc(1.5vw + 10%);
padding-top: -o-calc(1.5vw + 10%);
padding-top: calc(1.5vw + 10%);
}

.coltext p {color:#FFF; font-size:90%; margin-bottom:5%; font-family: 'Poppins', sans-serif;}
.coltext p:last-of-type {margin-bottom:0}

.page-template-home-2023 #slide5 .max-width .threecols .cols .slide4but {font-size: 100% !important; opacity:0; -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

.english-menu, .french-menu { display:none !important;}

@media only screen and (max-width : 812px) {
.page-template-home-2023 #slide5 .max-width .threecols .cols .slide4but {font-size: 100% !important; opacity:1;	}
#trp-floater-ls.trp-floater-ls-flags {width: auto; height: auto;}
#trp-floater-ls-current-language .trp-floater-ls-disabled-language.trp-ls-disabled-language {padding:0}
}
	
.page-template-home-2023 #slide5 .max-width .threecols .cols:hover .slide4but {
	opacity:1;
}

.page-template-home-2023 #slide5  .slide4but:hover {background-color:#FFF;
	color: #005F73 !important;
	border-color: #ffffff !important;}
	
.colbutholder {width:100%; text-align:center; padding-bottom: 10% !important; padding-top:0; background-color:#33B4B4; -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
.page-template-home-2023 #slide5 .cols:hover .colbutholder {padding-top: 0; opacity:1}

.page-template-home-2023 #slide5 .img-holder h4 {color:#FFF; z-index:999; position:absolute;
-ms-transform: translateY(-60%);
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
top: -moz-calc(50% + 3vw);
top: -webkit-calc(50% + 3vw);
top: -o-calc(50% + 3vw);
top: calc(50% + 3vw);
font-size:200%; line-height:1; width:70%; font-size:200%; padding:7%; opacity: 1; -moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-family: 'Poppins', sans-serif; font-weight:700; margin:0; cursor: default}
	
.page-template-home-2023 #slide5 .cols:hover .img-holder h4 {opacity:0}

.page-template-home-2023 #slide5 .max-width .threecols .cols .img-holder h4::after {
  position: absolute;
  content: " ";
  left: 9%;
  bottom: 0;
  border-bottom-width: 0.5vw;
  border-bottom-style: solid;
  border-bottom-color: #33B4B4;
  width: 2vw;
  height: 1.8vw;
}

.cp {
  background-color: #e7f5f6;
  position: relative;
  color: #005F73;
  font-weight: 400;
  font-size:75%; text-align:center; padding:2%;
}

@media only screen and (max-width : 700px) {
.cp {padding:4vw;}	
}

@keyframes slideboxleftnav {0% {margin-left: 3em; opacity:0;}100% {margin-left: 0em; opacity:1}}
@-moz-keyframes slideboxleftnav {0% {margin-left: 3em; opacity:0;}100% {margin-left: 0em; opacity:1}}
@-webkit-keyframes slideboxleftnav {0% {margin-left: 3em; opacity:0;}100% {margin-left: 0em; opacity:1}}
@-o-keyframes slideboxleftnav {0% {margin-left: 3em; opacity:0;}100% {margin-left: 0em; opacity:1}}
@-ms-keyframes slideboxleftnav {0% {margin-left: 3em; opacity:0;}100% {margin-left: 0em; opacity:1}}

.home .slidleft {
	animation: slideboxleftnav 1s 0s ease;
	-webkit-animation: slideboxleftnav 1s 0s ease;
	 moz-animation: slideboxleftnav 1s 0s ease;
  -o-animation: slideboxleftnav 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.25s;}
  
.paddingright1em  {
	animation: padrightone 1s 0s ease;
	-webkit-animation: padrightone 1s 0s ease;
	 moz-animation: padrightone 1s 0s ease;
  -o-animation: padrightone 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 0.25s; opacity: 0; padding-right: 1em}
  
@keyframes padrightone {0% {padding-right: 1em; opacity:0;}100% {padding-right: 0em; opacity:1}}
@-moz-keyframes padrightone {0% {padding-right: 1em; opacity:0;}100% {padding-right: 0em; opacity:1}}
@-webkit-keyframes padrightone {0% {padding-right: 1em; opacity:0;}100% {padding-right: 0em; opacity:1}}
@-o-keyframes padrightone {0% {padding-right: 1em; opacity:0;}100% {padding-right: 0em; opacity:1}}
@-ms-keyframes padrightone {0% {padding-right: 1em; opacity:0;}100% {padding-right: 0em; opacity:1}}
  
  
@keyframes slideboxleftnavmin {0% {left: -3em; opacity:0;}100% {left: 0em; opacity:1}}
@-moz-keyframes slideboxleftnavmin {0% {left: -3em; opacity:0;}100% {left: 0em; opacity:1}}
@-webkit-keyframes slideboxleftnavmin {0% {left: -3em; opacity:0;}100% {left: 0em; opacity:1}}
@-o-keyframes slideboxleftnavmin {0% {left: -3em; opacity:0;}100% {left: 0em; opacity:1}}
@-ms-keyframes slideboxleftnavmin {0% {left: -3em; opacity:0;}100% {left: 0em; opacity:1}}

.slidleftminus {
	animation: slideboxleftnavmin 1s 0s ease;
	-webkit-animation: slideboxleftnavmin 1s 0s ease;
	 moz-animation: slideboxleftnavmin 1s 0s ease;
  -o-animation: slideboxleftnavmin 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;
  animation-delay: 1s; opacity: 0; position:relative}

@keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-moz-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-webkit-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-o-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-ms-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}

.upthree {animation: upthree 1s 0s ease;
	-webkit-animation: upthree 1s 0s ease;
	 moz-animation: upthree 1s 0s ease;
  -o-animation: upthree 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; opacity: 0; position:relative; padding-top:1.5em}
  
@keyframes botthree{0% {bottom: -1.5em; opacity:0;}100% {bottom: 0em; opacity:1}}
@-moz-keyframes botthree{0% {bottom: -1.5em; opacity:0;}100% {bottom: 0em; opacity:1}}
@-webkit-keyframes botthree{0% {bottom: -1.5em; opacity:0;}100% {bottom: 0em; opacity:1}}
@-o-keyframes botthree{0% {bottom: -1.5em; opacity:0;}100% {bottom: 0em; opacity:1}}
@-ms-keyframes botthree{0% {bottom: -1.5em; opacity:0;}100% {bottom: 0em; opacity:1}}

.bot-three {animation: botthree 1s 0s ease;
	-webkit-animation: botthree 1s 0s ease;
	 moz-animation: botthree 1s 0s ease;
  -o-animation: botthree 1s 0s ease;
   -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards; opacity: 0; position:relative; bottom:-1.5em}
  
 .page-template-home-2023 .slide1content .max-width {padding-top: 2.5%; padding-bottom: 2.5%;}
 
 #header #menu-item-8111, #header #menu-item-8135 {display:none}
 
 .page-id-2288 .wp-block-button__link {color:#FFF !important}
 
.fr-wysiwyg .wp-block-columns {display: flex; gap: 35px;}

.fr-wysiwyg .wp-block-cover.is-light::before {bottom: 0;
  left: 0;
  opacity: 0.4;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; content:' ' ; background-color:#666666; z-index:1}

.fr-wysiwyg .wp-block-cover__inner-container {z-index:99}

.c-accordion__title::after {color: #005F73 !important; font-weight: 400 !important; font-size: 150% !important;}

figure.size-square {width:100%; padding-top: 100%; position:relative; display:block; overflow:hidden; margin-bottom:20px !important }

figure.size-square img {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in; height:100%;}
  
figure.size-square:hover img {position:absolute; top:-5%; left:-5%; right:-5%; bottom:-5%; width:110%; max-width:110%; height:110%;}
figure.size-square a {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
}
figure.size-square a:hover {cursor:pointer}
figure.size-square figcaption {
  position: absolute;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0.9;
}
figure.size-square figcaption a {
	display:block;
	text-decoration:none;
	padding:10px;
	font-weight: bold; position:relative;
}
figure.size-square a::before {position:absolute; top:0; bottom:0; left:0; right:0; content: ' '; background-color:#000; opacity:0.05; z-index:9}
figure.size-square figcaption {padding: 0;}
figure.size-square:hover figcaption a {color:#33B4B4}

/* Legacy Acc */


.page-id-1699 iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.leg-acc {background-position:center; background-size: cover; min-height:300px; position:relative}
.leg-acc::before {position:absolute; left:0; top:0; width:100%; height:300px; background-size: cover; content: " "; background-position:center;}
.leg-acc.is-open .c-accordion__content {}

.leg-acc c.-accordion__title h2 {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; border:none !important; color:#fff; text-shadow: 1px 1px 1px #083a60; padding-left:1em; display: flex; align-items: center; height:300px; font-size:200%}



.leg-acc .c-accordion__title::after  {
	position: absolute;
	content: " " !important;
	right: 0.5em;
	bottom: 0.5em;
	top: auto;
	-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
	border-bottom-width: 0.75vw;
	border-right-width: 0.75vw;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #fff;
	border-right-color: #fff;
	width: 3vw;
	height: 3vw;
	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; 
}

.leg-acc .c-accordion__title:hover::after {border-right-color: #33B4B4; border-bottom-color: #33B4B4}

.leg-acc.leg-sahel::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/52795088176_359a537a33_k.jpg);}
.leg-acc.leg-chad::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/LakeChadView_CD-scaled.jpg);}
.leg-acc.leg-sahelwater::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/Volta-basin-scaled.jpg);}

.leg-acc.leg-nccr::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/p33-Nile.jpg);}

.leg-acc.leg-great::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/download-report-op-1-scaled.jpg);}

.leg-acc.leg-horngroundwater::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/52213134948_73ebb9450a_o-scaled.jpg);}

.leg-acc.leg-somalia::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/Somalia.png);}

.leg-acc.leg-sadc::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/Partner-news.jpg);}

.leg-acc.leg-sadri::before {
background-image: linear-gradient(to right, rgba(102, 102, 102, 0.3), rgba(102, 102, 102, 0.3)),url(https://www.ciwaprogram.org/wp-content/uploads/CIWA-10year-01.jpg);}

.fieldset-cf7mls {padding: 0; margin: 0; color: #2b469d}
.fieldset-cf7mls p {margin-bottom: 3%}
.fieldset-cf7mls label {font-size: 80%}
.wpcf7-form-control {float: none !important}
.wpcf7-form .wpcf7-text, .wpcf7-form textarea{width: 100%; border-radius: 1em; padding: 1em; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;  box-sizing: border-box; border: 0; background-color: #f1f1f1}

.wpcf7 form .wpcf7-response-output {font-size: 80% !important; margin: 0 !important; padding: 1%}

.wpcf7-form textarea:focus, .wpcf7-form .wpcf7-text{outline: none;}
.wpcf7 textarea {resize: none;}

 .wpcf7-list-item{ display: block !important; }

.page-id-9148 .wpcf7 a {color: #42896f; text-decoration: none}

.page-id-9148 .cf7mls_next.action-button, .page-id-9148 .cf7mls_back.action-button {
  background-color: #42896f !important; color: #fff}

.page-id-9148 .wpcf7-submit {
  margin: 25px 0 26px;
  padding: 13px 15px;
  background-color: #42896f !important;
  color: #fff;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  margin: 16px 0 26px;
  padding: 13px 5px;
  min-width: 100px;
  position: relative;
}

.page-id-9148 h2 {border:none !important;}


.download-but-abs a {font-size: 1.171vw;
  color: #fff !important;
  border: 1px solid #fff;
  font-weight: 600;
  text-decoration: none !important;
  padding-top: 1vw;
  padding-right: 2vw;
  padding-bottom: 1vw;
  padding-left: 2vw;
  white-space: nowrap;
  border-radius: 2em;
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 20px; }

@media only screen and (max-width : 700px) {
	.download-but-abs a {font-size: 4vw;}
	.page-id-9130 div.wp-block-cover {margin-bottom: 20px}
}

.download-but-abs a:hover {background-color: #33B4B4; color: #FFF !important;}

.ar-flip {background: linear-gradient(to left, #d8eaea, #d8eaea);}

.page-id-4292 .ar-flip, .page-template-full-screen-landing-page #fcv .ar-flip {background: linear-gradient(to left, #d0a59f, #d0a59f) !important;}
.page-id-4292 .h2-holder h2, .page-template-full-screen-landing-page #fcv .h2-holder h2 {color: #a74e3a !important;}
.page-id-4292 .ar2024-fp .slide4but, .page-template-full-screen-landing-page #fcv .ar2024-fp .slide4but {
  color: #a74e3a !important;
  border: 1px solid #a74e3a !important;
}
.page-id-4292 .bottomrightarrow::after, .page-template-full-screen-landing-page #fcv .bottomrightarrow::after{
  border-bottom-color: #a74e3a !important;
	border-right-color: #a74e3a !important;}



.page-id-1989 .ar-flip, .page-template-full-screen-landing-page #biodiversity .ar-flip  {background: linear-gradient(to left, #6fad9a, #6fad9a) !important;}
.page-id-1989 .h2-holder h2, .page-template-full-screen-landing-page #biodiversity .h2-holder h2 {color: #3a6555 !important;}
.page-template-full-screen-landing-page .homefliptext .h2-holder h2 {text-shadow: none !important;}
.page-id-1989 .ar2024-fp .slide4but, .page-template-full-screen-landing-page #biodiversity .ar2024-fp .slide4but {
  color: #3a6555 !important;
  border: 1px solid #3a6555 !important;
}
.page-id-1989 .bottomrightarrow::after, .page-template-full-screen-landing-page #biodiversity .bottomrightarrow::after  {
  border-bottom-color: #3a6555 !important;
	border-right-color: #3a6555 !important;}



.ar-flip .max-width {width: 90%}

.ar2024-fp {
  display: flex;
  align-items: center; 
  justify-content: space-between;
  gap: 8%;
}

.homefliptext {
  flex: 1; 
  text-align: center; animation-delay: 0s !important;
}

.ar2024-fp .fp-img-holder {
  flex: 1; 
  margin-top: 10%; animation-delay: 1.5s !important; opacity: 0; position: relative;
  margin-right: -5%; aspect-ratio: 1000 / 699;
}

.ar2024-fp .fp-img-holder img {max-width: 100%; height: auto; }
.ar2024-fp .bottomrightarrow::after {animation-delay: 0 !important}

.ar2024-fp .homefliptext {text-align: left !important;}
/*.ar2024-fp .homefliptext h2 {font-size: 250% !important; font-weight: bold; border: none !important}*/
.ar2024-fp .homefliptext h2 {
  font-size: 170% !important;
  font-weight: 600;
  border: none !important;
  line-height: 1.2; font-weight: 600 !important;
}
.translatepress-fr_FR .ar2024-fp .homefliptext h2 {font-size: 150% !important;}
.ar2024-fp .homefliptext .h2-holder {width: 100%;}
.ar2024-fp .slide4but {margin-top: 1.25%; animation-delay: 1s !important; opacity: 0; color: #6d6e70 !important; border: 1px solid #6d6e70 !important; }
.ar2024-fp .slide4but:hover {color: #6d6e70 !important; background-color: #ebe9e9 !important; border: 1px solid #ebe9e9 !important;}
.page-id-9130 .ar2024-fp .slide4but  {color: #33B4B4 !important; background-color: #E6EDED !important; border: 1px solid #33B4B4 !important;}
.page-id-9130 .ar2024-fp .slide4but:hover {background-color: #fff !important; border: 1px solid #33B4B4 !important;}


@media (max-width: 700px) {
	.ar2024-fp .slide4but {margin-top: 10%; }
  .ar2024-fp {
    flex-direction: column; 
    align-items: center; 
  }

  .homefliptext,
  .ar2024-fp .fp-img-holder {
    flex: none; 
    width: 100%; 
  }
	


  .homefliptext {
    text-align: center; 
    margin-bottom: 16px; 
	 padding-top: 20%;
  }
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000; /* Optional: to provide a black background */
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; 
}

.fa-eye {
  position: absolute;
  z-index: 9;
  background-color: #33B4B4;
  color: #fff;
  padding: 2.5%;
  font-size: 150%;
  border-radius: 50%;
  top: 24%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block; animation: eyeani 2s infinite; cursor: pointer
}



@keyframes eyeani {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 95, 115, 0.3), 0 0 0 1px rgba(0, 95, 115, 0.3), 
                0 0 0 3px rgba(0, 95, 115, 0.3), 0 0 0 5px rgba(0, 95, 115, 0.3);
    transform: scale(0.9);
  }
  70% {
    transform: scale(1);
  }
  to {
    box-shadow: 0 0 0 0 rgba(0, 95, 115, 0.3), 0 0 0 0 rgba(0, 95, 115, 0.3), 
                0 0 0 20px rgba(0, 95, 115, 0), 0 0 0 30px rgba(0, 95, 115, 0);
    transform: scale(0.9);
  }
}


#ar2024panel{
  background-color: #000;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: auto;
  width: 70%;
  padding: 0.5%;
  z-index: 9999999999999999;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
border-radius:10px;
    opacity: 0; /* Start as invisible */
    visibility: hidden; /* Start as hidden */
    transition: opacity 0.5s ease-in-out; /* Fade effect */
}

@media (max-width: 700px) {	
#ar2024panel{width: 90%;}
}

 #ar2024panel.visible {
    opacity: 1; /* Fully visible */
    visibility: visible; /* Make it visible for interaction */
  }

.iframe-holder {position:relative; width:100%; padding-top: 86vh}

@media (max-width: 700px) {	
	.iframe-holder {padding-top: 140%}
}

#ar2024panel iframe {width: 100%; height:100%; left: 0; top: 0; position: absolute; pointer-events: auto;}

#cover {
  position: fixed;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999999; display:none;
}



#cover a {position: absolute; left:0; right: 0; top: 0; bottom: 0}

.closepanelright{
	display: block;
	text-align: right;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 75%;
	padding-right: 0.6%; cursor: pointer
}
@media (max-width: 700px) {	
	.closepanelright{ padding: 2%}
}

.teamcols h4 {margin-top: 0}
.teamcols p, .teamcols h4, .page-id-2288 h2 {margin-bottom: 2vw !important}

@media (max-width: 700px) {	
	.teamcols p, .teamcols h4, .page-id-2288 h2 {margin-bottom: 4vw !important}
}

.page-id-2288 .managers .manager-photo {padding-top: 0.4vw;}
.page-id-2288 .managers p:last-of-type {padding-bottom: 2vw}

.twitter-tweet {margin-top:0px !important; margin-bottom:0px !important;}

.page-template-anniversary-report .wp-block-quote p {padding-bottom: 4%;}
.page-template-anniversary-report .wp-block-quote span {margin-top: 0% !important;}


.page-template-anniversary-report .stripe-bg h3 {font-size: 80% !important;}

.page-template-anniversary-report .smallsub {top: -2vw !important;}

@media (max-width: 700px) {	
.page-template-anniversary-report .smallsub {top: -4vw !important;}	
.page-template-anniversary-report .title-holder {padding-top: 75% !important;}
.page-template-anniversary-report .stripe-bg {min-width: 70%;}
.page-template-anniversary-report 	.stripe-bg h3 {padding-left: 3%;}
.page-template-anniversary-report .slideleft .wp-block-quote:last-of-type, .page-template-anniversary-report .slideright .wp-block-quote:last-of-type{margin-bottom: 5%}
.page-template-anniversary-report p {margin-bottom: 4%;}
.page-template-anniversary-report .wp-block-quote p {margin-bottom: 0 !important;}
}

 .page-id-1989 .ar-flip, .page-id-4292 .ar-flip, .page-id-1641 .ar-flip, .page-id-1766 .ar-flip, .page-template-mcwe .ar-flip, .page-id-7732 .ar-flip, .page-id-9130 .ar-flip, .page-template-full-screen-landing-page .ar-flip {width: 100vw;
  position: relative; 
  left: 50%;
  transform: translateX(-50%); margin-bottom: 40px; margin-top: 40px}

.page-template-full-screen-landing-page #gesi .ar2024-fp .slide4but


.page-template-mcwe .ar-flip {margin: 0 !important}

.page-id-1641 .ar-flip, .page-template-full-screen-landing-page #gesi .ar-flip {background: linear-gradient(to left, #7b89b0, #7b89b0) !important;}
.page-id-1641 .ar-flip .h2-holder h2, .page-template-full-screen-landing-page #gesi .ar-flip .h2-holder h2 {color: #fff}
.page-id-1641 .ar2024-fp .slide4but, .page-id-1766 .ar2024-fp .slide4but, .page-template-mcwe .ar2024-fp .slide4but, .page-template-full-screen-landing-page #gesi .ar2024-fp .slide4but, .page-template-full-screen-landing-page #data-initiatives .ar2024-fp .slide4but {color: #fff !important; border: 1px solid #fff !important;}
.page-id-1641 .ar2024-fp .slide4but:hover, .page-template-full-screen-landing-page #gesi .ar2024-fp .slide4but:hover {color: #7b89b0 !important;}



.page-id-1766 .ar2024-fp .slide4but:hover, .page-template-mcwe .ar2024-fp .slide4but:hover, .page-template-full-screen-landing-page #data-initiatives .ar2024-fp .slide4but:hover {color: #709099 !important;}
.page-id-9130 .ar-flip {background: linear-gradient(to left, #E6EDED, #E6EDED) !important;}
.page-id-9130 .ar-flip .h2-holder h2{color: #33B4B4}
.page-id-7732 .ar-flip, .page-template-full-screen-landing-page #climate-resilience .ar-flip {background: linear-gradient(to left, #dfcfb5, #dfcfb5) !important;}
.page-template-full-screen-landing-page #climate-resilience .ar-flip .h2-holder h2{color: #ae7b2d !important;}
.page-template-full-screen-landing-page #climate-resilience .bottomrightarrow::after {border-bottom-color: #ae7b2d; border-right-color: #ae7b2d;}
.page-template-full-screen-landing-page #climate-resilience .ar2024-fp .slide4but {
  color: #ae7b2d!important;
  border: 1px solid #ae7b2d !important;
}

.page-id-10854 .ar-flip {background: linear-gradient(to left, #44bdbd, #44bdbd) !important;}
.page-id-10854 .ar-flip .h2-holder h2 {color: #fff}
.page-id-10854 .bottomrightarrow::after {
  border-bottom-color: #ffffff !important;
  border-right-color: #ffffff !important;
}
.page-id-10854 .ar2024-fp .slide4but {
  color: #fff !important;
  border: 1px solid #fff !important;
}

.page-id-10854 .ar2024-fp .slide4but:hover {
  color: #44bdbd !important;
	background-color: #fff;
  border: 1px solid #fff !important;
}

.page-id-1766 .ar-flip, .page-template-mcwe .ar-flip, .page-template-full-screen-landing-page #data-initiatives .ar-flip {background: linear-gradient(to left, #709099, #709099);}

.page-id-1766 .ar2024-fp .homefliptext h2, .page-template-mcwe .ar2024-fp .homefliptext h2, .page-template-full-screen-landing-page #data-initiatives .homefliptext h2  {font-size: 260% !important; color: #fff}



/* FSL*/

.page-template-full-screen-landing-page .ar-gesi .bottomrightarrow::after {border-bottom-color: #fff; border-right-color: #fff;}

.page-template-full-screen-landing-page .single-content ul li, .bulletin-welcome ul li{
  list-style-type: disc;
  margin-bottom: 15px;
  position: relative;
  line-height: 1.3;
}

.page-template-full-screen-landing-page .single-content ul li::before {content: "" !important; display: none}

.page-template-full-screen-landing-page .single-content .wp-block-group.auto-lazy {padding-top: 2.5%; padding-bottom: 2.5%;}


.page-template-full-screen-landing-page .single-content {color: #005F73;}

.page-template-full-screen-landing-page .single-content a {color: #005F73;}
.page-template-full-screen-landing-page .single-content a:hover {color: #33B4B4;}

.page-template-full-screen-landing-page .key-points {width: 100%; overflow: hidden}

.page-template-full-screen-landing-page .single-content h2.wp-block-heading {
  font-size: 262%;
  margin: 0 !important;
  line-height: 1;
  color: #005F73;
position: relative;
  padding-top: 1.2vw;
  padding-right: 3vw;
  display: inline-block;
  margin-bottom: 2.5% !important; border: none !important; 
}


.page-template-full-screen-landing-page .single-content h3.wp-block-heading, .page-id-2288.page-template-default .internal h1 {
  font-size: 131%;
  margin: 0 !important;
  line-height: 1;
  color: #005F73;
position: relative;
  padding-top: 0.6vw;
  padding-right: 3vw;
  display: inline-block;
  margin-bottom: 2.5% !important; border: none !important; 
}

.page-template-default .internal h2.wp-block-heading {font-size: 174.6666666666667% !important; padding-top: 0.8vw; padding-right: 2vw;}


.page-template-default .internal h2.wp-block-heading::after {
  border-top-width: 0.4vw;
  border-right-width: 0.4vw;
  width: 0.9vw;
  height: 0.9vw;
}




.page-template-full-screen-landing-page .single-content h2.wp-block-heading::after {
  position: absolute;
  content: " ";
  right: 0;
  top: 0; opacity: 0;
  border-top-width: 0.6vw;
  border-right-width: 0.6vw;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #33B4B4;
  border-right-color: #33B4B4;
  width: 1.8vw;
  height: 1.8vw;
}

.page-template-full-screen-landing-page .single-content h3.wp-block-heading::after, .page-template-default .internal h2.wp-block-heading::after {
  position: absolute;
  content: " ";
  right: 0;
  top: 0; opacity: 0;
  border-top-width: 0.4vw;
  border-right-width: 0.4vw;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #33B4B4;
  border-right-color: #33B4B4;
  width: 0.9vw;
  height: 0.9vw;
}



 .page-template-full-screen-landing-page .single-content h2.lazy-load.loaded::after,  .page-template-full-screen-landing-page .single-content h3.lazy-load.loaded::after, .page-template-default .internal h1::after, .page-template-default .internal h2.wp-block-heading::after {animation: arrowturn 2s ease;
	-webkit-animation: arrowturn 2s 0s ease;
	moz-animation: arrowturn 2s 0s ease;
	-o-animation: arrowturn 2s 0s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	 animation-delay: 0.5s;}



.page-template-full-screen-landing-page .wp-block-group p.lazy-load, .page-template-full-screen-landing-page .wp-block-group ul.lazy-load {left: -3em; opacity:0; position: relative}


.page-template-full-screen-landing-page .wp-block-group p.lazy-load.loaded, .page-template-full-screen-landing-page .wp-block-group ul.lazy-load.loaded, .page-template-full-screen-landing-page .wp-block-group h2.lazy-load.loaded, .page-template-full-screen-landing-page .wp-block-group h3.lazy-load.loaded {
	opacity: 0;
	animation: slideboxleftnavmin 1s 0s ease;
	-webkit-animation: slideboxleftnavmin 1s 0s ease;
	moz-animation: slideboxleftnavmin 1s 0s ease;
	-o-animation: slideboxleftnavmin 1s 0s ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position: relative;
}



@keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-moz-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-webkit-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-o-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}
@-ms-keyframes upthree{0% {padding-top: 1.5em; opacity:0;}100% {padding-top: 0em; opacity:1}}





.page-template-full-screen-landing-page .h1_homepage {
	position: relative;
	width: auto;
	margin-bottom: 0;
	animation-delay: 1s;
	display: inline-block !important;
	z-index: 9;
	padding-right: 8vw;
}
.page-template-full-screen-landing-page .h1max {margin-top: -82px}

.page-template-full-screen-landing-page .parallax-group {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.page-template-full-screen-landing-page .mcwe-landing-screen {width: 100vw; min-height: 100vh;  position: relative;
  padding-top: -moz-calc(82px + 5%);
  padding-top: -webkit-calc(82px + 5%);
  padding-top: -o-calc(82px + 5%);
  padding-top: calc(82px + 5%); background-size: cover; background-position: top; padding-bottom: 5%; 
	display: flex;
  align-items: end;
  justify-content: end;}

@media only screen and (max-width : 812px) {
	.page-template-full-screen-landing-page .mcwe-landing-screen {
  padding: 0 !important; transform: translateZ(0); min-height: 100vh; will-change: transform;
backface-visibility: hidden; align-items: center;
  justify-content: center;
	}}

.page-template-full-screen-landing-page .mcwe-landing-screen::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); /* Black with 0.3 opacity */
  z-index: 1;
  pointer-events: none;
}
.page-template-full-screen-landing-page .mcwe-landing-screen {
  position: relative;
  z-index: 0;
}



@media only screen and (max-width : 812px) {
.mcwe-landing-screen {padding-bottom: 2rem;}
}

.page-template-full-screen-landing-page #header, .page-template-full-screen-landing-page #header {
  position: absolute;
  background-color: transparent;
}

.page-template-full-screen-landing-page .single-content {
  margin: 0 auto;
  clear: both;
  max-width: none;
  width: 74%;
}

.page-template-full-screen-landing-page .lazy-load, .page-template-full-screen-landing-page.wp-block-heading.lazy-load{
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.page-template-full-screen-landing-page .lazy-load.loaded, .page-template-full-screen-landing-page.wp-block-heading.lazy-load.loaded {
  opacity: 1;
}




.page-template-full-screen-landing-page .lazy-load.loaded .fade-in {
  animation: fadein 1s 0s ease;
  -webkit-animation: fadein 1s 0s ease;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.page-template-full-screen-landing-page .lazy-load.loaded .h1_homepage.fade-in {animation-delay: 1s;}


.page-template-full-screen-landing-page .leg-acc {
  background-position: center;
  background-size: cover;
  min-height: auto;
  position: relative;
  aspect-ratio: 5 / 2;
  width: 100%;
  height: auto;
}

.page-template-full-screen-landing-page .leg-acc::before {
  position: absolute;
  left: 0;
  top: 0;
  aspect-ratio: 5 / 2;
  width: 100%;
  height: auto;
  background-size: cover;
  content: " ";
  background-position: center;
}

.page-template-full-screen-landing-page .leg-acc h2.c-accordion__title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none !important;
  color: #fff;
  text-shadow: 1px 1px 1px #083a60;
  padding-left: 1em;
  display: flex;
  align-items: center;
  aspect-ratio: 5 / 2;
  width: 100%;
  height: auto;
  font-size: 200%;
}

.page-template-default .leg-acc h2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none !important;
  color: #fff;
  text-shadow: 1px 1px 1px #083a60;
  padding-left: 1em;
  display: flex;
  align-items: center;
  height: 300px;
  font-size: 200%;
}


.page-template-full-screen-landing-page .homefliptext h2 {padding-left: 0 !important}

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

body.translatepress-fr_FR .trp-ls-language-name {
  visibility: hidden;
  position: relative; margin: 0; padding: 0;
}

body.translatepress-fr_FR .trp-ls-language-name::before {
  content: "EN";
  visibility: visible;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

body.translatepress-en_GB .trp-ls-language-name {
  visibility: hidden;
  position: relative; margin: 0; padding: 0;
}
	
	#responsive-menu-container .opposite-language .trp-ls-language-name {margin: 0 !important; padding: 0 !important; display: inline-block;}


  body.translatepress-en_GB .trp-ls-language-name::before {
    content: "FR";
    visibility: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
  }

#responsive-menu-item-8136 {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
}


#responsive-menu-wrapper {
  position: relative;
  padding-bottom: 50px;
}
}


@media screen and (max-width: 812px) {
  button#responsive-menu-button {background: #33B4B4 !important;}
	
  #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    color: #005f73 !important;
    background-color: #f0eeee !important; font-weight: bold; border-bottom: none !important;
  }
	
  #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    border-left: none !important;
    background-color: #f0eeee !important; color: #005f73 !important;
  }
	#responsive-menu-container.slide-left {
	display: flex !important;
  align-items: center !important;
  height: 100vh;}

  #responsive-menu-container #responsive-menu-wrapper {
    width: 100% !important;
  }
 #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
    border-top: none !important;}
	
    #responsive-menu-container.slide-left #responsive-menu li.responsive-menu-item-current-parent > a, #responsive-menu-container.slide-left #responsive-menu li.responsive-menu-current-item > a
 {color: #ffffff !important;
    background-color: #33B4B4 !important;
    border-color: none !important;
    border-bottom-color: none !important;
  }

	#responsive-menu-container.slide-left #responsive-menu-wrapper #responsive-menu li.responsive-menu-item-current-parent .responsive-menu-subarrow,
	#responsive-menu-container.slide-left #responsive-menu-wrapper #responsive-menu li.current_page_item .responsive-menu-subarrow
	{background-color: #33B4B4 !important;}
	
	#responsive-menu-item-9262 {display: none}
	
	#responsive-menu-container .responsive-menu-search-box {
    border: none !important;
    color: #005F73 !important;
    border-radius: 12.5vw !important;
    padding-left: 10% !important;
    padding-right: 10% !important;}
	
	#responsive-menu-container .responsive-menu-search-box::-webkit-input-placeholder {
  color: #005F73 !important;
}
#responsive-menu-container .responsive-menu-search-box:-moz-placeholder {
  color: #005F73 !important;
}
#responsive-menu-container .responsive-menu-search-box::-moz-placeholder {
  color: #005F73 !important;
}
#responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder {
  color: #005F73 !important;
}
	
	.responsive-menu-item-link span {
  background-color: #005F73;
  width: 15vw;
  height: 15vw;
  display: block;
  border-radius: 15vw !important;
}
}