.donation_wrapper{
	display: block;
	margin: 2em 0 3em;
	padding: 1.5em;
	background-color: #fff;
	border-radius: 0.5rem;

	
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
	overflow: hidden;
	background-color: #ffffff;

}




.donation_wrapper .errors,
.donation_wrapper .message,
.donation_wrapper #paymentErrors{
	background: #C00;
	border-radius: 15px;
	padding: 15px 20px;
}


.donation_wrapper .errors{
	margin-bottom: 20px;
}


.donation_wrapper .message{
	background-color: ForestGreen;
}



.donation_wrapper #paymentErrors{
	color: white;
	font-size: 16px;
	display: none;
	margin-bottom: 10px;
}

.donation_wrapper #paymentErrors.active{
	display: block;
}

.donation_wrapper .errors h4{
	font-size: 18px;
	color: white;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}


.donation_wrapper .errors ul{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}


.donation_wrapper .errors li{
	font-size: 16px;
	color: white;
}

.donation_wrapper h2{
	color:#00798e;
	padding: 0 0 0.5em;
}


.donation_wrapper h3{
	color: #00798e;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 30px;
}

.donation_wrapper h2 + h3{
	margin-top: -20px;
}


.donation_wrapper small{
	display: block;
	color: #00798e;
	font-size: 16px;
	text-align: left;
	margin: 0.4em 0;
}

.donation_wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered{
	display: block;
}

.donation_wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline:first-child::before{
	content: 'Select one of the options or type your own';
	display: block;
	position: absolute;
	color: #00798e;
	opacity: 0.5;
	top: 11px;
	left: 15px;
	font-size: 16px;
	text-align: left;
}

.donation_wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline input { opacity: 0.001; }

.donation_wrapper .select2-container--default .select2-selection--multiple,
.donation_wrapper .select2-container--default.select2-container--focus .select2-selection--multiple{
	border-color: #f49900;
	border-radius: 12px;
}

.donation_wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #00798e;
	border-radius: 10px;
	border:none;
	color: white;
	/*display: block;
	float: none;*/
}

.donation_wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	float: right;
	padding-left: 10px;
	color: white;
}


.donation_wrapper .select2-dropdown.select2-dropdown--below{
	left: 15px;
	right: 10px;
	max-width: 900px;

}



.donation_wrapper .select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color:  #f49900;
}
 
.donation_wrapper input[name$="[oneoff_option]"],
.donation_wrapper input[name$="[currency]"]{
	position: fixed;
	left: -105vw;
	opacity: 0.0001;
}

.donation_wrapper .tabs{
	display: flex;
	margin: 0 auto;	
	justify-content: flex-start;
	
	overflow: hidden;	
}

.donation_wrapper .tabs.tabs--header{
	border-bottom: 3px solid #00798e;
	margin-top: 40px;
	margin-bottom: 20px;
}

.donation_wrapper select.currency,
.donation_wrapper .tabs label{
	
	display: block;
	text-align: center;
	padding: 0.75em 2em; 
	box-sizing: border-box;
	font-size: 0.8em;
	border: 1px solid currentColor;
	line-height: 1.2;
	color: #f49900;
	border-radius: 0.5em; 
	margin-right: 0.7em;
	font-weight: 600;
	cursor: pointer;
}

.donation_wrapper select.currency{
	display: inline-block;
	width: auto;
	text-align: left;
	padding: 0.75em ; 
}	

.donation_wrapper .tabs.tabs--header label{

	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
	border-bottom: none;

}

.donation_wrapper .tabs label:last-child{ margin-right: 0; }



