{"id":26,"date":"2026-03-13T07:29:43","date_gmt":"2026-03-13T07:29:43","guid":{"rendered":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/?page_id=26"},"modified":"2026-06-19T15:44:33","modified_gmt":"2026-06-19T07:44:33","slug":"donate","status":"publish","type":"page","link":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-b3ff077a alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.sag-donatehero * { margin:0; padding:0; box-sizing:border-box; }\n.sag-donatehero {\n  --sky-300:#7ec8e3;\n  --navy-deep:#091c30;\n  --gold:#c9a84c; --gold-light:#e2cc7e;\n  --white:#ffffff;\n  font-family:'Lora',Georgia,serif; position:relative;\n  width:100%; overflow-x:hidden;\n}\n.sag-donatehero a { text-decoration:none !important; }\n\n.sag-dh-section {\n  position:relative; overflow:hidden;\n  display:flex; align-items:center; justify-content:center;\n  min-height:clamp(300px,45vh,460px);\n  background:var(--navy-deep);\n  text-align:center;\n}\n.sag-dh-bg {\n  position:absolute; inset:0;\n  background:url('https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-content\/uploads\/sites\/12\/2026\/06\/g43c52c59d1ba22f503b3ddd3c90c877e939c0f0cd86bb0c8a35ec7668cb9cbbc27b5a3da030bb0c59c31d4a9e408b8f2886451a4c955f60382d1e5d1ac454f28_1280-4499718.jpg') center center \/ cover no-repeat;\n}\n.sag-dh-overlay {\n  position:absolute; inset:0;\n  background:\n    linear-gradient(to top,rgba(9,28,48,.9) 0%,rgba(9,28,48,.62) 40%,rgba(9,28,48,.38) 100%),\n    linear-gradient(135deg,rgba(26,54,93,.3) 0%,transparent 60%);\n}\n.sag-dh-watermark {\n  position:absolute; top:-40px; right:-30px;\n  width:clamp(180px,25vw,350px); height:clamp(180px,25vw,350px);\n  opacity:.03; pointer-events:none;\n}\n.sag-dh-watermark svg { width:100%; height:100%; color:var(--white); }\n\n.sag-dh-inner {\n  position:relative; z-index:2;\n  display:flex; flex-direction:column; align-items:center;\n}\n.sag-dh-title {\n  font-family:'Cinzel',serif; font-weight:700;\n  font-size:clamp(2rem,5vw,3.6rem);\n  color:var(--white); line-height:1.1; letter-spacing:.02em;\n  margin-bottom:.5rem;\n  opacity:0; animation:sagDh-slideUp .9s ease forwards .3s;\n}\n.sag-dh-title em { font-style:italic; color:var(--sky-300); }\n.sag-dh-divider {\n  width:50px; height:2px;\n  background:linear-gradient(90deg,transparent,var(--gold),transparent);\n  margin:1rem 0;\n  opacity:0; animation:sagDh-slideUp .7s ease forwards .45s;\n}\n.sag-dh-subtitle {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.55rem,.75vw,.68rem); font-weight:400;\n  letter-spacing:.35em; text-transform:uppercase;\n  color:rgba(255,255,255,.45);\n  opacity:0; animation:sagDh-slideUp .7s ease forwards .55s;\n}\n\n@keyframes sagDh-slideUp {\n  from { opacity:0; transform:translateY(25px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n\n@media(max-width:640px) {\n  .sag-dh-section { min-height:clamp(240px,38vh,360px); }\n  .sag-dh-title { font-size:1.7rem; }\n  .sag-dh-subtitle { font-size:.48rem; letter-spacing:.25em; }\n}\n@media(max-width:380px) {\n  .sag-dh-section { min-height:220px; }\n  .sag-dh-title { font-size:1.45rem; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-donatehero *, .sag-donatehero *::before, .sag-donatehero *::after {\n    animation-duration:.01ms !important; animation-delay:0ms !important; transition-duration:.01ms !important;\n  }\n}\n<\/style>\n\n<div class=\"sag-donatehero\">\n  <section class=\"sag-dh-section\">\n\n    <div class=\"sag-dh-bg\"><\/div>\n    <div class=\"sag-dh-overlay\"><\/div>\n    <div class=\"sag-dh-watermark\">\n      <svg viewBox=\"0 0 100 140\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n        <line x1=\"50\" y1=\"0\" x2=\"50\" y2=\"140\"\/>\n        <line x1=\"15\" y1=\"40\" x2=\"85\" y2=\"40\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"sag-dh-inner\">\n      <h1 class=\"sag-dh-title\">Support <em>Our Parish<\/em><\/h1>\n      <div class=\"sag-dh-divider\"><\/div>\n      <p class=\"sag-dh-subtitle\">Guinayangan, Quezon &mdash; Diocese of Gumaca<\/p>\n    <\/div>\n\n  <\/section>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-97b52e0c alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');\n\n.sag-donate * { margin:0; padding:0; box-sizing:border-box; }\n.sag-donate {\n  --cream:#faf8f5; --ivory:#f3ede4; --parchment:#ebe5da;\n  --sky-50:#f0f7fc; --sky-100:#dceef8; --sky-300:#7ec8e3;\n  --sky-400:#4aabd0; --sky-500:#2980b9;\n  --navy:#1a365d; --navy-dark:#0f2640; --navy-deep:#091c30;\n  --gold:#c9a84c; --gold-light:#e2cc7e;\n  --text:#2d3748; --text-muted:#6b7c8f; --white:#ffffff;\n  --shadow-sm:0 2px 8px rgba(26,54,93,.06);\n  --shadow-md:0 8px 30px rgba(26,54,93,.1);\n  font-family:'Lora',Georgia,serif; color:var(--text);\n  position:relative; width:100%;\n}\n.sag-donate a { text-decoration:none !important; }\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   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.sag-donate-section {\n  background:var(--cream);\n  padding:clamp(50px,8vw,90px) 0;\n  position:relative;\n}\n.sag-donate-container {\n  max-width:1100px; margin:0 auto;\n  padding:0 clamp(1rem,3vw,2rem);\n}\n\n\/* Section header *\/\n.sag-donate-header {\n  text-align:center;\n  margin-bottom:clamp(32px,5vw,56px);\n}\n.sag-donate-header h2 {\n  font-family:'Cinzel',serif; font-weight:700;\n  font-size:clamp(1.4rem,2.8vw,2rem);\n  color:var(--navy); line-height:1.2;\n  margin-bottom:.3rem;\n}\n.sag-donate-header h2 em { font-style:italic; color:var(--sky-500); }\n.sag-donate-header-divider {\n  width:50px; height:2px; margin:1rem auto;\n  background:linear-gradient(90deg,transparent,var(--gold),transparent);\n}\n.sag-donate-header p {\n  font-size:clamp(.88rem,1vw,1rem);\n  line-height:1.8; color:var(--text-muted);\n  max-width:520px; margin:0 auto;\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   DONATE CARDS GRID\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.sag-donate-grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:clamp(16px,2vw,24px);\n}\n\n.sag-donate-card {\n  background:var(--white); border-radius:12px;\n  padding:clamp(28px,3.5vw,40px) clamp(20px,2.5vw,32px);\n  box-shadow:var(--shadow-sm);\n  border:1px solid var(--parchment);\n  text-align:center;\n  transition:transform .35s ease, box-shadow .35s ease;\n  position:relative; overflow:hidden;\n}\n.sag-donate-card:hover {\n  transform:translateY(-6px);\n  box-shadow:0 12px 40px rgba(26,54,93,.12);\n}\n\/* Top accent line *\/\n.sag-donate-card::before {\n  content:''; position:absolute;\n  top:0; left:0; right:0;\n  height:3px;\n  background:linear-gradient(90deg,var(--gold),var(--gold-light));\n  border-radius:12px 12px 0 0;\n}\n\n\/* Number badge *\/\n.sag-donate-card-num {\n  position:absolute;\n  top:clamp(14px,2vw,20px); right:clamp(14px,2vw,20px);\n  font-family:'Cinzel',serif;\n  font-size:clamp(.55rem,.7vw,.65rem); font-weight:700;\n  color:var(--parchment);\n  width:28px; height:28px; border-radius:50%;\n  border:1.5px solid var(--parchment);\n  display:flex; align-items:center; justify-content:center;\n}\n\n\/* Icon *\/\n.sag-donate-icon {\n  width:clamp(56px,7vw,72px); height:clamp(56px,7vw,72px);\n  border-radius:16px;\n  display:flex; align-items:center; justify-content:center;\n  margin:0 auto clamp(16px,2vw,24px);\n  transition:transform .3s;\n}\n.sag-donate-card:hover .sag-donate-icon {\n  transform:scale(1.06);\n}\n.sag-donate-icon svg {\n  width:clamp(26px,3.5vw,34px); height:clamp(26px,3.5vw,34px);\n}\n\/* Icon colors per card *\/\n.sag-donate-icon-sky {\n  background:linear-gradient(135deg,var(--sky-100),var(--sky-50));\n  color:var(--sky-500);\n}\n.sag-donate-icon-gold {\n  background:linear-gradient(135deg,var(--gold-light),var(--gold));\n  color:var(--navy-dark);\n}\n.sag-donate-icon-navy {\n  background:linear-gradient(135deg,var(--navy),var(--navy-dark));\n  color:var(--white);\n}\n\n\/* Title *\/\n.sag-donate-card h3 {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.95rem,1.5vw,1.2rem); font-weight:700;\n  color:var(--navy); margin-bottom:4px;\n}\n\/* Method label *\/\n.sag-donate-card-method {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.46rem,.58vw,.52rem); font-weight:500;\n  letter-spacing:.3em; text-transform:uppercase;\n  color:var(--gold);\n  margin-bottom:clamp(12px,1.5vw,18px);\n}\n\/* Description *\/\n.sag-donate-card p {\n  font-size:clamp(.84rem,.95vw,.92rem);\n  line-height:1.75; color:var(--text-muted);\n  margin-bottom:clamp(20px,2.5vw,28px);\n}\n\n\/* Button *\/\n.sag-donate-btn {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.58rem,.72vw,.68rem); font-weight:600;\n  letter-spacing:.12em; text-transform:uppercase;\n  color:var(--navy-dark); background:var(--gold);\n  padding:clamp(10px,1.3vw,14px) clamp(20px,3vw,30px);\n  border-radius:5px; border:none; cursor:pointer;\n  display:inline-block;\n  transition:background .3s, transform .2s, box-shadow .3s;\n  box-shadow:0 4px 14px rgba(201,168,76,.25);\n}\n.sag-donate-btn:hover {\n  background:var(--gold-light); transform:translateY(-2px);\n  box-shadow:0 8px 24px rgba(201,168,76,.35);\n  color:var(--navy-dark) !important;\n}\n\n\/* Note *\/\n.sag-donate-note {\n  text-align:center;\n  margin-top:clamp(24px,3.5vw,40px);\n}\n.sag-donate-note p {\n  font-size:clamp(.78rem,.88vw,.84rem);\n  font-style:italic;\n  color:var(--text-muted); opacity:.7;\n  max-width:480px; margin:0 auto;\n  line-height:1.7;\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   MODAL OVERLAY\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.sag-modal-overlay {\n  position:fixed; inset:0;\n  background:rgba(5,12,24,.88);\n  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);\n  display:flex; align-items:center; justify-content:center;\n  z-index:10000;\n  opacity:0; visibility:hidden;\n  transition:opacity .3s ease, visibility .3s ease;\n  padding:clamp(16px,3vw,24px);\n}\n.sag-modal-overlay.sag-modal-open {\n  opacity:1; visibility:visible;\n}\n\n.sag-modal {\n  background:var(--white);\n  border-radius:14px;\n  width:100%; max-width:520px;\n  max-height:90vh; overflow-y:auto;\n  box-shadow:0 24px 80px rgba(0,0,0,.4);\n  position:relative;\n  transform:scale(.92) translateY(20px);\n  opacity:0;\n  transition:transform .35s ease, opacity .35s ease;\n}\n.sag-modal-overlay.sag-modal-open .sag-modal {\n  transform:scale(1) translateY(0);\n  opacity:1;\n}\n\n\/* Modal top bar *\/\n.sag-modal-bar {\n  height:4px;\n  background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--sky-500));\n  border-radius:14px 14px 0 0;\n}\n\n\/* Modal close *\/\n.sag-modal-close {\n  position:absolute; top:16px; right:16px;\n  width:32px; height:32px; border-radius:50%;\n  background:var(--cream); border:1px solid var(--parchment);\n  cursor:pointer; display:flex; align-items:center; justify-content:center;\n  transition:background .2s, transform .2s;\n  z-index:2;\n}\n.sag-modal-close:hover {\n  background:var(--parchment); transform:scale(1.08);\n}\n.sag-modal-close svg { width:14px; height:14px; color:var(--navy); }\n\n\/* Modal content *\/\n.sag-modal-content {\n  padding:clamp(24px,3.5vw,36px) clamp(24px,3.5vw,36px) clamp(28px,4vw,40px);\n}\n\n\/* Modal header *\/\n.sag-modal-icon {\n  width:clamp(48px,6vw,60px); height:clamp(48px,6vw,60px);\n  border-radius:14px;\n  display:flex; align-items:center; justify-content:center;\n  margin-bottom:clamp(14px,2vw,20px);\n}\n.sag-modal-icon svg {\n  width:clamp(24px,3vw,30px); height:clamp(24px,3vw,30px);\n}\n.sag-modal-content h3 {\n  font-family:'Cinzel',serif;\n  font-size:clamp(1.15rem,2vw,1.45rem); font-weight:700;\n  color:var(--navy); margin-bottom:4px;\n}\n.sag-modal-content h3 em { font-style:italic; color:var(--sky-500); }\n.sag-modal-method {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.48rem,.6vw,.55rem); font-weight:500;\n  letter-spacing:.3em; text-transform:uppercase;\n  color:var(--gold);\n  margin-bottom:clamp(16px,2vw,22px);\n}\n\n\/* Modal info rows *\/\n.sag-modal-info {\n  background:var(--cream); border-radius:10px;\n  padding:clamp(16px,2vw,22px);\n  margin-bottom:clamp(14px,2vw,20px);\n}\n.sag-modal-row {\n  display:flex; justify-content:space-between;\n  align-items:baseline; gap:12px;\n  padding:clamp(6px,.8vw,10px) 0;\n  border-bottom:1px solid var(--parchment);\n}\n.sag-modal-row:last-child { border-bottom:none; }\n.sag-modal-row-label {\n  font-family:'Cinzel',serif;\n  font-size:clamp(.52rem,.62vw,.58rem); font-weight:500;\n  letter-spacing:.15em; text-transform:uppercase;\n  color:var(--text-muted); flex-shrink:0;\n}\n.sag-modal-row-value {\n  font-size:clamp(.85rem,.95vw,.92rem);\n  color:var(--navy); font-weight:500;\n  text-align:right; word-break:break-all;\n}\n.sag-modal-row-value.sag-qr {\n  display:flex; justify-content:center;\n  padding:clamp(12px,2vw,18px) 0;\n}\n.sag-modal-qr-placeholder {\n  width:clamp(140px,20vw,180px); height:clamp(140px,20vw,180px);\n  background:var(--parchment); border-radius:8px;\n  display:flex; align-items:center; justify-content:center;\n  flex-direction:column; gap:8px;\n  border:2px dashed var(--text-muted);\n}\n.sag-modal-qr-placeholder svg {\n  width:32px; height:32px; color:var(--text-muted); opacity:.4;\n}\n.sag-modal-qr-placeholder span {\n  font-family:'Cinzel',serif; font-size:.5rem;\n  letter-spacing:.1em; text-transform:uppercase;\n  color:var(--text-muted); opacity:.5;\n}\n\n\/* Modal note *\/\n.sag-modal-note {\n  font-size:clamp(.78rem,.88vw,.84rem);\n  font-style:italic;\n  color:var(--text-muted); line-height:1.7;\n  text-align:center;\n}\n.sag-modal-note strong { color:var(--navy); font-style:normal; }\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   REVEAL ANIMATION\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.sag-donate-reveal {\n  opacity:0; transform:translateY(30px);\n  transition:opacity .7s ease, transform .7s ease;\n}\n.sag-donate-reveal.sag-visible {\n  opacity:1; transform:translateY(0);\n}\n.sag-donate-delay-1 { transition-delay:.15s; }\n.sag-donate-delay-2 { transition-delay:.3s; }\n.sag-donate-delay-3 { transition-delay:.45s; }\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   RESPONSIVE\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@media(max-width:968px) {\n  .sag-donate-grid { grid-template-columns:1fr; max-width:420px; margin:0 auto; }\n  .sag-donate-card { text-align:center; }\n}\n@media(max-width:480px) {\n  .sag-donate-card { padding:clamp(24px,3vw,32px) clamp(16px,2vw,24px); }\n  .sag-modal-content { padding:20px; }\n}\n@media(prefers-reduced-motion:reduce) {\n  .sag-donate *, .sag-donate *::before, .sag-donate *::after,\n  .sag-modal, .sag-modal-overlay {\n    animation-duration:.01ms !important;\n    transition-duration:.01ms !important;\n  }\n}\n<\/style>\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     MODALS\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\n<!-- Bank Transfer Modal -->\n<div class=\"sag-modal-overlay\" id=\"sagModalBank\">\n  <div class=\"sag-modal\">\n    <div class=\"sag-modal-bar\"><\/div>\n    <button class=\"sag-modal-close\" onclick=\"sagCloseModal('sagModalBank')\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n    <div class=\"sag-modal-content\">\n      <div class=\"sag-modal-icon sag-donate-icon-sky\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"1\" y=\"3\" width=\"22\" height=\"18\" rx=\"2\"\/><path d=\"M1 9h22\"\/><path d=\"M6 15h4\"\/><\/svg>\n      <\/div>\n      <h3>Bank <em>Transfer<\/em><\/h3>\n      <div class=\"sag-modal-method\">Direct Deposit Details<\/div>\n      <div class=\"sag-modal-info\">\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Bank<\/span>\n          <span class=\"sag-modal-row-value\">BDO Unibank<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Account Name<\/span>\n          <span class=\"sag-modal-row-value\">St. Aloysius Gonzaga Parish<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Account Number<\/span>\n          <span class=\"sag-modal-row-value\">0012 3456 7890<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Account Type<\/span>\n          <span class=\"sag-modal-row-value\">Savings<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Branch<\/span>\n          <span class=\"sag-modal-row-value\">Guinayangan, Quezon<\/span>\n        <\/div>\n      <\/div>\n      <p class=\"sag-modal-note\">\n        Please include <strong>&#8220;Donation&#8221;<\/strong> and your <strong>full name<\/strong> in the transfer reference\/memo for proper acknowledgment.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- PayPal Modal -->\n<div class=\"sag-modal-overlay\" id=\"sagModalPaypal\">\n  <div class=\"sag-modal\">\n    <div class=\"sag-modal-bar\"><\/div>\n    <button class=\"sag-modal-close\" onclick=\"sagCloseModal('sagModalPaypal')\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n    <div class=\"sag-modal-content\">\n      <div class=\"sag-modal-icon sag-donate-icon-gold\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><path d=\"M1 10h22\"\/><\/svg>\n      <\/div>\n      <h3>PayPal <em>Donation<\/em><\/h3>\n      <div class=\"sag-modal-method\">Online Payment<\/div>\n      <div class=\"sag-modal-info\">\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">PayPal Email<\/span>\n          <span class=\"sag-modal-row-value\">donate@staloysiusguinayangan.org<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Account Name<\/span>\n          <span class=\"sag-modal-row-value\">St. Aloysius Gonzaga Parish<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">Currency<\/span>\n          <span class=\"sag-modal-row-value\">PHP \/ USD<\/span>\n        <\/div>\n      <\/div>\n      <p class=\"sag-modal-note\">\n        After sending, you may email your PayPal confirmation to <strong>parish@staloysiusguinayangan.org<\/strong> for receipt.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- GCash Modal -->\n<div class=\"sag-modal-overlay\" id=\"sagModalGcash\">\n  <div class=\"sag-modal\">\n    <div class=\"sag-modal-bar\"><\/div>\n    <button class=\"sag-modal-close\" onclick=\"sagCloseModal('sagModalGcash')\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6L6 18M6 6l12 12\"\/><\/svg>\n    <\/button>\n    <div class=\"sag-modal-content\">\n      <div class=\"sag-modal-icon sag-donate-icon-navy\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n      <\/div>\n      <h3>GCash <em>Donation<\/em><\/h3>\n      <div class=\"sag-modal-method\">QR Code Scan<\/div>\n      <div class=\"sag-modal-info\">\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">GCash Name<\/span>\n          <span class=\"sag-modal-row-value\">St. Aloysius Gonzaga Parish<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-label\">GCash Number<\/span>\n          <span class=\"sag-modal-row-value\">0917 123 4567<\/span>\n        <\/div>\n        <div class=\"sag-modal-row\">\n          <span class=\"sag-modal-row-value sag-qr\">\n            <div class=\"sag-modal-qr-placeholder\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"14\" width=\"4\" height=\"4\" rx=\"1\"\/><path d=\"M21 14v3h-3\"\/><path d=\"M21 21h-3v-3\"\/><\/svg>\n              <span>QR Code<\/span>\n            <\/div>\n          <\/span>\n        <\/div>\n      <\/div>\n      <p class=\"sag-modal-note\">\n        Open your <strong>GCash app<\/strong>, tap <strong>&#8220;Send Money&#8221;<\/strong> or <strong>&#8220;Scan QR&#8221;<\/strong>, and enter the amount you wish to donate.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\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     DONATE 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<div class=\"sag-donate\">\n  <section class=\"sag-donate-section\">\n    <div class=\"sag-donate-container\">\n\n      <!-- Header -->\n      <div class=\"sag-donate-header sag-donate-reveal\">\n        <h2>Ways to <em>Give<\/em><\/h2>\n        <div class=\"sag-donate-header-divider\"><\/div>\n        <p>\n          Your generosity helps sustain the mission and ministry of\n          St. Aloysius Gonzaga Parish. Choose the method most convenient for you.\n        <\/p>\n      <\/div>\n\n      <!-- Cards -->\n      <div class=\"sag-donate-grid\">\n\n        <!-- Bank Transfer -->\n        <div class=\"sag-donate-card sag-donate-reveal sag-donate-delay-1\">\n          <span class=\"sag-donate-card-num\">1<\/span>\n          <div class=\"sag-donate-icon sag-donate-icon-sky\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\n              <rect x=\"1\" y=\"3\" width=\"22\" height=\"18\" rx=\"2\"\/>\n              <path d=\"M1 9h22\"\/>\n              <path d=\"M6 15h4\"\/>\n            <\/svg>\n          <\/div>\n          <h3>Bank Transfer<\/h3>\n          <div class=\"sag-donate-card-method\">Direct Deposit<\/div>\n          <p>Transfer funds directly to the church&#8217;s bank accounts. Secure and convenient for local and online banking.<\/p>\n          <button class=\"sag-donate-btn\" onclick=\"sagOpenModal('sagModalBank')\">View Bank Details<\/button>\n        <\/div>\n\n        <!-- PayPal -->\n        <div class=\"sag-donate-card sag-donate-reveal sag-donate-delay-2\">\n          <span class=\"sag-donate-card-num\">2<\/span>\n          <div class=\"sag-donate-icon sag-donate-icon-gold\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\n              <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/>\n              <path d=\"M1 10h22\"\/>\n            <\/svg>\n          <\/div>\n          <h3>PayPal<\/h3>\n          <div class=\"sag-donate-card-method\">Online Payment<\/div>\n          <p>PayPal account holders can donate directly by sending funds to our parish PayPal. Fast and worldwide.<\/p>\n          <button class=\"sag-donate-btn\" onclick=\"sagOpenModal('sagModalPaypal')\">Donate via PayPal<\/button>\n        <\/div>\n\n        <!-- GCash -->\n        <div class=\"sag-donate-card sag-donate-reveal sag-donate-delay-3\">\n          <span class=\"sag-donate-card-num\">3<\/span>\n          <div class=\"sag-donate-icon sag-donate-icon-navy\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/div>\n          <h3>GCash<\/h3>\n          <div class=\"sag-donate-card-method\">QR Code Scan<\/div>\n          <p>Scan our GCash QR code using your GCash app. Quick, cashless, and available 24\/7 for local donors.<\/p>\n          <button class=\"sag-donate-btn\" onclick=\"sagOpenModal('sagModalGcash')\">Scan QR Code<\/button>\n        <\/div>\n\n      <\/div>\n\n      <!-- Note -->\n      <div class=\"sag-donate-note sag-donate-reveal sag-donate-delay-3\">\n        <p>\n          For questions about donations or official receipts, please contact\n          the parish office. All offerings are received with gratitude and used\n          for the upkeep of the church and its ministries.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  \/* \u2500\u2500 Modal controls \u2500\u2500 *\/\n  window.sagOpenModal = function(id) {\n    var el = document.getElementById(id);\n    if (!el) return;\n    el.classList.add('sag-modal-open');\n    document.body.style.overflow = 'hidden';\n  };\n  window.sagCloseModal = function(id) {\n    var el = document.getElementById(id);\n    if (!el) return;\n    el.classList.remove('sag-modal-open');\n    document.body.style.overflow = '';\n  };\n\n  \/* Close on overlay click *\/\n  document.querySelectorAll('.sag-modal-overlay').forEach(function(overlay){\n    overlay.addEventListener('click', function(e){\n      if (e.target === overlay) {\n        overlay.classList.remove('sag-modal-open');\n        document.body.style.overflow = '';\n      }\n    });\n  });\n\n  \/* Close on Escape *\/\n  document.addEventListener('keydown', function(e){\n    if (e.key === 'Escape') {\n      document.querySelectorAll('.sag-modal-overlay.sag-modal-open').forEach(function(m){\n        m.classList.remove('sag-modal-open');\n      });\n      document.body.style.overflow = '';\n    }\n  });\n\n  \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n  var els = document.querySelectorAll('.sag-donate-reveal');\n  var obs = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add('sag-visible'); obs.unobserve(e.target); }\n    });\n  },{ threshold:0.12, rootMargin:'0px 0px -30px 0px' });\n  els.forEach(function(el){ obs.observe(el); });\n})();\n<\/script><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-a359baa8 alignfull uagb-is-root-container\"><\/div>\n","protected":false},"excerpt":{"rendered":"","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":".donate-hero {\n  position: relative;\n  background-color: #1A2340;\n  background-image:\n    radial-gradient(ellipse 60% 100% at 80% 50%, rgba(200,169,110,0.12) 0%, transparent 65%),\n    radial-gradient(ellipse 40% 80% at 10% 50%, rgba(46,63,112,0.7) 0%, transparent 70%);\n  overflow: hidden;\n}\n\n\/* Diagonal lines *\/\n.donate-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: repeating-linear-gradient(\n    -45deg,\n    transparent,\n    transparent 60px,\n    rgba(200,169,110,0.04) 60px,\n    rgba(200,169,110,0.04) 61px\n  );\n  z-index: 0;\n}\n\n\/* Gold bottom line (reversed from about-hero) *\/\n.donate-hero::after {\n  content: '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, transparent, #C8A96E 30%, #C8A96E 70%, transparent);\n  z-index: 1;\n}\n\n.donate-hero h1,\n.donate-hero h2,\n.donate-hero .entry-header {\n  position: relative;\n  z-index: 2;\n  font-style: italic;\n  color: #C8A96E !important;\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":"disabled","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":"default","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. Aloysius Gonzaga Parish","description":""},"footnotes":""},"class_list":["post-26","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":"Yin Wood","author_link":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":21,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":864,"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/pages\/26\/revisions\/864"}],"wp:attachment":[{"href":"https:\/\/demo2.yinwoodweb.com\/guinyangan\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}