.en__Donation main {
    min-height: 1000px;
    margin: 60px 0px;
}

/*Donation Form*/
body {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    background: var(--white);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/*body.custom-bg-active {
    background-color: var(--custom-bg-color, #ffffff);
    background-image: var(--custom-bg-image, none);
}*/
body.bg-gradient-dark-green {
    background: linear-gradient(to bottom, #131B19, #12534E);
}

.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 {
    margin: 0px;
    padding: 20px 64px;
}
.en__component--advrow.custom-header .en__component--advcolumn p {
    margin: 0px;
    font-size: 0px;
    line-height: 100%;
}
.en__component--advrow.custom-header .en__component--advcolumn a {
    display: inline-block;
}

/* EN Page Editor */
#en__pagebuilder .en__hidden {
    display: inherit !important;
}
#en__pagebuilder .main-container.frow-container {
    max-width: 100%;
    padding: 0px 60px;
}
#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(--white);
    color: var(--black);
    border: 1px solid var(--paletteColor6);
}
#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(--black);
    border: 1px solid var(--paletteColor1);
}

form.en__component--page {
    margin: 0px auto 60px;
    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;
}

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

.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 {
    display: none;
}

.ProcessForm .en__field--recurrpay,
.ProcessForm .en__field--donationAmt {
    padding-top: 16px;
    border-top: 1px solid var(--paletteColor7);
}
.ProcessForm .en__field.en__field--donationAmt {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--paletteColor7);
}

.ProcessForm .en__field--donationAmt .en__field__element--radio,
.ProcessForm .en__field--recurrpay .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"] {
    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 {
    display: flex;
    flex: 1;
    min-width: 175px;
}*/
.ProcessForm .en__field--donationAmt .en__field__element--radio>.en__field__item,
.ProcessForm .en__field--recurrpay .en__field__element--radio>.en__field__item {
    display: flex;
    flex: 1;
    min-width: 175px;
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__label--item,
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__label--item {
    display: block;
    background: var(--white);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor6);
    height: auto;
    font-family: var(--fontFamilyButton);
    position: relative;
}

/*.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__label--item:before,*/
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__label--item:before {
    content: "\f061";
    color: var(--paletteColor1);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    opacity: 0;
    /*transition: opacity 0.5s ease;*/
}

.ProcessForm .en__field--donationAmt .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:hover {
    background: var(--white);
    border: 1px solid var(--black);
}
.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 {
    background: var(--paletteColor1);
    border: 1px 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 {
    outline: -webkit-focus-ring-color auto 1px;
}
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item .en__field__label--item:hover:before,
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__item .en__field__label--item:hover:before {
    opacity: 1;
    color: var(--paletteColor1);
}
/*.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item.active .en__field__label--item:before,*/
.ProcessForm .en__field--recurrpay .en__field__element--radio .en__field__item.active .en__field__label--item:before {
    opacity: 1;
    color: var(--white);
}

.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__input--other {
    display: block;
    background: var(--paletteColor1);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor1);
    height: auto;
    margin: 0px;
    font-family: var(--fontFamilyButton);
}
.ProcessForm .en__field--donationAmt.en__field--withOther--active .en__field__item.active:has(input[name="transaction.donationAmt.other"]) {
    display: flex !important;
}