.donation_wrapper #donation_oneoff_banktransfer:checked ~ #donation_oneoff .tabs label[for="donation_oneoff_banktransfer"],
.donation_wrapper #donation_oneoff_stripe:checked ~ #donation_oneoff .tabs label[for="donation_oneoff_stripe"],
.donation_wrapper #donation_oneoff_cheque:checked ~ #donation_oneoff .tabs label[for="donation_oneoff_cheque"],
.donation_wrapper #donation_currency_gbp:checked ~ .tabs label[for="donation_currency_gbp"],
.donation_wrapper #donation_currency_usd:checked ~ .tabs label[for="donation_currency_usd"],
.donation_wrapper #donation_currency_eur:checked ~ .tabs label[for="donation_currency_eur"],
.donation_wrapper #donation_regular:checked ~ .tabs label[for="donation_regular"], 
.donation_wrapper #donation_oneoff:checked ~ .tabs label[for="donation_oneoff"],
.donation_wrapper #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts .tabs label[for="donation_oneoff_banktransfer"],
.donation_wrapper #donation_oneoff_stripe:checked ~ #donation_oneoff_opts .tabs label[for="donation_oneoff_stripe"],
.donation_wrapper #donation_oneoff_cheque:checked ~ #donation_oneoff_opts .tabs label[for="donation_oneoff_cheque"]
{ background-color: #00798e; color: white; border-color:#00798e;  }



.donation_wrapper .check_data_currency:nth-of-type(1):checked ~ .tabs[data-for="cur"] label[for]:nth-of-type(1),
.donation_wrapper .check_data_currency:nth-of-type(2):checked ~ .tabs[data-for="cur"] label[for]:nth-of-type(2),
.donation_wrapper .check_data_currency:nth-of-type(3):checked ~ .tabs[data-for="cur"] label[for]:nth-of-type(3),
.donation_wrapper .check_data_currency:nth-of-type(4):checked ~ .tabs[data-for="cur"] label[for]:nth-of-type(4),
.donation_wrapper .check_data_currency:nth-of-type(5):checked ~ .tabs[data-for="cur"] label[for]:nth-of-type(5),
.donation_wrapper .check_data_currency:nth-of-type(6):checked ~ .tabs[data-for="cur"] label[for]:nth-of-type(6){ background-color: #00798e; color: white; border-color:#00798e;  }



/*
.donation_wrapper .tabs{
	display: flex;
	justify-content: space-between;
	border-bottom: 7px solid #00798e;
}


.donation_wrapper .tabs label{
	
	display: block;
	text-align: center;
	padding: 0.5em 1em; 
	box-sizing: border-box;
	font-size: 1em;
	width: calc(50% - 0.5em);
	background-color: #f49900;
	color: #FFF;
	border-radius: 10px 10px 0 0; 

}
*/


.donation_options_wrapper{
	border: 1px solid #00798e33;
	border-radius: 0.4em;
	padding: 1em;
	margin:  0 0 2em;
}

.donation_options_wrapper h3:first-child{
	margin-top:  0;
	padding-top: 0;
}


.donation_wrapper input[name$="[donation_tab]"]{
	position: fixed;
	left: -105vw;
	opacity: 0.0001;
}

	
.donation_wrapper .donation_option{
	display: none;
	/*background-color: red;*/
}

.donation_wrapper #donation_regular:checked ~ .donation_option.regular { display: block; }
.donation_wrapper #donation_oneoff:checked ~ .donation_option.one-off { display: block; }


.donation_wrapper #donation_oneoff_opts,
.donation_wrapper #donation_repeat_general,
.donation_wrapper #donation_repeat_world,
.donation_wrapper #donation_repeat_uk,
.donation_wrapper .contactdetails{ display: none; }



.donation_wrapper #donation_regular:checked ~ #donation_repeat_general,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_regular:checked ~ #donation_repeat_uk,
/*.donation_wrapper #donation_currency_gbp:checked ~ #donation_regular:checked ~ #donation_repeat_uk,*/
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_regular:checked ~ #donation_repeat_uk { display: block; }


.donation_wrapper #donation_currency_usd:checked ~ #donation_regular:checked ~ #donation_repeat_world,
.donation_wrapper #donation_currency_eur:checked ~ #donation_regular:checked ~ #donation_repeat_world, { display: block; }
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts,

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_regular:checked ~ #donation_repeat_world,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_regular:checked ~ #donation_repeat_world,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff:checked ~ #donation_oneoff_opts { display: block; }

.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_regular:checked ~ #donation_repeat_world,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_regular:checked ~ #donation_repeat_world { display: block; }

.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff:checked ~ #donation_oneoff_opts,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts { display: block; }



.donation_wrapper #donation_currency_gbp:checked ~  #donation_regular:checked ~ .contactdetails,
.donation_wrapper #donation_regular:checked ~ input[name="__donation[oneoff_option]"]:checked ~ .contactdetails,
.donation_wrapper #donation_oneoff:checked ~ input[name="__donation[oneoff_option]"]:checked ~ .contactdetails,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked  ~ .contactdetails,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked  ~ .contactdetails,
.donation_wrapper #donation_currency_eur:checked ~ #donation_regular:checked  ~ .contactdetails,
.donation_wrapper #donation_currency_usd:checked ~ #donation_regular:checked  ~ .contactdetails,

.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~  #donation_regular:checked ~ .contactdetails,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked  ~ .contactdetails,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_regular:checked  ~ .contactdetails,

.donation_wrapper #donation_currency_select[data-cur="gbp"] ~  #donation_regular:checked ~ .contactdetails,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked  ~ .contactdetails,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_regular:checked  ~ .contactdetails
 { display: block; }



.donation_wrapper .amount .curr{
	width: 1.25em;
	padding-left: 0.75em;
	pointer-events: none;
	margin-right: -2em;
	position: relative;
	display: inline-block;
	box-sizing: content-box;
}


.donation_wrapper #donation_currency_gbp:checked ~ * .amount .curr::before{ content:'£'; }
.donation_wrapper #donation_currency_usd:checked ~ * .amount .curr::before{ content:'$'; }
.donation_wrapper #donation_currency_eur:checked ~ * .amount .curr::before{ content:'€'; }


.donation_wrapper .amount .curr[data-symbol]::before{ content:attr(data-symbol) !important; }

.donation_wrapper .amount .curr[data-symbol=" "]::before{ display: none !important; }

.donation_wrapper .amount .curr + input{
	width: 200px;
	max-width: 100%;
	padding-left: 2em;
}

.donation_wrapper .amount select{
	width: 10em;
	max-width: 100%;
}

.donation_wrapper #donation_repeat_world{
	padding-top: 20px;
}

.donation_wrapper #donation_repeat_general .amount, 
.donation_wrapper #donation_repeat_world .date{
	margin-top: 15px;
}

