select, input, button, a, input[type="radio"] + label {
    cursor:pointer;
}

.hidden, .flex.hidden {
    display: none;
}

.entrant-option {
    position: relative;
    display: inline-block;
}

.entrant-option .tooltip {
	display: none;
	position: absolute;
	top: 55px;
	left: 0px;
	line-height: 1rem;
	font-size: 1rem;
	width: 100%;
	border: 1px solid #2320d8;
	padding: .5rem;
	text-align: center;
	box-sizing: border-box;
	background: #fff;
	border-radius: .5rem;
	z-index: 1;
}

.entrant-option .tooltip::before {
	content: " ";
	border-left: .5rem solid transparent;
	border-right: .5rem solid transparent;
	border-bottom: .5rem solid #2320d8;
	position: absolute;
	top: -.5rem;
	left: .2rem;
}
.supportService, .provideEssentials {
	background: #f7eff7;
	border-radius: .5rem;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}
#neededmost-stage-group {
	background: #f7eff7;
	display: flex;
	padding: 0;
	width: 100%;
	align-items: center;
	border-bottom:none;
	border-radius: .5rem;
}
#neededmost-stage-group p {
	padding: 1rem;
	margin: 0px;
}
#neededmost-stage-group img {
    width:100%;
}
.supportService li {
	padding: 1rem;
	line-height: 1.2;
}
.entrant-option  label:hover + .tooltip {
    display: inline-block;
}
.flex {
	display: flex;
	gap: 1rem;
	align-items: center;
	flex-direction: row;
}
 .provideEssentials .flex p {
	padding: 0 0 0 1rem;
	margin: 0;
}
.inner-head {
	margin: 0 auto;
	text-align: center;
	padding: 2rem 0;
}
.inner-head .intro-banner  {
display: block;
width: 100%;
text-align: left;
padding: 0 4rem;
box-sizing: border-box;
}
.inner-head img {
	display: none;

}
.don-value {display:none;}
.don-value.active {display:block;}
  #neededmost-stage-group {
	flex-direction: column;
}

@media (min-width:740px) {
.inner-head .intro-banner  {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
	text-align: left;
	padding: 0 3rem 0 0;
}
.inner-head img {
	max-width: 500px;
	display: inline-block;
width: 40%;
vertical-align: middle;
text-align: left; 
}
  
}
 
 @media (min-width: 980.9px) { 
 
     .supportService, .provideEssentials {
         width:80%;
     }
 #neededmost-stage-group {
         width:100%;
     
    	flex-direction: row;
    }
    #neededmost-stage-group p {
        padding: 0 1rem;
  margin: 0px;

    }
    #neededmost-stage-group img {
    width:auto;
}
 }
.page-form .field, .page_article .field {

	position: relative;
}
.field label {
width:100%;
    display: block;
}
.field label span {
	position: absolute;
	right: 0;
	font-size: .8rem;
}
input[type="radio"] {
	position: absolute;
	width: 0 !important;
	height: 0 !important;
	visibility: hidden;
}
input[type="radio"] + label, .button {
	display: inline-block;
	padding: .5rem 1rem;
	font-weight: bold;
	font-size: 1rem;
	width: auto;
	border-radius: .5rem;
  background: #eee;

}
.form_row.field.donation-amount input[type="radio"] + label, .button {
	border-radius: .5rem;
	background: #eee;
}
.form_row.field.donation-amount input[type="radio"]:checked + label, .primary {
   	background: #2320d8 none repeat scroll 0 0;
 	color:#fff;
}
.button:hover {
    background: #2320d8 none repeat scroll 0 0;
 	color:#fff;
}
.page-form .field .form-item label, .page-form .field .form-item .label {
    display:inline-block;
}
input[type="radio"]:checked + label {
	background: #2320d8 none repeat scroll 0 0;
	border-radius: .5rem;
	color:#fff;
	
}
 .donation-amount input[type="radio"] + label {
        width:100%;
        text-align:center;
        box-sizing: border-box;
        margin: 0 0 1rem;
    }
 