/* Dollar sign fix */
.ProcessForm .en__field--donationAmt.en__field--withOther--active .en__field__item:has(input[value="Other"]:checked) {
    display: none !important;
}
.ProcessForm .en__field--donationAmt .other-amt-input {
	position: relative;
}
.ProcessForm .en__field--donationAmt .en__field__item--hidden.other-amt-input {
    display: none !important;
}
.ProcessForm .en__field--donationAmt .other-amt-input:before {
	content: "$";
    font-family: var(--fontFamilyButton);
	color: var(--black);
	font-size: 16px;
    font-weight: 700;
    line-height: 21px;
	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: 24px;
	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: 6px 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 .fee-info-icon {
    color: var(--paletteColor6);
    font-size: 20px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.ProcessForm .fee-info-icon:hover {
    color: var(--paletteColor2);
}

.ProcessForm .fee-info-tooltip {
    position: absolute;
    left: 100%; 
    top: 50%;
    transform: translateY(-50%);
    margin-left: 15px;
    background-color: var(--paletteColor4);
    color: var(--white);
    padding: 16px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
    width: 220px;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    font-weight: normal; 
    cursor: default;
}

.ProcessForm .fee-info-tooltip::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent var(--paletteColor4) transparent transparent;
}

.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 {
    width: 100%;
    background-color: var(--white);
}

.ProcessForm select,
.ProcessForm .donor-info .en__field select {
    border-radius: 0;
    box-shadow: none;
    background: var(--paletteColor2);
    font-size: 1.6rem;
    min-height: 40px;
    width: 100%;
    max-width: 100%;
    appearance: none;
    background: var(--selectArrowSVG) calc(100% - 8px);

    border: 1px solid var(--black);
    padding: 12px 30px 12px 12px;
    font-family: var(--fontFamilyButton);
    color: var(--black);
    line-height: 1.2;
    box-sizing: border-box;
    margin: 0;
}

.ProcessForm input[type="text"],
.ProcessForm .donor-info .en__field input[type="text"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    width: 100%;

    background: var(--white);
    border: 1px solid var(--black);
    padding: 12px;
    font-family: var(--fontFamilyButton);
    color: var(--black);
    line-height: 1.2;
    box-sizing: border-box;
    margin: 0;
}

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

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

.ProcessForm .en__field__label {
    display: inline-block;
    width: auto;
}

.ProcessForm .en__field__element.en__field__element--textarea,
.ProcessForm .en__field__element.en__field__element--email {
    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;
}

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

/*Billing Info*/
.ProcessForm .donor-info {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

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

.ProcessForm .donor-info .en__field.en__field--title {
    max-width: 108px;
}

.ProcessForm .donor-info .en__field.en__field--title #en__field_supporter_title {
    line-height: normal;
}

/*.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"] {
    -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%;
}

.ProcessForm .donor-info .en__field select {
    border: 1px solid var(--paletteColor1);
    border-radius: 0;
    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);
}*/

.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;
    padding: 0px 0px 8px;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--fontFamilyButton);
    line-height: 1.5;
}

.ProcessForm .en__mandatory>label:before {
    content: "* ";
    color: #9c0003;
}

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

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


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

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

/* Custom Checkbox */
.ProcessForm .en__field--question > .en__field__label {
    display: none;
}
.ProcessForm .en__field--question.en__field--hbs-opt-in > .en__field__label {
    display: block;
}
.ProcessForm .en__field--inmem > label.en__field__label {
    display: none;
}
.ProcessForm input[type="checkbox"] {
  display: block;
  height: 1px;
  width: 1px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  left: -10000px;
}
.ProcessForm .en__field--checkbox .en__field__element--checkbox > .en__field__item {
    padding-bottom: 0px;
}
.ProcessForm .en__field--checkbox .en__field__label--item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    line-height: 120%;
    padding-bottom: 0px;
    cursor: pointer;
    position: relative;
}
.ProcessForm label[for="en__field_transaction_inmem"] {
  display: inline;
  max-width: inherit;
}
.ProcessForm input[type="checkbox"] ~ label::before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--black);
  border-radius: 0px;
  padding: 0;
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  margin-top: 0px;
  height: 20px;
  width: 20px;
  flex: 0 0 auto;
}
.ProcessForm input[type="checkbox"]:checked ~ label::before {
  background-color: var(--black) !important;
}
.ProcessForm input[type="checkbox"] ~ label::after {
  background-color: var(--black) !important;
  color: var(--white) !important;
  border-color: var(--white) !important;
}
.ProcessForm input[type="checkbox"]:checked ~ label::after {
  content: '';
  display: block;
  background: var(--white);
  position: absolute;
  top: 1px;
  left: 7px;
  width: 7px;
  height: 13px;
  border: solid var(--black);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate();
}
.en__field--checkbox input[type="checkbox"]:focus + label::before {
    outline: -webkit-focus-ring-color auto 1px;
}

