/* global_css.css */
.en__Donation main {
    min-height: 1000px;
    margin: 60px 0px;
}

/*Donation Form*/
body {
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    /* background-image: url('https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2421/trees_BG.jpg?v=1720539554000'); */
    background: var(--white);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.en__hidden {
    display: none !important;
}

.main-container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

/* DF Header in Pagebuilder */
body.en__Donation main {
    margin: 0px;
}
body.en__Donation main .main-container {
    max-width: 100%;
    padding: 0px;
}
body.en__Donation form.en__component--page {
    padding: 0px;
}
body.en__Donation .en__component--advrow.en__Donation {
    max-width: 1300px;
    margin: 60px auto;
    padding: 0px 20px;
}

body.en__Donation .en__component--advrow.custom-header {
    background-color: var(--white);
}
body.en__Donation .en__component--advrow.custom-header .en__component--advcolumn {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}
body.en__Donation .en__component--advrow.custom-header img.df-header-logo {
    max-width: 500px;
}
.en__component--advrow.custom-header .en__component--advcolumn p {
    margin: 0px;
    line-height: 0;
}

/* EN Page Editor */
#en__pagebuilder .en__hidden {
    display: inherit !important;
}
#en__pagebuilder .en__hidden .bannerImgSrc {
    max-width: 600px;
}
#en__pagebuilder .ProcessForm .en__field--donationAmt .en__field__input--radio + .en__field__label--item,
#en__pagebuilder .ProcessForm .en__field--recurrpay .en__field__input--radio + .en__field__label--item {
    background-color: var(--paletteColor2);
    color: var(--black);
}
#en__pagebuilder .ProcessForm .en__field--donationAmt .en__field__input--radio:checked + .en__field__label--item,
#en__pagebuilder .ProcessForm .en__field--recurrpay .en__field__input--radio:checked + .en__field__label--item {
    background-color: var(--paletteColor1);
    color: var(--white);
}
#en__pagebuilder .en__field__input--vgs {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    background: var(--paletteColor2);
    border: 1px solid var(--paletteColor1);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    padding: 7px;
    width: 100%;
}
#en__pagebuilder .en__field--ccexpire {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
#en__pagebuilder .en__field--ccexpire > .en__field__label {
    flex: 0 0 auto;
}
#en__pagebuilder .en__field--ccexpire .en__field__element--splitselect {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex: 1;
}
#en__pagebuilder .en__component--row.en__component--advrow {
    /*margin: 20px 0px;*/
}

form.en__component--page {
    margin: 0px auto;
    padding-top: 20px;
}

form .ProcessForm {
    background-color: #ffffff;
    padding: 30px;
    box-shadow: 2px 4px 18px 0px rgb(0 0 0 / 35%);
}

.ProcessForm img.df-header-image {
    display: none;
}

.ProcessForm .en__field--paycurrency {
    display: none !important;
}

.ProcessForm .section-header-container {
    border-top: 3px solid var(--paletteColor1);
}

.ProcessForm h2.section-header-container {
    font-size: 30px;
    font-weight: 700;
    padding: 25px 0 0;
    margin: 25px 0;
}

/*Gift Amount*/
.ProcessForm .en__field--donationAmt.one-time-selected .en__field__element--radio .en__field__item.don-level.one-time {
    display: flex;
    padding: 0;
}

.ProcessForm .en__field--donationAmt.one-time-selected .en__field__element--radio .en__field__item.don-level.monthly,
.ProcessForm .en__field--donationAmt.monthly-selected .en__field__element--radio .en__field__item.don-level.one-time {
    display: none;
}

.ProcessForm .en__field--donationAmt.monthly-selected .en__field__element--radio .en__field__item.don-level.monthly {
    display: flex;
}

.ProcessForm .en__field--donationAmt>label,
.ProcessForm .en__field--recurrpay>label,
.ProcessForm label[for="en__field_supporter_NOT_TAGGED_4"] {
    display: none;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio,
.ProcessForm .en__field--recurrpay .en__field__element--radio,
.ProcessForm .en__field--paymenttype .en__field__element--radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    align-items: start;
    font-size: 0;
    line-height: 0;
    margin: 0;
    gap: 10px;
}

