CSS Customizer

aotearoa.css

/* Hide comments */
#comments{
	display:none;}

/* reduce size of page headings */
.page-header h1 {
    font-size:3.5rem;
}

/* hide page tags 
.top-page-tags{display:none;}*/

belgium.css

::selection {
	background-color: #074365;
	color: #fff;
}

a.external-link:after {
	display: none;
}

/*.happy-point-block-wrap .happy-point { padding-top: 100px!important;}
*/

#gform_submit_button_1, #gform_submit_button_2 {
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-top: 2.5%;
	margin-bottom: 5%;
	padding: 0;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
	padding-right: 5%;
	color: #fff;
	background: #f36d3a;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
	border: 0;
}

#gform_submit_button_1:hover, #gform_submit_button_2:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-top: 2.5%;
	margin-bottom: 5%;
	padding: 0;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
	padding-right: 5%;
	color: #fff;
	background: #ee562d;
	box-shadow: 0 2px 5px rgba(0,0,0,.75);
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
	border: 0;
}

.cta-blog-button {
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
	padding-right: 5%;
	color: #fff;
	background: #f36d3a;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.cta-blog-button:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
	padding-right: 5%;
	color: #fff;
	background: #ee562d;
	box-shadow: 0 2px 5px rgba(0,0,0,.75);
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.cta-blog-button-mid {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-top: 2.5%;
	margin-bottom: 5%;
	padding: 0;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
	padding-right: 5%;
	color: #074365;
	background: none;
	border: 2px solid #074365;
	display: block;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.cta-blog-button-mid:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-top: 2.5%;
	margin-bottom: 5%;
	padding: 0;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 5%;
	padding-right: 5%;
	color: #fff;
	background: #074365;
	border: 2px solid #074365;
	display: block;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.mid-button-fix {
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 2.5%; 
}

.forSocials {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 2.5%;
}

td.icon {
	width: 5%;
	float: left;
	margin-left: 2.5%;
	padding: 1%;
	vertical-align: middle;
	background: none;
}

td.name {
	width: 10.5%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1.5%;
	padding: 1%;
	vertical-align: middle;
	background: none;
}

.post-content table td, .post-content table td {
	font-size: 0.8em;
	padding: 0;
	padding-top: 8px;
	min-height: 50px;
}

.shareSocialArea {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 2.5%;
	margin-bottom: 0%; 
}
.shareFacebook {
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #fff;
	background: #4172B8;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.shareFacebook:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #fff;
	background: #3461a1;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.shareTwitter {
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #fff;
	background: #1DA1F2;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.shareTwitter:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #fff;
	background: #0c8cdb;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.shareWhatsapp {
	display: none;
}

.shareSocialArea-top {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0; 
}
.shareFacebook-small {
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	color: #fff;
	background: #4172B8;
	transition: 0.5s;
}

.shareFacebook-small:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	color: #fff;
	background: #3461a1;
	transition: 0.5s;
}

.shareTwitter-small {
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	color: #fff;
	background: #1DA1F2;
	transition: 0.5s;
}

.shareTwitter-small:hover {
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	color: #fff;
	background: #0c8cdb;
	transition: 0.5s;
}

.shareWhatsapp-small {
	display: none;
}

.mapShow {
	display: initial;
}

.mapAlt {
	display: none;
}

.shareWhatsapp:hover {
	display: none;
}

.happypoint-title {
	font-family: Roboto,sans-serif;
	font-size: 1.75em;
}

.happypoint-text {
	font-family: Lora, serif;
	font-size: 1.25em;
}

@media all and (max-width: 1080px){
	 .hideme {display: none;}
	.shareWhatsapp {
	display: none;
}
	
}

@media (max-width: 576px){
	.hideme {display: none;}
	.page-template table, .post-content table {display: none;}
	
	.shareWhatsapp {
	display: initial;
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #fff;
	background: #25D366;
		font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

.shareWhatsapp:hover {
	display: initial;
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	color: #fff;
	background: #19b654;
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}
	
.shareWhatsapp-small {
	display: initial;
	text-decoration: none;
	position: relative;
	font-family: Roboto,sans-serif;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	color: #fff;
	background: #25D366;
		transition: 0.5s;
}

.shareWhatsapp-small:hover {
	display: initial;
	text-decoration: none;
	font-family: Roboto,sans-serif;
	position: relative;
	float: left;
	margin: 0;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	padding: 0;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-left: 2%;
	padding-right: 2%;
	color: #fff;
	background: #19b654;
	transition: 0.5s;
}
	
	.mapShow {
	display: none;
}

.mapAlt {
	display: initial;
}
	
}

#cta-donate {
 	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: url(https://www.greenpeace.org/static/planet4-belgium-stateless/2020/10/97a32d1b-donate-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-attachment: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	transition: 0.5s;
}

#cta-donate:hover {
 	box-shadow: 0 2px 5px rgba(0,0,0,.75);
	transition: 0.5s;
}
	
#cta-donate-text {
	position: relative;
	float: left;
	width: 90%;
	height: auto;
	margin: 5%;
	margin-bottom: 0;
	padding: 0;
	background: none;
	text-shadow: 0 2px 5px rgba(0,0,0,.75);
}

#cta-donate-button {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 5%;
	margin-top: 0;
	padding: 2.5%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	background: #f36d3a;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	font-weight: 700;
	transition: 0.5s;
	border-radius: 4px;
}

#cta-donate-button:hover {
	background: #ee562d;
	transition: 0.5s;
}

.ctaDonateBtn , .ctaDonateBtn:hover {
	color: #fff;
	font-family: Roboto,sans-serif;
	text-decoration: none;
}