/*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 {
    display: none;
}*/

.ProcessForm .en__field__element--vgs,
.ProcessForm #en__field_transaction_ccnumber {
    width: 100%;
}

#en__pagebuilder .en__field__input--vgs,
.ProcessForm #en__field_transaction_ccnumber,
.ProcessForm #en__field_transaction_ccvv {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    font-size: 1.6rem;
    min-height: 40px;
    width: 100%;
    background: var(--white);
    border: 1px solid var(--black);
    padding: 12px;
    font-family: var(--fontFamilyButton);
    color: var(--black);
    min-height: 47px;
}

#en__pagebuilder .en__field--ccexpire .en__field__element--splitselect,
.ProcessForm .donor-info .en__field--ccexpire .en__field__element--splitselect {
    display: flex;
    gap: 24px;
}

.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,
.ProcessForm button.en__submit {
    display: block;
    background: var(--paletteColor1);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor1);
    height: auto;
    font-family: var(--fontFamilyButton);
    position: relative;
}

.ProcessForm .en__submit button:before,
.ProcessForm button.en__submit:before {
    content: "\f061";
    color: var(--paletteColor1);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 20px;
    opacity: 0;
    /*transition: opacity 0.5s ease;*/
}

.ProcessForm .en__submit button:hover,
.ProcessForm .en__submit button:focus,
.ProcessForm .en__submit button:focus-within,
.ProcessForm .en__submit button:focus-visible,
.ProcessForm button.en__submit:hover,
.ProcessForm button.en__submit:focus,
.ProcessForm button.en__submit:focus-within,
.ProcessForm button.en__submit:focus-visible  {
    background: var(--white);
    border: 1px solid var(--paletteColor1);
    color: var(--black);
}
.ProcessForm .en__submit button:hover:before,
.ProcessForm .en__submit button:focus:before,
.ProcessForm .en__submit button:focus-within:before,
.ProcessForm .en__submit button:focus-visible:before,
.ProcessForm button.en__submit:hover:before,
.ProcessForm button.en__submit:focus:before,
.ProcessForm button.en__submit:focus-within:before,
.ProcessForm button.en__submit:focus-visible:before {
    color: var(--paletteColor1);
    opacity: 1;
}

.ProcessForm .en__submit.en__submit--disabled button,
.ProcessForm .en__submit.en__submit--disabled button:hover,
.ProcessForm .en__submit.en__submit--disabled button:focus,
.ProcessForm .en__submit.en__submit--disabled button:focus-visible,
.ProcessForm .en__submit.en__submit--disabled button:focus-within {
    display: block;
    background: var(--paletteColor1);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor1);
    height: auto;
    font-family: var(--fontFamilyButton);
    position: relative;

    opacity: 50%;
}

.ProcessForm .en__captcha {
    margin: 16px 0px 0px;
    padding: 0px;
}

.ProcessForm .custom-total-display {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
    margin: 16px 0px 0px;
}
.ProcessForm .custom-total-display p {
    margin-bottom: 0px;
}
.ProcessForm .custom-total-display .totals-output p {
    font-weight: 700;
}

/* Footer */
.footer {
    background-color: var(--white);
}
.footer-top {
    background-color: var(--white);
    background-image: radial-gradient(var(--paletteColor2) 0.25px, transparent 1px);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 20px 20px;
    padding: 32px 24px 0px;
}
.footer-inner {
    padding: 32px 64px;
}
.footer-top p {
    margin: 0px;
    line-height: 0;
    font-size: 0px;
}
.footer-top .footerLogo {
    height: auto !important;
    width: 268px;
    padding: 40px 40px 0px;
    background-color: #ffffff;
}
.footer-inner .footer-details p:last-child {
    margin-bottom: 0px;
}
.footerBadges {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 24px;
}
.footer-inner .footer-details .footerBadges p {
    margin: 0px;
    font-size: 0px;
    line-height: 0;
}
.footer-inner .footer-details .footerBadges p img {
    display: block;
}