#total-amount-pm {
	padding: 1rem 0;
	box-sizing: border-box;
	line-height: 1;
}
    .alternative-amount {
	display: inline-block;
	margin: 0 0 1rem;
	position: relative;
	width: 100%;
}
.enter-amount {
    width:100%;
       background: #eee;
	display: inline-block;
	padding: 0rem 1rem;
	font-family: nimbus-sans, sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	color: #222222;
	border-radius: 5px;
	box-sizing: border-box;
}
 .form-item.flex {
      flex-direction: column;
        gap: 0;
 
	display: flex; 
}
    
@media (min-width:640px) {
    .form-item.flex {
      flex-direction: row;
      gap: 1.5rem;
    
    }
    .donation-amount input[type="radio"] + label {
        width:auto;
    }
    .alternative-amount {
    display: inline-block;
width:auto;
    margin: 0 0 1rem;
	position: relative;
}
.enter-amount {
    width:auto;
}
}

.enter-amount .amount {
 width: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	color: #222222;
	    display: inline-block;
}
.form_row.field.donation-amount {
    margin: 1rem 0 0;
}

.alternative-amount span {
    	margin:0 1.5rem 0 0;
}
 
#donation {
    width: auto;
    margin: 0;
    border: 0;
    background: transparent;
    padding: 0;
}
#yourdonation-stage-group {
	position: relative;
	margin: 0;
	padding: 0 0 0;
	border-bottom: none;
}
#payment_method-form-row {
	display: inline-block; 
	border-radius: .5rem;
}

/*
.form_row.field.yourmoney-goes {
	position: absolute;
	right: 0;
	top: 0rem;
	background:#2320d8;
	width: 358px;
	
}*/
.form_row.field.yourmoney-goes {
    background:#2320d8;
}
.yourmoney-goes span {
	padding: 1rem;
	display: inline-block;
	text-align: left;
	font-weight: bold;
    line-height: 1.2;
    color: #fff;
    width:50%;
}
.yourmoney-goes img, .yourmoney-goes span  {
    vertical-align: middle;
}

[id^="contribution_description_"] {
   display:none;
}
.show-contribution-description {
    display:block; 
    margin: 0 0 1rem;
}
#giftaid, label[for="giftaid"] {
	width: auto;
	margin: 0 .5rem 0 0;
	display: inline-block;
}
/*
 #donation-giftaid {
    width: 50%;
}
*/
img.giftaid-logo {
    margin: 0 1rem 0 0;
    float:right;
}
.declaration div {
	vertical-align: top;
	line-height: 1.2;
	margin: 2rem 0;
	display: block;
	width: 100%;
}

.gift_thanks { 
    line-height:1;
    margin:0 0 1rem;
}
.gift_thanks span {
	display: inline-block;
	padding: 0;
	margin: 0;
}
/*
.form_row.field.donation-amount {
    width: 50%;
    margin: 2rem 0 1rem;
}*/
@media (max-width:1299px) {
.yourmoney-goes span, .yourmoney-goes img  {
    width:45%;
}
}
@media only screen and (max-width: 810px) {
   .intro-banner img {
	display:none;
    }
    .intro-banner div {
	width: 100%;
    }
    .intro-banner {
        padding:2rem;
    }
    .form_row.field.yourmoney-goes {display:none;}
    .mobile-only {
        display:block;
	text-align: left;
    }
 
    .form_row.field.donation-amount, #donation-giftaid {
    width: 100%;
    
    }
    .form_row.field.donation-amount .form-item > input {
        display:none;
    }
}

@media (max-width: 700px) {
    .flex {
	flex-direction: column;
    }
    .provideEssentials .flex p {
	padding: 1rem;
	margin: 0;
}
.flex img {
	width: 100%;
}
.entrant-option { 
	display: block;
	width: 100%;
	margin: .5rem 0;
}
input[type="radio"] + label {
    width:100%;
    text-align:center;
    box-sizing: border-box;
}
.entrant-option .tooltip {
    display:none !important;
}
#yourdonation-stage-group {
    padding:0;
}
.don-value.active {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}
.form-item.flex div {
	width: 100%;
}
.donation-amount input[type="radio"] + label {
    margin:0;
}
}
@media only screen and (max-width: 652px) {
.declaration div {
width:100%;
}
    
}
.form-item {
	width: 100%;
}
 
@media only screen and (max-width: 370px) {
}