/* Remove this if it was only hiding page content for a special layout */
.content { display: none !important; }
/* Unchanged utility styles */
.donate-intro h3, .donate-intro p { text-shadow: 1px 1px 5px black; }
/* TOTAL amount display (legacy selector replaced) */
.gform_wrapper.gravity-theme span.ginput_total {
font-size: 28px !important;
font-weight: bold !important;
color: #060000 !important;
}
/* Form + confirmation wrappers */
.gform_wrapper.gravity-theme,
.gform_confirmation_wrapper {
background-color: white;
margin-top: 0;
border-radius: 0 0 5px 5px;
}
.gform_confirmation_wrapper { padding: 15px 20px; }
/* Page title bar (global h1—consider scoping this to a container to avoid side-effects) */
h1 {
margin-bottom: 0;
background-color: #0098af !important;
border-radius: 5px 5px 0 0;
padding-top: 16px;
padding-left: 16px;
}
/* Page/footer buttons */
.gform_wrapper.gravity-theme .gform_page_footer {
margin-bottom: 0 !important;
text-align: end;
}
.gform_wrapper.gravity-theme .gform_page_footer input {
background-color: #8fbd3e;
color: white;
font-weight: 600;
padding: 8px 18px;
border: none;
border-radius: 4px;
}
/* Checkbox sizing (works in modern markup too) */
.gform_wrapper.gravity-theme input[type=”checkbox”] {
margin: 5px 11px 0 34px !important;
width: 32px;
height: 45px;
}
/* Radio cards layout */
.donate-box ul.gfield_radio {
display: flex;
height: 70px;
align-items: center;
margin-top: 20px;
}
.donate-box ul.gfield_radio li {
margin: 0 !important;
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.donate-box ul.gfield_radio li input[type=radio] {
height: 0;
width: 0;
visibility: hidden;
}
.donate-box ul.gfield_radio li input[type=radio] ~ label {
background: #ffffff;
border: 3px solid #cfcfcf;
text-align: center;
padding: 10px 15px;
margin-right: 20px;
border-radius: 10px;
}
.donate-box ul.gfield_radio li input[type=radio]:checked ~ label {
background: #01768C;
border: 3px solid #01768C;
color: white;
}
/* Validation header color (modern markup keeps this class) */
.donate-box .gform_validation_errors.validation_error,
.donate-box .gform_validation_errors { /* both, for safety */
background: #790000;
}
.donate-box .container > h2 { text-align: center; }
.donate-box { margin-bottom: 25%; }
#label_46_13_0 { margin-left: 0; }
/* Previous buttons (form-specific IDs retained) */
#gform_previous_button_46_25,
#gform_previous_button_46_15,
#gform_previous_button_46 {
background-color: #afd170 !important;
}
/* Make the credit card inputs full width in Gravity Forms 2.5+ and Stripe */
.gform_wrapper.gravity-theme .ginput_container_creditcard,
.gform_wrapper.gravity-theme .ginput_container_creditcard * {
box-sizing: border-box;
}
.gform_wrapper.gravity-theme .ginput_container_creditcard,
.gform_wrapper.gravity-theme .ginput_container_creditcard .StripeElement,
.gform_wrapper.gravity-theme .ginput_container_creditcard iframe {
width: 100% !important;
max-width: 100% !important;
display: block;
}
/* Mobile */
@media only screen and (max-width: 640px) {
.gform_wrapper.gravity-theme .gform_page_footer {
display: flex;
flex-direction: column-reverse;
}
.gform_validation_errors h2 { font-size: 17px !important;
line-height: 23px; }
}