@charset "utf-8";
/* CSS Document */

body {font-family: "vag-rundschrift-d-n3", "vag-rundschrift-d", sans-serif;
    font-weight: 300; font-size: 100%;}
h1, h2, h3, h4, .en__field--NOT_TAGGED_5 label.en__field__label, .en__submit button, div.en__field__item.en__field__item--other {font-family: "vag-rundschrift-d-n3", "vag-rundschrift-d", sans-serif; color: #eb018c;}
    .wrapper {width: 94%; max-width: 990px; margin-left: auto; margin-right: auto;}
    /*---------------------hide date selection for DD---------------*/
    .en__field--NOT_TAGGED_8 {display: none;}
/*-----bold headings for these fields--------------*/    
    .en__field--NOT_TAGGED_5 label.en__field__label, .en__field--donationAmt label.en__field__label {
   font-size: 1.8em;
    width: 100%;
    font-weight: 700;
}
.top-text {
    margin-top: 1em;
}
#en__field_supporter_NOT_TAGGED_11 {
    width: 150px!important;
}
#en__field_supporter_postcode {background-image: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1998/look-up-icon.png?v=1489053387000);
    background-repeat: no-repeat;
    background-position: 97% center;}
.en__field--donationAmt label.en__field__label {
    color: #eb018c;
}
.en__field__error {
       color: #e30315;
    font-weight: bold;
    border: dashed 1px #d70012;
    padding: 8px;
    display: inline-block;
}
.en__component--copyblock p {
    font-size: 1.2em;
}
/*------------errors------------------*/
.en__errorList, .en__errorHeader {
    margin-left: auto!important;
	    margin-right: auto!important;
    color: #e50606;
}

.en__errorHeader {
    max-width: 500px;
    color: #e50606;
    font-size: 1.2em;
    font-weight: 700;
}
.en__errorList {
    max-width: 460px;
    font-style: italic;
    margin-bottom: 1em!important;
}
#en__field_transaction_ccvv {
    width: 110px!important;
}
.en__component {
    clear: both;
}
#en__field_supporter_postcode { width: 150px!important;}
    .en__component--row--1 {  position: relative;}
    .en__component--row, .en__field--donationAmt {clear: both;}
.header {
    padding-top: 1.3em;
	    padding-bottom: 1em;
}
.header img {width: 60%; height: auto;}
    .en__component--row--1 .en__field__element--radio   input[type=radio] + label {background-color: #f3f3f3; border: solid 1px #a3a3a3; border-radius: 8px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
        cursor: pointer;
            font-size: 1em;
            -webkit-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
-moz-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
    }
     .en__component--row--1 .en__field__element--radio  input[type=radio]:checked + label {background-color: #eb018c; color: #fff;
    }
  
.en__field--NOT_TAGGED_5 input, .en__field--donationAmt .en__field__input--radio {
 display: none;
}
/*---------------other amount field-----------------------*/
.en__field__input--other {
    background-image: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1998/cfi-sterling.png?v=1488207203000);
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #eb018c;
    border-radius: 7px;
    font-weight: 700;
        padding: 12px 10px 10px 30px!important;
}
/*--------------donation method field-----------------*/
.en__field--NOT_TAGGED_5 .en__field__item {
    width: 48%;
    float: left;
    margin-right: 10px;
}
.en__field--NOT_TAGGED_5 .en__field__item:nth-of-type(2) {
    margin-right: 0px;
}
.en__field--NOT_TAGGED_5 label {
 font-size: .7em;
}
.en__field__label {
    font-size: 1.3em;
    width: 100%!important;
}
.en__field--donationAmt label {font-size: .9em;}
.en__submit button {
    background-color: #e6007e;
    border: solid 1px #e6007e;
    color: #fff;
    font-size: 2.3em;
    width: 100%;
    margin-bottom: .5em;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 1em;
    background-image: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1998/donate-arrow.png?v=1489142391000);
    background-repeat: no-repeat;
    background-position: 70% 55%;
	    -webkit-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
    -moz-box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
    box-shadow: 3px 4px 5px 0px rgba(217,217,217,1);
    border-radius: 3px;
}
.en__submit button:hover {
background-color: #990656;
}
.top-text h1 {
    font-size: 2.2em;
    margin-top: 0px;
    margin-bottom: 5px;
}
.top-text p  {
   font-size: 1.2em;
    margin-top: 5px;
}
.top-area img {width: 100%!important; height: auto!important;}