.donation_wrapper div.info{

	display: block;
	background-color: #00798e33;
	padding: 0.7em 1em 0.7em 2.4em;
	margin: 20px auto;
	border-radius: 10px;
	border:1px solid #00798e99;
	position: relative;
}

.donation_wrapper div.info::before{
	content:'i';
	background-color: #00798e;
	color: white;
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 50%;
	display: block;
	padding: 2px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	position: absolute;
	left: 17px;
	top: 17px;
	box-sizing: content-box;
}

.donation_wrapper div.info p{
	font-size: 14px;
}
.donation_wrapper div.info p:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}

.donation_wrapper #donation_repeat_general .amount label, 
.donation_wrapper #donation_repeat_world .date label,
.donation_wrapper #donation_repeat_world .date h4,
.donation_wrapper .amount label,
.donation_wrapper .sae label,
.donation_wrapper .newsletter label,
.donation_wrapper .giftaid label,
.donation_wrapper .anonymous label,
.donation_wrapper .terms label,
.donation_wrapper .optional_checkbox label,
.donation_wrapper .contactdetails label,
.donation_wrapper .contactdetails legend{
	font-weight: bold;
	text-align: left;
	display: block;
	font-size: 14px;
	color: #00798e;
	border:none;
	text-transform:none;
}


.donation_wrapper #donation_repeat_world .date h4{
	margin: 0;
}


.donation_wrapper #donation_repeat_world .date.duration #inp_repeat_duration_open,
.donation_wrapper #donation_repeat_world .date.duration #inp_repeat_duration_fixed{ 
	position: fixed;
	left: -100vw;
	width: auto;
}

.donation_wrapper #donation_repeat_world .date.duration label[for="inp_repeat_duration_open"],
.donation_wrapper #donation_repeat_world .date.duration label[for="inp_repeat_duration_fixed"]{
	width: auto;
	padding-left: 30px;
	position: relative;
	margin-right: 30px;
	display: inline-block;
	font-weight: normal;
}

.donation_wrapper #donation_repeat_world .date.duration label[for="inp_repeat_duration_open"]::before,
.donation_wrapper #donation_repeat_world .date.duration label[for="inp_repeat_duration_fixed"]::before{
	content:'';
	display: block;
	border: 1px solid #f49900;
	background-color: white;
	width: 22px;
	height: 22px;
	border-radius: 50%;

	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

.donation_wrapper #donation_repeat_world .date.duration #inp_repeat_duration_open:checked ~ label[for="inp_repeat_duration_open"]::before,
.donation_wrapper #donation_repeat_world .date.duration #inp_repeat_duration_fixed:checked ~ label[for="inp_repeat_duration_fixed"]::before{
	background-color: #00798e;
	border-color: #00798e;
	box-shadow: inset 0 0 0 3px white;
}