.ProcessForm .en__field--donationAmt input[type="radio"],
.ProcessForm .en__field--recurrpay input[type="radio"],
.ProcessForm .en__field--paymenttype input[type="radio"] {
    position: absolute;
    left: -10000px;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item:not(.en__field__item--other),
.ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item,
.ProcessForm .en__field--paymenttype .en__field__element--radio>.en__field__item {
    display: flex;
    flex: 1;
    min-width: auto;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__label--item,
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__label--item,
.ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__label--item,
a.thank-page-button {
    display: block;
    background: var(--paletteColor2);
    color: var(--paletteColor1);
    text-align: center;
    cursor: pointer;
    font-size: 19px;
    line-height: 21px;
    font-weight: 500;
    width: 100%;
    max-width: 100%;
    padding: 10.5px 15px;
    border: 2px solid var(--paletteColor1);
    height: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	text-decoration: none;
}
.ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__input--radio:focus-visible + .en__field__label--item {
    outline: 2px solid var(--paletteColor1);
    outline-offset: 3px;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item.active .en__field__label--item,
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__item.active .en__field__label--item,
.ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__item.active .en__field__label--item,
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item .en__field__label--item:hover,
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item .en__field__label--item:focus,
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__item .en__field__label--item:hover,
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__item .en__field__label--item:focus,
.ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__item .en__field__label--item:hover,
.ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__item .en__field__label--item:focus,
a.thank-page-button {
    background: var(--paletteColor1);
    color: var(--paletteColor2);
}

a.thank-page-button {
	display: inline-block;
	max-width: 350px;
}

a.thank-page-button:hover,
a.thank-page-button:focus {
	background: var(--paletteColor2);
    color: var(--paletteColor1);
    border: 2px solid var(--paletteColor1);
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .focus .en__field__label--item,
.ProcessForm .en__field--recurrpay .en__field__element--radio .focus .en__field__label--item,
.ProcessForm .en__field--paymenttype .en__field__element--radio .focus .en__field__label--item {
    /*outline: -webkit-focus-ring-color auto 1px;*/
    outline: 2px solid var(--paletteColor1);
    outline-offset: 3px;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__input--other {
    display: block;
    background: var(--paletteColor1);
    color: var(--paletteColor2);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    width: 100%;
    max-width: 100%;
    padding: 10px 15px;
    border: 3px solid var(--paletteColor1);
    height: auto;
    margin: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Dollar sign fix */
.ProcessForm .en__field--donationAmt .other-amt-input {
	position: relative;
}
.ProcessForm .en__field--donationAmt .other-amt-input:before {
	content: "$";
	color: #fff;
	font-size: 16px;
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__input--other {
	padding-left: 20px;
	text-align: left;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__input--other:focus-visible {
    outline: 0px;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .other-amt-input {
    padding: 0px;
}

.ProcessForm label[for="en__field_transaction_feeCover"] {
    white-space: normal;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    display: inline;
    max-width: inherit;
}

/*.ProcessForm .en__field--dirgift>label {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    line-height: inherit;
    color: var(--paletteColor1);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}*/

.ProcessForm .en__field--dirgift,
.ProcessForm .en__field--dirgift .en__field__element--radio .en__field__item {
    padding: 0px;
    display: block;
}

.ProcessForm .en__field--gftrsn label {
    display: none;
}

.ProcessForm .en__field__element--select,
.ProcessForm .en__field__element--text,
.ProcessForm .en__field__element--radio,
.ProcessForm .en__field__element--checkbox {
    width: 100%;
}

.ProcessForm select {
    border: 1px solid var(--paletteColor4);
    box-shadow: none;
    font-size: 1.6rem;
    padding: 7px 30px 7px 7px;
    min-height: 40px;
    width: 100%;
    max-width: 100%;
    appearance: none;
    background: var(--selectArrowSVG) calc(100% - 8px);
    background-color: var(--paletteColor2);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ProcessForm input[type="text"],
.ProcessForm input[type="email"],
.ProcessForm input[type="tel"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    background: var(--paletteColor2);
    border: 1px solid var(--paletteColor4);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    padding: 7px;
    width: 100%;
}

.ProcessForm input[type="radio"] {
    margin: 0 5px 20px 0;
    height: 20px;
    width: 20px;
}

.ProcessForm input[type="checkbox"] {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px 0 0;
    vertical-align: top;
}

input[type="checkbox"].en__field__input--checkbox {
	appearance: none;
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	min-width: 22px;
	border: 1px solid #9D9D9C;
	border-radius: 2px;
	background-color: #ffffff;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

/* Checked state */
input[type="checkbox"].en__field__input--checkbox:checked {
	background-color: #183E75;
	border-color: #183E75;
	border-radius: 4px;
}

/* Checkmark via Font Awesome */
input[type="checkbox"].en__field__input--checkbox:checked::after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f00c";
	color: #ffffff;
	font-size: 13px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Focus ring */
input[type="checkbox"].en__field__input--checkbox:focus-visible {
	outline: 2px solid #183E75;
	outline-offset: 2px;
}

/* Align label vertically with checkbox */
.en__field__label--item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.ProcessForm #en__field_transaction_dirgift1 {
    margin-bottom: 0;
}

.ProcessForm .en__field__label {
    display: inline-block;
    width: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
}

.ProcessForm .en__field--checkbox .en__field__label {
    line-height: 1.5;
}

.ProcessForm label[for="en__field_transaction_inmem"] {
    font-size: 18px;
	line-height: 1.4;
}

.ProcessForm label[for="en__field_transaction_paymenttype"],
.ProcessForm label[for="en__field_supporter_NOT_TAGGED_1"] {
    font-size: 18px;
	font-weight: 700;
}

.ProcessForm .en__field__element.en__field__element--textarea,
.ProcessForm .en__field__element.en__field__element--email,
.ProcessForm .en__field__element.en__field__element--telephone {
    width: 100%;
}

.ProcessForm .en__field__input--calendar,
.ProcessForm .en__field__input--email,
.ProcessForm .en__field__input--number,
.ProcessForm .en__field__input--password,
.ProcessForm .en__field__input--range,
.ProcessForm .en__field__input--telephone,
.ProcessForm .en__field__input--text,
.ProcessForm .en__field__input--textarea,
.ProcessForm .en__rangeFieldLabels {
    width: 100%;
}

.ProcessForm .en__field {
    padding-bottom: 0;
    margin: 16px 0 0;
}

body:not(#en__pagebuilder) .minimum-donation-amount p {
    font-size: 12px;
    margin-bottom: 0px;
    position: absolute;
    bottom: -22px;
    left: 0;
}

/* eCard */
.eCard-message {
    max-width: 600px;
    margin: 24px auto;
}
.eCard-message p {
    margin-bottom: 0;
}

/*Billing Info*/
.ProcessForm .donor-info,
.ProcessForm .donor-info .en__field .en__field__element.en__field__element--splittext.donor-info {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.ProcessForm .donor-info.honor-title-first-last {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.ProcessForm .donor-info .en__field {
    display: block;
    width: 100%;
    margin: 16px 0 0;
    padding: 0px;
}

/* .ProcessForm .donor-info:first-child .en__field:first-child {
    margin-top: 0px;
} */

.ProcessForm .donor-info .en__field .en__field__element {
    display: block;
}

.ProcessForm .donor-info .en__field input,
.ProcessForm .donor-info .en__field select {
    width: 100%;
    max-width: 100%;
    min-width: auto;
}

.ProcessForm .donor-info .en__field input[type="text"],
.ProcessForm .donor-info .en__field input[type="email"],
.ProcessForm .donor-info .en__field input[type="tel"]  {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    background: var(--paletteColor2);
    border: 1px solid var(--paletteColor4);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    padding: 7px;
    width: 100%;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}

.ProcessForm .donor-info .en__field select {
    border: 1px solid var(--paletteColor4);
    box-shadow: none;
    background: var(--paletteColor2);
    font-size: 1.6rem;
    padding: 7px 30px 7px 7px;
    min-height: 40px;
    width: 100%;
    max-width: 100%;
    appearance: none;
    background: var(--selectArrowSVG) calc(100% - 8px);
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}

.ProcessForm .en__field__input--textarea {
	border: 1px solid var(--paletteColor4);
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}

.ProcessForm .donor-info .en__field__item {
    padding: 0px;
}

.ProcessForm .donor-info .en__field--title .en__field__item {
    width: 100%;
}

.ProcessForm .donor-info .en__field--title .en__field__item select {
    max-width: 100%;
}

.ProcessForm label {
    white-space: normal;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
}

.ProcessForm .en__mandatory>label:after {
    content: "*";
    color: #333;
}

.ProcessForm .en__field--email-sign-up-form-opt-in {
    padding: 0px;
    margin: 16px 0px 0px;
}

/*
body:not(#en__pagebuilder):not(.en__Survey) .en__field--global-email-opt-out,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--bid-needham-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--anna-jaques-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--addison-gilbert-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--beverly-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--bidmc-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--bid-milton-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--bid-plymouth-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--exeter-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--joslin-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--lahey-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--mount-auburn-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--nebh-email-opt-in,
body:not(#en__pagebuilder):not(.en__Survey) .en__field--winchester-email-opt-in {
	display: none;
}
*/

.en__Survey .en__field--checkbox.en__field--question > label.en__field__label {
    display: none;
}

.ProcessForm .en__field--email-sign-up-form-opt-in>label {
    display: none;
}

.ProcessForm .en__field--email-sign-up-form-opt-in .en__field__item label {
    display: inline;
    max-width: inherit;
}

/*Payment Info*/
#payment_cc_type_row ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#payment_cc_type_row li {
    display: inline;
}

#payment_cc_type_row label {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    line-height: inherit;
    color: var(--paletteColor1);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.ProcessForm .en__field--paymenttype label[for="en__field_transaction_paymenttype"], .ProcessForm #payment_cc_type_row {
    display: none;
}

.ProcessForm .en__field__element--vgs,
.ProcessForm #en__field_transaction_ccnumber,
.ProcessForm #en__field_transaction_ccvv {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    background: var(--paletteColor2);
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    padding: 0px;
    width: 100%;
}

.ProcessForm .donor-info .en__field--ccexpire .en__field__element--splitselect {
    display: flex;
    gap: 10px;
}

.ProcessForm .en__field--ccexpire .en__field__element--splitselect>.en__field__item {
    width: 50%;
}

/* .ProcessForm .donor-info .en__field--ccexpire,
.ProcessForm .donor-info .en__field--ccvv {
    margin-top: 0px;
} */

.ProcessForm #en__field_transaction_ccnumber.vgs-collect-container__focused,
.ProcessForm #en__field_transaction_ccvv.vgs-collect-container__focused {
    outline: -webkit-focus-ring-color auto 1px;
}

.ProcessForm .en__submit {
    border-top: 3px solid var(--paletteColor1);
    margin-top: 25px;
    padding-top: 25px;
	text-align: right;
}
.ProcessForm .en__submit button {
    display: inline-block;
    background: var(--paletteColor2);
    color: var(--paletteColor1);
    text-align: center;
    cursor: pointer;
    font-size: 19px;
    line-height: 21px;
    font-weight: 500;
    width: auto;
    max-width: inherit;
    padding: 10.5px 24px;
    border: 3px solid var(--paletteColor1);
    height: auto;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ProcessForm .en__submit button:hover,
.ProcessForm .en__submit button:focus {
    background: var(--paletteColor1);
    color: var(--paletteColor2);
}

.ProcessForm button.en__submit {
    display: block;
    background: var(--paletteColor2);
    color: var(--paletteColor1);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    width: auto;
    max-width: inherit;
    padding: 10px 15px;
    border: 3px solid var(--paletteColor1);
    height: auto;
}

.ProcessForm button.en__submit:hover,
.ProcessForm button.en__submit:focus {
    background: var(--paletteColor1);
    color: var(--paletteColor2);
}

.ProcessForm .en__captcha {
    padding: 25px 0px 0px;
}

.ProcessForm .custom-total-display {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
    margin: 16px 0px 0px;
    padding: 20px;
    background-color: var(--paletteColor3);
}
.ProcessForm .custom-total-display p {
    margin-bottom: 0px;
}
.ProcessForm .custom-total-display p {
    font-weight: 700;
}

/*Error Handling*/

body .en__errorContainer {
    background: var(--white);
    border: 2px solid var(--paletteColor1);
    padding: 20px;
}
body .en__errorHeader,
body .en__errorList,
body .en__errorList .en__error {
    background: var(--white);
    color: var(--paletteColor1);
}
body .en__errorList .en__error {
    margin: 0px;
}

.ProcessForm .en__field--validationFailed {
    padding: 0px !important;
    background-color: transparent !important;
    border: none !important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: flex !important;
    flex-direction: column;
}

.ProcessForm .en__field__error {
    color: #990000;
    font-size: 14px;
    order: 3;
    margin-top: 4px;
}

.ProcessForm .en__field--validationFailed .en__field {
	border: 1px solid #9D2020;
}

.en__submit button:disabled,
.en__submit button:disabled:hover,
.en__submit button:disabled:focus,
.en__submit button:disabled:focus-within {
    background-color: #d5d5d5;
    color: #fff;
    border-color: #999999;
    cursor: default;
}

/*Thank You Page*/
.transaction-details {
    width: 100%;
}

.transaction-details tr {
    border-bottom: none;
    margin-bottom: 0;
}

.transaction-details td {
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0;
}
table.transaction-details {
    margin-bottom: 0;
}
.thank-you-container hr {border-top: 3px solid var(--paletteColor5);margin: 40px 0;}
.transaction-summary-container {
    background: #F2F0F0;
    padding: 20px;
}
.transaction-summary-container p {
    margin-bottom: 10px;
}

body.en__Donation .ProcessForm .en__field__item.other-amt.active {
    flex-direction: column;
    text-align: left;
    position: relative;
}
body.en__Donation .ProcessForm .en__field__item.other-amt p {
    display: none;
}
body.en__Donation .ProcessForm .en__field__item.other-amt.active p {
    display: block;
}

/* Campaign Form Overrides */
body.en__Donation.en__Campaign_Form .hero-banner {
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 450px;
}
body.en__Donation.en__Campaign_Form form .ProcessForm {
    background-color: #ffffff;
    padding: 0;
    box-shadow: none;
}
body.en__Donation.en__Campaign_Form .ProcessForm .donor-info .en__field input, body.en__Donation.en__Campaign_Form .ProcessForm .donor-info .en__field select {
    width: 100%;
    max-width: 100%;
}
body.en__Donation.en__Campaign_Form .ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item:not(.en__field__item--other),
body.en__Donation.en__Campaign_Form .ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item,
body.en__Donation.en__Campaign_Form .ProcessForm .en__field--paymenttype .en__field__element--radio>.en__field__item {
    min-width: 315px;
}
body.en__Donation.en__Campaign_Form .ProcessForm .en__field__item.en__field__item--other.other-amt-input {
    width: 100%;
}

/* Multi-Step Form Overrides */
body.en__Donation.en__MultiStep_Form form.en__component--page {
    margin: 0px;
}
body.en__Donation.en__MultiStep_Form .en__field__element.en__field__element--checkbox .en__field__item {
    display: grid;
    grid-template-columns: max-content 1fr;
}
body.en__Donation.en__MultiStep_Form .en__component--advrow.en__Donation {
    max-width: 100%;
    margin: 0px;
    padding: 64px;
    justify-content: space-between;
    align-items: flex-start;
    gap: clamp(30px, 6vw, 48px);
}
body.en__Donation.en__MultiStep_Form .en__component.en__component--row.en__component--advrow.donate-page.en__Donation.en__MultiStep_Form {
	background: url(https://bd6ca9cefa6fb6e0adf1-c2f9aa1adb9f60a775f60074e4c86031.ssl.cf5.rackcdn.com/20017/multi-step-form-bg-placeholder.png?v=1781629260000);
	background-size: cover;
	background-repeat: no-repeat;
}
body.en__Donation.en__MultiStep_Form .en__component--advrow.custom-header .en__component--advcolumn {
    margin: 0px;
    padding: 24px 44px;
    max-width: 1185px;
}
body.en__Donation.en__MultiStep_Form .en__component.en__component.en__component--column.en__component--advcolumn.ProcessFormIntro {
    max-width: 540px;
}
body.en__Donation.en__MultiStep_Form .en__component.en__component--row.en__component--advrow.donate-page.en__Donation.en__MultiStep_Form .frow-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 48px;
    gap: 48px;
    max-width: 1215px;
}
body.en__Donation.en__MultiStep_Form p.section-header {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
body.en__Donation.en__MultiStep_Form p.section-header.recognize {
    margin: 16px 0 -16px;
}
body.en__Donation.en__MultiStep_Form .ProcessFormIntro h1 {
    color: var(--white);
}
body.en__Donation.en__MultiStep_Form .ProcessFormIntro p,
body.en__Donation.en__MultiStep_Form .ProcessFormIntro a,
body.en__Donation.en__MultiStep_Form .ProcessFormIntro a:link {
    color: var(--white);
    font-size: 24px;
    line-height: 28px;
}
body.en__Donation.en__MultiStep_Form .ProcessFormIntro p.intro-p-last {
    margin-bottom: 0;
}
body.en__Donation.en__MultiStep_Form .ProcessFormIntro .ctaImage {
    display: block;
    max-height: 316px;
    object-fit: cover;
}
body.en__Donation.en__MultiStep_Form .ProcessForm {
    min-width: 600px;
    padding: 0;
    box-shadow: none;
    max-width: 600px;
}
body.en__Donation.en__MultiStep_Form .inner-form-container {
    padding: 30px 48px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .page-step-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: var(--paletteColor1);
    padding: 16px 48px;
    align-items: center;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .page-step-container h3 {
	color: var(--white);
	font-size: 24px;
	margin: 0;
}
.ProcessForm .page-step-container h2 {
    margin-bottom: 0px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui {
    display: none;
    flex-direction: row;
    gap: 16px;
    margin: 0 0 0 auto;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step {
    width: 24px;
    height: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border: 1px solid #009EDF;
    border-radius: 100px;
    line-height: 1;
    font-size: 16px;
    font-family: var(--fontFamilySecondary);
    font-weight: 700;
    cursor: default;
    color: var(--paletteColor1);
    background: var(--paletteColor1);
}
body.en__Donation.en__MultiStep_Form span.step-number {/* border: 1px solid #009EDF; *//* border-radius: 100px; */}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.active {
    background-color: var(--white);
    border: none;
    color: var(--white);
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.active span.step-number {
	border: none;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.completed {
    background-color: var(--paletteColor1);
    border-color: var(--paletteColor7);
    color: var(--white);
    cursor: pointer;
    text-decoration: none;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.completed:hover,
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.completed:focus {
    scale: 1.1;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui a.step:focus-visible {
    outline: 2px solid var(--paletteColor1);
    outline-offset: 3px;
}
body.en__Donation.en__MultiStep_Form .monthly-cta-container img {
    max-height: 56px;
}
body.en__Donation.en__MultiStep_Form p.mb-0.monthly-cta-text {
    padding: 0 0 0 35px;
    color: var(--paletteColor1);
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field.en__field--donationAmt {
    margin: 0px 0px 25px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--donationAmt .en__field__element--radio, 
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px;
    gap: 16px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element.en__field__element--radio {
	grid-template-columns: repeat(2, 1fr);
}
/*body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item:not(.en__field__item--other), 
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item {
    flex: 0 0 calc(50% - 12px);
}*/
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item, 
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item {
    /* flex: 0 0 calc(50% - 11px); */
    padding: 0;
}
.ProcessForm .en__field--recurrpay .en__field__item.monthly {
    flex-direction: column;
    gap: 8px;
}
.monthly-cta-container {
    display: grid;
    flex-direction: row;
    justify-content: center;
    gap: 0;
    padding: 0;
    align-items: center;
    grid-template-columns: 2fr 1fr;
    margin: 16px 70px 0;
}
.monthly-cta-container .monthly-cta-text {
    margin-bottom: 0px;
}

body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit__container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin: 24px 0px 0px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit__container .en__submit {
    width: 100%;
}
body.en__Donation.en__MultiStep_Form .donate-page.page-1 .ProcessForm .en__submit,
body.en__Donation.en__MultiStep_Form .donate-page.page-2 .ProcessForm .en__submit,
body.en__Donation.en__MultiStep_Form .donate-page.page-3 .ProcessForm .en__submit {
    margin-top: 32px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit__container .en__back {
    width: auto;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button {
    display: block;
    background: transparent;
    color: var(--paletteColor1);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 130%;
    font-weight: 500;
    width: auto;
    height: auto;
    padding: 0px;
    border: none;
    height: 100%;
    font-family: var(
    --fontFamilyButton);
    position: relative;
    text-decoration: underline;
}
/*body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:before {
    content: "\f060";
    color: var(--paletteColor1);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: static;
    opacity: 1;
    margin-right: 6px;
    display: inline-block;
    transition: transform 0.2s ease;
}*/
body.en__Donation.en__MultiStep_Form p.secure-transaction {
    display: flex;
    justify-content: center;
}
body.en__Donation.en__MultiStep_Form p.secure-transaction svg {
    margin-right: 8px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:hover,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-visible,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-within {
    background: transparent;
    border: none;
    color: var(--paletteColor1);
    text-decoration: none;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-visible,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-within {
    outline: 1px solid var(--paletteColor1);
    outline-offset: 2px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:hover:before {
    transform: translateX(-4px);
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:hover .back-label,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus .back-label,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-visible .back-label {
    text-decoration: underline;
}

body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit {
    border: none;
    margin: 0px;
    padding: 0px;
    text-align: unset;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 10.5px 24px;
    position: relative;
    background: var(--paletteColor1);
    color: var(--paletteColor2);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/*body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:before {
    content: "\f061";
    color: var(--paletteColor1);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    opacity: 0;
}*/
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:hover,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus-within,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus-visible {
    background: var(--paletteColor6);
    border: 3px solid var(--paletteColor6);
    color: var(--white);
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus-within,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus-visible {
    outline: 2px solid var(--paletteColor6);
    outline-offset: 3px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:hover:before,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus:before,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus-within:before,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit button:focus-visible:before {
    color: var(--paletteColor1);
    opacity: 1;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info .en__field.en__field--title {
    max-width: 75px;
}
body.en__Donation.en__MultiStep_Form.page-1 .ProcessForm .en__submit__container .en__back {
    display: none !important;
}
#en__pagebuilder .secure-donation {
    margin-top: 20px;
}
.ProcessForm .secure-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
body.en__Donation.en__MultiStep_Form .tribute-info-container {
    padding: 12px;
    text-align: center;
    background-color: var(--paletteColor6);
    color: var(--white);
    /*margin: -60px -60px 50px;*/
    font-size: 16px;
    font-family: var(--fontFamilyButton);
    text-transform: uppercase;
}
body.en__Donation.en__MultiStep_Form .tribute-info-container p {
    color: var(--white);
    margin: 0px;
    font-weight: 700;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--paymenttype label[for="en__field_transaction_paymenttype"] {
    display: inline-block;
}
body.en__Donation.en__MultiStep_Form .inner-form.opt-in .en__field.en__field--checkbox.en__field--question label.en__field__label {
	display: none;
}
body.en__Donation.en__MultiStep_Form .inner-form.opt-in .en__field.en__field--checkbox.en__field--question .en__field__element.en__field__element--checkbox label.en__field__label.en__field__label--item {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	vertical-align: middle;
}
body.en__Donation.en__MultiStep_Form .en__component.en__component--row.en__component--advrow.donate-page.page-ty.en__Donation.en__MultiStep_Form.page-5 .frow-container {
    display: block;
    max-width: 1150px;
}
body.en__Donation.en__MultiStep_Form .en__component.en__component--row.en__component--advrow.donate-page.page-ty.en__Donation.en__MultiStep_Form.page-5 .frow-container .en__component.en__component.en__component--column.en__component--advcolumn.thank-you-container {
    background: var(--white);
}
body.en__Donation.en__MultiStep_Form .en__component--advrow.donate-page.page-ty .thank-you-container .thank-you-intro {
    padding: 60px 64px 0;
}
body.en__Donation.en__MultiStep_Form .transaction-summary,
body.en__Donation.en__MultiStep_Form .thank-you-social,
body.en__Donation.en__MultiStep_Form .thank-you-hr,
body.en__Donation.en__MultiStep_Form .impact-section-heading {
	padding: 0 64px;
}
body.en__Donation.en__MultiStep_Form .impact-section-heading h2 {
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
}
body.en__Donation.en__MultiStep_Form .thank-you-button-container {
	padding: 0 64px 64px;
}
body.en__Donation.en__MultiStep_Form .thank-you-hero img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
body.en__Donation.en__MultiStep_Form .thank-you-hero p {
    margin: 0;
    display: block;
}
body.en__Donation.en__MultiStep_Form .impact-section-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0px 64px 16px;
    grid-gap: 24px;
    gap: 24px;
}
body.en__Donation.en__MultiStep_Form .thank-you-container hr {border-top: 3px solid var(--paletteColor5);margin: 40px 0;}
body.en__Donation.en__MultiStep_Form .thank-you-social ul.thank-you-social {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 32px;
}
body.en__Donation.en__MultiStep_Form .thank-you-social ul.thank-you-social li {
	margin: 0;
}
body.en__Donation.en__MultiStep_Form .thank-you-button-container p {
	margin-bottom: 0;
}
body.en__Donation.en__MultiStep_Form h4 {
	font-size: 18px;
}
body.en__Donation.en__MultiStep_Form .impact-section p,
body.en__Donation.en__MultiStep_Form .impact-section a {
	font-size: 14px;
}

body.en__Donation.en__MultiStep_Form .en__field.en__field--select.en__field--withOther.en__field--NOT_TAGGED_1 .en__field__item {
    width: 100%;
}
body.en__Donation.en__MultiStep_Form .en__field.en__field--select.en__field--withOther.en__field--NOT_TAGGED_1 .en__field__item input.en__field__input.en__field__input--other {
    margin: 0;
}

/* Survey overrides */
body.en__Donation.en__Campaign_Form .en__component--advrow.survey-banner {
    padding: 64px 0px 0px;
}
body.en__Donation.en__Campaign_Form .en__component--advrow.survey-banner img {
    display: block;
}
body.en__Donation.en__Campaign_Form .en__component--advrow.en__Donation.en__Campaign_Form {
    max-width: 100%;
    margin: 0px;
    padding: 0px 0px 64px;
    justify-content: space-between;
    align-items: flex-start;
    gap: clamp(30px, 6vw, 48px);
}
body.en__Donation.en__Campaign_Form .en__component--advcolumn.ProcessForm {
    padding: 60px 64px;
}
.ProcessForm .en__field--dateOfBirth .en__field__element--calendar .en__field__input--calendar {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    background: var(--paletteColor2);
    border: 1px solid var(--paletteColor4);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    padding: 7px;
    width: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ProcessForm .en__field--dateOfBirth .en__field__element--calendar,
.ProcessForm .en__field--withOther .en__field__item:not(.en__field__item--hidden),
.ProcessForm .en__field--number .en__field__element--number {
    display: block;
}
.ProcessForm .en__field--withOther .en__field__item input.en__field__input--other {
    margin: 0px;
}
.ProcessForm .en__field--radio .en__field__element--radio {
    display: flex;
    gap: 20px;
}
.ProcessForm .en__field--survey input[type="radio"] {
    margin: 0px;
    margin-right: 5px;
}

/* eCard overrides */
.en__ecardrecipients__email input, .en__ecardrecipients__name input {
    padding: 6px 10px;
    margin: 0;
    width: 57%;
}
.en__ecardrecipients__detail {
    flex-wrap: nowrap;
}
.en__ecardrecipients__detail .en__ecardrecipients__button-container button {
    position: relative;
    margin-top: 24px;
}
.ProcessForm .border-button {
    display: inline-block;
    background: var(--paletteColor1);
    color: var(--white);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    width: auto;
    max-width: inherit;
    padding: var(--buttonPadding);
    border: var(--buttonborderWidth) solid var(--paletteColor1);
    height: auto;
    border-radius: var(--buttonBorderRadius);
    transition: 0.25s all;
    text-decoration: none;
}
.ProcessForm .border-button:hover {
    background: var(--white);
    border: 3px solid var(--paletteColor1);
    color: var(--black);
}
.ProcessForm .border-button:focus-visible {
    outline: 2px solid var(--paletteColor1);
    outline-offset: 3px;
}
.ProcessForm .en__field--paymenttype .en__field__element--radio label[for="en__field_transaction_paymenttype2"] img {
    max-height: 25px;
}
.ProcessForm .en__field--paymenttype .en__field__element--radio label[for="en__field_transaction_paymenttype2"] {
    padding: 6.5px 15px;
}

/* Lightbox styles */
#en__upsellModal .en__upsellModal__container {
    display: block;
}
#en__upsellModal .en__upsellModal__background {
    min-height: 280px;
    object-fit: cover;
} 
#en__upsellModal .en__upsellModal__content {
    text-align: center;
}
#en__upsellModal .en__upsellModal__content h2, #en__upsellModal .en__upsellModal__content p {
    margin-bottom: 16px;
}
div#en__upsellModal__no button {
    border: none;
    background: transparent;
    text-decoration: underline !important;
    font-weight: 700;
}
div#en__upsellModal__yes button {
    display: block;
    background: var(--paletteColor1);
    color: var(--paletteColor2);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    width: 100%;
    max-width: 350px;
    padding: 10px 15px;
    border: 3px solid var(--paletteColor1);
    height: auto;
    margin: 0 auto;
}
#en__upsellModal #en__upsellModal__close {
    cursor: pointer;
    display: block;
    height: 36px;
    opacity: 1;
    position: absolute;
    right: 24px;
    top: 24px;
    transition: none;
    width: 36px;
    background: #fff;
    display: flex;
    align-items: center;
}
#en__upsellModal #en__upsellModal__close:after, #en__upsellModal #en__upsellModal__close:before {
    background-color: #000;
    content: " ";
    height: 26px;
    left: 16px;
    position: absolute;
    width: 3px;
}

/* Digital Wallet */
#en__digitalWallet {
    margin: 8px 0 24px;
}
#en__digitalWallet .en__digitalWallet__container {
    max-width: 100% !important;
}
#en__digitalWallet, .en__digitalWallet__button {
    display: block !important;
}
p.express-checkout-text {
    margin-top: 18px;
}
.or-divider {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 18px;
}
.or-divider .line {
	flex: 1;
	height: 1px;
	background-color: #706F6F;
}
.or-divider .or-text {
	padding: 0 12px;
	font-size: 14px;
	color: #706F6F;
	/* font-family: sans-serif; */
	white-space: nowrap;
}

/* DAF Direct widget */
.widget--dafdirect #dafdirect {
	margin: auto;
}
.widget--dafdirect #dafdirectdiv {
	margin: auto;
	width: 100%;
	text-align: center !important;
	border: 2px solid var(--paletteColor1);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.widget--dafdirect #dafprovider {
	width: 100%;
	max-width: 100%;
	appearance: none;
	background: var(--selectArrowSVG) calc(100% - 8px);
	background-color: var(--paletteColor2);
}
.widget--dafdirect #dafdirectdiv img {
    margin: 0 auto;
}
.widget--dafdirect #dafdirect .whatThis a {
    width: 100%;
    text-align: right;
}
.widget--dafdirect #dafdirect div#notwhatisthis {
    text-align: left !important;
}
.widget--dafdirect #dafdirect a#dafdirectsubmit:after {
    content: "Next";
    text-align: center;
    cursor: pointer;
    font-size: 19px;
    line-height: 21px;
    max-width: inherit;
    border: 3px solid var(--paletteColor1);
    height: auto;
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 7px 24px;
    position: relative;
    background: var(--paletteColor1);
    color: var(--paletteColor2);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
}
.widget--dafdirect #dafdirect div.dafdirectButtonContain {
    width: 100%;
    margin: 20px 0 0;
    float: none;
}
.widget--dafdirect #dafdirect a#dafdirectsubmit img {
	display: none;
}
.widget--dafdirect #dafdirect .dafdirectInputAmount {
	width: 100%;
	margin: 0 16px 0 0;
	padding: 0;
	float: none;
}
.widget--dafdirect #dafdirect div#notwhatisthis label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--black);
}
.widget--dafdirect #dafdirect a#showwhatisthis {
    color: var(--paletteColor1);
}
.widget--dafdirect #dafdirect div#amountNextContain {
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 16px; */
    margin-top: 8px;
}
@media screen and (max-width: 480px) {
.widget--dafdirect #dafdirect {
	margin-top: 1.5em;
}
}
@media screen and (min-width: 768px) {
.widget--dafdirect #dafdirect {
	margin-top: 30px;
}
}

/* Footer */
body.en__Donation .footer {
    background: var(--paletteColor1);
    padding: 36px 64px;
    display: grid;
    grid-template-columns: repeat(3, 420px);
    grid-gap: 24px;
    gap: 24px;
}
body.en__Donation .footer img {
    max-width: 365px;
}
body.en__Donation .footer h3 {
	color: var(--white);
	font-size: 24px;
	margin-bottom: 0;
}
body.en__Donation .footer p, body.en__Donation .footer a {
	color: var(--white);
	font-size: 18px;
	font-weight: 400;
}
body.en__Donation .footer p {
	margin-bottom: 20px;
}
body.en__Donation .footer a {
	text-decoration: none;
}
body.en__Donation .footer ul {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}
body.en__Donation .footer li {
	margin: 0;
	padding: 0;
}
body.en__Donation .footer ul.footer__navigation.footer__navigation_2 {
    margin-top: 40px;
}



/*Media Queries*/
@media (max-width: 1500px) {
    body.en__Donation.en__Campaign_Form .hero-banner {
        height: 300px;
    }
	.thank-you-hero img {
		width: 100%;
		max-height: 300px;
		object-fit: cover;
	}
}
@media (max-width: 1300px) {
    body.en__Donation.en__MultiStep_Form .en__component--advrow.en__Donation {
        padding: 40px 20px;
        gap: 20px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm {
        /* min-width: 560px; */
        /* padding: 24px; */
    }
    body.en__Donation.en__MultiStep_Form .tribute-info-container {
        margin: -24px -24px 24px;
    }
	body.en__Donation .footer {
		padding: 36px 24px;
		display: block;
	}
	body.en__Donation .footer ul.footer__navigation.footer__navigation_2 {
		margin-top: 0;
	}
}
@media (max-width: 1200px) {
    .main-container {
        max-width: 970px;
    }
}
@media (max-width: 1024px) {
    body:not(.has-custom-bg) {
        background-image: none !important;
    }
    main {
        margin-top: 30px;
    }
	body.en__Donation .en__component--advrow.custom-header .en__component--advcolumn,
    body.en__Donation.en__MultiStep_Form .en__component--advrow.custom-header .en__component--advcolumn {
		padding: 10px;
	}
	body.en__Donation .en__component--advrow.custom-header img.df-header-logo {
		max-height: 75px;
		max-width: 100%;
	}
	/* DF Header in Pagebuilder */
    body.en__Donation main {
        margin-bottom: 0px;
    }
	body.en__Donation.en__OneColumn_Form .en__component--advrow.en__Donation {
		max-width: 100%;
		margin: 0 auto 60px;
	}
    body.en__Donation.en__Campaign_Form .en__component--advrow.en__Donation {
        max-width: 100%;
        margin: 18px auto;
    }
	.ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item:not(.en__field__item--other),
	.ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item,
	.ProcessForm .en__field--paymenttype .en__field__element--radio>.en__field__item {
		flex: 1 1 25%;
		min-width: auto !important;
	}
    form.en__component--page .en__component--advrow {
        display: block;
    }
    form .ProcessForm {
        padding: 0px;
        box-shadow: none;
    }
    .ProcessForm img.df-header-image.show-mobile {
        display: block;
    }
	body.en__Donation.en__MultiStep_Form .en__component.en__component--row.en__component--advrow.donate-page.en__Donation.en__MultiStep_Form .frow-container {
		display: block;
		padding: 0;
	}
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro .ctaImage {
        display: none;
    }
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro p:has(img.ctaImage) {
        margin-bottom: 0px;
    }
	body.en__Donation.en__MultiStep_Form .ProcessFormIntro h1,
	body.en__Donation.en__MultiStep_Form .ProcessFormIntro p.intro-p-last {
		margin-bottom: 16px;
	}
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro p,
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro a,
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro a:link {
        font-size: 16px;
    }

	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info,
	.ProcessForm .donor-info.tribute-fields {
        display: block;
    }
	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info.title-first-last {
		display: grid;
		grid-template-columns: auto;
	}
	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info.email-phone,
	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info.city-state,
	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info.zip-country {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info .en__field.en__field--title {
		grid-column: span 2;
	}
	body.en__Donation.en__MultiStep_Form .ProcessForm .donor-info .en__field.en__field--title {
		max-width: 100%;
	}
    .ProcessForm .donor-info .en__field input,
    .ProcessForm .donor-info .en__field select {
        max-width: 100%;
    }
    .ProcessForm .donor-info .en__field--ccexpire {
        margin-bottom: 18px;
    }
    .en__field--ccvv #en__field_transaction_ccvv {
        width: 100%;
    }
    body.en__Donation.en__MultiStep_Form .en__component--advrow.en__Donation {
        display: flex;
        flex-direction: column;
        margin: 0px;
    }
	body.en__Donation.en__MultiStep_Form .en__component.en__component.en__component--column.en__component--advcolumn.ProcessFormIntro {
		max-width: 100%;
	}
    body.en__Donation.en__MultiStep_Form .ProcessForm {
        width: 100%;
        min-width: unset;
		max-width: 100%;
    }
    body.en__Donation.en__MultiStep_Form:not(.page-1) .ProcessFormIntro {
        display: none !important;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item, 
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item {
        flex: 1 1 25%;
        min-width: auto !important;
    }
	body.en__Donation.en__MultiStep_Form .en__component--advrow.donate-page.page-ty .thank-you-container .thank-you-intro {
		padding: 32px 32px 0;
	}
	body.en__Donation.en__MultiStep_Form .transaction-summary,
	body.en__Donation.en__MultiStep_Form .thank-you-social,
	body.en__Donation.en__MultiStep_Form .thank-you-hr,
	body.en__Donation.en__MultiStep_Form .impact-section-heading {
		padding: 0 32px;
	}
	body.en__Donation.en__MultiStep_Form .thank-you-button-container {
		padding: 0 32px 32px;
	}
	body.en__Donation.en__MultiStep_Form .impact-section-container {
		padding: 0px 32px 16px;
	}
	body.en__Donation.en__MultiStep_Form .page-4 .en__component.en__component--formblock.inner-form .en__field.en__field--NOT_TAGGED_1 {
		margin-top: 0;
	}

    body.en__Donation.en__Campaign_Form .en__component--advcolumn.ProcessForm {
        padding: 24px;
    }
}

@media (max-width: 991px) {
    /*h1 {
		font-size: 36px;
		margin-bottom: 16px;
	}*/
	.ProcessForm h2.section-header-container {
		/*font-size: 24px;*/
		padding: 15px 0 0;
		margin: 15px 0;
	}
	.main-container {
        width: 100%;
        max-width: 750px;
    }
	.ProcessForm .donor-info .en__field {
		margin: 8px 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
	}
	.ProcessForm .donor-info .en__field--ccexpire,
    .ProcessForm .donor-info .en__field--ccvv {
		margin-bottom: 8px;
	}
	body.en__Donation.en__Campaign_Form .hero-banner {
        height: 200px;
    }
	body.en__Donation.en__MultiStep_Form p.section-header.recognize {
		margin: 16px 0 -8px;
	}
}

@media (max-width: 767px) {
    body.en__Donation.en__MultiStep_Form .en__component--advrow.en__Donation {
        padding: 20px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm {
        /* padding: 20px; */
    }
    body.en__Donation.en__MultiStep_Form .tribute-info-container {
        margin: -20px -20px 24px;
    }
	body.en__Donation.en__MultiStep_Form .inner-form-container {
		padding: 30px 32px;
	}
    body.en__Donation.en__MultiStep_Form .ProcessForm .page-step-container {
        flex-direction: column;
        gap: 8px;
        justify-content: center;
        text-align: center;
    }
	body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui {
		display: none;
		flex-direction: row;
		gap: 16px;
		margin: 0 auto;
	}
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--donationAmt .en__field__element--radio, body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio {
        gap: 8px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio {
        margin-bottom: 20px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item, 
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item {
        flex: 1 1 25%;
        min-width: auto !important;
    }
	body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--paymenttype .en__field__element--radio {
		display: block;
	}
	body.en__Donation.en__MultiStep_Form .ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__item label[for="en__field_transaction_paymenttype2"] {
		display: flex;
		justify-content: center;
		align-items: center;
	}
    .monthly-cta-container {
        display: none;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field.en__field--donationAmt {
        margin: 16px 0px;
    }
    .ProcessForm .custom-total-display {
        gap: 6px;
        justify-content: center;
        padding: 12px 6px;
        flex-direction: column;
        align-items: center;
    }
    .ProcessForm .custom-total-display p {
        font-size: 14px;
    }
	body.en__Donation.en__MultiStep_Form .impact-section-container {
		grid-template-columns: auto;
		gap: 0;
	}
	body.en__Donation.en__MultiStep_Form .donate-page.page-1 .ProcessForm .en__submit, body.en__Donation.en__MultiStep_Form .donate-page.page-2 .ProcessForm .en__submit, body.en__Donation.en__MultiStep_Form .donate-page.page-3 .ProcessForm .en__submit {
		margin-top: 24px;
	}
	.ProcessForm .en__field.en__field--inmem {
		margin-top: 24px;
	}
	body:not(#en__pagebuilder) .minimum-donation-amount p {
		font-size: 9px;
		margin-bottom: 0px;
		position: absolute;
		bottom: -26px;
		left: 0;
		line-height: 1.2;
	}
}

@media (max-width: 385px) {
	.ProcessForm .en__field__label {
		max-width: 240px;
	}
	/*.ProcessForm h2.section-header-container {
		font-size: 18px;
	}*/
}

@media (max-width: 360px) {
	.ProcessForm .en__field__label {
		max-width: 230px;
	}
}