.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-color: var(--paletteColor4);
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: 140px auto;
padding: 0px 20px;
background: none;
}
body.en__Donation .en__component--advrow.en__Donation.page-ty, body.en__Donation .en__component--advrow.en__Donation.page-email-preferences {
margin: 64px auto;
}
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: 1300px;
margin: 0 auto;
padding: 32px 20px;
}
.en__component--advrow.custom-header .en__component--advcolumn p {
margin: 0px;
}
body.en__component--page .en__component--advrow.custom-header {
background-color: var(--white);
}
body.en__component--page .en__component--advrow.custom-header .en__component--advcolumn {
max-width: 1300px;
margin: 0 auto;
padding: 32px 20px;
}
body.en__Donation .en__component--advrow.custom-header .en__component--copyblock{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 16px;
}
/* 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(--paletteColor5);
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);
}
form.en__component--page {
margin: 0px auto 60px;
padding-top: 20px;
}
form .ProcessForm {
background-color: #ffffff;
padding: 64px;
/*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, .ProcessForm .en__component--ecardblock h2 {
border-top: 3px solid var(--paletteColor1);
}
.ProcessForm h2.section-header-container, .ProcessForm .en__component--ecardblock h2 {
padding: 24px 0 0;
margin: 24px 0;
}
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item.don-level, .ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__item.other-amt{
padding: 0;
}
.ProcessForm .en__field--withOther .en__field__item{
padding: 0;
}
.monthly-cta-source {
display: flex;
gap: 24px;
padding-top: 20px;
padding-bottom: 6px;
width: 90%;
align-items: center;
}
.monthly-cta-source p {
font-size: 18px !important;
margin: 0 !important;
}
/*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,
.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--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: 24px;
}
.ProcessForm .en__field--donationAmt .en__field__element--radio{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.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: 175px;
padding: 0;
}
.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 {
display: block;
background: var(--white);
color: var(--paletteColor1);
text-align: center;
cursor: pointer;
font-size: var(--buttonFontSize);
font-weight: var(--buttonFontWeight);
width: 100%;
max-width: 100%;
padding: var(--buttonPadding);
border: var(--buttonborderWidth) solid var(--paletteColor1);
height: auto;
border-radius: var(--buttonBorderRadius);
transition: 0.25s all;
}
.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--recurrpay .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:hover {
background: var(--paletteColor1);
color: var(--white);
}
.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;
}
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__input--other {
display: block;
background: var(--paletteColor1);
color: var(--white);
text-align: center;
cursor: pointer;
font-size: var(--buttonFontSize);
line-height: 1.5;
font-weight: var(--buttonFontWeight);
width: 100%;
max-width: 100%;
padding: var(--buttonPadding);
border: var(--buttonborderWidth) solid var(--paletteColor1);
height: auto;
margin: 0px;
border-radius: var(--buttonBorderRadius);
}
/* 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;
font-weight: bold;
}
.ProcessForm .en__field--donationAmt .en__field__element--radio .en__field__input--other {
padding-left: 20px;
text-align: center;
}
.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 .en__field--dirgift,
.ProcessForm .en__field--dirgift .en__field__element--radio .en__field__item {
padding: 0px;
display: block;
}
.ProcessForm .en__field__element--select,
.ProcessForm .en__field__element--text,
.ProcessForm .en__field__element--telephone {
width: 100%;
}
.ProcessForm select {
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
background: var(--white);
font-size: 1.6rem;
padding: 12px 30px 12px 12px;
min-height: 40px;
width: 100%;
max-width: 100%;
appearance: none;
background: var(--selectArrowSVG) calc(100% - 8px);
}
.ProcessForm input[type="text"],
.ProcessForm input[type="email"],
.ProcessForm input[type="tel"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
background: var(--white);
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
font-size: 1.6rem;
padding: var(--formFieldPadding);
width: 100%;
}
.ProcessForm input[type="date"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
background: var(--white);
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
font-size: 1.6rem;
padding: var(--formFieldPadding);
width: 100%;
}
.ProcessForm input[type="radio"] {
margin: 0 5px 0px 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: 24px 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 .en__field .en__field__element.en__field__element--splittext {
display: flex;
gap: 24px;
}
.ProcessForm .en__field .en__field__element.en__field__element--splittext > div{
flex-basis: 100%;
padding: 0;
}
.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(--white);
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
font-size: 1.6rem;
min-height: 40px;
padding: 12px;
width: 100%;
}
.ProcessForm .donor-info .en__field select {
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
background: var(--white);
font-size: 1.6rem;
padding: 12px 30px 12px 12px;
min-height: 40px;
width: 100%;
max-width: 100%;
appearance: none;
background: var(--selectArrowSVG) calc(100% - 8px);
}
.ProcessForm .en__field__input--textarea{
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
background: var(--white);
font-size: 1.6rem;
padding: 12px 30px 12px 12px;
resize: none;
}
.ProcessForm .donor-info .en__field__item {
padding: 0px;
width: 100%;
}
.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 .en__field__element--checkbox .en__field__item{
display: flex;
gap: 12px;
}
.ProcessForm .en__field--checkbox .en__field__label{
font-weight: 400;
}
.ProcessForm .en__field--checkbox > .en__field__label{
font-weight: 700;
}
.ProcessForm label {
white-space: normal;
margin-bottom: 0px;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
}
.ProcessForm .en__mandatory>label:before {
content: "* ";
color: #990009;
font-weight: 400;
}
.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;
vertical-align: top;
flex-shrink: 0;
accent-color: var(--paletteColor2);
}
.ProcessForm input[type="radio"] {
accent-color: var(--paletteColor2);
}
.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 {
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__field--anonymousDonor {
border-top: 3px solid var(--paletteColor1);
margin-top: 25px;
padding-top: 25px;
}
.ProcessForm .en__submit {
text-align: left;
padding-top: 24px;
}
.ProcessForm .en__submit 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;
}
.ProcessForm .en__submit button:hover {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
.ProcessForm button.en__submit {
display: 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;
}
.ProcessForm button.en__submit:hover {
background: #005240;
border: var(--buttonborderWidth) solid #005240;
color: var(--white);
}
.ProcessForm .en__captcha {
padding: 25px 0px 0px;
}
.custom-header .border-button, .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;
}
.custom-header .border-button:hover, .ProcessForm .border-button:hover {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
/*Error Handling*/
.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%;
background-color: var(--paletteColor4);
padding: 20px;
font-size: 16px;
display: flex;
flex-direction: column;
gap: 16px;
}
.transaction-details .personal-gift, .transaction-details .company-gift{
display: flex;
flex-direction: column;
gap: 16px;
}
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__component--advrow.en__Donation.en__Campaign_Form {
margin: 64px auto;
}
.ProcessForm .en__field--withOther:not(.en__field--donationAmt) .en__field__element{
display: flex;
flex-direction: column;
gap: 12px;
}
.ProcessForm .en__field__input--other{
margin: 0;
}
/* eCard overrides */
.ProcessForm .en__component.en__component--ecardblock{
max-width: unset;
}
.ProcessForm .en__ecardrecipients__email label, .ProcessForm .en__ecardrecipients__name label, .ProcessForm .en__ecardmessage label{
padding: 6px 0;
margin: 0;
display: inline-block;
}
.ProcessForm .en__ecardrecipients__detail {
align-items: end;
row-gap: 8px;
}
.ProcessForm .en__ecardrecipients__email, .ProcessForm .en__ecardrecipients__name{
width: auto;
flex: 1;
}
.ProcessForm .en__ecardrecipients__name{
flex-basis: 100%;
}
.ProcessForm .en__ecardrecipients__email input, .ProcessForm .en__ecardrecipients__name input{
margin: 0;
}
.ProcessForm .en__ecarditems__action{
display: none;
}
.ProcessForm .en__ecardmessage__default, .ProcessForm .en__ecardrecipients__list{
border: var(--formFieldBorderWidth) solid var(--black);
border-radius: var(--formFieldBorderRadius);
box-shadow: none;
background: var(--white);
font-size: 1.6rem;
padding: 12px 30px 12px 12px;
resize: none;
margin-bottom: 24px;
}
.en__ecardrecipients__detail .en__ecardrecipients__button-container button {
position: relative;
height: 46px;
width: 46px;
display: inline-block;
background: var(--paletteColor1);
color: var(--white);
text-align: center;
cursor: pointer;
font-size: 16px;
line-height: 21px;
font-weight: 600;
max-width: inherit;
padding: var(--buttonPadding);
border: var(--buttonborderWidth) solid var(--paletteColor1);
border-radius: var(--buttonBorderRadius);
transition: 0.25s all;
text-decoration: none;
}
.en__ecardrecipients__detail .en__ecardrecipients__button-container button:hover {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
.ProcessForm .en__ecarditems__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 .en__ecarditems__button:hover {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
.custom-selector .card-container{
gap: 24px;
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.custom-selector .card-option{
border: 2px solid var(--paletteColor4);
}
.custom-selector .card-option span{
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
.custom-selector .card-option .card-selection{
height: 22px;
width: 22px;
border: 2px solid var(--paletteColor4);
border-radius: 50em;
}
.custom-selector .card-option.active{
border: 2px solid var(--paletteColor1);
}
.custom-selector .card-option.active .card-selection{
border: 2px solid var(--paletteColor1);
background-color: var(--paletteColor1);
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6L5 9L10 3' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.custom-preview .en__ecarditems__prevbg{
display: none !important;
}
.custom-preview .en__ecarditems__preview{
display: block !important;
position: static !important;
}
.custom-preview .en__ecarditems__preview .en__ecarditems__prevwrap{
position: static;
margin: 0 auto !important;
padding: 0 0 40px;
max-width: 100%;
}
.custom-preview .en__ecarditems__preview.overflow--height .en__ecarditems__prevwrap{
height: 800px !important;
}
.custom-preview .en__ecarditems__prevclose{
display: none;
}
.en__ecarditems__prevwrap iframe{
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
}
/* Lightbox styles */
#en__upsellModal div.en__upsellModal__container {
display: flex !important;
flex-direction: column;
max-width: 560px;
border-radius: 8px;
}
#en__upsellModal .en__upsellModal__background {
height: 280px;
}
#en__upsellModal .en__upsellModal__content {
text-align: center;
padding: 32px !important;
}
#en__upsellModal .en__upsellModal__content h2, #en__upsellModal .en__upsellModal__content p {
margin-bottom: 16px;
}
div#en__upsellModal #en__upsellModal__no button{
display: inline-block;
background: none;
color: #6660A6;
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 #6660A6;
height: auto;
border-radius: var(--buttonBorderRadius);
transition: 0.25s all;
}
div#en__upsellModal #en__upsellModal__no button:hover{
background: #6660A6;
color: var(--white);
border: var(--buttonborderWidth) solid #6660A6;
}
div#en__upsellModal #en__upsellModal__yes 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;
}
div#en__upsellModal #en__upsellModal__yes button:hover {
background: #005240;
border: var(--buttonborderWidth) solid #005240;
color: var(--white);
}
#en__upsellModal span#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;
border-radius: 2px;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 18L18 6M6 6L18 18' stroke='%230D3F6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
}
#en__upsellModal #en__upsellModal__close::after, #en__upsellModal #en__upsellModal__close::before {
display: none !important;
}
/* Digital Wallet */
#en__digitalWallet {
display: none;
}
#en__digitalWallet {
margin: 24px 0;
}
#en__digitalWallet .en__digitalWallet__container {
max-width: 100% !important;
}
.ProcessForm .en__component--dd360search{
margin-top: 16px;
}
.ProcessForm .en__component--dd360search > p{
margin-bottom: 6px;
}
footer .text-white a{
color: white;
}
/* Survey & Email Preferences */
.custom-enews-toggle {
display: flex;
align-items: center;
gap: 12px;
}
.toggle-switch {
position: relative;
display: inline-block;
width: 48px;
height: 26px;
cursor: pointer;
}
.toggle-input {
opacity: 0;
width: 0;
height: 0;
position: absolute;
}
.toggle-slider {
position: absolute;
inset: 0;
background: #ccc;
border-radius: 26px;
transition: background 0.25s;
}
.toggle-slider::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
left: 3px;
top: 3px;
background: #fff;
border-radius: 50%;
transition: transform 0.25s;
}
.toggle-input:checked + .toggle-slider {
background: var(--paletteColor2); /* swap for your brand color */
}
.toggle-input:checked + .toggle-slider::before {
transform: translateX(22px);
}
.toggle-input:focus-visible + .toggle-slider {
outline: 1px solid var(--paletteColor2);
outline-offset: 3px;
}
.page-email-preferences .en__field--radio,
.en__Survey .en__field--radio {
display: flex;
flex-direction: column;
gap: 12px;
}
.page-email-preferences .en__field--radio.en__field--toggle,
.en__Survey .en__field--radio.en__field--toggle {
flex-direction: row;
gap: 24px;
}
.page-email-preferences .en__field--checkbox.en__field--question > label,
.en__Survey .en__field--checkbox.en__field--question > label {
display: block;
}
.page-email-preferences .ProcessForm .en__submit,
.en__Survey .ProcessForm .en__submit {
margin-top: 40px;
}
.page-email-preferences .en__field--radio .en__field__element--radio,
.en__Survey .en__field--radio .en__field__element--radio {
display: flex;
gap: 24px;
}
.page-email-preferences .en__submit,
.en__Survey .en__submit {
text-align: left;
padding-top: 40px;
border-top: 3px solid var(--paletteColor1);
}
.page-email-preferences label.en__field__label,
.en__Survey label.en__field__label {
font-weight: 700;
}
.page-email-preferences .en__field__helpText,
.en__Survey .en__field__helpText {
font-size: 14px;
}
.page-email-preferences .en__field--survey--terms-and-conditions > label,
.en__Survey .en__field--survey--terms-and-conditions > label {
font-size: 12px;
}
/* Supporter Hub */
body.en__Support_Hub.hub-page-2 div.en__errorHeader {
background: var(--paletteColor1);
max-width: 1300px;
margin: 0 auto;
padding: 32px 20px 10px;
color: #fff;
font-size: 20px;
}
body.en__Support_Hub.hub-page-2 ul.en__errorList:has(li) {
background: var(--paletteColor1);
max-width: 1300px;
margin: 0 auto;
padding: 0 20px 20px;
}
body.en__Support_Hub.hub-page-2 ul.en__errorList li.en__error {
color: #fff;
}
body.en__Donation.en__Support_Hub.hub-page-2 {
background-color: var(--white);
}
body.en__Support_Hub.hub-page-2 form.en__component--page {
margin: 0px auto;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__component--advrow.en__Support_Hub,
body.en__Donation.en__Support_Hub.hub-page-3 .en__component--advrow.en__Support_Hub {
max-width: 744px;
margin: 60px auto;
padding: 0;
}
body.en__Donation.en__Support_Hub.hub-page-1 form .ProcessForm,
body.en__Donation.en__Support_Hub.hub-page-3 form .ProcessForm {
background-color: #ffffff;
padding: 60px;
box-shadow: 4px 4px 64px 0 rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
body.en__Donation.en__Support_Hub input[type="text"],
body.en__Donation.en__Support_Hub input[type="email"],
body.en__Donation.en__Support_Hub input[type="password"],
body.en__Donation.en__Support_Hub input[type="date"],
body.en__Donation.en__Support_Hub select {
padding: 12px;
width: 100%;
height: 48px;
font-size: 16px;
border: 1px solid var(--paletteColor2);
border-radius: 8px;
}
body.en__Donation.en__Support_Hub .ProcessForm .en__field {
width: 100%;
}
body.en__Donation.en__Support_Hub .ProcessForm label {
font-weight: 500;
font-size: 22px;
padding: 0;
margin: 0 0 8px;
}
body.en__Donation.en__Support_Hub.hub-page-1 .ProcessForm .en__submit,
body.en__Donation.en__Support_Hub.hub-page-3 .ProcessForm .en__submit {
border-top: none;
margin: 16px 0 32px;
padding: 0;
text-align: left;
}
body.en__Support_Hub.hub-page-1 .en__supporterHubLogin,
body.en__Support_Hub.hub-page-3 .en__supporterHubLogin {
width: 100%;
margin: auto;
border: none;
border-radius: 0;
overflow: visible;
}
body.en__Support_Hub.hub-page-1 .en__supporterHubLogin__header, body.en__Support_Hub.hub-page-3 .en__supporterHubLogin__header {
background: transparent;
border-bottom: none;
padding: 0;
font-size: 48px;
font-style: normal;
font-weight: 700;
margin-bottom: 24px;
line-height: 120%;
color: var(--paletteColor2);
font-family: var(--fontFamilySecondary);
}
body.en__Support_Hub.hub-page-1 .login-intro h2,
body.en__Support_Hub.hub-page-3 .login-intro h2 {
font-size: 24px;
font-weight: 400;
line-height: 130%;
margin-bottom: 32px;
}
body.en__Support_Hub.hub-page-1 .en__supporterHubLogin__body {
padding: 0;
background: transparent;
}
body.en__Support_Hub.hub-page-1 .en__component.en__component--hublogin p, body.en__Support_Hub.hub-page-1 .en__component.en__component--hublogin p a {
font-size: 20px;
margin-bottom: 0;
line-height: 130%;
color: var(--paletteColor2);
}
body.en__Support_Hub.hub-page-1 .en__component.en__component--hublogin .login-bottom-help p {
margin-bottom: 8px;
}
body.en__Support_Hub.hub-page-1 .en__field.en__field--hublogin {
margin: 32px 0 0;
}
body.en__Support_Hub.hub-page-1 .login-secure {
margin-top: 32px;
}
body.en__Support_Hub.hub-page-1 .en__component.en__component--hublogin .login-secure p {
font-size: 16px;
font-weight: 400;
line-height: 130%;
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-1 .en__hubgadget__response.en__hubgadget__response--failure,
body.en__Support_Hub.hub-page-2 .en__hubgadget__response.en__hubgadget__response--failure {
border: none;
background: rgba(148, 34, 34, 0.10);
padding: 17px 16px 16px 79px;
margin: 40px 0;
color: #942222;
font-size: 24px;
font-weight: 400;
line-height: 130%;
vertical-align: middle;
position: relative;
}
body.en__Support_Hub.hub-page-1 .en__hubgadget__response--failure:before,
body.en__Support_Hub.hub-page-2 .en__hubgadget__response--failure:before {
content: "";
background: url('data:image/svg+xml,');
background-size: 48px 48px;
position: absolute;
top: 8px;
left: 16px;
height: 48px;
width: 48px;
background-repeat: no-repeat;
}
body.en__Support_Hub.hub-page-1 .en__hubgadget__response.en__hubgadget__response--success,
body.en__Support_Hub.hub-page-2 .en__hubgadget__response.en__hubgadget__response--success,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header .no-donations-yet-link,
body.en__Support_Hub.hub-page-2 .my-impact-thank-you-message,
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__empty {
border: none;
background: rgba(30, 98, 33, 0.10);
padding: 17px 16px 16px 79px;
margin: 40px 0;
color: #1E6221;
font-size: 24px;
font-weight: 400;
line-height: 130%;
vertical-align: middle;
position: relative;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header .no-donations-yet-link,
body.en__Support_Hub.hub-page-2 .my-impact-thank-you-message,
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__empty {
padding: 16px;
margin: 32px 0;
text-align: center;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__empty {
font-size: 18px;
margin: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__hubgadget__response.en__hubgadget__response--success {
margin: 20px 0;
}
body.en__Support_Hub.hub-page-1 .en__hubgadget__response.en__hubgadget__response--success:before,
body.en__Support_Hub.hub-page-2 .en__hubgadget__response.en__hubgadget__response--success:before {
content: "";
background: url('data:image/svg+xml,');
background-size: 48px 48px;
position: absolute;
top: 24px;
left: 16px;
height: 48px;
width: 48px;
background-repeat: no-repeat;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubgadget__response.en__hubgadget__response--success:before {
top: 8px
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__hubgadget__response.en__hubgadget__response--success:before {
top: 10px;
}
body.en__Support_Hub.hub-page-2 .en__hubgadget__response--failure p {
color: #942222;
}
body.en__Support_Hub.hub-page-2 .en__hubgadget__response.en__hubgadget__response--success p {
color: #1E6221;
}
body.en__Support_Hub.hub-page-2 .en__hubgadget__response--failure p,
body.en__Support_Hub.hub-page-2 .en__hubgadget__response.en__hubgadget__response--success p {
margin: 0;
font-size: 24px;
font-weight: 400;
line-height: 130%;
}
body.en__Support_Hub.hub-page-2 .custom-header .en__component.en__component--copyblock {
display: flex;
align-items: center;
justify-content: space-between;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.hero-banner {
align-items: center;
background-position: center;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block {
max-width: 918px;
padding: 128px 0;
margin: 0 auto;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block .ProcessForm {
padding: 0;
background-color: transparent;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block .en__component.en__component--copyblock {
padding: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background-color: var(--white);
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block .welcome-text {
margin-left: 64px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block h1 {
font-size: 36px;
margin-bottom: 24px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block p {
margin-bottom: 0;
font-size: 24px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.hub-button-block.frow-container {
padding: 64px 15px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.hub-button-block.hub-button-block-2.frow-container {
padding: 0 15px 64px;
}
body.en__Support_Hub.hub-page-2 .en__component--hubgadget {
box-shadow: none;
border-radius: 0;
background: #fff;
margin: 0 15px 40px 15px;
border: 2px solid #666;
padding: 16px 24px;
display: flex;
align-items: center;
justify-content: center;
height: 92px;
cursor: pointer;
border-radius: 8px;
}
body.en__Support_Hub.hub-page-2 .en__component--hubgadget:hover {
background: #d3d3d3;
}
body.en__Support_Hub.hub-page-2 .en__component--hubgadget span {
color: var(--paletteColor2);
font-weight: 600;
display: block;
text-align: center;
margin: 0 0 0 20px;
font-size: 18px;
}
body.en__Support_Hub.hub-page-2 .en__component--hubgadget > img {
height: 50px;
margin: 0;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block img {
max-width: 130px;
}
body.en__Support_Hub.hub-page-2 .en__component--advcolumn.hub-button-block-1 .en__component.en__component--hubgadget:last-child,
body.en__Support_Hub.hub-page-2 .en__component--advcolumn.hub-button-block-2 .en__component.en__component--hubgadget:last-child,
body.en__Support_Hub.hub-page-2 .en__component--advcolumn.hub-button-block-3 .en__component.en__component--hubgadget:last-child {
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup .en__field__element,
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup .en__field,
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup .en__field__item {
width: 100%;
padding: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup .en__field.en__hubPledge__validationFail {
padding: 10px !important;
background-color: #feeaeb !important;
border: 1px solid #990000 !important;
border-radius: 4px !important;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup .en__field.en__hubPledge__validationFail .en__field__element {
border: none;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup label.en__field__label {
color: var(--black);
font-size: 16px;
padding: 0;
margin-bottom: 8px;
line-height: 1;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supporterdetails .en__hubOverlay__popup .en__component.en__component--formblock {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 24px;
column-gap: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__content {
padding: 32px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header {
padding: 16px 32px 16px 32px;
border-bottom: none;
display: flex;
align-items: center;
min-height: 80px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header h2 {
padding: 0 0 0 64px;
font-size: 28px;
color: var(--paletteColor2);
font-weight: 500;
position: relative;
line-height: 1;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supporterdetails .en__hubOverlay__header h2:before {
content: "";
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_personal_details_icon.png?v=1779387164000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__hubOverlay__header h2:before {
content: "";
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_manage_subscriptions_icon.png?v=1779387162000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubOverlay__header h2:before {
content: "";
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_giving_history_icon.png?v=1779387161000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubOverlay__header h2:before {
content: "";
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_subscribe_icon.png?v=1779387165000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubOverlay__header h2:before {
content: "";
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_your_donations_icon.png?v=1779387166000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--p2p.en__hubOverlay__p2p .en__hubOverlay__header h2:before {
content: "";
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_fundraising_pages_icon.png?v=1779387160000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--impact .en__hubOverlay__header h2:before {
content: "";
background: url('https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/2421/supporter_hub_my_impact_icon.png?v=1778694114000');
height: 48px;
width: 48px;
background-size: 48px 48px;
position: absolute;
left: 0;
top: -10px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__component.en__component--copyblock p {
font-size: 20px;
}
body.en__Support_Hub.hub-page-2 .en__submit button,
body.en__Support_Hub.hub-page-2 button.en__button.en__button--close,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership .en__hubMembership__viewMemberships a,
body.en__Support_Hub.hub-page-3 .logout-buttons a,
body.en__Support_Hub.hub-page-2 .no-donations-yet-close a,
body.en__Support_Hub.hub-page-2 .en__submit button.en__button.en__button--submit,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__transaction__receipt button.en__button,
body.en__Support_Hub.hub-page-2 a.button-cta {
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: 2px solid var(--paletteColor1);
height: auto;
text-decoration: none !important;
border-radius: var(--buttonBorderRadius);
transition: 0.25s all;
}
body.en__Support_Hub.hub-page-3 .logout-buttons a.donate-button,
body.en__Support_Hub.hub-page-2 button.en__button.en__button--close,
body.en__Support_Hub.hub-page-2 .no-donations-yet-close a,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons button[data-action="single"] {
background: var(--white);
color: var(--paletteColor1);
border: 2px solid var(--paletteColor1);
}
body.en__Support_Hub.hub-page-3 .logout-buttons a, body.en__Support_Hub.hub-page-2 a.button-cta {
margin-right: 16px;
display: inline-block;
}
body.en__Support_Hub.hub-page-2 .en__submit button:hover,
body.en__Support_Hub.hub-page-2 button.en__button.en__button--close:hover,
body.en__Support_Hub.hub-page-2 .no-donations-yet-close a:hover,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership .en__hubMembership__viewMemberships a:hover,
body.en__Support_Hub.hub-page-3 .logout-buttons a:hover,
body.en__Support_Hub.hub-page-3 .logout-buttons a.donate-button:hover,
body.en__Support_Hub.hub-page-3 .logout-buttons a.donate-button:focus,
body.en__Support_Hub.hub-page-2 .en__submit button:focus,
body.en__Support_Hub.hub-page-2 .no-donations-yet-close a:focus,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership .en__hubMembership__viewMemberships a:focus,
body.en__Support_Hub.hub-page-2 button.en__button.en__button--close:focus,
body.en__Support_Hub.hub-page-3 .logout-buttons a:focus,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons button[data-action="single"]:hover,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons button[data-action="single"]:focus,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__transaction__receipt button.en__button:hover,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__transaction__receipt button.en__button:focus,
body.en__Support_Hub.hub-page-2 a.button-cta:hover,
body.en__Support_Hub.hub-page-2 a.button-cta:focus {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
body.en__Support_Hub.hub-page-2 .en__submit button.en__button.en__button--submit:hover,
body.en__Support_Hub.hub-page-2 .en__submit button.en__button.en__button--submit:focus {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons button[data-action="upgrade"]:hover,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons button[data-action="upgrade"]:focus {
background: #005240;
color: var(--white);
border: var(--buttonborderWidth) solid #005240;
}
body.en__Support_Hub.hub-page-2 label[for="en__hubPledge__field--donationAmt--other"] {
text-transform: capitalize;
}
body.en__Support_Hub.hub-page-2 .en__submit button.en__button.en__button--close {
margin-left: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header a {
top: 16px;
right: 26px;
bottom: 0;
width: 48px;
background: url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10176/supporter_hub_close_icon.png?v=1779389027000') center center no-repeat;
height: 48px;
background-size: 48px 48px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__submit {
margin-top: 8px;
width: 100%;
grid-column: span 2;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--checkbox.en__field--question,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--checkbox.en__field--question .en__field__element.en__field__element--checkbox .en__field__item,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question .en__field__element.en__field__element--radio {
display: grid;
grid-template-columns: auto auto;
margin-bottom: 32px;
align-items: flex-start;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question label.en__field__label:first-child {
order: 2;
margin-bottom: 0px;
vertical-align: middle;
width: 360px;
font-size: 20px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--checkbox.en__field--question label,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question label {
font-size: 20px;
line-height: 130%
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question .en__field__element.en__field__element--radio {
order: 1;
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field__item label.en__field__label.en__field__label--item {
margin-bottom: 0;
vertical-align: middle;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--checkbox.en__field--question input[type="checkbox"] {
margin: 3px 8px 0px 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--checkbox.en__field--question .en__field__element.en__field__element--checkbox .en__field__item {
align-items: flex-start;
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--p2p .en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--supporterdetails .en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--supportersubscriptions .en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledgeRoi .en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--membership>.en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--membershipHistory>.en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--memCardUpdate>.en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--membershipRenew>.en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--txngiving>.en__hubOverlay__popup,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--impact>.en__hubOverlay__popup {
max-width: 600px
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__icon {
display: none;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 24px;
column-gap: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column h2, body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype {
grid-column: 1 / -1;
font-size: 22px;
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--withOther.en__field--donationAmt {
grid-column: 1 / -1;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype {
font-size: 22px;
margin-bottom: 0;
max-width: 250px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype label.en__field__label[for="en__hubPledge__field--paymenttype"] {
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge h1,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay__impact h1 {
font-size: 28px;
margin-bottom: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay__impact h1 {
text-align: center;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column:nth-child(2) {
margin-top: 24px;
}
/* body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype .en__field__element.en__field__element--radio {
display: grid;
grid-template-columns: 1fr 1fr;
} */
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype .en__field__element.en__field__element--radio .en__field__item {
/* display: flex; */
/* align-items: center; */
margin-bottom: 8px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype .en__field__element.en__field__element--radio .en__field__item label {
margin: 0;
width: auto;
vertical-align: middle;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field__item input,
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column .en__field.en__field--radio.en__field--paymenttype .en__field__element.en__field__element--radio .en__field__item input {
width: 18px;
height: 18px;
margin: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__field.en__field--text.en__field--paycurrency {
display: none;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header p:first-child,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__component.en__component--copyblock.en__component--copyblock--copyDonationPrevious p:first-child,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership p:first-child {
font-size: 28px;
font-weight: 700;
margin-bottom: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header .no-donations-yet p {
font-size: 20px;
font-weight: 400;
text-align: center;
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header .no-donations-yet-link p {
margin-bottom: 0;
text-align: center;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header .no-donations-yet-close p {
margin: 16px 0 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header .no-donations-yet-link p a {
font-size: 20px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header p:nth-child(2),
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header p:nth-child(3) {
font-size: 20px;
margin-bottom: 8px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership {
text-align: center;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership p:nth-child(2) {
font-size: 20px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership p:nth-child(3) {
font-size: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__header {
display: grid;
width: 100%;
align-items: center;
grid-template-columns: 1fr 1fr;
margin-bottom: 32px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__date {
display: block;
width: 100%;
padding-right: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__total {
display: block;
text-align: right;
margin-top: 24px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__total label {
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__total span {
font-size: 20px;
font-weight: 400;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__date label {
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
display: block;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__list li {
border: 1px solid #ccc;
font-size: .85em;
margin: 8px 0;
padding: 16px;
border: 1px solid #0D3F6B;
background: #F2F5F8;
border-radius: 8px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transaction__header p,
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transaction__payment p {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__list li p {
color: #0D3F6B;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transaction__payment p {
font-weight: 400;
}
body.en__Support_Hub.hub-page-2 .en__pagination {
padding: 16px;
text-align: center;
}
body.en__Support_Hub.hub-page-2 .en__pagination .en__button {
display: inline-block;
background: transparent;
padding: 6px;
border: none;
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 1;
font-size: 20px;
font-weight: 700;
}
body.en__Support_Hub.hub-page-2 .en__pagination button.en__pagination__page.en__button.en__button--active {
color: var(--paletteColor1);
border: 2px solid var(--paletteColor1);
border-radius: 8px;
padding: 6px 12px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--p2p.en__hubOverlay__p2p h3 {
font-size: 22px;
font-weight: 700;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--p2p.en__hubOverlay__p2p div {
font-size: 20px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__component.en__component--copyblock.en__component--copyblock--copyDonationPrevious {
text-align: left;
padding: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__component.en__component--copyblock.en__component--copyblock--copyDonationPrevious p:first-child {
text-align: left;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons {
display: block;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons button {
width: 100%;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons .en__submit {
margin: 0 0 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__hubPledge__buttons .en__submit:last-child {
margin: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__field.en__field--splitselect.en__field--ccexpire {
grid-column: 1;
grid-row: 5 / 5;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__field.en__field--vgs.en__field--ccvv {
grid-column: 2;
grid-row: 5 / 5;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__field__element.en__field__element--splitselect .en__field__item {
max-width: 100%;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__field__element.en__field__element--splitselect {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8px;
gap: 8px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column:nth-child(2) .en__field--text:nth-last-child(1) {
grid-column: 1;
grid-row: 6 / 6;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column:nth-child(2) .en__field--text:nth-last-child(2) {
grid-column: 2;
grid-row: 6 / 6;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__panel.en__hubPledge__panel--buttons {
margin-top: 32px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt .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;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt .en__field__element--radio>.en__field__item:not(.en__field__item--other) {
display: flex;
flex: 1;
min-width: 185px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt.one-time-selected .en__field__element--radio .en__field__item.don-level.one-time {
display: flex;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt input[type="radio"] {
position: absolute;
left: -10000px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field.en__field--radio.en__field--withOther.en__field--donationAmt.monthly-levels .en__field__item.one-time-level,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field.en__field--radio.en__field--withOther.en__field--donationAmt.one-time-levels .en__field__item.monthly-level {
display: none;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt .en__field__element--radio .en__field__label--item {
display: block;
background: var(--white);
color: var(--paletteColor1);
text-align: center;
cursor: pointer;
font-size: 16px;
line-height: 21px;
font-weight: 600;
width: 100%;
max-width: 100%;
padding: var(--buttonPadding);
border: var(--buttonborderWidth) solid var(--paletteColor1);
height: auto;
border-radius: var(--buttonBorderRadius);
transition: 0.25s all;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt input[type="radio"]:checked + label,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt .en__field__element--radio .en__field__item .en__field__label--item:hover,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt .en__field__element--radio .en__field__item .en__field__label--item:focus {
background: var(--paletteColor1);
color: var(--white);
border: var(--buttonborderWidth) solid var(--paletteColor1);
}
body.en__Support_Hub.hub-page-2 .en__field.en__field--vgs.en__field--ccnumber {
grid-column: span 2;
}
body.en__Support_Hub.hub-page-2 .en__field__element.en__field__element--vgs, body.en__Support_Hub.hub-page-2 div#en__hubPledge__field--ccnumber {
width: 100%;
display: block;
}
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--activeRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--select.en__field--recurrday,
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--activeRecurring .en__field.en__field--splitselect.en__field--ccexpire,
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--dormantRecurring .en__field.en__field--splitselect.en__field--ccexpire,
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--dormantRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--select.en__field--recurrday,
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--dormantRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--select.en__field--uiPaymentstatus {
margin: 16px 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup label.en__field__label[for="en__hubPledge__field--ccexpire"] {
width: 100%;
}
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--activeRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--splitselect.en__field--ccexpire,
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--dormantRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--splitselect.en__field--ccexpire {
margin: 0 0 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--activeRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--splitselect.en__field--ccexpire .en__field__item,
body.en__Support_Hub.hub-page-2 .en__hubPledge__state.en__hubPledge__state--dormantRecurring.en__hubPledge__state--ccEnabled .en__field.en__field--splitselect.en__field--ccexpire .en__field__item {
max-width: 100%;
}
body.en__Support_Hub.hub-page-2 .en__component.en__component--copyblock.en__component--copyblock--copyCancel {
margin-top: 16px
}
body.en__Support_Hub.hub-page-2 .en__component.en__component--copyblock.en__component--copyblock--copyCancel p {
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__component.en__component--copyblock.en__component--copyblock--copyCancel p a {
font-size: 20px
}
body.en__Support_Hub.hub-page-2 .en__hubUpdateCC__toggle {
margin-bottom: 0;
margin-left: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubUpdateCC.en__hubUpdateCC--enabled .en__hubUpdateCC__additional .en__field {
margin-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubUpdateCC.en__hubUpdateCC--enabled .en__hubUpdateCC__additional {
display: grid;
grid-template-columns: repeat(2, 1fr);
row-gap: 24px;
column-gap: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubUpdateCC.en__hubUpdateCC--enabled .en__hubUpdateCC__additional .en__field.en__field--vgs.en__field--ccvv {
grid-column: 2;
grid-row: 1 / 1;
}
body.en__Support_Hub.hub-page-2 .en__hubUpdateCC.en__hubUpdateCC--enabled .en__hubUpdateCC__additional .en__field.en__field--vgs.en__field--ccnumber {
grid-column: span 2;
grid-column: 1;
grid-row: 1 / 1;
}
body.en__Support_Hub.hub-page-2 input.en__field__input.en__field__input--other {
margin: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay__impact .en__hubOverlay__content>div {
background: none;
padding: 0;
}
body.en__Support_Hub.hub-page-3 h1 {
font-size: 48px;
margin-bottom: 24px;
}
body.en__Support_Hub.hub-page-3 .en__Support_Hub p {
font-size: 20px;
margin-bottom: 40px;
}
body.en__Support_Hub.hub-page-3 .en__Support_Hub p.h2-p {
font-size: 24px;
color: var(--paletteColor2);
}
/*Media Queries*/
@media (max-width: 1400px) {
/*body.en__Donation.en__Campaign_Form .hero-banner {
height: 300px;
}*/
}
@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: 24px 20px;
}
body.en__Donation .en__component--advrow.custom-header img {
max-height: 75px;
}
body.en__component--page .en__component--advrow.custom-header .en__component--advcolumn {
padding: 24px 20px;
}
body.en__component--page .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;
background-color: white;
}
/*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 0px 40px;
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%;
}
}
/* Supporter Hub Responsive */
@media (max-width: 1024px) {
body.en__Donation.en__Support_Hub main {
margin-bottom: 0px;
min-height: auto;
}
body.en__Donation.en__Support_Hub {
background-image: none !important;
background-color: var(--white) !important;
}
body.en__Donation.en__Support_Hub footer {
padding: 24px !important;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__component--advrow.en__Support_Hub,
body.en__Donation.en__Support_Hub.hub-page-3 .en__component--advrow.en__Support_Hub {
max-width: 100%;
margin: 0px auto 40px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block {
max-width: 100%;
padding: 32px;
margin: 0 auto;
}
body.en__Donation.en__Support_Hub.hub-page-1 form .ProcessForm,
body.en__Donation.en__Support_Hub.hub-page-3 form .ProcessForm {
padding: 0 24px 24px;
box-shadow: none;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__supporterHubLogin__header,
body.en__Donation.en__Support_Hub.hub-page-3 .en__supporterHubLogin__header {
font-size: 28px;
margin-bottom: 16px
}
body.en__Donation.en__Support_Hub.hub-page-1 .login-intro h2 {
font-size: 18px;
margin-bottom: 20px;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__field.en__field--hublogin,
body.en__Support_Hub.hub-page-1 .login-secure.login-secure {
margin: 24px 0 0;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__component.en__component--hublogin p,
body.en__Donation.en__Support_Hub.hub-page-3 .en__component.en__component--hublogin p,
body.en__Donation.en__Support_Hub.hub-page-1 .en__component.en__component--hublogin p a,
body.en__Donation.en__Support_Hub.hub-page-3 .en__component.en__component--hublogin p a,
body.en__Support_Hub .ProcessForm label {
font-size: 16px;
}
body.en__Donation.en__Support_Hub.hub-page-1 .ProcessForm .en__submit {
margin: 24px 0;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__hubgadget__response.en__hubgadget__response--failure {
padding: 17px 16px 16px 56px;
margin: 30px 0;
font-size: 18px;
}
body.en__Support_Hub.hub-page-1 .en__hubgadget__response.en__hubgadget__response--success:before,
body.en__Support_Hub.hub-page-2 .en__hubgadget__response.en__hubgadget__response--success:before,
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubgadget__response.en__hubgadget__response--success:before {
top: 8px;
}
body.en__Donation.en__Support_Hub.hub-page-1 .en__hubgadget__response--failure:before {
background-repeat: no-repeat;
background-size: 32px 32px;
position: absolute;
top: 12px;
left: 16px;
height: 32px;
width: 32px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block .en__component.en__component--copyblock,
body.en__Support_Hub.hub-page-2 .en__component--advrow.hub-button-block.frow-container,
body.en__Support_Hub.hub-page-2 .en__component--advrow.hub-button-block.hub-button-block-2.frow-container {
padding: 24px 15px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.hub-button-block.frow-container {
padding-bottom: 0;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block h1 {
font-size: 28px;
margin-bottom: 6px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block p {
font-size: 18px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block img {
max-width: 75px;
}
body.en__Support_Hub.hub-page-2 .en__component--advrow.en__Support_Hub.hub-page-2.hub-welcome-block .welcome-text {
margin-left: 24px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supporterdetails .en__hubOverlay__popup .en__component.en__component--formblock {
display: block;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__content {
padding: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header {
padding: 16px;
border-bottom: none;
display: flex;
align-items: center;
min-height: 80px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__popup .en__field {
margin-bottom: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header h2 {
padding: 0 0 0 48px;
font-size: 18px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header h2:before {
height: 32px !important;
width: 32px !important;
background-size: 32px 32px !important;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__hubOverlay__header a {
top: 24px;
right: 16px;
width: 32px;
height: 32px;
background-size: 32px 32px;
}
body.en__Support_Hub.hub-page-2 .en__component--hubgadget,
body.en__Support_Hub.hub-page-2 .en__component--advcolumn.hub-button-block-1 .en__component.en__component--hubgadget:last-child,
body.en__Support_Hub.hub-page-2 .en__component--advcolumn.hub-button-block-2 .en__component.en__component--hubgadget:last-child {
margin-bottom: 20px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge h1,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay__impact h1,
body.en__Support_Hub.hub-page-3 h1 {
font-size: 24px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header p:first-child,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--membership .en__hubMembership p:first-child,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--p2p.en__hubOverlay__p2p h3 {
font-size: 18px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header p:nth-child(2),
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--txngiving .en__hubTxnGiving__header p:nth-child(3),
body.en__Support_Hub.hub-page-2 .en__hubOverlay .en__component.en__component--copyblock p,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--p2p.en__hubOverlay__p2p div,
body.en__Support_Hub.hub-page-3 .en__Support_Hub p,
body.en__Support_Hub.hub-page-3 .en__Support_Hub p.h2-p {
font-size: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question,
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question .en__field__element.en__field__element--radio {
display: block;
margin-bottom: 16px
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--checkbox.en__field--question {
margin-bottom: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--supportersubscriptions .en__field.en__field--radio.en__field--question label.en__field__label:first-child {
width: 100%;
font-size: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__header {
display: block;
margin-bottom: 24px;
}
body.en__Support_Hub.hub-page-2 .en__hubTxnGiving__transactions__total {
text-align: left;
margin-top: 16px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__component.en__component--copyblock.en__component--copyblock--copyDonationPrevious {
text-align: center;
padding: 0;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay.en__hubOverlay--pledge .en__field--donationAmt .en__field__element--radio>.en__field__item:not(.en__field__item--other) {
min-width: 150px;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__column {
display: block;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__field__element.en__field__element--splitselect .en__field__item {
max-width: 100%;
}
body.en__Support_Hub.hub-page-2 div#en__hubPledge__field--ccvv {
width: 100%;
}
body.en__Support_Hub.hub-page-2 .en__hubOverlay--pledge .en__hubPledge__panel.en__hubPledge__panel--buttons {
margin-top: 8px;
}
body.en__Support_Hub.hub-page-3 .logout-buttons a, body.en__Support_Hub.hub-page-2 a.button-cta {
margin: 0 0 16px 0;
display: block;
}
body.en__Support_Hub.hub-page-3 h1,
body.en__Support_Hub.hub-page-3 .en__Support_Hub p {
margin-bottom: 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:not(.en__ecardrecipients__detail){
flex-direction: column;
gap: 0px;
}
.ProcessForm .donor-info .en__field,
.ProcessForm .donor-info .en__field__item {
margin: 8px 0 0;
}
.ProcessForm .donor-info .en__field--ccexpire {
margin-bottom: 8px;
}
/*body.en__Donation.en__Campaign_Form .hero-banner {
height: 200px;
}*/
}
@media (min-width: 768px) {
.custom-selector .card-container{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ProcessForm .en__ecardrecipients__detail {
flex-wrap: nowrap;
}
.ProcessForm .en__ecardrecipients__name{
flex-basis: min-content;
}
}
@media (max-width: 767px) {
.ProcessForm .en__field--paymenttype .en__field__element--radio {
gap: 10px;
}
.ProcessForm .en__field--paymenttype .en__field__element--radio .en__field__label--item {
padding: 12px;
}
}
@media (max-width: 600px) {
.ProcessForm .en__field--paymenttype .en__field__element--radio {
flex-direction: column;
}
.ProcessForm .en__field--paymenttype .en__field__element--radio>.en__field__item {
width: 100%;
}
}
@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;
}
}