Join Women for Wildlife
All donations of $2 or more are tax-deductible for Australian residents.
$Lightning.use('c:AS_DonationLgtngOut', function() { $Lightning.createComponent( 'c:AS_GeneralDonationPage', { campaignURLParameter: "AS_Campaign_Id", defaultCampaignId: "701OY00000E8Soh" }, 'AS_donationFormPage', function() { console.log('ltngout success'); } ); }, 'https://tarongacrm.my.site.com' ); h2.slds-text-align_center.WITFAAS_Dollar_Handle span { display: none; } /*Added Updates*/ .slds-form-element__control .slds-select_container select { border: unset; border-bottom: 1px solid; border-radius: 0; height: 50px; font-size: 14px; } .slds-scope .slds-select:focus, .slds-scope .slds-select:active{ box-shadow: none; border-color: black; } .slds-scope .slds-input { border: unset; border-bottom: 1px solid black; border-radius: 0; } .slds-scope .slds-input:focus, .slds-scope .slds-input:active { box-shadow: none; } .slds-scope .slds-has-error .slds-input { box-shadow: none; } .flowruntime-input.slds-form-element { padding: 10px 0 0px 0; } .test button { padding: 20px 40px!important; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage .main { display: flex; flex-direction: column; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage .test { padding: 0 0 25px 0; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage .test button { width: 100%; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage .slds-grid.slds-wrap.WITFAAS_Dollar_Handle { display: flex; flex-direction: column; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page .slds-scope .slds-size_1-of-3, .slds-scope .slds-size--1-of-3 { width: 100%; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page .slds-scope .slds-size_1-of-3, .slds-scope .slds-size--1-of-3 { width: 100%; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage h2.slds-text-align_center.WITFAAS_Dollar_Handle:after { content: 'Please select your gift amount below.'; font-size: 19px; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage button.amountStyle { height: 3em !important; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage .WITFAAS_Dollar_Handle .zoom { padding: 0px 10px 0 0px; transition: transform .0s; margin: 0; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage .navigation-bar__right-align lightning-button.slds-button.flow-button__NEXT button.slds-button.slds-button_brand { font-size: 12px; } body.taronga-general.form-test-grid-block.page-node-type-index-page.index-page section.cAS_GeneralDonationPage button.slds-button.slds-button_neutral:before { font-size: 12px; } /**/ span.amount-val label.slds-form-element__label.slds-no-flex:after { content: "*"; visibility: visible; color: red; position: relative; right: 54px; bottom: 4px; } h2.slds-text-align_center.WITFAAS_Dollar_Handle:after { content: 'Please select your gift amount below.'; font-size: 19px; } input.otherAmount.slds-form-element label.slds-form-element__label.slds-no-flex:after { content: 'Donation Amount*'; visibility: visible; display: block; position: absolute; padding: 5px; top: 2px; } h2.slds-text-align_center.WITFAAS_Dollar_Handle { text-align: justify; padding: 20px 0px 20px 0px; } .slds-grid.slds-grid_align-center.slds-wrap.WITFAAS_Dollar_Handle { justify-content: start; } .WITFAAS_Dollar_Handle .zoom { padding: 0px 0px 0 0px; transition: transform .0s; margin: 0; position: relative; right: 10px; } .WITFAAS_Dollar_Handle .slds-scope .slds-gutters .slds-col{ padding: 0px; } .WITFAAS_Dollar_Handle .amountStyle { padding-bottom: 9px; font-weight: bold; border: none; width: 100%; word-break: break-word; margin-bottom: 10px; height: 4em!important; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; background-color: white; border-radius: 5px; font-size: 18px; } .WITFAAS_Dollar_Handle .zoom{ padding: 10px 10px 0 0px; transition: transform .0s; margin: 0; } .WITFAAS_Dollar_Handle { padding: 0px; margin: 0; width: 100%; } #AS_donationFormPage .slds-col.slds-size_1-of-3.amntStyle { padding: 0px; } span.amount-val label.slds-form-element__label.slds-no-flex:before { content: 'Donation Amount'; visibility: visible; font-size: 18px; font-weight: 400; color: black; } span.amount-val label.slds-form-element__label.slds-no-flex { visibility: hidden!important; } .slds-scope .slds-progress { position: relative; max-width: 90%; width: 100%; flex: 1 1 auto; margin: auto; margin-bottom: 35px; } lightning-input.comments.slds-form-element label.slds-form-element__label.slds-no-flex { visibility: hidden; } lightning-input.comments.slds-form-element label.slds-form-element__label.slds-no-flex:before { content: 'Please let us know any special instructions or comments'; visibility: visible; font-size: 18px; font-weight: 400; color: black; } lightning-input.multipyGiftCheckbox.slds-form-element { display: none; } .navigation-bar__right-align lightning-button.slds-button.flow-button__NEXT button.slds-button.slds-button_brand { padding: 5px 30px 5px 30px; background-color: #02543e; border-style: none; } .WITFAAS_Dollar_Handle button:hover { background: #0bd065 !important; color: #fff !important; border-color: #0bd065 !important; } .slds-grid.slds-wrap.WITFAAS_Dollar_Handle { color: #797572; } button[style="background-color: #645aff; padding:2px;border: solid #938cff; height:7em; "] { background: #009645 !important; color: #fff !important; border: none!important; } .WITFAAS_Dollar_Handle .zoom:hover { transform: none; } .container.slds-m-bottom_x-small { color: black; } section.cAS_GeneralDonationPage2 h2.slds-text-align_center.WITFAASPaymentMethod span:before { content: ''; background: url(https://www.pngkey.com/png/detail/303-3033700_amex-mastercard-and-visa-mastercard-visa-american-express.png); background-size: cover; position: absolute; width: 175px; height: 45px; margin: -20px 0px 0px 150px; } .CreditCardFieldsContainer .CardholderNameContainer label.slds-form-element__label.slds-no-flex { visibility: hidden; } .CreditCardFieldsContainer .CardholderNameContainer label.slds-form-element__label.slds-no-flex:before { content: '*'; color: red; visibility: visible; } .CreditCardFieldsContainer .CardholderNameContainer label.slds-form-element__label.slds-no-flex span:before { content: 'Card Holder Name'; color: #747474; visibility: visible; } .CardNumberContainer div.credit-card[WITFA-aSCardDetails_aSCardDetails] { bottom: 0px; z-index: 2; left: 5px; } button.slds-button.slds-button_brand.givenow { padding: 12px 10px 12px 10px; background: #02543f; border: none; } button.slds-button.slds-button_brand.finish { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div .slds-grid.slds-grid_align-center.slds-wrap.WITFAAS_Dollar_Handle .slds-col.slds-size_1-of-3.amntStyle { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div .interested-in-bequest.WITFAAS_Dollar_Handle { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div .how-did-you-hear-us.WITFAAS_Dollar_Handle { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div lightning-input.comments.slds-form-element { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div .slds-col.slds-size_1-of-3.gauStyle { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div br.WITFAAS_Dollar_Handle { display: none; } .section.slds-grid.slds-gutters.slds-wrap flowruntime-screen-field.flowruntime-section-column.slds-col.slds-size_1-of-1.slds-medium-size_12-of-12 flowruntime-screen-field:nth-child(3) flowruntime-lwc-field.field-element .container.slds-m-bottom_x-small flowruntime-display-text-lwc lightning-formatted-rich-text.slds-rich-text-editor__output span p strong { display: none; } flowruntime-screen-field:nth-child(1) flowruntime-screen-field.flowruntime-section-column.slds-col.slds-size_1-of-1.slds-medium-size_12-of-12 flowruntime-screen-field:nth-child(4) flowruntime-lwc-field.field-element .container.slds-m-bottom_x-small flowruntime-display-text-lwc lightning-formatted-rich-text.slds-rich-text-editor__output span p strong { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div .connection-to-cause.WITFAAS_Dollar_Handle{ display: none; } /*last page*/ flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(4) flowruntime-aura-field.field-element div h2.slds-text-align_center.slds-m-around_large.WITFAAS_DonorDetails { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(4) flowruntime-aura-field.field-element div .Individual.donationOptionContainer.WITFAAS_DonorDetails { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(4) flowruntime-aura-field.field-element div .DonorDetailsContainer.WITFAAS_DonorDetails { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(4) flowruntime-aura-field.field-element div .anonymousCheck.WITFAAS_DonorDetails { display: none; } flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(4) flowruntime-aura-field.field-element div .signup-for-newletter.WITFAAS_DonorDetails { display: none; } h2.slds-text-align_center.slds-m-around_large.WITFAAS_DonorDetails span { font-size: 24px; font-weight: 500; } section.cAS_GeneralDonationPage h2.slds-text-align_center.WITFAASPaymentMethod span:after { content: 'Enter credit card details'; visibility: visible; margin: -44px -13px 2px -94px; position: relative; top: 75px; text-align: center; font-size: 18px; } h2.slds-text-align_center.WITFAASPaymentMethod { visibility: hidden; } section.cAS_GeneralDonationPage h2.slds-text-align_center.WITFAASPaymentMethod span { visibility: hidden; } .navigation-bar__right-align { display: flex; width: 100%; justify-content: space-between; } .navigation-bar__right-align button.slds-button.slds-button_neutral { padding: 5px 30px 5px 30px; background-color: #02543e; border-style: none; color: white; visibility: hidden; } .navigation-bar__right-align { display: flex; width: 100%; justify-content: flex-start; } lightning-button.slds-button.flow-button__NEXT { display: flex; justify-content: flex-end; width: 100%; } .cAS_GeneralDonationPage button.slds-button.slds-button_brand.givenow:after { content: "Submit"; text-indent: 0; display: block; line-height: initial !important; font-size: 12px; } .CardholderNameContainer label.slds-form-element__label.slds-no-flex { font-size: 16px; font-weight: 400; } .DonorDetailsContainer.WITFAAS_DonorDetails .CardholderNameContainer { padding: 8px 0 0px 0; } .CardholderNameContainer label.slds-form-element__label { font-size: 16px; font-weight: 400; } .anonymousCheck.WITFAAS_DonorDetails { padding: 12px 0 0px 0; } label.slds-form-element__label.slds-no-flex { font-size: 16px; font-weight: 400; } .signup-for-newletter.WITFAAS_DonorDetails { padding: 10px 0 0px 0; height: 94px; } .slds-scope .slds-checkbox .slds-checkbox__label .slds-form-element__label { display: inline; vertical-align: middle; font-size: 14px; font-weight: 500; } .signup-for-newletter.WITFAAS_DonorDetails span.slds-form-element__label:before { content: "I'm happy to receive updates on how my donation is making adifference and know about Taronga's special events, offersand promotions and how I can help continue vitalconservation programs. I understand I can unsubscribe orchange my preferences at any time."; font-size: 16px; font-weight: 400; visibility: visible; } .container.slds-m-bottom_x-small p:nth-child(2) span { font-size: 15px!important; color: #747474!important; } .navigation-bar__right-align button.slds-button.slds-button_neutral { padding: 5px 30px 5px 30px; background-color: #02543e; border-style: none; color: white; } button.slds-button.slds-button_neutral:before { content: 'Back'!important; color: white; visibility: visible; padding: 5px 35px 5px 35px; background-color: #02543e; border-radius: 5px; } .section.slds-grid.slds-gutters.slds-wrap lightning-formatted-rich-text span { font-size: 16px; font-weight: 400; } .flowruntime-input.slds-form-element.flowruntime-inline-container { display: grid; grid-template-columns: var(--lwc-spacingLarge, 1.5rem) 1fr; align-items: start; padding: 0 0 10px 0; } /* flowruntime-lwc-body .flowruntimeBody.flowruntimeBody__lwc.slds-card__body.slds-p-horizontal_small flowruntime-list-container div flowruntime-base-section div flowruntime-screen-field:nth-child(3) flowruntime-aura-field.field-element div h2.slds-text-align_center.WITFAAS_Dollar_Handle { display: none; } */ section.cAS_GeneralDonationPage h2.slds-text-align_center.WITFAASPaymentMethod span:before { content: ''; background: url(https://www.marklimotours.com/uploads/4/6/9/2/46925537/797185_orig.jpg); background-size: cover; position: absolute; width: 254px; height: 87px; margin: -8px 5px 0px -54px; visibility: visible; } section.cAS_GeneralDonationPage2 h2.slds-text-align_center.WITFAASPaymentMethod span:after { content: 'Enter credit card details'; visibility: visible; margin: -20px 0px 0px -133px; } section.cAS_GeneralDonationPage2 h2.slds-text-align_center.WITFAASPaymentMethod span:before { content: ''; background: url(https://e7.pngegg.com/pngimages/32/363/png-clipart-visa-master-card-and-american-express-mastercard-payment-visa-credit-card-emv-credit-card-visa-and-master-card-background-text-display-advertising.png); background-size: cover; position: absolute; width: 155px; height: 37px; margin: -12px 20px 2px 220px; visibility: visible; } section.cAS_GeneralDonationPage2 h2.slds-text-align_center.WITFAASPaymentMethod span { visibility: hidden; } h2.slds-text-align_center.WITFAASPaymentMethod { visibility: hidden; } .section.slds-grid.slds-gutters.slds-wrap flowruntime-screen-field.flowruntime-section-column.slds-col.slds-size_1-of-1.slds-medium-size_10-of-12 li.prog.div2.slds-progress__item.slds-is-active button.btn.slds-button.slds-progress__marker { background-color: #02543f !important; border-color: #02543f !important; } div#auraErrorMessage { display: none; } .slds-scope .slds-progress__item.slds-is-active .slds-progress__marker:focus { box-shadow: none; } @media only screen and (max-width: 1024px) { .test { padding: 0 20px 0 0px; } .test button{ padding: 20px 35px !important; } } @media only screen and (max-width: 768px) { .WITFAAS_Dollar_Handle .zoom { padding: 10px 10px 0 25px; } } button.slds-button.slds-button_brand.givenow { padding: 12px 30px 12px 30px !important; background: #02543f; border: none; } } @media only screen and (max-width: 660px) { .test { padding: 10px 70px 23px 12px; } .main{ display: flex; width: 100%; justify-content: space-around; flex-wrap: nowrap; padding: 0px 0 25px 0; flex-direction: column; } } @media only screen and (max-width: 540px) { .prog.slds-progress-bar.slds-progress-bar_x-small[lwc-3n22b5qm99f] { width: 90%; } .test { padding: 10px 70px 23px 0px; } .test button { width: 125%; padding: 20px 32px !important; } li.prog.slds-progress__item.slds-is-active { margin: 0 -30px 0 2px; } button.slds-button.slds-button_brand.givenow { padding: 12px 30px 12px 30px !important; background: #02543f; border: none; } } button.slds-button.slds-button_brand.givenow { padding: 12px 30px 12px 30px !important; background: #02543f; border: none; } /* input font size */ .slds-input { font-size: 16px !important; } /* payment option container */ .PaymentMethodOptionContainer { padding-bottom: 10px; } /* payment option font size */ .Direct.Debit.PaymentMethodOptionContainer span {    font-size: 16px !important; } .Credit.Card.PaymentMethodOptionContainer span {    font-size: 16px; } /*input height CSS*/ .slds-input { height: 30px; } /*Next Button CSS*/ .navigation-bar__right-align lightning-button.slds-button.flow-button__NEXT button.slds-button.slds-button_brand { padding: 12px 30px 12px 30px !important; background: #02543f; border: none; font-size: 15px; border-radius: 5px; } /*Back Button*/ button.slds-button.slds-button_neutral:before { content: 'Back' !important; color: white; visibility: visible; padding: 12px 30.5px 12px 30px; background-color: #02543e; border-radius: 5px; font-size: 15px; } button.slds-button.slds-button_brand.givenow { text-indent: -9999px; line-height: 0; border-radius: 5px; } /*Submit Button*/ .cAS_GeneralDonationPage button.slds-button.slds-button_brand.givenow:after { content: "Submit"; text-indent: 0; display: block; line-height: initial !important; font-size: 15px; } /* Frequency Handler */ .main { justify-content: none; } .main .test { padding: 0 10px 25px 0; width: 100%; } .main .test button { width: 100%; height: 100% } .WITFAAS_SocialMediaShare { display: none !important; } @media only screen and (max-width: 768px) { .main { display: flex; width: 100%; flex-wrap: nowrap; padding: 0 0 25px 0; flex-direction: column; } } mtom Wed, 03/05/2025 - 05:11