.default__button{background-color:var(--wp--preset--color--primary);border:1px solid var(--wp--preset--color--primary);border-radius:80px;color:var(--wp--preset--color--base);cursor:pointer;display:block;font-size:14px;font-weight:600;margin:0 auto;padding:26px 48px 26px 40px;position:relative;text-transform:uppercase;transition:all .4s ease}.default__button:hover{background-color:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--contrast);color:var(--wp--preset--color--contrast)}.default__button:hover:after{filter:brightness(1)}.default__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 6 11%27%3E%3Cpath stroke=%27%232D2D2D%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m.75 9.75 4-4.5-4-4.5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:0;content:"";filter:brightness(0) invert(1);height:12px;margin:auto auto auto .35rem;position:absolute;top:0;width:12px}.default__button.outline{background-color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--contrast);color:var(--wp--preset--color--contrast);padding:26px 40px}.default__button.outline:after{display:none}.default__button.outline_primary{background-color:transparent;border-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--primary);padding:26px 40px}.default__button.outline_primary:after{display:none}.default__button.text__only{background-color:transparent;border:none!important;color:var(--wp--preset--color--primary);padding:26px 40px}.default__button.text__only.add-person-button{color:#323232!important}.default__button.text__only.add-person-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath stroke=%27%23ED1F27%27 stroke-width=%272%27 d=%27M9.745 19.5V0M0 9.745h19.5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:12px;left:1rem;margin:auto;position:absolute;top:0;width:12px}.default__button.text__only.add-person-button:after{display:none}.default__button.text__only.remove-person-button{color:#323232!important;margin-right:0!important}.default__button.text__only.remove-person-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath stroke=%27%23ED1F27%27 stroke-width=%272%27 d=%27M0 9.745h19.5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:12px;left:1rem;margin:auto;position:absolute;top:0;width:12px}.default__button.text__only.remove-person-button:after{display:none}:root{--donation-bg-image:url(https://acn-philippines.org/wp-content/uploads/2025/11/acn-donations-background.png)}.wp-site-blocks{background:transparent}body:has(.donation-stepper-container),html:has(.donation-stepper-container){background-attachment:fixed!important;background-image:var(--donation-bg-image)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}@media(max-width:992px){body:has(.donation-stepper-container),html:has(.donation-stepper-container){background-color:#eaeaea!important;background-image:none!important}}.donation-stepper-container{border-radius:50px;max-width:600px}@media(max-width:992px){.donation-stepper-container{background:none!important;border-radius:0;margin-bottom:0!important;margin-top:0!important;max-width:100%}.donation-stepper-container .section_donation_type-container{border-top-left-radius:50px;border-top-right-radius:50px;padding:32px 24px!important}}.page-template-donations[data-step="2"] .wp-block-cobrandweb-block-slider,.page-template-donations[data-step="3"] .wp-block-cobrandweb-block-slider,.page-template-donations[data-step="4"] .wp-block-cobrandweb-block-slider{display:none}.page-template-donations[data-step="2"] .badge,.page-template-donations[data-step="2"] .data-secure-badge{margin-top:0}.page-template-donations[data-step="3"] .wp-block-spacer{background-color:var(--wp--preset--color--base)}.donation-stepper-container{margin:4rem auto;overflow:hidden;position:relative;width:100%}.donation-stepper-container h3{font-size:30px;font-weight:600;margin:0;text-align:center}.donation-stepper-container .section__title-container{padding:40px 16px}.donation-stepper-container .section__title-container p{font-size:16px;text-align:center}.donation-stepper-container .donation-section .section__title-container{padding-bottom:0}.donation-stepper-container .section_donation_type-container{background-color:var(--wp--preset--color--base);padding:32px 48px}.donation-stepper-container .section_donation_type-container .frequency-toggle{border-radius:6px;display:flex;margin:32px auto;overflow:hidden;width:50%}.donation-stepper-container .section_donation_type-container .freq-btn{background:none;border:none;cursor:pointer;flex:1;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 8px;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#f5f5f5}.donation-stepper-container .section_donation_type-container .freq-btn.active{background:#ed1f27;border-radius:6px;color:#fff}.donation-stepper-container .section_donation_type-container .currency-selector{border-bottom:1px solid var(--wp--preset--color--contrast);margin-bottom:16px;position:relative}.donation-stepper-container .section_donation_type-container .currency-selector select{appearance:none;-webkit-appearance:none;background:#fff;border-radius:8px;color:#666;font-size:20px;padding:11px 32px 11px 12px;width:100%}.donation-stepper-container .section_donation_type-container .custom-amount{margin-bottom:20px}.donation-stepper-container .section_donation_type-container .custom-amount input{border:none;font-size:16px;width:100%}.donation-stepper-container .section_donation_type-container .custom-amount input::placeholder{text-align:center}.donation-stepper-container .section_donation_type-container .custom-amount input::focus,.donation-stepper-container .section_donation_type-container .custom-amount input::focus-visible{outline:none}.donation-stepper-container .donor-payment-section .section__title-container{padding-bottom:0}.donation-stepper-container .donor-payment-section .payment-form{padding:16px 64px 64px}@media(max-width:992px){.donation-stepper-container .donor-payment-section .payment-form{padding:16px 24px}}.donation-stepper-container .donor-payment-section .payment-icon-label-container{align-items:center;display:flex;gap:10px;text-align:left}.donation-stepper-container .summary-section{background-color:#fff;padding:64px 64px 32px}@media(max-width:992px){.donation-stepper-container .summary-section{padding:32px 0 0}.donation-stepper-container .summary-section .section__title-container{padding:16px 24px!important}}.donation-stepper-container .summary-section .section__title-container{padding:0;position:relative;z-index:2}.donation-stepper-container .summary-section:after{background-color:#929292;bottom:0;content:"";height:1px;left:0;position:absolute;top:103px;width:100%;z-index:1}@media(max-width:992px){.donation-stepper-container .summary-section:after{top:84px}}.donation-stepper-container .summary-section .summary-sub-section{align-items:center;display:flex;justify-content:space-between;padding:10px 32px}.donation-stepper-container .summary-section .payment-icon-label-container{align-items:center;display:flex;gap:10px;padding:10px 0}.donation-stepper-container .summary-section .donor-information-container{padding:10px 32px}@media(max-width:992px){.donation-stepper-container .summary-section .donor-information-container{padding:10px 24px}}.donation-stepper-container .summary-section .donor-information-container h2{padding:0 24px}.donation-stepper-container .summary-section .info-grid{border-bottom:1px solid gray;display:grid;grid-template-columns:auto auto;padding:32px 24px}.donation-stepper-container .summary-section .info-grid h4{font-weight:500}.donation-stepper-container .summary-section .payment-method-container{padding:10px 32px}@media(max-width:992px){.donation-stepper-container .summary-section .payment-method-container{padding:16px 24px}}.donation-stepper-container .summary-section .payment-method-container h2{padding:0 24px}.donation-stepper-container .summary-section .payment-method-container .payment-icon-label-container{padding:16px 24px}.donation-stepper-container .badge-container{display:flex;justify-content:center;margin:0 auto 2rem}.donation-stepper-container .badge-container .badge,.donation-stepper-container .badge-container .data-secure-badge{align-items:center;background:#15b213;border-radius:20px;color:#fff;display:flex;font-size:.6rem;gap:10px;justify-content:center;margin:0 auto;padding:5px 13px;width:fit-content}.donation-stepper-container .badge-container .badge p,.donation-stepper-container .badge-container .data-secure-badge p{font-size:14px;margin:0}.payment-btn{align-items:center;border:0;border-radius:10px;display:flex;padding:27px 12px}.payment-btn .payment-icon-label-container{color:var(--wp--preset--color--contrast);letter-spacing:0;padding:0;position:relative;width:100%}.payment-btn .payment-icon-label-container:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 9 15%27%3E%3Cpath stroke=%27%23929292%27 stroke-width=%271.5%27 d=%27m.53.53 6.5 6.5-6.5 6.5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:14px;margin:auto;position:absolute;right:0;top:0;width:14px}.donation-summary-container{padding:20px}@media(max-width:992px){.donation-summary-container{padding:16px 24px}}.payment-method-container{padding:0 25px}.stepper-content{background-color:var(--wp--preset--color--white);border-radius:50px;color:var(--wp--preset--color--contrast);overflow:hidden}@media(max-width:992px){.stepper-content{border-radius:0!important}}.step-panel{animation:fadeIn .3s ease;background:#eaeaea;display:none}.step-panel[data-step="2"] .step-title{padding:0}.step-panel[data-step="3"]{background-color:#eaeaea}.step-panel[data-step="3"] .step-title{margin-bottom:0}.step-panel[data-step="3"] .payment-btn{height:74px}.step-panel[data-step="4"] .step-title{padding-bottom:14px;position:relative}.step-panel[data-step="4"] .step-title:after{background-color:#ed1f27;bottom:0;content:"";height:6px;left:0;margin:auto;position:absolute;right:0;width:100%}.step-panel[data-step="4"] h2{font-size:26px;font-weight:600;margin:0 auto .5rem}.step-panel[data-step="4"] .donation-summary-container .summary-sub-section p{margin:0}.step-panel[data-step="4"] .info-container span{color:#929292;font-size:12px}.step-panel[data-step="4"] .info-container h4{margin:0}.step-panel[data-step="4"] .payment-method-container{margin-bottom:2rem}.step-panel[data-step="4"] .confirm-summary-container{padding:46px 36px}@media(max-width:992px){.step-panel[data-step="4"] .confirm-summary-container{box-shadow:0 4px 100px 0 rgba(0,0,0,.149)}}.step-panel[data-step="4"] .confirm-summary-container button{background-color:#ed1f27;border-radius:12px;padding:25px 0}.step-panel[data-step="4"] .confirm-summary-container h4{color:var(--wp--preset--color--contrast);font-size:14px;padding:1rem 2rem}.step-panel.active{display:block}.amount-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.amount-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#969696;cursor:pointer;font-size:2rem;font-weight:600;padding:18px 12px;transition:all .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}.amount-btn:active{transform:scale(.97)}.amount-btn.selected{background:#ed1f27;border-color:#ed1f27;color:#fff}.donor-form-section .donor-form{background:#fff;padding:32px 48px}@media(max-width:992px){.donor-form-section .donor-form{border-top-left-radius:50px;border-top-right-radius:50px;padding:32px 24px}}.donor-form-section .login-btn{text-decoration:none;width:fit-content}.form-group{margin-bottom:16px}.form-group label{color:#555;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:15px;padding:11px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:red;outline:none}.form-group select#title{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%278%27 fill=%27none%27%3E%3Cpath stroke=%27%23ED1F27%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m.75.75 6.5 6.5 6.5-6.5%27/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;background:#f8f8f8;color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--futura-pt);font-size:20px;font-weight:400;height:80px;padding:27px 30px}.form-group select#title:invalid{color:#999}.form-group select#title option:not(:first-of-type){color:#999}.form-row{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.form-checkbox{align-items:flex-start;display:flex;gap:10px;margin-bottom:20px;padding:0 2px}.form-checkbox input[type=checkbox]{flex-shrink:0;height:18px;margin-top:1px;width:18px}.form-checkbox label{color:#555;font-size:14px;line-height:1.4}.confirm-summary-container{background:#fff;border-top-left-radius:50px;border-top-right-radius:50px;display:flex;flex-direction:column;padding:20px}.confirm-summary-container button{align-items:center;background:#ed1f27;border:none;border-radius:20px;color:#fff;display:flex;font-weight:600;gap:10px;justify-content:center;padding:20px;text-transform:uppercase}.confirm-summary-container h4{color:#666;font-size:.7rem;line-height:1.3;margin-top:10px;text-align:center}.privacy-checkbox{align-items:flex-start;margin-bottom:20px}.privacy-checkbox label{color:var(--wp--preset--color--contrast);font-size:14px;line-height:1.5}.privacy-checkbox input[type=checkbox]{accent-color:#ed1f27;border-radius:10px;flex-shrink:0;height:18px;margin-top:2px;width:18px}.privacy-link,.terms-link{color:#ed1f27;text-decoration:none}.privacy-link:hover,.terms-link:hover{text-decoration:underline}.payment-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.button-group,.payment-icon{align-items:center;display:flex}.button-group{gap:10px;justify-content:center;margin-top:24px;text-align:center}.button-group button{width:100%}@supports(-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}@supports(padding:max(0px)){.stepper-header{padding-top:max(12px,env(safe-area-inset-top))}.button-group{padding-bottom:max(20px,env(safe-area-inset-bottom))}}.stepper-header{margin:0 auto}.mission-selector{margin:0 auto 20px;position:relative;text-align:center;width:60%}@media(max-width:992px){.mission-selector{width:90%}}.mission-selector select{appearance:none;-webkit-appearance:none;background:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2715%27 height=%278%27 fill=%27none%27%3E%3Cpath stroke=%27%23ED1F27%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m.75.75 6.5 6.5 6.5-6.5%27/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-bottom:1px solid #b5b5b5!important;border-left:none;border-radius:0!important;border-right:none;border-top:none;color:#333;font-size:20px;padding:15px 32px 15px 12px;width:100%}.mission-selector select:invalid{color:#999}.mission-selector select:focus{outline:none}