.post-content img.alignnone {
	margin: 0;
}

/* SCROLL - START */

::-webkit-scrollbar {
	width: 15px;
}

::-webkit-scrollbar-track {
background: #eee;
}
         
::-webkit-scrollbar-thumb {
background: #074365; 
border-radius: 1000px;
	border: 3px solid #eee;
}

::-webkit-scrollbar-thumb:hover {
background: #F36D3A; 
}

/* SCROLL - END */

.external_link {display: none;}

.author-block {display: none;}

.external-icon {display: none;}

/*.share-btn.whatsapp {display: none;}*/

.share-buttons .share-btn {box-shadow: none; border-radius: 4px;}

.call-to-action-link {color: #074365; border: 1px solid #074365; padding: 15px; border-radius: 4px;}

a.btn.btn-donate {
	color: #ffffff;
	background-color: #f36d3a;
}

#gdpr-comments-label {display: none}



/* EXPLORE ICONS - START */

#exploreWrap {
         position: relative;
         float: left;
         width: 1100px;
         height: auto;
         margin: 0;
         padding: 0;
         background: #074365;
         border: 1px solid #074365;
         border-radius: 25px;
      }

      #exploreIcons {
         display: initial;
         position: relative;
         float: left;
         width: 800px;
         height: auto;
         margin: 0;
         padding: 25px;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         background: #fff;
         border-radius: 25px;
      }

      .exploreIcons-item {
         position: relative;
         float: left;
         width: 125px;
         height: auto;
         margin: 0;
         padding: 0;
         background: none;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         text-align: center;
      }

      .exploreIcons-item-image {
         position: relative;
         float: left;
         width: 112.5px;
         height: 112.5px;
         margin: 0;
         padding: 0;
         background: none;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-shadow: 0;
         transition: 0.3s;
         border-radius: 100%;
      }

      .exploreIcons-item-image:hover {
         box-shadow: 0 2px 5px rgba(0,0,0,.75);
         transition: 0.3s;
         border-radius: 100%;
      }

      .exploreIcons-item-title {
         display: initial; 
				position: relative;
         float: left;
         width: 112.5px;
         height: auto;
         margin: 0;
         margin-top: 12.5px;
         padding: 0;
         background: none;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
      }

      #exploreCta {
         position: relative;
         float: left;
         width: 298px;
         height: auto;
         margin: 0;
         margin-top: 50px;
         padding: 25px;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         background: none;
         border-radius: 25px;
      }

      #exploreCta-button {
         position: relative;
         float: left;
         width: 250px;
         height: auto;
         margin: 0;
         padding: 0;
         background: none;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         text-align: center;
      }

      #exploreCta-button a {
         padding: 12.5px;
         position: relative;
         float: left;
         width: 100%;
         text-transform: uppercase;
         text-decoration: none;
         color: #fff;
         background: #f36d3a;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         border-radius: 4px;
         box-shadow: 0 2px 5px rgba(0,0,0,.25);
         transition: 0.3s;
         font-family: Roboto,sans-serif;
      }

      #exploreCta-button a:hover {
         position: relative;
         float: left;
         width: 100%;
         height: auto;
         margin: 0;
         padding: 12.5px;
         background: #ee562d;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         text-align: center;
         border-radius: 4px;
         box-shadow: 0 2px 5px rgba(0,0,0,.75);
         transition: 0.3s;
         font-family: Roboto,sans-serif;
      }

      .exploreTitle {
         position: relative;
         float: left;
         width: 100%;
         height: auto;
         margin: 0;
         margin-bottom: 12.5px;
         padding: 0;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         background: none;
         text-align: left;
      }

      @media all and (max-width: 1200px){

         #exploreWrap {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            background: #074365;
            border: 1px solid #074365;
            border-radius: 25px;
         }

         #exploreIcons {
            display: initial;
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 5%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            background: #fff;
            border-radius: 25px;
         }

         .exploreIcons-item {
            position: relative;
            float: left;
            width: 30%;
            height: auto;
            margin: 0;
            padding: 2.5%;
            background: none;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            text-align: center;
         }

         .exploreIcons-item-image {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            background: none;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-shadow: 0;
            transition: 0.3s;
            border-radius: 100%;
         }

         .exploreIcons-item-image:hover {
            box-shadow: 0 2px 5px rgba(0,0,0,.75);
            transition: 0.3s;
            border-radius: 100%;
         }

         .exploreIcons-item-title {
            display: none; 
         }

         #exploreCta {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 5%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            background: none;
            border-radius: 25px;
         }

         #exploreCta-button {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            background: none;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            text-align: center;
         }

         #exploreCta-button a {
            padding: 2.5%;
            position: relative;
            float: left;
            width: 100%;
            text-transform: uppercase;
            text-decoration: none;
            color: #fff;
            background: #f36d3a;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,.25);
            transition: 0.3s;
            font-family: Roboto,sans-serif;
         }

         #exploreCta-button a:hover {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 2.5%;
            background: #ee562d;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            text-align: center;
            border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,.75);
            transition: 0.3s;
            font-family: Roboto,sans-serif;
         }

         .exploreTitle {
            position: relative;
            float: left;
            width: 100%;
            height: auto;
            margin: 0;
            margin-bottom: 2.5%;
            padding: 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            background: none;
            text-align: center;
         }
      }

/* EXPLORE ICONS - END */

.pswp__caption__center {
	font-size: 1.5em!important;
	line-height: 25px!important;
}
.carousel-wrapper-header {
	box-shadow: var(--button-donate--box-shadow,0 2px 5px rgba(0,0,0,.25));
}

