@font-face {
font-family: "Sorren Bold";
src: url("https://donate.greenpeace.org.uk/libs.iraiser.eu/libs/fonts/sorren/Sorren-Bold.otf") format("otf"),
url("https://donate.greenpeace.org.uk/libs.iraiser.eu/libs/fonts/sorren/Sorren-Bold.otf") format("woff2");
}

@font-face {
font-family: "IBM Plex Sans";
src: url("https://donate.greenpeace.org.uk/libs.iraiser.eu/libs/fonts/ibm/IBMPlexSans-Medium.ttf") format("truetype"),
url("https://donate.greenpeace.org.uk/libs.iraiser.eu/libs/fonts/ibm/IBMPlexSans-Medium.ttf") format("woff2");
}
body {
       font-family: "IBM Plex Sans", sans-serif;
   }
   p[name="reserved_regular_start_date"]{
       display: none;
   }
   #once,#regular{background-color:#414042}.ui-tabs .ui-tabs-nav li.ui-tabs-active::before{color:#67CC01}#type-a .ui-tabs .ui-tabs-nav li.ui-tabs-active::before{color:#fff}#form-info{background-color:#67CC01;color:#fff}.tax-info{background-color:#414042;color:#fff}#type-a .tax-info{color:#414042;background-color:#fff}.amount label.active,.type2ct .radio-desc label.active{background-color:#6c0;color:#fff;border-color:#6c0}#type-a .amount label.active::after{border-color:transparent}.free-amount span,p#c-email label{background-color:#6c0}.ui-state-default a,.ui-state-default a:focus,.ui-state-default a:link,.ui-state-default a:visited{background-color:#bcbec0;color:#414042}.ui-state-active a,.ui-state-active a:focus,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;background-color:#414042}#type-a .ui-state-default a,#type-a .ui-state-default a:focus,#type-a .ui-state-default a:link,#type-a .ui-state-default a:visited{background-color:#bcbec0;color:#414042}#type-a .ui-state-active a,#type-a .ui-state-active a:focus,#type-a .ui-state-active a:link,#type-a .ui-state-active a:visited{color:#fff;background-color:#414042}#type-a #once,#type-a #regular,#type-a #step-1 #content-container{background-color:#414042}#step-3 .payment_head,.amount li,.type2ct .radio-desc li{background-color:#fff;-moz-box-shadow:1px 1px 5px 0 #8e9191;-webkit-box-shadow:1px 1px 5px 0 #8e9192;-o-box-shadow:1px 1px 5px 0 #8e9191;box-shadow:1px 1px 5px 1px #8e9191;border-radius:3px}.amount li{background-color:transparent}#type-a .amount li,#type-a .type2ct .radio-desc li{box-shadow:none}.amount li.active,.type2ct .radio-desc li.active{-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none}#greetings-comp .submit input,#step-3 input.button{background-color:#6c0;color:#fff;border-color:#6c0}input[type=submit]{background-color:#6c0;color:#fff;border-color:#6c0}.tax-info::before{border-color:transparent transparent #414042 transparent}#step-3 .payment_head{background-color:#fff;color:#414042}#step-3 .payment_head.active{background-color:#414042;color:#fff}#type-a .tax-info::before{border-color:transparent}#card-type li input:checked+span::after,#card-type li>label::after,#step-nav ul li,#type-a #form-info,p#c-isc input:checked+span::after,p#c-isc>label::after,p[data-type=checkbox] input:checked+span::after,p[data-type=checkbox]>label::after,p[data-type=radio] input:checked+span::after,p[data-type=radio]>label::after{color:#414042}#bottom,#footer,#footer a{background-color:#0c43a1;color:#fff}#step-1 input,#step-2 input,#step-2 input#city,#step-2 input#postcode,#step-2 select#country,.select2-container .select2-selection--single,input[type=text],select{border:1px solid #d2cac8}#step-2 input#city.error,#step-2 input#postcode.error,#step-2 input.error,#step-2 select#country.error,.select2-container .select2-selection--single.error,input[type=text].error,select.error{background:#fceded;border:1px solid #c00}#type-a #form-info h1:first-child{color:#fff;background-color:#6c0}#step-nav ul li span{border:1px solid #fff}#step-nav li a{color:#414042}#type-a #next-submit .button{background-color:#6c0;color:#fff}#greetings .unit.size1of2:last-child{background-color:rgba(255,255,255,.8);color:#414042}#greetings-comp h2{color:#fff;background-color:#6c0}
   #step-1 .step-title, #step-2 .step-title, #step-3 .step-title, #step-2 .step-content, #step-3 .step-content, #step-1 .height_adaptor{
       background-color: rgba(0,0,0,0.6);
   }
   .step-title h2, .step-info h4 {
       font-family: "Sorren Bold";
       padding: 16px 25px 20px 25px;
       font-size: 45px;
       letter-spacing: 3px;
       text-transform: uppercase;
   }
   #step-nav ul li, #step-nav ul li a{
       color: #fff;
   }
   #step-nav ul li {
       font-family: "Sorren Bold";
       font-size: 25px !important;
       letter-spacing: 2px;
   }
   #step-nav {
       background-color: rgba(0,0,0,0.6);
   }
   #step-nav ul li.current{
       border-bottom:4px solid #6c0
   }
   #step-nav ul li.current a,
   #step-nav ul li.current span{
       color: #6c0;
       border-color: #6c0;
   }
   #logo img{
       width: 100%;
   }
   #logo>h1 {
       background-color: rgba(0,0,0,0.4);
       border-radius: 5px;
       padding: 1em;
   }
   
   body:not(#type-b) #footer {
       bottom: 0;
       position: fixed;
   }
   body:not(#type-a):not(#type-b) #main{
       background-color: rgba(0,0,0,0.6);
       border-radius: 5px;
   }
   #type-a #main-container{
       background-color: rgba(0,0,0,0.6);
   }
   body,
   .step-title h2,
   #required-info span{
       color: #fff;
   }   
   a {
       color: #6c0;
   }
   #card-type li input:checked + span::after, #card-type li > label::after, #step-nav ul li, #type-a #form-info, p#c-isc input:checked + span::after, p#c-isc > label::after, p[data-type="checkbox"] input:checked + span::after, p[data-type="checkbox"] > label::after, p[data-type="radio"] input:checked + span::after, p[data-type="radio"] > label::after {
       color: #fff;
   }
   .select2-results__option[aria-selected],
   #greetings-text h2,
   body#type-b #step-nav ul li{
       color: #414042;
   }
   .country-name {
       color: gray;
   }
   #affectation fieldset p {
       float: left;
       margin: 20px 0;
   }
   /* FA JD removed to allow for shrinking/expanding when other payment options selected
   #payment_mode-card .payment_body{
       display: block !important;
   }
   */
   #greetings-text {
       color: #414042;
   }
   #card-expiry > span:first-child {
       padding-left: 10px;
       padding-bottom: 4px;
       padding-top: 5px;
       display: block !important;
   }
   #card-scode {
       margin-top: 29px !important;
   }
   @media only screen and (min-width: 0px) and (max-width: 959px) {
       .step-title h2 {
           background-color: transparent; 
       }
   }