.en__field__element--calendar, .en__field__element--checkbox, .en__field__element--password, .en__field__element--radio, .en__field__element--select, .en__field__element--splitselect, .en__field__element--splittext, .en__field__element--text, .en__field__element--textarea, .en__field__element--tripleselect, .en__field__element--tripletext, .en__field__label {
    display: block!important;
  
}
#cfi .en__field--donationAmt .en__field__item {font-size: 1.3em;}
#cfi .en__field--donationAmt .en__field__item:nth-of-type(1), #cfi .en__field--donationAmt .en__field__item:nth-of-type(2), #cfi .en__field--donationAmt .en__field__item:nth-of-type(3), #cfi .en__field--donationAmt .en__field__item:nth-of-type(4) {display: block;}
.en__field__input--calendar, .en__field__input--password, .en__field__input--select, .en__field__input--splitselect, .en__field__input--splittext, .en__field__input--text, .en__field__input--textarea, .en__field__input--tripleselect, .en__field__input--tripletext {
 padding: 15px!important;
    width: 100%!important;
    background-color: #f3f3f3;
    border: solid 1px #c0c0c0;
        border-radius: 3px;
    font-size: 1em;
}
.en__field__input--other {width: 100%!important;
    background-color: #f3f3f3;
    border: solid 1px #c0c0c0;
        border-radius: 3px;
    font-size: 1em;}
    /*-----------page 2 styles--------------*/

.en__field_supporter_NOT_TAGGED_11 {
    max-width: 200px;
}
/*----------How your gift helps----------------*/
.how-helps {
    border: solid 1px #ccc;
    border-radius: 5px;
    background-color: #f3f3f3;
padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 1em;
}

.how-helps ul {
    list-style-type: none;
    padding: 0px;
}
.how-helps li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
        font-size: 1.1em;
}
.how-helps li:last-of-type {
    margin-bottom: 0px;
    border: none;
}
.how-helps h3  {
 font-size: 1.6em;
    margin-bottom: 7px;
    margin-top: 15px;
}
.en__component--copyblock img {width: 100%!important; height: auto!important;}
/*---------------footer-----------------------*/
footer {
    background-color: #e6007e;
    display: block;
    color: #fff;
    padding: 2em;
}
/*--------------DD guarantee-------------------*/
.dd-guarantee {border: solid 1px #000; padding: 14px;}
.dd-guarantee img {float: right;}
.dd-guarantee h2 {color: #000; margin: 0px;}
/*--------------progress bar------------------*/
.progress {
    font-family: "vag-rundschrift-d-n3", "vag-rundschrift-d", sans-serif;
    margin: 0px;
    list-style-type: none;
    background-color: #e6007e;
    border-radius: 3px;
    text-align: center;
    margin-bottom: 2em;
    padding: 0px;
}
.progress .current {
    color: #fff;
}
.progress li {
    color: #ffa9b3;
    width: 31.66%;
    display: inline-block;
    font-size: 0.95em;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (min-width: 42.5em){ 

.header {
    text-align: right;
}
.en__submit button {
    background-position: 65% 55%;
}
  .en__component--column--1, .en__component--column--2 {
    width: 48%;
}
.en__component--row--2 {margin-top: 2em;}
.en__component--column--2 {
    margin-left: 20px;
}
    /* add padding between the two columns */
.en__component--row--2 .en__component--column {float: left; width: 48%!important;
    }
    .header img {max-width: 308px; height: auto;}
    .top-text h1 {
    font-size: 2.7em;
}
.en__field--donationAmt .en__field__item {
width: 23.2%;
    display: inline-block;
    float: left;
    margin-right: 2.3%;
}
.en__field--donationAmt .en__field__item:nth-of-type(4)  {
    margin-right: 0px;
}
.en__field--donationAmt .en__field__element--radio input[type=radio] + label {
    padding-top: 20px;
    padding-bottom: 20px;
}
.en__field--donationAmt {margin-top: 1em;}
    .en__field--NOT_TAGGED_5, .top-text {background: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1998/cfi-white-bg.png?v=1487589409000) repeat;
    padding: 9px 2% 0px 2%;
    width: 89%;
     max-width: 425px;
}
    .en__field--NOT_TAGGED_5 {background: url(https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1998/cfi-white-bg.png?v=1487589409000) repeat;
         position: absolute;
       top: -200px;
    left: 20px;
    border-radius: 8px;
}
/*---------------other amount field-----------------------*/
div.en__field__item.en__field__item--other {float: right;
    margin-right: 5px;}

.top-text {
  position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 8px;
   
}
    
}