a.btn.btn-donate {
	box-shadow: var(--button-donate--box-shadow,0 0px 5px rgba(0,0,0,.25));anchor-point
}

a.btn.btn-donate:hover {
	box-shadow: var(--button-donate--box-shadow,0 0px 5px rgba(0,0,0,.5));anchor-point
}

.columns-block.block-style-image .column-wrap img, .columns-block.block-style-tasks .column-wrap img {
	border-radius: 4px;
}

.article-list-item-image-max-width .topicwise-article-image {
	border-radius: 4px;
}

img {border-radius: 4px!important;}

.accordion-block .accordion-content .panel {
	background: none;
}

brasil.css

/* FORM */
/*	
.hs-form{
	font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	  color:#FFF;
	  padding-top:2vh;
} */


/* Formulário com fundo */
.hs-form{
	font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	margin-top:2vh;  
	color:#FFF;
	  padding-top:3vh;
background-color:#eaeaea;
		border-radius:5px;
				width:50vh;
    box-shadow:3px 3px 10px 1px rgba(0,0,0,0.1);
}
.hs-form:hover{ background-color:#e5e5e5;
} 


/* Campos (Distância vertical, padding) */
.hs-form .field div.input {
	margin-top: -1.3vh;
	
}

.hs-form .field {
	padding-left:3vh;
	margin-bottom:0 !important;

}

/* Campo de Entrada */
.hs-input[type="text"],.hs-input[type="email"],.hs-input[type="tel"]{
	margin: 0 0 0.5rem;
	font-size: 0.89rem;
	padding:0.6rem 0;
	border-radius:4px;
	border:none;
	border:1px solid rgb(7, 67, 101, 0.2);
	background-color:#FFF;
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.1);
}

form input[type="text"]:hover,form input[type="email"]:hover,form input[type="tel"]:hover{
	background-color:#FFF;}

/* Campo de Entrada: Estado */

.hs-input[name="state"]{
	height:40px;
	margin: 0 0 0.2rem;
	font-size: 0.89rem;
	border-radius:4px;
	border:1px solid rgb(7,67,101,0.2);
	background-color:#FFF;
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.1);}

.hs-input[name="state"]:hover{
	background-color:#FFF;}

/* Submit Text */
.hs-form input{
    color: #a8a8a8;
}

.hs-form .hs-input {
  padding-left: 10px;}

/* Thank you Text */

.submitted-message {	
	color: #5197C3 !important;
	font-size:1rem;
	padding-top:2vh;
}

/* Campos Select & Error */
input.hs-input.error{
    border:1px solid rgb(7, 67, 101, 0.6) !important;
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.1) !important;}



/* Botão */
.hs_submit{padding:0 3vh;}

.hs-form .actions{ 
margin-left:0 !important;
padding-left:0 !important;
}



.hs-form input[type="submit"]{
     font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	  width:98%;
		padding:1.5vh 0;
	  text-transform: uppercase;
    font-size: 1.3rem;
    color: #FFF;
    border-radius: 4px;
    font-weight: 600;
	 -webkit-appearance: none;
	  background-color: #ed42a0;
    border: none;
    box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.10);
}

.hs-button, .hs-button:hover, .hs-button:hover:not(.inactive), .hs-button:focus, .hs-button:active, .hs-button:active:not(.inactive):not(.link) {
    background-image: none;
    background-color: #ed42a0 !important;
	 box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.10) !important;
    border:none !important;}

.hs-form input[type="submit"]:hover{
	background:#d60876 !important;
	color:#FFF;
	border:none !important;
	box-shadow:none !important;
}

.hs-form.actions {
    background: transparent;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border-top: none;}

/* Títulos */
.hs-form.stacked label{
	text-align: left;
  font-family: -apple-system, system-ui, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: normal;
  color: #292b2c;
  padding: 0 0 0 0;
}


/* Mensagem de Obrigatório */
.hs-form-required{display:none;}

.hs-form.stacked .inputs-list>li label{
	text-align: left;
  -webkit-font-smoothing: antialiased;
	display: -webkit-inline-box;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: normal;
  color: #274454;
  padding: 0 0 0 2px;
}

.hs-form .hs-error-msgs inputs-list,.hs_error_rollup{
	padding-left:3vh;
}

.hs-form ul{
	color:#274454;
	font-size: 0.8rem;
}

.hs-form ul li:before{content: "*";}


.hs-form textarea{
	width: 96%;
	line-height: 20px;
	font-size: 14px;
	height: 150px;
	text-align: left;}

.hs-form fieldset {
border: 0;
padding: 0;
margin: 0;
max-width: 80% !important;
  }

.page-header-content { display: block !important; }

#mapa-tartarugas { width:100%; height:35rem !important; padding:0; margin:0; }

/*.wp-block-embed-youtube .wp-block-embed__wrapper { padding-bottom: 1rem; }*/

@media screen and (max-width: 572px) {
	
.page-template table, .post-content table { max-width: 100% !important; }
	
.page-template table td, .post-content table td { min-width: inherit; }

}

.li12 { font-size: 1.3rem; }
.txt60p { width:60% !important; margin-right:20%; margin-left:20%; }
.txt70p { width:70% !important; margin-right:15%; margin-left:15%; }
.txt80p { width:80% !important; margin-right:10%; margin-left:10%; }



.tbl35clear { width:34% !important; display: inline-table; }
.tbl50clear { width:49% !important; display: inline-table; }
.tbl65clear { width:65% !important; display: inline-table; vertical-align: top; }
.tbl35clear tr, .tbl50clear tr, .tbl65clear tr, .tblclear tr { background-color: unset !important; }
.show-mobile { display:none; }
.no-margin-bottom { margin-bottom: 0 !important; }
.margin-top-4 { margin-top: -4rem !important; }