/*Error Handling*/
.en__Donation .en__errorHeader {
    background-color: #feeaeb !important;
    color: #990000;
    padding: 16px 16px 0px;
    font-size: 16px;
}
.en__Donation .en__errorList {
    background-color: #feeaeb !important;
    padding-left: 24px;
}
.en__Donation .en__errorList .en__error {
    color: #990000;
    margin: 0px;
    padding: 0px 0px 8px 0px;
}
.ProcessForm .en__field--validationFailed {
    padding: 10px !important;
    background-color: #feeaeb !important;
    border: 1px solid #990000 !important;
    border-radius: 4px !important;
}

.ProcessForm .en__field__error {
    color: #990000;
    font-size: 1em;
}


/*.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: 1px solid #dddddd;
}

.transaction-details td {
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    padding: 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;
}*/

/* Multi-Step CSS */
body.en__Donation.en__MultiStep_Form form.en__component--page {
    margin: 0px;
}
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, 95px);
}
/*body.en__Donation.en__MultiStep_Form .ProcessFormIntro {
    max-width: 600px;
}*/
body.en__Donation.en__MultiStep_Form .ProcessFormIntro h1 {
    color: var(--white);
}
body.en__Donation.en__MultiStep_Form .ProcessFormIntro p {
    color: var(--white);
    font-size: 20px;
    line-height: 150%;
}
body.en__Donation.en__MultiStep_Form .ProcessFormIntro .ctaImage {
    display: block;
}
body.en__Donation.en__MultiStep_Form .ProcessForm {
    min-width: 620px;
    padding: 60px;
    box-shadow: none;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .page-step-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.ProcessForm .page-step-container h2 {
    margin-bottom: 0px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step {
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    text-align: center;
    color: var(--paletteColor6);
    border: 1px solid var(--paletteColor6);
    border-radius: 18px;
    line-height: 32px;
    font-size: 18px;
    font-family: var(--fontFamilySecondary);
    font-weight: 700;
    cursor: default;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.active,
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.completed {
    background-color: var(--paletteColor1);
    border-color: var(--paletteColor1);
    color: var(--black);
}
body.en__Donation.en__MultiStep_Form .ProcessForm .progress-tracker-ui .step.completed {
    opacity: 50%;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__field.en__field--donationAmt {
    margin: 0px 0px 16px;
}
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 24px;
}
/*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% - 12px);
}
.ProcessForm .en__field--recurrpay .en__field__item.monthly {
    flex-direction: column;
    gap: 8px;
}
.monthly-cta-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px;
    align-items: center;
}
.monthly-cta-container .monthly-cta-text {
    margin-bottom: 0px;
}

body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    margin: 16px 0px;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit__container .en__back,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit__container .en__submit {
    width: 100%;
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button {
    display: block;
    background: var(--white);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor6);
    height: auto;
    font-family: var(--fontFamilyButton);
    position: relative;
}
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: absolute;
    left: 20px;
    opacity: 0;
}
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: var(--white);
    border: 1px solid var(--black);
}
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:hover:before,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus:before,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-visible:before,
body.en__Donation.en__MultiStep_Form .ProcessForm .en__back button:focus-within:before {
    opacity: 1;
    color: var(--paletteColor1);
}

body.en__Donation.en__MultiStep_Form .ProcessForm .en__submit {
    border: none;
    margin: 0px;
    padding: 0px;
    text-align: unset;
}
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(--paletteColor4);
    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;
}

.ProcessForm .secure-container img {
    display: block;
}

.ProcessForm .secure-text {
    margin-bottom: 0px;
}
.ProcessForm #en__digitalWallet #en__digitalWallet__stripeButtons {
    margin-bottom: 16px;
}
.ProcessForm #en__digitalWallet .en__digitalWallet__container {
    margin: 0px auto !important;
}
.digital-wallet-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 24px 0px;
    color: var(--black);
    font-weight: 700;
    font-family: var(--fontFamilyButton);
    font-size: 16px;
    text-transform: uppercase;
    line-height: 150%;
}
.digital-wallet-divider::before,
.digital-wallet-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--black);
}
.digital-wallet-divider span {
    padding: 0px 24px;
}

/* Multi-Step Confirmation Page (Redirect) */
body.en__Donation.en__MultiStep_Form.page-5 main {
    min-height: unset;
}
body.en__Donation.en__MultiStep_Form.page-5 form.en__component--page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}
body.en__Donation.en__MultiStep_Form.page-5 .en__component--advrow.custom-header,
body.en__Donation.en__MultiStep_Form.page-5 .footer-top,
body.en__Donation.en__MultiStep_Form.page-5 .footer-inner {
    flex-shrink: 0;
}
body.en__Donation.en__MultiStep_Form.page-5 .en__component--advrow.en__Donation {
    flex-grow: 1;
    display: flex;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
}
body.en__Donation.en__MultiStep_Form.page-5 .ProcessForm {
    padding: 0px;
    background: none;
    text-align: center;
}
body.en__Donation.en__MultiStep_Form.page-5 .ProcessForm .confirmation-spinner .fa-solid.fa-circle-notch {
    color: var(--white);
    font-size: 60px;
}

/* Upsell Lightbox */
body.en__Donation.en__MultiStep_Form #en__upsellModal .en__upsellModal__container {
    display: flex !important;
    flex-direction: column;
    max-width: 600px !important; 
    width: 100%;
    margin: auto;
    border-radius: 0px;
    overflow: hidden;
    border: none;
    background-color: var(--white);
}
body.en__Donation.en__MultiStep_Form #en__upsellModal .en__upsellModal__background {
    width: 100%;
    height: 280px;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal .en__upsellModal__content {
    min-width: 0 !important;
    padding: 32px;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal .en__upsellModal__content #upsell-content-amount {
    text-align: center;
    margin: var(--defaultParagraphMargin);
    font-size: 20px;
    line-height: 150%;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal .en__upsellModal__content p {
    font-size: 20px;
    line-height: 150%;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__close {
    top: 24px;
    right: 24px;
    background-color: var(--white);
    opacity: 1;
    width: 36px;
    height: 36px;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__close:after, 
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__close:before {
    background-color: var(--black);
    content: " ";
    height: 15px;
    left: 17px;
    top: 10px;
    position: absolute;
    width: 2px;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal__buttons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    align-items: center;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no {
    margin: 0px;
    width: 100%;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button {
    display: block;
    background: var(--paletteColor1);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor1);
    height: auto;
    font-family: var(--fontFamilyButton);
    position: relative;
    text-transform: uppercase;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes 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 #en__upsellModal #en__upsellModal__yes button:hover,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:focus,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:focus-within,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:focus-visible {
    background: var(--white);
    border: 1px solid var(--paletteColor1);
    color: var(--black);
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:hover:before,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:focus:before,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:focus-within:before,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__yes button:focus-visible:before {
    color: var(--paletteColor1);
    opacity: 1;
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button {
    display: block;
    background: var(--white);
    color: var(--black);
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    border: 1px solid var(--paletteColor6);
    height: auto;
    font-family: var(--fontFamilyButton);
    position: relative;
}

body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no 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 #en__upsellModal #en__upsellModal__no button:hover,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:focus,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:focus-visible,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:focus-within {
    background: var(--white);
    border: 1px solid var(--black);
}
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:hover:before,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:focus:before,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:focus-visible:before,
body.en__Donation.en__MultiStep_Form #en__upsellModal #en__upsellModal__no button:focus-within:before {
    opacity: 1;
    color: var(--paletteColor1);
}

/* Hidden Opt-Ins */
.ProcessForm .en__field.en__field--fundraising-opt-in,
.ProcessForm .en__field.en__field--newsletter-opt-in {
    display: none !important;
}

/* 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 {
    min-width: 315px;
}
body.en__Donation.en__Campaign_Form .ProcessForm .en__field__item.en__field__item--other.other-amt-input {
    width: 100%;
}

/*Media Queries*/
@media (max-width: 1400px) {
    body.en__Donation.en__Campaign_Form .hero-banner {
        height: 300px;
    }
}
@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;
    }
}
@media (max-width: 1200px) {
    .main-container {
        max-width: 970px;
    }
}

@media (max-width: 1024px) {
    /*body {
        background-image: none !important;
    }*/
    main {
        margin-top: 30px;
    }	
	body.en__Donation .en__component--advrow.custom-header .en__component--advcolumn {
		padding: 16px 20px;
	}
	body.en__Donation .en__component--advrow.custom-header img {
		max-height: 75px;
	}
	/* DF Header in Pagebuilder */
    body.en__Donation main {
        margin-bottom: 0px;
    }
    body.en__Donation form.en__component--page {
        margin-bottom: 20px;
    }
	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 {
		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;
    }
	.ProcessForm .donor-info.tribute-fields {
        display: block;
    }
    .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 .ProcessForm {
        width: 100%;
        min-width: unset;
    }
    body.en__Donation.en__MultiStep_Form:not(.page-1) .ProcessFormIntro {
        display: none !important;
    }
    body.en__Donation.en__MultiStep_Form .footer-top {
        padding: 16px 20px 0px;
    }
    body.en__Donation.en__MultiStep_Form .footer-top .footerLogo {
        width: 188px !important;
        padding: 16px 16px 0px 0px;
    }
    body.en__Donation.en__MultiStep_Form .footer-inner {
        padding: 16px 20px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    body.en__Donation.en__MultiStep_Form .footer-inner .footerBadges {
        justify-content: flex-start;
    }
}

@media (max-width: 991px) {
    h1 {
		font-size: 36px;
		margin-bottom: 16px;
	}
	.ProcessForm h2.section-header-container {
		font-size: 24px;
		padding: 16px 0 0;
		margin: 16px 0;
	}
	.main-container {
        width: 100%;
        max-width: 750px;
    }
	.ProcessForm .donor-info .en__field {
		margin: 8px 0 0;
	}
	.ProcessForm .donor-info .en__field--ccexpire {
		margin-bottom: 8px;
	}
	body.en__Donation.en__Campaign_Form .hero-banner {
        height: 200px;
    }
    .ProcessForm .donor-info,
    .ProcessForm .donor-info .en__field--ccexpire .en__field__element--splitselect {
        gap: 12px;
    }
}

@media (max-width: 767px) {
    body.en__Donation.en__MultiStep_Form .en__component--advrow.en__Donation {
        padding: 0px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro {
        padding: 20px 20px 0px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm {
        padding: 20px 20px 36px;
    }
    body.en__Donation.en__MultiStep_Form .tribute-info-container {
        margin: -20px -20px 24px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm .page-step-container {
        flex-direction: column-reverse;
        gap: 16px;
    }
    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--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% - 4px);
    }
    .monthly-cta-container {
        display: none;
    }
    body.en__Donation.en__MultiStep_Form .ProcessForm .en__field.en__field--donationAmt {
        margin: 16px 0px;
    }
    .digital-wallet-divider {
        margin: 24px 0px;
    }
    .ProcessForm .fee-info-tooltip {
        left: 0;
        top: 100%;
        transform: none;
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
    .ProcessForm .fee-info-tooltip::before {
        display: none;
    }
    .footer-top {
        padding: 20px 0px;
    }
    .footer-inner .frow-container {
        flex-direction: column;
        gap: 20px
    }
    .footer-inner .footer-details p {
        text-align: left !important;
    }
    .footer-inner {
        padding-bottom: 20px;
    }
}

@media (max-width: 450px) {
    /*body.en__Donation.en__MultiStep_Form .en__component--advrow.en__Donation {
        padding: 0px;
    }
    body.en__Donation.en__MultiStep_Form .ProcessFormIntro,
    body.en__Donation.en__MultiStep_Form .ProcessForm {
        padding: 10px;
    }*/
    .ProcessForm .donor-info.donor-name-fields {
        flex-wrap: wrap;
        gap: 0px 12px;
    }
    .ProcessForm .donor-info.donor-name-fields .en__field--title {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ProcessForm .donor-info.donor-name-fields .en__field--firstName, 
    .ProcessForm .donor-info.donor-name-fields .en__field--lastName {
        flex: 1;
    }
}

@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;
	}
}