.donation_wrapper #donation_repeat_world .date.duration .fixed_length{ 
	display: none; 

}
.donation_wrapper #donation_repeat_world .date.duration #inp_repeat_duration_fixed:checked ~ .fixed_length{
	display: block;
	margin-top: 15px;
}

.donation_wrapper .formfoot{
	display: none;
}
.donation_wrapper .formfoot .newsletter,
.donation_wrapper .formfoot .giftaid,
.donation_wrapper .formfoot .anonymous,
.donation_wrapper .formfoot .terms{
	margin: 20px 0 10px;
	padding-bottom: 0;
	
}


/*
.donation_wrapper input[name$="[donation_tab]"]:checked ~ .formfoot{
	display: block;
}
*/

#donation_regular:checked  ~ .formfoot,
/*.donation_wrapper #donation_currency_gbp:checked ~  #donation_regular:checked  ~ .formfoot,*/
.donation_wrapper #donation_regular:checked ~ input[name$="[donation_tab]"]:checked ~ .formfoot,
.donation_wrapper #donation_regular:checked ~ input[name="__donation[regular_option]"]:checked ~ input[name$="[donation_tab]"]:checked ~ .formfoot,
.donation_wrapper #donation_oneoff:checked ~ input[name="__donation[oneoff_option]"]:checked ~ .formfoot,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked  ~ .formfoot,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked  ~ .formfoot,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked  ~ .formfoot,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked  ~ .formfoot
 { display: block; }


.donation_wrapper .names{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}

.donation_wrapper .names div{
	width: 38%;
	flex-shrink: 1;
}

.donation_wrapper .names div.title{
	width: 18%;
}

.donation_wrapper .contacts .phone{
	margin-top: 15px;
}

.donation_wrapper .address div{
	margin-bottom: 10px;
}


.donation_wrapper #donation_repeat_general .amount label{
	display: inline-block;
	width: 14em;
}
.donation_wrapper .address label{
	/*font-weight: normal;*/
	display: inline-block;
	width: 160px;

}


.donation_wrapper #donation_repeat_general .amount input,
.donation_wrapper #donation_repeat_world .date input{
	width: 200px;
	max-width: calc(100% - 180px);
}

.donation_wrapper .address input,
.donation_wrapper .address select{
	max-width: calc(100% - 180px);
}

.donation_wrapper .address input[name$="[town]"],
.donation_wrapper .address input[name$="[region]"]{
	width: 200px;
}

.donation_wrapper .address input[name$="[postcode]"]{
	width: 120px;
}

.donation_wrapper #inp_oneoff_sae,
.donation_wrapper #inp_newsletter,
.donation_wrapper #inp_terms,
.donation_wrapper #inp_giftaid,
.donation_wrapper #inp_optional_checkbox,
.donation_wrapper #inp_anonymous{
	position: fixed;
	left: -105vw;
}

.donation_wrapper .formfoot .giftaid{ display: none; }

.donation_wrapper [data-cur="gbp"]:checked ~ .formfoot .giftaid,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ .formfoot .giftaid,
.donation_wrapper #donation_currency_gbp:checked ~ .formfoot .giftaid{ display: block; }

.donation_wrapper .sae label,
.donation_wrapper .terms label,
.donation_wrapper .newsletter label,
.donation_wrapper .giftaid label ,
.donation_wrapper .optional_checkbox label ,
.donation_wrapper .anonymous label {
	font-weight: normal;
	position: relative;
	padding-left:  33px;
}

.donation_wrapper .sae label::before,
.donation_wrapper .terms label::before,
.donation_wrapper .newsletter label::before,
.donation_wrapper .giftaid label::before,
.donation_wrapper .optional_checkbox label::before,
.donation_wrapper .anonymous label::before{
	content:'';
	display: block;
	border: 1px solid #f49900;
	background-color: white;
	width: 22px;
	height: 22px;
	border-radius: 4px;

	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}


.donation_wrapper #inp_oneoff_sae:checked ~ [for="inp_oneoff_sae"]::before,
.donation_wrapper #inp_terms:checked ~ [for="inp_terms"]::before,
.donation_wrapper #inp_newsletter:checked ~ [for="inp_newsletter"]::before,
.donation_wrapper #inp_giftaid:checked ~ [for="inp_giftaid"]::before,
.donation_wrapper #inp_anonymous:checked ~ [for="inp_anonymous"]::before,
.donation_wrapper #inp_optional_checkbox:checked ~ [for="inp_optional_checkbox"]::before{
	border-color: #00798e;
	background-color: #00798e;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' fill='%23FFFFFF' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
}

