{"id":3438,"date":"2026-06-09T03:35:16","date_gmt":"2026-06-09T03:35:16","guid":{"rendered":"https:\/\/demo5.yinwoodweb.com\/sanisidro\/?page_id=3438"},"modified":"2026-07-22T02:16:08","modified_gmt":"2026-07-22T02:16:08","slug":"donate","status":"publish","type":"page","link":"https:\/\/demo5.yinwoodweb.com\/catanauan\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n
\n\n\n\n\n\nSt. Isidore the Farmer Parish \u2014 Donation<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n\n<style>\n :root {\n --dk-green: #526A40;\n --dk-green-dark: #3D5030;\n --dk-green-deeper: #2E3C24;\n --lt-green: #B5EA8C;\n --lt-green-soft: #D4F4B8;\n --lt-green-pale: #EEFBE2;\n --bg: #F9FAF6;\n --surface: #FFFFFF;\n --text-dark: #2A2A2A;\n --text-body: #4A4A4A;\n --text-muted: #7A7A7A;\n --border: #E2E4DB;\n --border-hover: #B5C4A8;\n --shadow-sm: 0 2px 8px rgba(82,106,64,0.06);\n --shadow-md: 0 8px 30px rgba(82,106,64,0.10);\n --shadow-lg: 0 16px 50px rgba(82,106,64,0.14);\n --radius: 12px;\n --radius-lg: 20px;\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n \/* \u2500\u2500 RESET \u2500\u2500 *\/\n .sidore-page,\n .sidore-page *,\n .sidore-page *::before,\n .sidore-page *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .sidore-page {\n font-family: 'DM Sans', sans-serif;\n color: var(--text-body);\n background: var(--bg);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n width: 100%;\n max-width: 100%;\n min-height: 100vh;\n }\n\n .sidore-page .sidore-full-width {\n width: 100vw;\n max-width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n }\n\n .sidore-page img.flaticon-icon {\n width: 28px;\n height: 28px;\n object-fit: contain;\n display: inline-block;\n vertical-align: middle;\n }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .sidore-hero {\n position: relative;\n background: linear-gradient(160deg, var(--dk-green-deeper) 0%, var(--dk-green) 45%, var(--dk-green-dark) 100%);\n padding: 100px 40px 90px;\n text-align: center;\n overflow: hidden;\n width: 100%;\n }\n\n .sidore-hero::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23B5EA8C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: 0.5;\n pointer-events: none;\n }\n\n .sidore-hero::after {\n content: '';\n position: absolute;\n bottom: -2px;\n left: 0;\n right: 0;\n height: 60px;\n background: var(--surface);\n clip-path: ellipse(55% 100% at 50% 100%);\n }\n\n .sidore-hero-inner {\n position: relative;\n z-index: 1;\n max-width: 750px;\n margin: 0 auto;\n }\n\n .sidore-hero-cross {\n display: inline-block;\n margin-bottom: 24px;\n opacity: 0;\n animation: sidoreFadeDown 0.8s ease forwards 0.2s;\n }\n\n .sidore-hero-cross svg {\n width: 48px;\n height: 48px;\n color: var(--lt-green);\n }\n\n .sidore-hero h1 {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: clamp(2.2rem, 5vw, 3.4rem);\n color: #FFFFFF;\n letter-spacing: -0.02em;\n line-height: 1.15;\n margin-bottom: 8px;\n opacity: 0;\n animation: sidoreFadeUp 0.8s ease forwards 0.4s;\n }\n\n .sidore-hero .sidore-parish-name {\n font-family: 'Lora', serif;\n font-style: italic;\n font-weight: 400;\n font-size: clamp(1rem, 2.5vw, 1.25rem);\n color: var(--lt-green-soft);\n margin-bottom: 24px;\n opacity: 0;\n animation: sidoreFadeUp 0.8s ease forwards 0.6s;\n }\n\n .sidore-hero > .sidore-hero-inner > p:not(.sidore-parish-name) {\n font-size: 1.05rem;\n color: rgba(255,255,255,0.78);\n max-width: 580px;\n margin: 0 auto 36px;\n opacity: 0;\n animation: sidoreFadeUp 0.8s ease forwards 0.7s;\n }\n\n .sidore-hero-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--lt-green);\n color: var(--dk-green-deeper);\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 1rem;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n text-decoration: none;\n padding: 16px 40px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: var(--transition);\n opacity: 0;\n animation: sidoreFadeUp 0.8s ease forwards 0.9s;\n box-shadow: 0 4px 20px rgba(181,234,140,0.3);\n }\n\n .sidore-hero-btn:hover {\n background: #FFFFFF;\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(181,234,140,0.4);\n letter-spacing: 0.08em;\n }\n\n \/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\n .sidore-wrap {\n width: 100%;\n max-width: 1320px;\n margin: 0 auto;\n padding: 0 48px;\n }\n\n \/* \u2500\u2500 SECTION LABELS \u2500\u2500 *\/\n .sidore-section-label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: 'DM Sans', sans-serif;\n font-weight: 600;\n font-size: 0.75rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--dk-green);\n background: var(--lt-green-pale);\n padding: 6px 16px;\n border-radius: 50px;\n margin-bottom: 16px;\n }\n\n .sidore-section-title {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: clamp(1.8rem, 4vw, 2.6rem);\n color: var(--text-dark);\n line-height: 1.2;\n letter-spacing: -0.02em;\n margin-bottom: 16px;\n }\n\n .sidore-section-subtitle {\n font-family: 'Lora', serif;\n font-size: 1.05rem;\n color: var(--text-muted);\n max-width: 620px;\n line-height: 1.8;\n }\n\n \/* \u2500\u2500 ABOUT \u2500\u2500 *\/\n .sidore-about {\n padding: 80px 48px;\n background: var(--surface);\n width: 100%;\n }\n\n .sidore-about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n max-width: 1320px;\n margin: 0 auto;\n }\n\n .sidore-about-visual {\n position: relative;\n }\n\n .sidore-about-img-wrap {\n position: relative;\n border-radius: var(--radius-lg);\n overflow: hidden;\n aspect-ratio: 4\/3;\n background: linear-gradient(135deg, var(--lt-green-pale), var(--lt-green-soft));\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .sidore-about-img-wrap svg {\n width: 120px;\n height: 120px;\n color: var(--dk-green);\n opacity: 0.2;\n }\n\n .sidore-about-accent-box {\n position: absolute;\n bottom: -20px;\n right: -20px;\n background: var(--dk-green);\n color: #fff;\n padding: 20px 28px;\n border-radius: var(--radius);\n box-shadow: var(--shadow-lg);\n }\n\n .sidore-about-accent-box .sidore-number {\n font-family: 'Playfair Display', serif;\n font-size: 2.4rem;\n font-weight: 700;\n line-height: 1;\n color: var(--lt-green);\n }\n\n .sidore-about-accent-box .sidore-label {\n font-size: 0.8rem;\n font-weight: 500;\n color: rgba(255,255,255,0.8);\n margin-top: 2px;\n }\n\n .sidore-about-text h2 {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: clamp(1.6rem, 3.5vw, 2.4rem);\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 20px;\n letter-spacing: -0.02em;\n }\n\n .sidore-about-text p {\n font-family: 'Lora', serif;\n font-size: 1.02rem;\n line-height: 1.9;\n color: var(--text-body);\n margin-bottom: 16px;\n }\n\n .sidore-about-verse {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n background: var(--lt-green-pale);\n border-left: 4px solid var(--dk-green);\n padding: 20px 24px;\n border-radius: 0 var(--radius) var(--radius) 0;\n margin-top: 28px;\n }\n\n .sidore-about-verse svg {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n color: var(--dk-green);\n margin-top: 2px;\n }\n\n .sidore-about-verse blockquote {\n font-family: 'Lora', serif;\n font-style: italic;\n font-size: 0.95rem;\n color: var(--dk-green-dark);\n line-height: 1.7;\n }\n\n .sidore-about-verse cite {\n display: block;\n font-family: 'DM Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 0.8rem;\n color: var(--dk-green);\n margin-top: 8px;\n letter-spacing: 0.03em;\n }\n\n \/* \u2500\u2500 IMPACT CARDS \u2500\u2500 *\/\n .sidore-impact {\n padding: 80px 48px;\n background: var(--bg);\n width: 100%;\n }\n\n .sidore-impact-header {\n text-align: center;\n margin-bottom: 56px;\n }\n\n .sidore-impact-header .sidore-section-subtitle {\n margin: 0 auto;\n }\n\n .sidore-impact-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n max-width: 1320px;\n margin: 0 auto;\n }\n\n .sidore-impact-card {\n background: var(--surface);\n border-radius: var(--radius-lg);\n padding: 36px 30px;\n text-align: center;\n border: 1px solid var(--border);\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(24px);\n }\n\n .sidore-impact-card.sidore-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .sidore-impact-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--dk-green), var(--lt-green));\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .sidore-impact-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow-lg);\n border-color: transparent;\n }\n\n .sidore-impact-card:hover::before {\n transform: scaleX(1);\n }\n\n .sidore-impact-icon {\n width: 68px;\n height: 68px;\n border-radius: 50%;\n background: var(--lt-green-pale);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n transition: var(--transition);\n }\n\n .sidore-impact-card:hover .sidore-impact-icon {\n background: var(--dk-green);\n }\n\n .sidore-impact-icon svg {\n width: 30px;\n height: 30px;\n color: var(--dk-green);\n transition: var(--transition);\n }\n\n .sidore-impact-card:hover .sidore-impact-icon svg {\n color: var(--lt-green);\n }\n\n .sidore-impact-card h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n font-size: 1.2rem;\n color: var(--text-dark);\n margin-bottom: 10px;\n }\n\n .sidore-impact-card p {\n font-size: 0.92rem;\n color: var(--text-muted);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 SCRIPTURE \u2500\u2500 *\/\n .sidore-scripture {\n padding: 72px 48px;\n background: var(--lt-green-pale);\n text-align: center;\n width: 100%;\n }\n\n .sidore-scripture-inner {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .sidore-scripture svg {\n width: 40px;\n height: 40px;\n color: var(--dk-green);\n margin-bottom: 24px;\n opacity: 0.5;\n }\n\n .sidore-scripture blockquote {\n font-family: 'Playfair Display', serif;\n font-style: italic;\n font-weight: 400;\n font-size: clamp(1.2rem, 3vw, 1.7rem);\n color: var(--dk-green-dark);\n line-height: 1.6;\n margin-bottom: 20px;\n }\n\n .sidore-scripture cite {\n font-family: 'DM Sans', sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 0.85rem;\n color: var(--dk-green);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n DONATION SECTION\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .sidore-donate {\n padding: 80px 48px;\n background: var(--surface);\n width: 100%;\n }\n\n .sidore-donate-wrapper {\n display: grid;\n grid-template-columns: 5fr 7fr;\n gap: 56px;\n max-width: 1320px;\n margin: 0 auto;\n align-items: start;\n }\n\n .sidore-donate-info h2 {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n font-size: clamp(1.6rem, 3vw, 2.2rem);\n color: var(--text-dark);\n line-height: 1.2;\n margin-bottom: 16px;\n }\n\n .sidore-donate-info > p {\n font-family: 'Lora', serif;\n font-size: 0.98rem;\n color: var(--text-muted);\n line-height: 1.8;\n margin-bottom: 32px;\n }\n\n .sidore-donate-benefits {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .sidore-donate-benefits li {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 0.92rem;\n color: var(--text-body);\n padding: 10px 14px;\n border-radius: var(--radius);\n transition: var(--transition);\n }\n\n .sidore-donate-benefits li:hover {\n background: var(--lt-green-pale);\n transform: translateX(4px);\n }\n\n .sidore-donate-benefits li svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n color: var(--dk-green);\n }\n\n .sidore-donate-secure {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-top: 28px;\n padding-top: 20px;\n border-top: 1px solid var(--border);\n font-size: 0.82rem;\n color: var(--text-muted);\n }\n\n .sidore-donate-secure svg {\n width: 18px;\n height: 18px;\n color: var(--dk-green);\n flex-shrink: 0;\n }\n\n \/* \u2500\u2500 DONATION CONTACT \u2500\u2500 *\/\n .sidore-donate-contact {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-top: 16px;\n padding-top: 16px;\n border-top: 1px solid var(--border);\n font-size: 0.85rem;\n color: var(--text-body);\n }\n\n .sidore-donate-contact svg {\n width: 18px;\n height: 18px;\n color: var(--dk-green);\n flex-shrink: 0;\n }\n\n .sidore-donate-contact .sidore-contact-name {\n font-weight: 600;\n color: var(--dk-green-dark);\n }\n\n .sidore-donate-contact a {\n color: var(--dk-green);\n font-weight: 500;\n transition: color 0.2s ease;\n }\n\n .sidore-donate-contact a:hover {\n color: var(--dk-green-dark);\n \n }\n\n \/* \u2550\u2550\u2550 FORM CARD \u2550\u2550\u2550 *\/\n .sidore-form-card {\n background: var(--bg);\n border-radius: var(--radius-lg);\n padding: 44px 40px;\n border: 1px solid var(--border);\n box-shadow: var(--shadow-sm);\n transition: box-shadow 0.4s ease, border-color 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .sidore-form-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--dk-green), var(--lt-green), var(--dk-green));\n background-size: 200% 100%;\n animation: sidoreGradientSlide 4s linear infinite;\n }\n\n .sidore-form-card:hover {\n box-shadow: var(--shadow-lg);\n border-color: var(--border-hover);\n }\n\n @keyframes sidoreGradientSlide {\n 0% { background-position: 0% 0%; }\n 100% { background-position: 200% 0%; }\n }\n\n .sidore-form-card h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n font-size: 1.3rem;\n color: var(--text-dark);\n margin-bottom: 28px;\n text-align: center;\n }\n\n \/* Frequency Toggle *\/\n .sidore-freq-toggle {\n display: flex;\n background: var(--surface);\n border-radius: 50px;\n padding: 5px;\n margin-bottom: 30px;\n border: 2px solid var(--border);\n transition: border-color 0.3s ease;\n }\n\n .sidore-freq-toggle:hover {\n border-color: var(--border-hover);\n }\n\n .sidore-freq-btn {\n flex: 1;\n padding: 13px 16px;\n border: none;\n background: transparent;\n font-family: 'DM Sans', sans-serif;\n font-weight: 600;\n font-size: 0.9rem;\n color: var(--text-muted);\n cursor: pointer;\n border-radius: 50px;\n transition: var(--transition);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .sidore-freq-btn svg {\n width: 16px;\n height: 16px;\n }\n\n .sidore-freq-btn:hover:not(.sidore-active) {\n color: var(--dk-green);\n background: var(--lt-green-pale);\n }\n\n .sidore-freq-btn.sidore-active {\n background: var(--dk-green);\n color: #fff;\n box-shadow: 0 2px 12px rgba(82,106,64,0.25);\n }\n\n \/* Amount Section *\/\n .sidore-amount-label {\n font-family: 'DM Sans', sans-serif;\n font-weight: 600;\n font-size: 0.82rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--text-muted);\n margin-bottom: 14px;\n }\n\n .sidore-amount-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 16px;\n }\n\n .sidore-amount-btn {\n padding: 16px 8px;\n border: 2px solid var(--border);\n background: var(--surface);\n border-radius: var(--radius);\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 1.05rem;\n color: var(--text-dark);\n cursor: pointer;\n transition: var(--transition);\n position: relative;\n overflow: hidden;\n }\n\n .sidore-amount-btn::after {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--dk-green);\n opacity: 0;\n transition: opacity 0.3s ease;\n border-radius: inherit;\n z-index: 0;\n }\n\n .sidore-amount-btn span {\n position: relative;\n z-index: 1;\n }\n\n .sidore-amount-btn:hover {\n border-color: var(--dk-green);\n color: var(--dk-green);\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(82,106,64,0.15);\n }\n\n .sidore-amount-btn.sidore-selected {\n border-color: var(--dk-green);\n background: var(--dk-green);\n color: #fff;\n box-shadow: 0 4px 20px rgba(82,106,64,0.3);\n transform: translateY(-2px);\n }\n\n .sidore-amount-btn.sidore-selected:hover {\n background: var(--dk-green-dark);\n border-color: var(--dk-green-dark);\n }\n\n \/* Custom Amount *\/\n .sidore-custom-amount {\n position: relative;\n margin-bottom: 30px;\n }\n\n .sidore-custom-amount .sidore-currency {\n position: absolute;\n left: 16px;\n top: 50%;\n transform: translateY(-50%);\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 1.15rem;\n color: var(--dk-green);\n pointer-events: none;\n }\n\n .sidore-custom-amount input {\n width: 100%;\n padding: 15px 16px 15px 36px;\n border: 2px solid var(--border);\n border-radius: var(--radius);\n font-family: 'DM Sans', sans-serif;\n font-size: 1.05rem;\n font-weight: 600;\n color: var(--text-dark);\n background: var(--surface);\n transition: var(--transition);\n outline: none;\n }\n\n .sidore-custom-amount input::placeholder {\n font-weight: 400;\n color: #bbb;\n }\n\n .sidore-custom-amount input:hover {\n border-color: var(--border-hover);\n }\n\n .sidore-custom-amount input:focus {\n border-color: var(--dk-green);\n box-shadow: 0 0 0 4px rgba(82,106,64,0.1);\n }\n\n \/* Form Fields *\/\n .sidore-form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 16px;\n }\n\n .sidore-form-row.sidore-full {\n grid-template-columns: 1fr;\n }\n\n .sidore-form-group {\n display: flex;\n flex-direction: column;\n }\n\n .sidore-form-group label {\n font-family: 'DM Sans', sans-serif;\n font-weight: 600;\n font-size: 0.82rem;\n color: var(--text-body);\n margin-bottom: 7px;\n letter-spacing: 0.02em;\n transition: color 0.3s ease;\n }\n\n .sidore-form-group input,\n .sidore-form-group select,\n .sidore-form-group textarea {\n padding: 14px 16px;\n border: 2px solid var(--border);\n border-radius: 10px;\n font-family: 'DM Sans', sans-serif;\n font-size: 0.92rem;\n color: var(--text-dark);\n background: var(--surface);\n transition: var(--transition);\n outline: none;\n width: 100%;\n }\n\n .sidore-form-group textarea {\n resize: vertical;\n min-height: 90px;\n }\n\n .sidore-form-group input:hover,\n .sidore-form-group select:hover,\n .sidore-form-group textarea:hover {\n border-color: var(--border-hover);\n box-shadow: 0 2px 8px rgba(82,106,64,0.06);\n }\n\n .sidore-form-group input:focus,\n .sidore-form-group select:focus,\n .sidore-form-group textarea:focus {\n border-color: var(--dk-green);\n box-shadow: 0 0 0 4px rgba(82,106,64,0.1);\n }\n\n .sidore-form-group input:focus + label,\n .sidore-form-group select:focus + label {\n color: var(--dk-green);\n }\n\n \/* Select Dropdown Fix *\/\n .sidore-form-group select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 16px center;\n background-size: 14px;\n padding-right: 44px;\n padding-left: 16px;\n padding-top: 14px;\n padding-bottom: 14px;\n cursor: pointer;\n line-height: 1.5;\n min-height: 50px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n \/* Dedication *\/\n .sidore-dedication {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n margin-top: 4px;\n padding: 12px 14px;\n border-radius: var(--radius);\n transition: background 0.3s ease;\n cursor: pointer;\n }\n\n .sidore-dedication:hover {\n background: var(--lt-green-pale);\n }\n\n .sidore-dedication input[type=\"checkbox\"] {\n width: 20px;\n height: 20px;\n accent-color: var(--dk-green);\n cursor: pointer;\n flex-shrink: 0;\n }\n\n .sidore-dedication label {\n font-size: 0.9rem;\n color: var(--text-body);\n cursor: pointer;\n line-height: 1.4;\n }\n\n .sidore-dedication-fields {\n display: none;\n gap: 16px;\n margin-bottom: 20px;\n animation: sidoreSlideDown 0.3s ease;\n }\n\n .sidore-dedication-fields.sidore-show {\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n\n @keyframes sidoreSlideDown {\n from { opacity: 0; transform: translateY(-10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Submit Button *\/\n .sidore-submit-btn {\n width: 100%;\n padding: 18px;\n background: linear-gradient(135deg, var(--dk-green), var(--dk-green-dark));\n color: #fff;\n border: none;\n border-radius: 50px;\n font-family: 'DM Sans', sans-serif;\n font-weight: 700;\n font-size: 1.05rem;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n cursor: pointer;\n transition: var(--transition);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 28px;\n box-shadow: 0 4px 20px rgba(82,106,64,0.25);\n position: relative;\n overflow: hidden;\n }\n\n .sidore-submit-btn::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);\n transition: 0.6s;\n }\n\n .sidore-submit-btn:hover::after {\n left: 100%;\n }\n\n .sidore-submit-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 32px rgba(82,106,64,0.4);\n background: linear-gradient(135deg, var(--dk-green-dark), var(--dk-green-deeper));\n }\n\n .sidore-submit-btn:active {\n transform: translateY(-1px);\n }\n\n .sidore-submit-btn svg {\n width: 20px;\n height: 20px;\n }\n\n .sidore-form-footer {\n text-align: center;\n margin-top: 18px;\n font-size: 0.78rem;\n color: var(--text-muted);\n }\n\n \/* \u2500\u2500 WAYS TO GIVE \u2500\u2500 *\/\n .sidore-ways {\n padding: 80px 48px;\n background: var(--dk-green-deeper);\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n\n .sidore-ways::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='%23B5EA8C' fill-opacity='0.03'%3E%3Cpath d='M20 20c0-5.5 4.5-10 10-10V0H0v40h40V30c-5.5 0-10-4.5-10-10z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n\n .sidore-ways-inner {\n position: relative;\n z-index: 1;\n max-width: 1320px;\n margin: 0 auto;\n }\n\n .sidore-ways-header {\n text-align: center;\n margin-bottom: 56px;\n }\n\n .sidore-ways-header .sidore-section-label {\n background: rgba(181,234,140,0.15);\n color: var(--lt-green);\n }\n\n .sidore-ways-header .sidore-section-title {\n color: #FFFFFF;\n }\n\n .sidore-ways-header .sidore-section-subtitle {\n color: rgba(255,255,255,0.6);\n margin: 0 auto;\n }\n\n .sidore-ways-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n }\n\n .sidore-way-card {\n background: rgba(255,255,255,0.06);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: var(--radius-lg);\n padding: 40px 32px;\n text-align: center;\n transition: var(--transition);\n backdrop-filter: blur(10px);\n }\n\n .sidore-way-card:hover {\n background: rgba(255,255,255,0.12);\n transform: translateY(-6px);\n border-color: rgba(181,234,140,0.2);\n box-shadow: 0 12px 40px rgba(0,0,0,0.15);\n }\n\n .sidore-way-card svg {\n width: 40px;\n height: 40px;\n color: var(--lt-green);\n margin-bottom: 20px;\n transition: transform 0.3s ease;\n }\n\n .sidore-way-card:hover svg {\n transform: scale(1.1);\n }\n\n .sidore-way-card h3 {\n font-family: 'Playfair Display', serif;\n font-weight: 600;\n font-size: 1.15rem;\n color: #FFFFFF;\n margin-bottom: 10px;\n }\n\n .sidore-way-card p {\n font-size: 0.88rem;\n color: rgba(255,255,255,0.55);\n line-height: 1.7;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes sidoreFadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @keyframes sidoreFadeDown {\n from { opacity: 0; transform: translateY(-16px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 1024px) {\n .sidore-about-grid { gap: 40px; }\n .sidore-donate-wrapper { gap: 40px; }\n }\n\n @media (max-width: 900px) {\n .sidore-about-grid { grid-template-columns: 1fr; }\n .sidore-impact-grid { grid-template-columns: 1fr 1fr; }\n .sidore-donate-wrapper { grid-template-columns: 1fr; }\n .sidore-ways-grid { grid-template-columns: 1fr 1fr; }\n }\n\n @media (max-width: 600px) {\n .sidore-hero { padding: 70px 20px 70px; }\n .sidore-about,\n .sidore-impact,\n .sidore-donate,\n .sidore-ways,\n .sidore-scripture { padding-left: 20px; padding-right: 20px; }\n .sidore-wrap { padding: 0 20px; }\n .sidore-impact-grid { grid-template-columns: 1fr; }\n .sidore-form-card { padding: 28px 20px; }\n .sidore-amount-grid { grid-template-columns: repeat(2, 1fr); }\n .sidore-form-row { grid-template-columns: 1fr; }\n .sidore-dedication-fields.sidore-show { grid-template-columns: 1fr; }\n .sidore-ways-grid { grid-template-columns: 1fr; }\n .sidore-about-accent-box {\n position: relative; bottom: auto; right: auto;\n display: inline-flex; gap: 12px; align-items: center; margin-top: 16px;\n }\n .sidore-freq-toggle { flex-direction: column; border-radius: var(--radius); }\n .sidore-freq-btn { border-radius: 8px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"sidore-page\">\n\n <!-- HERO -->\n <section class=\"sidore-hero\">\n <div class=\"sidore-hero-inner\">\n <div class=\"sidore-hero-cross\">\n <svg viewBox=\"0 0 48 48\" fill=\"none\"><path d=\"M22 6h4v14h14v4H26v14h-4V24H8v-4h14V6z\" fill=\"currentColor\"\/><\/svg>\n <\/div>\n <h1>Support Our Parish<\/h1>\n <p class=\"sidore-parish-name\">St. Isidore the Farmer Parish<\/p>\n <p>Your generous gift nurtures faith, sustains our community, and carries forward the mission of Christ in our neighborhood and beyond.<\/p>\n <a href=\"#donate-form\" class=\"sidore-hero-btn\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n Give Today\n <\/a>\n <\/div>\n <\/section>\n\n <!-- ABOUT -->\n <section class=\"sidore-about\">\n <div class=\"sidore-about-grid\">\n <div class=\"sidore-about-visual\">\n <div class=\"sidore-about-img-wrap\">\n <svg viewBox=\"0 0 120 120\" fill=\"none\"><path d=\"M60 10L15 50v10h15v40h60V60h15V50L60 10zm-15 85V70h30v25H45z\" fill=\"currentColor\"\/><circle cx=\"60\" cy=\"40\" r=\"8\" fill=\"currentColor\"\/><\/svg>\n <\/div>\n <div class=\"sidore-about-accent-box\">\n <div>\n <div class=\"sidore-number\">75+<\/div>\n <div class=\"sidore-label\">Years of Service<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"sidore-about-text\">\n <div class=\"sidore-section-label\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n Our Mission\n <\/div>\n <h2>Rooted in Faith,<br>Growing in Love<\/h2>\n <p>St. Isidore the Farmer Parish has been a spiritual home for families in our community for over seven decades. Named after the patron saint of farmers and rural communities, our parish embodies the virtues of simplicity, hard work, and unwavering devotion to God.<\/p>\n <p>Every contribution you make helps us celebrate the sacraments, educate our children in the faith, support families in need, and maintain the sacred space where generations have gathered to worship.<\/p>\n <div class=\"sidore-about-verse\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M10 8.5L7.5 12 10 15.5M14 8.5L16.5 12 14 15.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\n <div>\n <blockquote>“Each of you should give what you have decided in your heart to give, not reluctantly or under compulsion, for God loves a cheerful giver.”<\/blockquote>\n <cite>2 Corinthians 9:7<\/cite>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- IMPACT -->\n <section class=\"sidore-impact\">\n <div class=\"sidore-wrap\">\n <div class=\"sidore-impact-header\">\n <div class=\"sidore-section-label\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg>\n Where Your Gift Goes\n <\/div>\n <h2 class=\"sidore-section-title\">Your Generosity at Work<\/h2>\n <p class=\"sidore-section-subtitle\">Every donation, no matter the size, makes a tangible difference in the life of our parish and those we serve.<\/p>\n <\/div>\n <div class=\"sidore-impact-grid\">\n <div class=\"sidore-impact-card\">\n <div class=\"sidore-impact-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\n <\/div>\n <h3>Faith Formation<\/h3>\n <p>Religious education, youth ministry, Bible study programs, and sacramental preparation for all ages.<\/p>\n <\/div>\n <div class=\"sidore-impact-card\">\n <div class=\"sidore-impact-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n <\/div>\n <h3>Community Outreach<\/h3>\n <p>Food pantry, clothing drives, shelter support, and assistance for families facing hardship in our area.<\/p>\n <\/div>\n <div class=\"sidore-impact-card\">\n <div class=\"sidore-impact-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n <\/div>\n <h3>Parish Maintenance<\/h3>\n <p>Preserving our church building, grounds, and facilities so future generations may worship in this sacred space.<\/p>\n <\/div>\n <div class=\"sidore-impact-card\">\n <div class=\"sidore-impact-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n <h3>Family Ministry<\/h3>\n <p>Marriage preparation, parenting workshops, bereavement support, and pastoral counseling for parish families.<\/p>\n <\/div>\n <div class=\"sidore-impact-card\">\n <div class=\"sidore-impact-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n <\/div>\n <h3>Liturgical Life<\/h3>\n <p>Beautiful liturgies, sacred music, altar supplies, and worship resources that elevate our celebration of the sacraments.<\/p>\n <\/div>\n <div class=\"sidore-impact-card\">\n <div class=\"sidore-impact-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n <\/div>\n <h3>Mission Support<\/h3>\n <p>Contributions to diocesan programs, global mission work, and partnerships with communities around the world.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SCRIPTURE -->\n <section class=\"sidore-scripture\">\n <div class=\"sidore-scripture-inner\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <blockquote>“Honor the Lord with your wealth, with the firstfruits of all your crops; then your barns will be filled to overflowing.”<\/blockquote>\n <cite>Proverbs 3:9-10<\/cite>\n <\/div>\n <\/section>\n\n <!-- DONATION FORM -->\n <section class=\"sidore-donate\" id=\"donate-form\">\n <div class=\"sidore-donate-wrapper\">\n <div class=\"sidore-donate-info\">\n <div class=\"sidore-section-label\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n Make a Gift\n <\/div>\n <h2>Your Gift Makes a Difference<\/h2>\n <p>Whether it supports the candles on our altar or the food on a neighbor’s table, your generosity is the foundation of all we do at St. Isidore the Farmer Parish.<\/p>\n <ul class=\"sidore-donate-benefits\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Tax-deductible donation receipt provided\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Option to give in honor or memory of a loved one\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Choose one-time or recurring monthly giving\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Direct your gift to a specific ministry\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Secure, encrypted payment processing\n <\/li>\n <\/ul>\n <div class=\"sidore-donate-secure\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n Your information is protected with 256-bit SSL encryption. We never share your personal data.\n <\/div>\n <div class=\"sidore-donate-contact\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <span>For donation inquiries, contact <span class=\"sidore-contact-name\">Jose Jay<\/span> at <a href=\"tel:09562616212\">09562616212<\/a><\/span>\n <\/div>\n <\/div>\n\n <div class=\"sidore-form-card\">\n <h3>Choose Your Gift<\/h3>\n\n <!-- Frequency -->\n <div class=\"sidore-freq-toggle\">\n <button class=\"sidore-freq-btn sidore-active\" data-freq=\"one-time\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n One-Time\n <\/button>\n <button class=\"sidore-freq-btn\" data-freq=\"monthly\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n Monthly\n <\/button>\n <\/div>\n\n <!-- Amounts -->\n <div class=\"sidore-amount-label\">Select Amount<\/div>\n <div class=\"sidore-amount-grid\">\n <button class=\"sidore-amount-btn\" data-amount=\"100\"><span>₱100<\/span><\/button>\n <button class=\"sidore-amount-btn sidore-selected\" data-amount=\"250\"><span>₱250<\/span><\/button>\n <button class=\"sidore-amount-btn\" data-amount=\"500\"><span>₱500<\/span><\/button>\n <button class=\"sidore-amount-btn\" data-amount=\"1000\"><span>₱1,000<\/span><\/button>\n <button class=\"sidore-amount-btn\" data-amount=\"2500\"><span>₱2,500<\/span><\/button>\n <button class=\"sidore-amount-btn\" data-amount=\"5000\"><span>₱5,000<\/span><\/button>\n <\/div>\n <div class=\"sidore-custom-amount\">\n <span class=\"sidore-currency\">₱<\/span>\n <input type=\"number\" id=\"sidore-custom-amount\" placeholder=\"Other amount\" min=\"1\" step=\"0.01\">\n <\/div>\n\n <!-- Designation -->\n <div class=\"sidore-form-row sidore-full\">\n <div class=\"sidore-form-group\">\n <label for=\"sidore-designation\">Designate Your Gift<\/label>\n <select id=\"sidore-designation\">\n <option value=\"general-parish-fund\">General Parish Fund<\/option>\n <option value=\"building-and-maintenance\">Building & Maintenance<\/option>\n <option value=\"religious-education\">Religious Education<\/option>\n <option value=\"community-outreach\">Community Outreach<\/option>\n <option value=\"music-ministry\">Music Ministry<\/option>\n <option value=\"missions\">Missions<\/option>\n <option value=\"youth-ministry\">Youth Ministry<\/option>\n <\/select>\n <\/div>\n <\/div>\n\n <!-- Personal Info -->\n <div class=\"sidore-form-row\">\n <div class=\"sidore-form-group\">\n <label for=\"sidore-fname\">First Name *<\/label>\n <input type=\"text\" id=\"sidore-fname\" placeholder=\"Juan\" required>\n <\/div>\n <div class=\"sidore-form-group\">\n <label for=\"sidore-lname\">Last Name *<\/label>\n <input type=\"text\" id=\"sidore-lname\" placeholder=\"Dela Cruz\" required>\n <\/div>\n <\/div>\n\n <div class=\"sidore-form-row\">\n <div class=\"sidore-form-group\">\n <label for=\"sidore-email\">Email Address *<\/label>\n <input type=\"email\" id=\"sidore-email\" placeholder=\"juan@example.com\" required>\n <\/div>\n <div class=\"sidore-form-group\">\n <label for=\"sidore-phone\">Phone (optional)<\/label>\n <input type=\"tel\" id=\"sidore-phone\" placeholder=\"(0917) 123-4567\">\n <\/div>\n <\/div>\n\n <!-- Dedication -->\n <div class=\"sidore-dedication\">\n <input type=\"checkbox\" id=\"sidore-dedicate-check\">\n <label for=\"sidore-dedicate-check\">Dedicate this gift in honor or memory of someone<\/label>\n <\/div>\n\n <div class=\"sidore-dedication-fields\" id=\"sidore-dedication-fields\">\n <div class=\"sidore-form-group\">\n <label for=\"sidore-honoree\">Honoree Name<\/label>\n <input type=\"text\" id=\"sidore-honoree\" placeholder=\"In memory of...\">\n <\/div>\n <div class=\"sidore-form-group\">\n <label for=\"sidore-notify\">Notify Someone? (email)<\/label>\n <input type=\"email\" id=\"sidore-notify\" placeholder=\"recipient@email.com\">\n <\/div>\n <\/div>\n\n <!-- Notes -->\n <div class=\"sidore-form-row sidore-full\">\n <div class=\"sidore-form-group\">\n <label for=\"sidore-notes\">Special Intentions (optional)<\/label>\n <textarea id=\"sidore-notes\" placeholder=\"Add a prayer request or note for the parish office...\"><\/textarea>\n <\/div>\n <\/div>\n\n <button class=\"sidore-submit-btn\" type=\"button\" id=\"sidore-submit\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n <\/svg>\n <span id=\"sidore-btn-text\">Donate ₱250 Now<\/span>\n <\/button>\n\n <div class=\"sidore-form-footer\">\n You will receive a confirmation email with your tax-deductible receipt.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- WAYS TO GIVE -->\n <section class=\"sidore-ways\">\n <div class=\"sidore-ways-inner\">\n <div class=\"sidore-ways-header\">\n <div class=\"sidore-section-label\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>\n Other Ways to Give\n <\/div>\n <h2 class=\"sidore-section-title\">More Ways to Share<br>Your Blessings<\/h2>\n <p class=\"sidore-section-subtitle\">Online giving is just one option. We welcome your generosity in whatever form is most meaningful to you.<\/p>\n <\/div>\n <div class=\"sidore-ways-grid\">\n <div class=\"sidore-way-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M7 15h0M2 9.5h20\"\/><\/svg>\n <h3>Weekend Collection<\/h3>\n <p>Place your gift in the offertory basket during any weekend Mass. Envelopes are available at the church entrance.<\/p>\n <\/div>\n <div class=\"sidore-way-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n <h3>Mail a Check<\/h3>\n <p>Make checks payable to “St. Isidore the Farmer Parish” and mail to the parish office at your convenience.<\/p>\n <\/div>\n <div class=\"sidore-way-card\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\n <h3>Planned Giving<\/h3>\n <p>Include St. Isidore in your estate plan or explore stock transfers and donor-advised funds with our finance office.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n(function() {\n const page = document.querySelector('.sidore-page');\n if (!page) return;\n\n const PHP = '\\u20B1';\n\n const freqBtns = page.querySelectorAll('.sidore-freq-btn');\n freqBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n freqBtns.forEach(b => b.classList.remove('sidore-active'));\n btn.classList.add('sidore-active');\n updateButtonText();\n });\n });\n\n const amountBtns = page.querySelectorAll('.sidore-amount-btn');\n const customInput = page.querySelector('#sidore-custom-amount');\n\n amountBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n amountBtns.forEach(b => b.classList.remove('sidore-selected'));\n btn.classList.add('sidore-selected');\n customInput.value = '';\n updateButtonText();\n });\n });\n\n customInput.addEventListener('input', () => {\n if (customInput.value) {\n amountBtns.forEach(b => b.classList.remove('sidore-selected'));\n }\n updateButtonText();\n });\n\n customInput.addEventListener('focus', () => {\n amountBtns.forEach(b => b.classList.remove('sidore-selected'));\n });\n\n function getAmount() {\n if (customInput.value) return parseFloat(customInput.value);\n const sel = page.querySelector('.sidore-amount-btn.sidore-selected');\n return sel ? parseFloat(sel.dataset.amount) : 0;\n }\n\n function formatPHP(amount) {\n return PHP + amount.toLocaleString('en-PH', { minimumFractionDigits: 0, maximumFractionDigits: 2 });\n }\n\n function updateButtonText() {\n const amount = getAmount();\n const freq = page.querySelector('.sidore-freq-btn.sidore-active').dataset.freq;\n const btnText = page.querySelector('#sidore-btn-text');\n const suffix = freq === 'monthly' ? '\/month' : '';\n btnText.textContent = amount > 0\n ? 'Donate ' + formatPHP(amount) + suffix + ' Now'\n : 'Enter an Amount';\n }\n\n const dedicateCheck = page.querySelector('#sidore-dedicate-check');\n const dedicateFields = page.querySelector('#sidore-dedication-fields');\n\n dedicateCheck.addEventListener('change', () => {\n dedicateFields.classList.toggle('sidore-show', dedicateCheck.checked);\n });\n\n const submitBtn = page.querySelector('#sidore-submit');\n submitBtn.addEventListener('click', () => {\n const fname = page.querySelector('#sidore-fname').value.trim();\n const lname = page.querySelector('#sidore-lname').value.trim();\n const email = page.querySelector('#sidore-email').value.trim();\n const amount = getAmount();\n\n if (!fname || !lname || !email) { highlightEmpty(); return; }\n if (amount <= 0) {\n customInput.focus();\n customInput.style.borderColor = '#e74c3c';\n setTimeout(() => { customInput.style.borderColor = ''; }, 2000);\n return;\n }\n\n const freq = page.querySelector('.sidore-freq-btn.sidore-active').dataset.freq;\n const designation = page.querySelector('#sidore-designation').value.replace(\/-\/g, ' ');\n\n alert(\n 'Maraming salamat, ' + fname + '!\\n\\n' +\n 'Your ' + freq + ' gift of ' + formatPHP(amount) +\n ' to ' + designation +\n ' has been received.\\n\\n' +\n 'A confirmation email will be sent to ' + email + '.\\n\\nGod bless you!'\n );\n });\n\n function highlightEmpty() {\n const fields = [\n { el: page.querySelector('#sidore-fname'), val: page.querySelector('#sidore-fname').value.trim() },\n { el: page.querySelector('#sidore-lname'), val: page.querySelector('#sidore-lname').value.trim() },\n { el: page.querySelector('#sidore-email'), val: page.querySelector('#sidore-email').value.trim() }\n ];\n fields.forEach(f => {\n if (!f.val) {\n f.el.style.borderColor = '#e74c3c';\n f.el.style.boxShadow = '0 0 0 4px rgba(231,76,60,0.1)';\n setTimeout(() => { f.el.style.borderColor = ''; f.el.style.boxShadow = ''; }, 2500);\n }\n });\n fields.find(f => !f.val)?.el.focus();\n }\n\n const cards = page.querySelectorAll('.sidore-impact-card');\n const observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('sidore-visible'), i * 100);\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n cards.forEach(c => observer.observe(c));\n\n const heroBtn = page.querySelector('.sidore-hero-btn');\n if (heroBtn) {\n heroBtn.addEventListener('click', e => {\n e.preventDefault();\n const t = page.querySelector(heroBtn.getAttribute('href'));\n if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });\n });\n }\n\n updateButtonText();\n})();\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>St. Isidore the Farmer Parish \u2014 Donation Support Our Parish St. Isidore the Farmer Parish Your generous gift nurtures faith, […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":".ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {\n text-decoration: none;\n}","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Donate - St. Isidore the Farmer Parish","description":"St. Isidore the Farmer Parish \u2014 Donation Support Our Parish St. Isidore the Farmer Parish Your generous gift nurtures faith, sustains our community, and carries"},"footnotes":""},"class_list":["post-3438","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Diocese of Gumaca","author_link":"https:\/\/demo5.yinwoodweb.com\/catanauan\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"St. Isidore the Farmer Parish \u2014 Donation Support Our Parish St. Isidore the Farmer Parish Your generous gift nurtures faith, […]","_links":{"self":[{"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/pages\/3438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/comments?post=3438"}],"version-history":[{"count":13,"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/pages\/3438\/revisions"}],"predecessor-version":[{"id":3859,"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/pages\/3438\/revisions\/3859"}],"wp:attachment":[{"href":"https:\/\/demo5.yinwoodweb.com\/catanauan\/wp-json\/wp\/v2\/media?parent=3438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}