.lite-youtube { max-width: 100% !important; }

.btn-donate { background-color: #f36b35; color: #FFF; text-transform: uppercase; }
.btn-donate:hover { background-color:#ee562d; color:#FFF; }


/* Header */
a.nav-link { text-transform: uppercase; }


@media screen and (max-width: 800px) { .tbl35clear, .tbl50clear, .tbl65clear { width:100% !important; display: block; } .txt60p, .txt70p, .txt80p { width:90% !important; margin-right:5%; margin-left:5%; }
	.hide-mobile { display:none; }
	.show-mobile { display:block; }
	.view-nomobile { display: none; } 
	.view-mobile { display: inherit; } 
}

@media (min-width: 801px) {
	.view-nomobile { display: inherit; } 
	.view-mobile { display: none; }
}

bulgaria.css

.collapsible {
	margin:32px 0;padding-bottom:20px;}

.collapsible+.collapsible {
	margin-top:-32px;}

.collapsible .title {
	color:#333;font-size: 1.125em;
    line-height: 1.2em;background-color:#e8e8e8;padding:15px;outline:none;border-bottom:1px solid #fff;font-family: Roboto,sans-serif;
    font-weight: 700;}

.collapsible .content {
	padding:15px;background-color:#fff; border: 1px solid #e8e8e8; border-top: 0;}

.collapsible .content>:last-child {
	margin-bottom:0;}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

canada.css

/****** step number colors ****/
.can-do-steps .step-number, .can-do-steps-mobile .card-header{
    background-color:#007799;cursor:default;
}
.can-do-steps .step-number:hover,.can-do-steps .step-number.active{
    background-color:#074365;cursor:default;
}
.can-do-steps{
    cursor:default;
}

/****** END step number colors ****/


/****** decrease the space after the header in large screen ****/
@media (min-width: 1200px){
.page-header {
    padding: 144px 0 20px;
}}

/****** Display the header description on mobile ****/
@media (max-width:768px){
	.page-header-content{display:block;}}

/****** In posts: Display images inline two by two ****/
.blocktwoimage{
    display:inline-block;
}

/****** In posts: Display videos inline two by two with description text ****/
.video2col{
width: 48%; font-size: 0.8em; display: inline-block; vertical-align:top;
}

/** used on Lac Simon page **/
.video2col2{
width: 48%; font-size: 0.8em; display: inline-block; vertical-align:top;
position:relative;height:0;padding-bottom:25%;margin-top:30px;
}


.frame100{
width:100%;position:absolute;height:100%;top:0;
}
.text2col2{
position:absolute;bottom:-20px;
}
/****/

@media only screen and (max-width: 768px) {
   .video2col{
width: 100%; font-size: 0.8em; display: block;
}
}

.text2col{
display: inline-block; padding-bottom: 20px;
}

/****** Donate Button - Header ****/
.btn-donate{
background-color: #f36d3a!important;
	color: white!important;
}
.btn-donate:hover{
background-color: #ee562d!important;
	color: white!important;
}

/****** Buttons: Display buttons inline two by two with description text ****/
.btncol{
width: auto; display: inline-block; vertical-align:top;
}

/****** added a div to allow full width images in columns page element ******/

.enlargeimg .columns-block.block-style-icons .column-wrap img {
   
    width: 100%;
    height: auto;
}
/****** change style of links to button ( page elements: columns icons) ******/
.call-to-action-link{
   
    
    background-color: rgba(255,255,255,.3);
    border: solid 1px #074365!important;
    color: #074365!important;
    /* box-shadow: none; */
    padding: 10px 30px;
}

.action-box {
    margin-bottom: 30px;
    /* border: 1px solid grey; */
    padding: 15px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    background: rgb(253, 251,  246);
}

.inline-step-number {
  display: inline-block;
  background: #074365;
  width: 126px;
  height: 126px;
  font-size: 4.375rem;
  line-height: 114px;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  border-radius: 50%;
  position: relative;
	margin-right: 30px;
	margin-bottom: 15px;
}
.inline-step-number-inner {
  display: inline-block;
  background: #074365;
  border: 2px solid #86eee7;
  border-radius: 50%;
  font-family: Roboto,sans-serif;
	color: #ffffff;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}

@media (max-width: 512px) {
  .inline-step-number {
    display: block;
  }
}

/* Fixes for Gutenberg */
.columns-block .card-header {
    display: block;
    cursor: pointer;
}
@media (min-width: 768px) {
    .columns-block.block-style-icons .column-wrap p {
        margin-bottom: 45px;
    }
}
/* End of Gutenberg fixes */

.a-button-list {
	text-align: center;
	margin: 50px auto 0;
	padding-bottom: 5px;
	max-width: 700px;
}

.a-button-list a {
  margin-top: 5px;
	min-width: 230px;
	font-size: small;
	width: auto;
	margin-bottom: 0;
}

.btn-donate {
	text-transform: uppercase;
}

/* Fundraise button styles */

.fundraise {
	line-height: 1;
  height: 60px;
}

.fundraise:hover,
.fundraise:focus {
	border-bottom: none !important;
	border: none;
}

.fundraise a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-box-direction: normal;
list-style: none;
list-style-type: none;
hyphens: none;
box-sizing: border-box;
background-color: #f36d3a!important;
color: white!important;
display: inline-block;
position: relative;
font-family: Roboto,sans-serif;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
border-radius: 4px;
cursor: pointer;
appearance: none;
transition-property: color,background-color,border-color;
transition-duration: .15s;
transition-timing-function: linear;
line-height: 1.65;
min-width: 180px !important;
margin: 0;
padding: 3px 30px !important;
box-shadow: 0 2px 5px rgba(0,0,0,.25);
font-size: 1.25rem;
margin-top: 10px;
height: 40px;
text-transform: uppercase;
	border-bottom: none !important;
}

.fundraise a:hover,
.fundraise a:focus {
	border-bottom: none !important;
	background-color: #E75A24 !important;
}

@media (min-width: 992px) {
	.nav-item.wpml-ls-item {
    margin-left: 0;
	}
	.navbar-dropdown {
		box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 60px;
    left: 0;
		width: 100%;
		padding: 0px 60px 0px 60px;
    background: rgba(7,67,101,.8) url(../../images/dropdown-gradient.svg) no-repeat;
    z-index: 2;
	}
}

@media(max-width: 1200px){
	.page-header > .container {
		margin-top: 80px;
	}
}

@media(max-width: 1199px) {
	.navbar-dropdown {
		flex-wrap: wrap;
	}
}

@media(max-width: 991px) {
	.navbar-dropdown {
		flex-wrap: unset;
	}
	.admin-bar .top-navigation {
		padding: 50px 0px;
	}
	.navbar-dropdown .nav-link {
		line-height: 1.5;
		height: 60px;
	}
	.fundraise .nav-link {
		height: 40px;
		line-height: 2.5;
	}
	.fundraise a{
    padding: 0px 30px !important;
	}
}

/* End of fundraise button styles */



































.emdedded-content iframe {
    max-width: 100%;
}
.center-this {
  display: block;
  margin: 0 auto;
}



button:focus,
a:focus {
	border: 1px solid #FFFFFF !important;
}

.wp-block-button,
.btn{
	text-transform: uppercase;
}







/* Temporary fix while lazy loading images is broken, remove when https://jira.greenpeace.org/browse/PLANET-4753 is resolved */
.article-image-holder img.loaded[data-src] {
	opacity: 1 !important;
}

/* Let's try to avoid having the footer wrap into multiple lines */
.site-footer .container {
	max-width: 100%;
}

ch.css

.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
    display: inline;
}

.embed-container, .wp-block-embed-dailymotion .wp-block-embed__wrapper, .wp-block-embed-kickstarter .wp-block-embed__wrapper, .wp-block-embed-vimeo .wp-block-embed__wrapper, .wp-block-embed-youtube .wp-block-embed__wrapper {
	height: auto;
}

chile.css

.happy-point {padding-top: 10% !important;}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.btn-donate {background-color: #F36D3A;

color: #FFFFFF !important;}

.btn-donate:hover, .btn-donate:focus {
    background-color: yellow;
    color: black !important;
}

.article-list-item-author{display:none;}

.single-post-author{display:none !IMPORTANT;}

#happy-point{
    overflow:hidden;
}

colombia.css

.happy-point {padding-top: 10% !important;}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.btn-donate {background-color: #F36D3A;

color: #FFFFFF !important;}

.btn-donate:hover, .btn-donate:focus {
    background-color: yellow;
    color: black !important;
}

.article-list-item-author{display:none;}

.single-post-author{display:none !IMPORTANT;}

#happy-point{
    overflow:hidden;
}

czech.css

@media (min-width: 1200px) {
.happy-point-block-wrap .happy-point {
    padding-top: 60px;
	}}

@media (min-width: 768px) {
.happy-point-block-wrap .happy-point {
    padding-top: 50px;
	}}

@media (max-width: 768px) { .happy-point-block-wrap .happy-point {
    padding-top: 10px;
	}
.happy-point-block-wrap picture {
		display: none;
	}}

.happy-point-block-wrap {height: 600px;}

@media (max-width: 576px) {
.happy-point-block-wrap .happy-point iframe {
    position: relative;
    min-height: 500px;
	}}

.happy-point-block-wrap .happy-point iframe {
    height: 600px;
}

greece.css

@media (min-width:768px) {.happy-point-block-wrap .happy-point {padding-top:150px}}


.page-header .container>:not(.row) {
max-width: 100%!important;
}  

.footer-social-media a:hover {
  color: #044261;
}

@media (min-width:1200px) {.happy-point-block-wrap .happy-point {padding-top:200px}}

.happy-point-block-wrap {
  height: 544px;
}

.happy-point-block-wrap img {
    height: 600px;
}

.happy-point-block-wrap .happy-point iframe {
    height: 490px;
}

.fr-blog-button{
    background-color: #094461!important;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
}

/* css for blog_fr */
.blog_fr {
    padding: 1rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}



.fr-blog-button{
background-color: #094461!important;
box-shadow: 0 2px 5px rgba(0,0,0,.25) !important;
/* padding: 0px 12px 0px 12px; */
margin-top:12px;
}
/* End of css for blog_fr */

/* CSS for reuse/plastics */

a.call-to-action-link {
	  margin-top:3px !important;
    display: inline-block;
    color: #fff;
    font-size: 18px !important;
    padding: 5px 10px;
    border-radius: 0px;
    background: #10477F;
	  text-decoration: none !important;
}


/*a.call-to-action-link:hover {
    background:#ee562d;
} */

/* end CSS for reuse/plastics */


/*external icon out */
.external-icon {display: none;}

hongkong.css

/* iframe */
.section-iframe-container {
	padding: 0 !important;
}
.section-iframe-container .full-container {
	position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
@media only screen and (max-width: 768px) {
.section-iframe-container .full-container {
	position: relative;
    overflow: hidden;
    padding-top: 170% !important;
	}
}

.section-iframe-container .full-container > iframe {
		cursor: s-resize;
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.table-wrapper {
	overflow-x: auto;	
}
.table-wrapper table{
	background-color: #F8FAFC;
  box-shadow: 7px 7px 0px 0px #F8FAFC;
  margin-bottom: 2rem;
	font-size: 1rem;
	line-height: 1.7;
}
.table-wrapper table td {
	padding: 1rem;
  border: 1px solid #d0daff;
  vertical-align: top;
  min-width: 10rem;
}

.table-wrapper table ul li{
	list-style: none;
}

@media only screen and (max-width: 768px) {
	table.responsive {
		overflow: hidden;
	overflow-x: scroll;
		table-layout: fixed;
	}
}

table.responsive {
	width: 100%;
	margin: 20px auto;
	border-collapse: collapse;	
}

table.responsive, .responsive td, .responsive th {
  border: 1px solid #666;
}

table.responsive th,
td {
	padding: 10px;
  min-width: 100px;
}

/* donate and support */
.js-makechange-follower .leading {
	 letter-spacing: 1px;
	 color: rgba(0, 0, 0, 0.85);
	 font-size: 14px;
}
 @media (min-width: 576px) {
	 .js-makechange-follower .leading {
		 font-size: 16px;
	}
}
 .js-makechange-follower .scroll {
	 margin-top: 0px !important;
	 background-color: #292f47;
	 width: 100%;
	 white-space: nowrap;
	 -ms-overflow-style: -ms-autohiding-scrollbar;
}
 .js-makechange-follower .scroll, .js-makechange-follower .scroll nav {
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
}
 .js-makechange-follower .scroll nav {
	 padding: 20px;
	 flex: 1;
	 display: flex;
	 flex-direction: row;
	 align-items: stretch;
	 overflow-y: hidden;
	 height: 100%;
	 align-items: center;
	 flex-flow: row nowrap;
	 scroll-snap-type: x proximity;
}
 .js-makechange-follower .scroll a {
	 color: #fff;
	 padding: 12px 20px;
}
 .js-makechange-follower .scroll a:hover {
	 color: #6c0;
	 font-weight: 700;
}

hungary.css

.timelinecontainer {
    max-width: 1024px;
    width: 90%;
	margin: 0 auto;}
.timeline-item {
    padding: 3em 2em 2em;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
	border-left: 2px solid rgba(0, 0, 0, 0.3);}
.timeline-item p {
    font-size: 1rem;
}
.timeline-item::after {
    width: 30px;
    height: 30px;
    display: block;
    top: 1.5em;
    position: absolute;
    left: -16px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
	background: white;}
.year {
    position: absolute;
    left: 0.7em;
    font-weight: bold;
    top: 0em;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
	font-size: 3rem;}

.position {font-size: 1.1rem; color: #737373;}

.rounded-organic {border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
		margin-bottom: 1.4em;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.socialbuttons .fab {
    padding: 13px;
		width: 70px;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
}

.socialbuttons .fab:hover {
    opacity: 0.7;
}

.socialbuttons .fa-facebook {
    background: #3B5998;
    color: white;
}

.socialbuttons .fa-twitter {
    background: #55ACEE;
    color: white;
}

.socialbuttons .fa-youtube {
    background: #bb0000;
    color: white;
}

.socialbuttons .fa-instagram {
    background: #bc2a8d;
    color: white;
}

.socialbuttons .fa-flickr {
    background: #0063dc;
    color: white;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 15px;}
.embed-container iframe, .embed-container object, .embed-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.keretes, .frame {
    padding: 1.5em;
    background-color: #e6e6e6;
    margin-bottom: 1em;
	border: 1px solid #a6a6a6;}

@media (min-width: 1200px) {
.happy-point-block-wrap .happy-point {
    padding-top: 60px;
	}}

@media (min-width: 768px) {
.happy-point-block-wrap .happy-point {
    padding-top: 50px;
	}}

@media (max-width: 768px) { .happy-point-block-wrap .happy-point {
    padding-top: 10px;
	}}

.happy-point-block-wrap {height: 500px;}

@media (max-width: 576px) {
.happy-point-block-wrap .happy-point iframe {
    position: relative;
    min-height: 500px;
	}}

.happy-point-block-wrap .happy-point iframe {
    height: 500px;
}

.btn-action {
	background-color: rgba(238,86,45,.4);}

.sidebar-hu {
	box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.3);
	padding: 5%;
	background-color: #f2f2f2;
	margin-bottom: 25px;
}

.sidebar-hu-dots {
    border-top: 2px dotted #000;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

@media (min-width: 1200px) {
.page-id-3110, .page-id-4200 .page-header .container>:not(.row) {
    max-width: 80%;
}}

@media (min-width: 992px) {
	.width-65 {max-width: 65%;}}

.tag-beke .article-list-item:first-of-type {display: none !important;}

@media (min-width: 1200px) {
.page-id-4200 .page-header {
    padding: 144px 0 30px;
	}}

@media (min-width: 992px) {
.page-id-4200 .page-header {
    padding: 144px 0 20px;
	}}

.top-page-tags a[href*="invisible"] {display: none;}

.carousel-indicators li {border-top: 0; border-bottom: 0;}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.lead {font-size: 1.25rem; line-height: 1.6; max-width: 80%;}

@media (max-width: 768px) {.lead {max-width: 100%; font-size: 1.1rem;line-height:1.4;}}

.happy-point-block-wrap .happy-point {overflow-y: hidden;}

.accordion-text {padding-top:1em;}

india.css

@media (max-width: 576px){
	.happy-point-block-wrap 		   		.pt-20 iframe {
    height: 420px;
}
}

/*blockquote */
blockquote {
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	width: 100%;
	margin: 2.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	border-left:3px dashed #c1c1c1;
	background:#eee;
}

blockquote > p {
    font-size: 1.5rem;
}
 
blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
  
blockquote cite:before {
	content: "\2014 \2009";}

/*blockquote end */

/* timeline css */
.timelinecontainer {
  max-width: 1024px;
  width: 90%;
  margin: 0 auto;
}

.timeline-item {
  padding: 3em 2em 2em;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.timeline-item p {
  font-size: 1rem;
}

.timeline-img{
  width: 50%;
	height: auto;
}

.timeline-item:hover {
	-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;background-color:lightyellow;
     
}

.year {
  position: absolute;
  left: 0.7em;
  font-weight: bold;
  top: 0em;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 3rem;
}

.timeline-item::after {
  width: 30px;
  height: 30px;
  display: block;
  top: 1.5em;
  position: absolute;
  left: -16px;
  border-radius: 10px;
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
}

.timeline-item:last-child {
  -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
     border-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
     border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, transparent) 1 100%;
}
/* timeline css */


/* FAQ */

.showfaq{
background: #ddd;
padding:1em;
	margin:2em;
}

.showfaqdetails{ 
display: none;
background: #aaa;
padding:2em;
}
.showfaq:hover .showfaqdetails{
display : block;
}
/* FAQ */


/* PDF download */
.pdfdownload {
  margin: 20px;
}

.pdfdownload ul {
  list-style-type: none;
  width: 500px;
  
}

.pdfdownload li img {
  float: left;
  margin: 0 15px 0 0;
}


.pdfdownload li {
  padding: 10px;
  overflow: auto;
}

.pdfdownload li:hover {
  background: #eee;
  cursor: pointer;
}
/* pdf download*/

/* pdf link */
ul.no_bullet {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li.pdfdownload {
background: url('https://storage.googleapis.com/stateless-india-p4-greenpeace/india/wp-content/uploads/2018/05/pdfdownload-e1527589008432.png') no-repeat left top;
height: 54px;
padding-left: 56px;
padding-top: 0px;
}
/* pdf link */


.wpml-ls-current-language{
	display:none;
}

.four-column-content .four-column-content-wrap .four-column-content-symbol {
    max-width: 255px;
    height: 50%;
	}


a.btn.btn-donate {
    color: #FFFFFF;
    background-color: #F36D3A;
}

.en__field--1089742 .en__field__element, 
.en__field--1089744 .en__field__element, 
.en__field--1089745 .en__field__element, 
.en__field--1089746 .en__field__element{
  flex-direction: column-reverse !important;
}

.en__field--1089742 label,
.en__field--1089744 label,
.en__field--1089745 label,
.en__field--1089746 label {
    display: contents;
    font-size: large !important;
}
.enform form input{
    margin: 1rem 0 1rem 0 !important;
}

israel.css

@import url('https://fonts.googleapis.com/css?family=Assistant&display=swap');
* {
	font-family: 'Assistant', sans-serif;
}

italy.css

/* text restyle */
.pFree{font-size: 1.125rem;}

.four-column-information h5{color:#0c4464; font-weight: 900;}

/* featured img campagne storiche */
.four-column-content .four-column-content-wrap .four-column-content-symbol {
    max-width: 100%;
    height: 50%;
}

/* tag thumb margin top */
.campaign-thumbnail-block .thumbnail-largeview-container .campaign-card-column {margin-top: 10px;}

/* 100% img post */
article.post-details p img {width:100% !important;}

/* Block Happy point */
.happy-point-block-wrap .happy-point { padding-top: 20px;}

/* cat align mobile explore page */
.split-two-column-item-title a { text-align: right;
    margin-right: 50px;}

/* 404box no bkg */
.page-404-page .speech-bubble {
    background-color: rgba(255, 255, 255, .0);
	  padding: 0px;}
	
/* hide share act page */
.page-header > .container > .share-buttons {display:none;}

/* HR from image */
.it-img-hr{height:7px !important; width:100% !important; margin-top: -50px;}

.it-img-hr30{height:2px !important; width:30% !important;}

mexico.css

.hbspt-form { margin-bottom: 50px
; }

.timeline-block .tl-slide.tl-full-color-background h2 { color: #1A1A1A !important; text-shadow: none !important; }
.timeline-block .tl-slide.tl-full-image-background h2 { color: #1A1A1A !important; text-shadow: none !important; }

.timeline-block .tl-slide.tl-full-color-background h3.tl-headline-date { color: #1A1A1A !important; text-shadow: none !important; }
.timeline-block .tl-slide.tl-full-image-background h3.tl-headline-date { color: #1A1A1A !important; text-shadow: none !important; }

.timeline-block .tl-slide.tl-full-color-background .tl-text p { color: #1A1A1A !important; text-shadow: none !important; }
.timeline-block .tl-slide.tl-full-image-background .tl-text p { color: #1A1A1A !important; text-shadow: none !important; }

.timeline-block .tl-slide.tl-full-color-background .tl-caption { color: #1A1A1A !important; text-shadow: none !important; }
.timeline-block .tl-slide.tl-full-image-background .tl-caption { color: #1A1A1A !important; text-shadow: none !important; }

.tl-storyslider { height: 400px !important; }

nl.css

/* ############################### */

.page-header {
	margin-top: 0 !important; 
}

.page-header-title {
	padding-top: 16px;
}


.gpnl-notification a {
	color: #6c0 !important;
}

div.page-template > *{
	z-index: unset;
}

.skewed-overlay {
	z-index: 0;
}

.page-header-background {
	z-index: unset;
	opacity: 0.3;
}

body{
background-color:#eaeaea;
}


/* ############################### */
/* Tmp voor instagram pagina */

.page-id-41819 .page-template a .external-icon{
	display:none;
}

.page-id-41819 .page-template .wp-block-button a {
	text-transform: unset;
	line-height:1.6;
	padding: 0.5em 1em;
}

.page-id-41819 .page-template .wp-block-image img{
border-radius:50%;
}

@media screen and (max-width: 992px) {
	.page-id-41819 .page-template .wp-block-button a{
	width:100%
	}
}

/* ##################### */
/* Tmp voor blocks migratie */

.old-card-title,.old-card-body{
	background-color:#323842;
	color:white;
	padding:1rem;
}
.old-card-body{
margin-top:0!important;
}
.old-card-title{
margin-bottom:0!important;
	width: 100%;
}

/* ##################### */
/* Tmp voor privacy page */
.privacy-policy .submenu-block.submenu-long .submenu-menu ul.submenu-item {
	column-count: unset;
}
.privacy-policy .submenu-block.submenu-long .submenu-menu ul.submenu-item li:first-child{
	display: none;
}

/* ##################### */
/* Tmp voor nalaten pagina */
@media screen and (min-width: 992px) {
	.page-id-7837 .pawge-template .wp-block-embed-youtube {
max-width: 80%;
}
}

/* Temp: for hidden pages with password */
form#password-form {
	margin:6em;
	margin-bottom: 6em !important;
}

nav#header {
	z-index: 9999;
}


/* Temp fix: gpi youtube padding issue */
.wp-block-embed__wrapper {
	padding-bottom: 0; !important
	height: 100%;
}
.wp-block-embed {
 margin-bottom:1em;
 height: 100%;
}

peru.css

.btn-donate {display:none;}

#search_form {display:none;}

romania.css

@media (min-width: 768px) {
.happy-point-block-wrap .happy-point {
    padding-top: 50px;
	}}

@media (min-width: 1200px) {
.happy-point-block-wrap .happy-point {
    padding-top: 100px;
}}

@media (max-width: 768px) { .happy-point-block-wrap .happy-point {
    padding-top: 10px;
	}}

.happy-point-block-wrap {height: 500px;}

@media (max-width: 576px) {
.happy-point-block-wrap .happy-point iframe {
    position: relative;
	height: 500px;
	}}

.happy-point-block-wrap .happy-point iframe {
   height: 500px;
}

@media (max-width: 390px) {
.happy-point-block-wrap .happy-point iframe {
    position: relative;
	height: 650px;
	}}

@media (max-width: 390px) {.happy-point-block-wrap {height: 650px;}}

southasia.css

.navbar .menu-item {
	display: none;
}

taiwan.css

.outer_block_container>* {
	width: auto;
}

/* Hacks */
.section-video-row-container {
  padding: 0 !important;
}

.page-template br {
	content: '';
}
.page-template p:empty {
	margin: 0;
}

/* for custom image launcher */
.section-launcher .action.fluid .button {
    margin-top: 15px;
}
 @media only screen and (min-width: 1024px) {
     .section-launcher .action.fluid {
        height: auto;
    }
    .section-launcher .action.fluid img {
        bottom: auto;
    }
     .section-launcher .action.fluid .button {
        margin-bottom: 50px;
    }
}
/* for custom image launcher  */

/* donate and support */
.js-makechange-follower .leading {
	 letter-spacing: 1px;
	 color: rgba(0, 0, 0, 0.85);
	 font-size: 14px;
}
 @media (min-width: 576px) {
	 .js-makechange-follower .leading {
		 font-size: 16px;
	}
}
 .js-makechange-follower .scroll {
	 margin-top: 0px !important;
	 background-color: #292f47;
	 width: 100%;
	 white-space: nowrap;
	 -ms-overflow-style: -ms-autohiding-scrollbar;
}
 .js-makechange-follower .scroll, .js-makechange-follower .scroll nav {
	 overflow-x: auto;
	 -webkit-overflow-scrolling: touch;
}
 .js-makechange-follower .scroll nav {
	 padding: 20px;
	 flex: 1;
	 display: flex;
	 flex-direction: row;
	 align-items: stretch;
	 overflow-y: hidden;
	 height: 100%;
	 align-items: center;
	 flex-flow: row nowrap;
	 scroll-snap-type: x proximity;
}
 .js-makechange-follower .scroll a {
	 color: #fff;
	 padding: 12px 20px;
}
 .js-makechange-follower .scroll a:hover {
	 color: #6c0;
	 font-weight: 700;
}

turkey.css

			.btn-donate {
	background-color: #c4302b;
color:white;}

.btn-donate:focus, .btn-donate:hover {
	background-color: #ee562d;}

.top-navigation .btn-donate {
    color: #fff;
}

@media (min-width:768px) {.happy-point-block-wrap .happy-point {padding-top:150px}}
@media (min-width:1200px) {.happy-point-block-wrap .happy-point {padding-top:200px}}

.happy-point-block-wrap {
height: 544px;
}

.happy-point-block-wrap img {
height: 600px;
}

.happy-point-block-wrap .happy-point iframe {
height: 490px;
}

.happy-point-block-wrap > picture img {
height: 550px;
} 

.page-template>p {
    margin-top: 11px;
    margin-bottom: 2px;
}




<!-- biografi kirmizi kutu -->
p.ex1 {
  border: 1px solid red; 
  padding: 35px;
}
<!-- biografi kirmizi kutu biter-->