.donation_wrapper .giftaid label img{
	float: right;
	width: 160px;
	max-width: 100%;
	margin-left: 5px;
}

.donation_wrapper small{ font-size: 12px; }

/*.donation_wrapper #donation_stripe,*/
.donation_wrapper #donation_collect_banktransfer,
.donation_wrapper #donation_collect_stripe,
.donation_wrapper #donation_collect_cheque
{
	display: none;
}


.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts #donation_collect_stripe,
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts #donation_collect_banktransfer, 
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts #donation_collect_cheque,
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ #donation_stripe,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_stripe,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_stripe,
.donation_wrapper #donation_currency_eur:checked ~ #donation_regular:checked ~ #donation_stripe,
.donation_wrapper #donation_currency_usd:checked ~ #donation_regular:checked ~ #donation_stripe,

.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts #donation_collect_stripe,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts #donation_collect_banktransfer,  
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts #donation_collect_cheque,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ #donation_stripe,

.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts #donation_collect_stripe,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts #donation_collect_banktransfer, 
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts #donation_collect_cheque,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ #donation_stripe,

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_stripe,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_regular:checked ~ #donation_stripe,

.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_stripe,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_regular:checked ~ #donation_stripe
{
	display: block;
}


.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ button[type="submit"],

.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ button[type="submit"],

.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts button[type="submit"],
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ button[type="submit"],

.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ button[type="submit"],
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ button[type="submit"],
.donation_wrapper #donation_currency_eur:checked ~ #donation_regular:checked ~ button[type="submit"],
.donation_wrapper #donation_currency_usd:checked ~ #donation_regular:checked ~ button[type="submit"]

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ button[type="submit"],
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ button[type="submit"],
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_regular:checked ~ button[type="submit"],
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_regular:checked ~ button[type="submit"]

{
	color: transparent;
	/*text-indent: -99em;*/
	text-align: left;
}

.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper #donation_currency_gbp:checked ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ button[type="submit"]::before,

.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper .check_data_currency[data-cur="gbp"]:checked ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ button[type="submit"]::before,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_stripe:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_banktransfer:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff_cheque:checked ~ #donation_oneoff_opts button[type="submit"]::before,
.donation_wrapper #donation_currency_select[data-cur="gbp"] ~ #donation_oneoff:checked ~ #donation_oneoff_stripe:checked ~ button[type="submit"]::before,

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ button[type="submit"]::before,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ button[type="submit"]::before,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_regular:checked ~ button[type="submit"]::before,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_regular:checked ~ button[type="submit"]::before{
	content:  'Continue to card payment';
	float: left;
	text-indent: 0;
	color: white;
}


.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff .tabs.tabs--header,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_banktransfer,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_cheque,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff .tabs.tabs--header,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_banktransfer,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_cheque,

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff .tabs.tabs--header,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_banktransfer,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_cheque,

.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff .tabs.tabs--header,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_banktransfer,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff #donation_collect_cheque

{
	display: none !important;
} 


.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts #donation_collect_stripe,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts #donation_collect_stripe,

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts #donation_collect_stripe,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff_opts,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff_opts #donation_collect_stripe
{
	display: block !important;
}

.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts > h3,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts > .tabs,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts > h3,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts > .tabs,

.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts > h3,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked ~ #donation_oneoff_opts > .tabs,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff_opts > h3,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked ~ #donation_oneoff_opts > .tabs{
	display: none;
}

.donation_wrapper .g-recaptcha{
	display: none;
	padding: 16px 0;
	margin-top: 20px;
}
.donation_wrapper button[type="submit"]{
	font-size: 14px;
	padding: 16px 32px;
	margin-top: 20px;
	display: none;
}

.donation_wrapper button[type="submit"][disabled]{
	opacity: 0.5;
	pointer-events: none;
}



.donation_wrapper #donation_regular:checked ~ button[type="submit"],
.donation_wrapper #donation_regular:checked ~ input[name="__donation[regular_option]"]:checked ~ input[name$="[donation_tab]"]:checked ~ button[type="submit"],
.donation_wrapper #donation_oneoff:checked ~ input[name="__donation[oneoff_option]"]:checked ~ button[type="submit"],
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked  ~ button[type="submit"],
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked  ~ button[type="submit"],
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked  ~ button[type="submit"],
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked  ~ button[type="submit"],
.donation_wrapper #donation_regular:checked ~ .g-recaptcha,
.donation_wrapper #donation_regular:checked ~ input[name="__donation[regular_option]"]:checked ~ input[name$="[donation_tab]"]:checked ~ .g-recaptcha,
.donation_wrapper #donation_oneoff:checked ~ input[name="__donation[oneoff_option]"]:checked ~ .g-recaptcha,
.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked  ~ .g-recaptcha,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked  ~ .g-recaptcha,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked  ~ .g-recaptcha,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked  ~ .g-recaptcha,
.donation_wrapper #donation_stripe + button[type="submit"]
 { display: block; }


.donation_wrapper #donation_currency_eur:checked ~ #donation_oneoff:checked  ~ button[type="submit"]::after,
.donation_wrapper #donation_currency_usd:checked ~ #donation_oneoff:checked  ~ button[type="submit"]::after,
.donation_wrapper .check_data_currency:not([data-cur="gbp"]):checked ~ #donation_oneoff:checked  ~ button[type="submit"]::after,
.donation_wrapper #donation_currency_select:not([data-cur="gbp"]) ~ #donation_oneoff:checked  ~ button[type="submit"]::after,
.donation_wrapper #donation_oneoff:checked ~ input[name="__donation[oneoff_option]"]:checked ~ button[type="submit"]::after{
	display: inline;
	padding-left: 0.3em;
	content: attr(data-amountlabel);
}



/*.donation_wrapper input[name$="[donation_tab]"]:checked ~ button[type="submit"]{
	display: block;
}
*/

.donation_wrapper #donation_stripe{
	margin: 20px 0;
	max-width: 500px;
}

.donation_wrapper #donation_stripe[disabled]{
	opacity: 0.5;
	pointer-events: none;
}


.donation_wrapper #donation_stripe .expiration,
.donation_wrapper #donation_stripe .csv{
	display: inline-block;
	margin-right: 30px;

}

.donation_wrapper #donation_stripe .expiration label:first-child,
.donation_wrapper #donation_stripe .csv label:first-child{  
	display: block;
	margin-top: 20px;
}

.donation_wrapper #donation_stripe img{
	width: 100%;
	max-height: 40px;
	max-width: 400px;
	object-fit: contain;
	margin: 20px 0 10px;
	object-position: left top;
}

.donation_wrapper #donation_stripe .expiration input{
	width: auto;
	display: inline-block;
}


.donation_wrapper #donation_stripe h4{
	font-weight: bold;
    text-align: left;
    display: block;
    font-size: 14px;
    color: #00798e;
    border: none;
}


.donation_wrapper #token_container{
	overflow:hidden;
}

.donation_wrapper .startdate{ display: none; }
/*
.donation_wrapper #donation_oneoff:checked ~ .tabs label[for="donation_oneoff"]{ background-color: #00798e; color: white; border-color:#00798e;  }



.donation_wrapper #donation_oneoff_banktransfer:checked ~ #donation_oneoff .tabs label[for="donation_oneoff_banktransfer"]{

}


.donation_wrapper #donation_oneoff_stripe:checked ~ #donation_oneoff .tabs label[for="donation_oneoff_stripe"]{

}
.donation_wrapper #donation_oneoff_cheque:checked ~ #donation_oneoff .tabs label[for="donation_oneoff_cheque"],
*/

@media (max-width: 600px) {

	.donation_wrapper #donation_oneoff_opts .tabs{
		display: block;
	}
	.donation_wrapper #donation_oneoff_opts .tabs label{
		width: 100%;
	
	}
}



.donation_wrapper ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #DDD;
}

.donation_wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #DDD;
}

.donation_wrapper ::-ms-input-placeholder { /* Microsoft Edge */
  color: #DDD;
}




#donation_stripe label{
	position: relative;
}

#donation_stripe .associations.stripe {
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 0.3em;
  opacity: 0.8;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
#donation_stripe .associations.stripe:hover {
  opacity: 1;
}
#donation_stripe .associations.stripe img {
  display: inline-block;
}
#donation_stripe .StripeElement{
  position: relative;
  background-color: #FFFFFF;
  color: #656565;
  margin-top: 0.2em;
  padding: 0.7em 0.4em;
  border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #DEDEDE;
	border-radius: 0px 0px 0px 0px;

}
#donation_stripe .StripeElement--invalid {
  border-color: #A6291D;
  color: #A6291D;
}
#donation_stripe .StripeElement--complete {
  border-color: #618A1C;
  color: #618A1C;
}
#donation_stripe .stripe-expiry,
#donation_stripe .stripe-postalcode,
#donation_stripe .stripe-cvc {
  width: 36%;
  vertical-align: top;
  display: inline-block;
  margin-right: -3px;
  margin-top: 20px;
}
#donation_stripe .stripe-expiry.stripe-cvc,
#donation_stripe .stripe-postalcode.stripe-cvc,
#donation_stripe .stripe-cvc.stripe-cvc {
  width: 19%;
  margin-left: 4%;
  margin-right: 4%;
}
#donation_stripe label > span.brand {
  display: none;
  position: absolute;
  margin-top: -3em;
  left: 0.8em;
}
#donation_stripe label > span.brand .pf{
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 2.2em;
  width: 3.2em;
}
#donation_stripe label > span.brand .pf.pf-credit-card {
  opacity: 0.5;
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22512px%22%20height%3D%22384px%22%20viewBox%3D%220%2064%20512%20384%22%20enable-background%3D%22new%200%2064%20512%20384%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Ctitle%3E%3C/title%3E%0A%3Cg%20id%3D%22icomoon-ignore%22%3E%0A%3C/g%3E%0A%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M460.208%2C67.5H51.792c-25.918%2C0-47.125%2C21.207-47.125%2C47.125v282.75c0%2C25.919%2C21.207%2C47.125%2C47.125%2C47.125%0A%09h408.417c25.919%2C0%2C47.125-21.206%2C47.125-47.125v-282.75C507.333%2C88.707%2C486.127%2C67.5%2C460.208%2C67.5z%20M51.792%2C98.916h408.417%0A%09c8.515%2C0%2C15.709%2C7.194%2C15.709%2C15.708v47.125H36.083v-47.125C36.083%2C106.11%2C43.277%2C98.916%2C51.792%2C98.916z%20M460.208%2C413.083H51.792%0A%09c-8.515%2C0-15.708-7.193-15.708-15.708V256h439.833v141.375C475.917%2C405.889%2C468.723%2C413.083%2C460.208%2C413.083z%20M67.5%2C318.833h31.417%0A%09v62.834H67.5V318.833z%20M130.333%2C318.833h31.417v62.834h-31.417V318.833z%20M193.167%2C318.833h31.417v62.834h-31.417V318.833z%22/%3E%0A%3C/svg%3E);
}
#donation_stripe label > span.brand .pf.pf-visa {
  background-image: url('../img/payment_icons/1.gif');
}
#donation_stripe label > span.brand .pf.pf-mastercard {
  background-image: url('../img/payment_icons/2.gif');
}
#donation_stripe label > span.brand .pf.pf--american-express {
  background-image: url('../img/payment_icons/22.gif');
}
#donation_stripe label > span.brand .pf.pf--diners {
  background-image: url('../img/payment_icons/10.gif');
}
#donation_stripe label > .field.StripeElement ~ span.brand {
  display: block !important;
}
#donation_stripe #donate_card_number_el{
  padding-left: 5em;
}

.donate_wrapper form.AutoForm--payment div.stripe-errors {
  font-family: 'minion-pro', Georgia, Times, serif;
  visibility: hidden;
  font-size: 1.1em;
  text-align: left;
  background-color: #A6291D;
  color: #FFFFFF;
  padding: 0.4em;
}

#donation_stripe .stripe-errors{
	visibility: visible;
	color: #C00;
	line-height: 1;
	padding-top: 5px;
}

@media only screen and (max-width: 600px)  {
	.donation_wrapper{
		margin-left: -25vw;
		margin-right: -25vw;
		padding-left: 25vw;
		padding-right: 25vw;
	}

	.donation_wrapper .amount label{
		display: block !important;
	}

	.donation_wrapper .address label{
		display: block;
		width: 1000%;
	}

	.donation_wrapper .address select,
	.donation_wrapper .address input{
		max-width: 100%;
	}
}