{"id":24,"date":"2026-03-13T07:29:35","date_gmt":"2026-03-13T07:29:35","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/bantad\/?page_id=24"},"modified":"2026-07-02T04:15:59","modified_gmt":"2026-07-02T04:15:59","slug":"donate","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/bantad\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-914c12d1 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<!-- ============================================\n  DONATE \u2014 SECTION 1: HERO \/ GIVING INSPIRATION\n  Paste into an Elementor \"Custom HTML\" widget.\n  Scoped to .sjm-dhero \u2014 reuses homepage design system\n============================================= -->\n<section class=\"sjm-dhero\" id=\"sjm-dhero\">\n  <style>\n    .sjm-dhero {\n      --navy: #0F2748;\n      --navy-deep: #0A1B36;\n      --green: #1F4A38;\n      --gold: #D8B26B;\n      --gold-soft: #EBD9B4;\n      --cream: #F8F4EC;\n      position: relative;\n      overflow: hidden;\n      min-height: 78vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(165deg, var(--navy-deep) 0%, var(--navy) 50%, var(--green) 130%);\n      font-family: \"Source Sans 3\", \"Segoe UI\", sans-serif;\n      color: var(--cream);\n      isolation: isolate;\n    }\n\n    \/* Soft glowing light *\/\n    .sjm-dhero::before {\n      content: \"\";\n      position: absolute;\n      top: 45%;\n      left: 50%;\n      width: 1000px;\n      height: 1000px;\n      transform: translate(-50%, -50%);\n      background: radial-gradient(circle, rgba(216,178,107,0.2) 0%, rgba(216,178,107,0.06) 35%, transparent 70%);\n      pointer-events: none;\n      z-index: 0;\n      animation: sjm-dhero-glow 11s ease-in-out infinite;\n    }\n    @keyframes sjm-dhero-glow {\n      0%, 100% { opacity: 0.7; transform: translate(-50%, -50%) scale(1); }\n      50% { opacity: 1; transform: translate(-50%, -50%) scale(1.06); }\n    }\n\n    \/* Architectural ray pattern *\/\n    .sjm-dhero__rays {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      opacity: 0.14;\n      pointer-events: none;\n      background-image:\n        repeating-linear-gradient(115deg, transparent 0 90px, rgba(216,178,107,0.5) 90px 91px, transparent 91px 180px),\n        repeating-linear-gradient(65deg, transparent 0 110px, rgba(216,178,107,0.35) 110px 111px, transparent 111px 220px);\n      mask-image: radial-gradient(circle at 50% 40%, rgba(0,0,0,0.9), transparent 75%);\n    }\n\n    \/* Slow ambient zoom layer *\/\n    .sjm-dhero__bg {\n      position: absolute;\n      inset: -5%;\n      z-index: 0;\n      background:\n        radial-gradient(ellipse at 18% 20%, rgba(255,255,255,0.05), transparent 40%),\n        radial-gradient(ellipse at 82% 80%, rgba(216,178,107,0.09), transparent 45%);\n      animation: sjm-dhero-zoom 30s ease-in-out infinite alternate;\n      will-change: transform;\n    }\n    @keyframes sjm-dhero-zoom {\n      from { transform: scale(1); }\n      to { transform: scale(1.07); }\n    }\n\n    \/* Floating light particles *\/\n    .sjm-dhero__particles {\n      position: absolute;\n      inset: 0;\n      z-index: 1;\n      pointer-events: none;\n      overflow: hidden;\n    }\n    .sjm-dhero__particle {\n      position: absolute;\n      bottom: -10px;\n      width: 5px;\n      height: 5px;\n      border-radius: 50%;\n      background: radial-gradient(circle, var(--gold-soft) 0%, rgba(216,178,107,0) 70%);\n      opacity: 0;\n      animation: sjm-dhero-float linear infinite;\n    }\n    @keyframes sjm-dhero-float {\n      0%   { opacity: 0; transform: translateY(0) translateX(0) scale(0.6); }\n      10%  { opacity: 0.75; }\n      50%  { transform: translateY(-40vh) translateX(18px) scale(1); }\n      90%  { opacity: 0.45; }\n      100% { opacity: 0; transform: translateY(-85vh) translateX(-14px) scale(0.4); }\n    }\n\n    .sjm-dhero__inner {\n      position: relative;\n      z-index: 2;\n      max-width: 860px;\n      margin: 0 auto;\n      padding: 110px 24px;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 26px;\n    }\n\n    .sjm-dhero__emblem {\n      width: 72px;\n      height: 72px;\n      opacity: 0;\n      animation: sjm-dhero-fade-up 1s ease-out 0.1s forwards;\n    }\n\n    .sjm-dhero__eyebrow {\n      opacity: 0;\n      font-size: 0.8rem;\n      letter-spacing: 0.32em;\n      text-transform: uppercase;\n      color: var(--gold);\n      font-weight: 700;\n      animation: sjm-dhero-fade-up 1s ease-out 0.3s forwards;\n    }\n\n    .sjm-dhero__title {\n      opacity: 0;\n      font-family: \"Cormorant Garamond\", Georgia, serif;\n      font-weight: 600;\n      font-size: clamp(2.4rem, 5.5vw, 4.6rem);\n      line-height: 1.1;\n      margin: 0;\n      animation: sjm-dhero-fade-up 1s ease-out 0.5s forwards;\n      color: white !important;\n    }\n    .sjm-dhero__title em { font-style: italic; color: var(--gold); }\n\n    .sjm-dhero__subtitle {\n      opacity: 0;\n      max-width: 620px;\n      font-size: clamp(1rem, 1.6vw, 1.2rem);\n      line-height: 1.75;\n      color: rgba(248,244,236,0.85);\n      animation: sjm-dhero-fade-up 1s ease-out 0.7s forwards;\n    }\n\n    .sjm-dhero__story {\n      opacity: 0;\n      max-width: 600px;\n      font-family: \"Cormorant Garamond\", Georgia, serif;\n      font-style: italic;\n      font-size: 1.08rem;\n      line-height: 1.7;\n      color: var(--gold-soft);\n      animation: sjm-dhero-fade-up 1s ease-out 0.85s forwards;\n    }\n\n    .sjm-dhero__actions {\n      opacity: 0;\n      display: flex;\n      flex-wrap: wrap;\n      gap: 16px;\n      justify-content: center;\n      margin-top: 6px;\n      animation: sjm-dhero-fade-up 1s ease-out 1s forwards;\n    }\n\n    .sjm-dhero__btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 17px 38px;\n      border-radius: 999px;\n      font-size: 0.98rem;\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      text-decoration: none !important;\n      border: 1px solid transparent;\n      transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, background 0.45s ease, color 0.45s ease;\n      cursor: pointer;\n    }\n\n    .sjm-dhero__btn--primary {\n      background: var(--gold);\n      color: var(--navy-deep);\n      box-shadow: 0 8px 24px rgba(216,178,107,0.28);\n    }\n    .sjm-dhero__btn--primary:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 14px 32px rgba(216,178,107,0.42);\n    }\n\n    .sjm-dhero__btn--ghost {\n      background: transparent;\n      color: var(--cream);\n      border-color: rgba(248,244,236,0.35);\n    }\n    .sjm-dhero__btn--ghost:hover {\n      transform: translateY(-3px);\n      border-color: var(--gold);\n      color: var(--gold);\n      box-shadow: 0 14px 28px rgba(0,0,0,0.25);\n    }\n\n    @keyframes sjm-dhero-fade-up {\n      from { opacity: 0; transform: translateY(22px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    @media (max-width: 640px) {\n      .sjm-dhero { min-height: 86vh; }\n      .sjm-dhero__inner { padding: 96px 20px 72px; gap: 20px; }\n      .sjm-dhero__btn { width: 100%; justify-content: center; }\n      .sjm-dhero__actions { flex-direction: column; width: 100%; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .sjm-dhero *, .sjm-dhero *::before { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }\n      .sjm-dhero__title, .sjm-dhero__subtitle, .sjm-dhero__story,\n      .sjm-dhero__actions, .sjm-dhero__eyebrow, .sjm-dhero__emblem {\n        opacity: 1; transform: none;\n      }\n    }\n  <\/style>\n\n  <div class=\"sjm-dhero__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"sjm-dhero__rays\" aria-hidden=\"true\"><\/div>\n  <div class=\"sjm-dhero__particles\" id=\"sjm-dhero-particles\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sjm-dhero__inner\">\n    <svg class=\"sjm-dhero__emblem\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n      <g stroke=\"#D8B26B\" stroke-width=\"1.4\" stroke-linecap=\"round\" opacity=\"0.9\">\n        <line x1=\"50\" y1=\"2\" x2=\"50\" y2=\"18\"\/>\n        <line x1=\"50\" y1=\"82\" x2=\"50\" y2=\"98\"\/>\n        <line x1=\"2\" y1=\"50\" x2=\"18\" y2=\"50\"\/>\n        <line x1=\"82\" y1=\"50\" x2=\"98\" y2=\"50\"\/>\n        <line x1=\"14\" y1=\"14\" x2=\"25\" y2=\"25\"\/>\n        <line x1=\"75\" y1=\"75\" x2=\"86\" y2=\"86\"\/>\n        <line x1=\"86\" y1=\"14\" x2=\"75\" y2=\"25\"\/>\n        <line x1=\"25\" y1=\"75\" x2=\"14\" y2=\"86\"\/>\n      <\/g>\n      <circle cx=\"50\" cy=\"50\" r=\"26\" stroke=\"#D8B26B\" stroke-width=\"1.4\" fill=\"rgba(216,178,107,0.06)\"\/>\n      <path d=\"M50 36c4 6 10 9 10 16 0 5.5-4.5 10-10 10s-10-4.5-10-10c0-7 6-10 10-16z\" fill=\"#D8B26B\" opacity=\"0.85\"\/>\n      <line x1=\"50\" y1=\"62\" x2=\"50\" y2=\"74\" stroke=\"#D8B26B\" stroke-width=\"1.6\"\/>\n    <\/svg>\n\n    <p class=\"sjm-dhero__eyebrow\">Give &amp; Support<\/p>\n\n    <h1 class=\"sjm-dhero__title\">\n      Like Joseph, <em>Give Quietly<\/em>,<br>Serve Faithfully\n    <\/h1>\n\n    <p class=\"sjm-dhero__subtitle\">\n      St. Joseph provided for the Holy Family with humility and without hesitation.\n      Your generosity helps us provide for our parish family \u2014 sustaining the Masses,\n      ministries, and outreach that bring Christ&#8217;s love to our community.\n    <\/p>\n\n    <p class=\"sjm-dhero__story\">\n      &#8220;Every gift, however small, becomes a quiet act of provision \u2014 just as Joseph&#8217;s\n      hands once provided for the Holy Family.&#8221;\n    <\/p>\n\n    <div class=\"sjm-dhero__actions\">\n      <a href=\"#navi-gate\" class=\"sjm-dhero__btn sjm-dhero__btn--primary\">Support the Mission<\/a>\n      <a href=\"#navi-gate\" class=\"sjm-dhero__btn sjm-dhero__btn--ghost\">View Giving Options<\/a>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      var container = document.getElementById('sjm-dhero-particles');\n      if (!container) return;\n      var count = window.innerWidth < 640 ? 9 : 16;\n      for (var i = 0; i < count; i++) {\n        var p = document.createElement('span');\n        p.className = 'sjm-dhero__particle';\n        var size = (Math.random() * 5 + 3).toFixed(1);\n        p.style.width = size + 'px';\n        p.style.height = size + 'px';\n        p.style.left = (Math.random() * 100) + '%';\n        p.style.animationDuration = (14 + Math.random() * 14) + 's';\n        p.style.animationDelay = (Math.random() * 14) + 's';\n        container.appendChild(p);\n      }\n    })();\n  <\/script>\n<\/section><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-9af887b1 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-2'>\n<!-- ====================================================================\n  ST. JOSEPH MISSION CENTER \u2014 \"SUPPORT OUR MISSION\" PAGE (Simplified)\n  SECTION 2 of 2 \u2014 Ways to Give Section\n  For: Elementor \"Custom HTML\" widget\n  Uses the same design system as Section 1 and the rest of the site\n  (Saint Joseph Navy, Warm Gold, Ivory\/Cream, Beige, Charcoal \u2014\n  Playfair Display + Inter).\n\n  EDITABLE CONTENT \u2014 GCash number, bank details, parish office info,\n  and other contact details \u2014 is marked with EDIT: comments.\n==================================================================== -->\n<div class=\"sjmc-mission-page sjmc-give-c\">\n\n<style>\n  \/* ============ DESIGN TOKENS \u2014 shared site system ============ *\/\n  .sjmc-mission-page{\n    --sjmc-navy:#16335c;\n    --sjmc-navy-dark:#0c2138;\n    --sjmc-navy-light:#2d4f7d;\n    --sjmc-gold:#cda04a;\n    --sjmc-gold-light:#ecd28f;\n    --sjmc-gold-dark:#a17c30;\n    --sjmc-ivory:#fbf7ed;\n    --sjmc-cream:#f5efe1;\n    --sjmc-beige:#e9ddc4;\n    --sjmc-charcoal:#2b2b2b;\n    --sjmc-green:#1e4a37;\n    --sjmc-white:#ffffff;\n    --sjmc-font-head:'Playfair Display',Georgia,'Times New Roman',serif;\n    --sjmc-font-body:'Inter','Source Sans Pro',Arial,sans-serif;\n    --sjmc-shadow-sm:0 4px 18px rgba(22,51,92,.08);\n    --sjmc-shadow-md:0 14px 34px rgba(22,51,92,.12);\n    --sjmc-radius:18px;\n    --sjmc-radius-sm:12px;\n    --sjmc-ease:cubic-bezier(.22,.61,.36,1);\n\n    font-family:var(--sjmc-font-body);\n    color:var(--sjmc-charcoal);\n    -webkit-font-smoothing:antialiased;\n    text-rendering:optimizeLegibility;\n    overflow-x:hidden;\n  }\n\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600;700&display=swap');\n\n  \/* ============ RESET (scoped) ============ *\/\n  .sjmc-mission-page *{ box-sizing:border-box; }\n  .sjmc-mission-page h2,\n  .sjmc-mission-page h3,\n  .sjmc-mission-page p,\n  .sjmc-mission-page dl,\n  .sjmc-mission-page dd,\n  .sjmc-mission-page dt{ margin:0; padding:0; }\n  .sjmc-mission-page a{ text-decoration:none; }\n  .sjmc-mission-page svg{ display:block; }\n  .sjmc-mission-page button{ font-family:inherit; cursor:pointer; }\n\n  \/* ============ LAYOUT HELPERS ============ *\/\n  .sjmc-mission-page .sjmc-container{\n    max-width:1140px;\n    margin:0 auto;\n    padding:0 24px;\n  }\n  .sjmc-give-c .sjmc-section-head{\n    max-width:720px;\n    margin:0 auto 52px;\n    text-align:center;\n  }\n  .sjmc-give-c .sjmc-eyebrow-row{\n    display:flex;\n    justify-content:center;\n    margin-bottom:18px;\n  }\n  .sjmc-give-c .sjmc-section-heading{\n    font-family:var(--sjmc-font-head);\n    font-weight:700;\n    color:var(--sjmc-navy);\n    font-size:clamp(28px,4.4vw,40px);\n    line-height:1.2;\n  }\n  .sjmc-give-c .sjmc-section-text{\n    margin-top:18px;\n    font-size:15.5px;\n    line-height:1.85;\n    color:#4b4b4b;\n  }\n\n  \/* Eyebrow pill \u2014 matches existing site badges *\/\n  .sjmc-mission-page .sjmc-pill{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:9px 22px;\n    border-radius:999px;\n    font-size:12.5px;\n    font-weight:700;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    white-space:nowrap;\n    background:var(--sjmc-ivory);\n    border:1px solid var(--sjmc-gold);\n    color:var(--sjmc-gold-dark);\n  }\n  .sjmc-mission-page .sjmc-pill svg{ width:14px; height:14px; flex-shrink:0; }\n\n  \/* Divider *\/\n  .sjmc-mission-page .sjmc-divider{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:14px;\n    margin:20px 0;\n  }\n  .sjmc-mission-page .sjmc-divider__line{\n    width:46px; height:2px;\n    border-radius:2px;\n    background:linear-gradient(90deg,transparent,var(--sjmc-gold));\n  }\n  .sjmc-mission-page .sjmc-divider__line.is-right{\n    background:linear-gradient(90deg,var(--sjmc-gold),transparent);\n  }\n  .sjmc-mission-page .sjmc-divider__icon{\n    width:18px; height:18px;\n    color:var(--sjmc-gold);\n    flex-shrink:0;\n  }\n\n  \/* ============ FADE-IN REVEAL ============ *\/\n  .sjmc-mission-page .sjmc-reveal{\n    opacity:0;\n    transform:translateY(24px);\n    transition:opacity .85s var(--sjmc-ease), transform .85s var(--sjmc-ease);\n    transition-delay:var(--sjmc-delay,0ms);\n  }\n  .sjmc-mission-page .sjmc-reveal.is-visible{\n    opacity:1;\n    transform:translateY(0);\n  }\n  @media (prefers-reduced-motion:reduce){\n    .sjmc-mission-page .sjmc-reveal{ opacity:1; transform:none; transition:none; }\n  }\n\n  \/* ====================================================================\n     WAYS TO GIVE SECTION\n  ==================================================================== *\/\n  .sjmc-give-c .sjmc-give{\n    background:linear-gradient(180deg, var(--sjmc-ivory) 0%, var(--sjmc-cream) 100%);\n    padding:84px 0 92px;\n    position:relative;\n    overflow:hidden;\n  }\n\n  \/* a couple of soft, slow-moving accents to echo the hero's floating elements *\/\n  .sjmc-give-c .sjmc-give__glow{\n    position:absolute;\n    border-radius:50%;\n    filter:blur(70px);\n    opacity:.22;\n    pointer-events:none;\n  }\n  .sjmc-give-c .sjmc-give__glow--1{\n    width:340px; height:340px;\n    background:radial-gradient(circle, rgba(205,160,74,.55), transparent 70%);\n    top:-120px; left:-90px;\n    animation:sjmcDrift2 24s ease-in-out infinite;\n  }\n  .sjmc-give-c .sjmc-give__glow--2{\n    width:300px; height:300px;\n    background:radial-gradient(circle, rgba(22,51,92,.20), transparent 70%);\n    bottom:-110px; right:-80px;\n    animation:sjmcDrift2 28s ease-in-out infinite reverse;\n  }\n  @keyframes sjmcDrift2{\n    0%,100%{ transform:translate(0,0) scale(1); }\n    50%{ transform:translate(16px,-12px) scale(1.06); }\n  }\n  @media (prefers-reduced-motion:reduce){\n    .sjmc-give-c .sjmc-give__glow{ animation:none; }\n  }\n\n  \/* Donation grid *\/\n  .sjmc-give-c .sjmc-donation-grid{\n    position:relative;\n    z-index:1;\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(255px,1fr));\n    gap:26px;\n  }\n  .sjmc-give-c .sjmc-donation-card{\n    background:var(--sjmc-white);\n    border:1px solid var(--sjmc-beige);\n    border-top:4px solid var(--sjmc-gold);\n    border-radius:var(--sjmc-radius);\n    padding:32px 28px;\n    display:flex;\n    flex-direction:column;\n    box-shadow:var(--sjmc-shadow-sm);\n    transition:transform .45s var(--sjmc-ease), box-shadow .45s var(--sjmc-ease);\n  }\n  .sjmc-give-c .sjmc-donation-card:hover{\n    transform:translateY(-6px);\n    box-shadow:var(--sjmc-shadow-md);\n  }\n  .sjmc-give-c .sjmc-donation-card__head{\n    display:flex;\n    align-items:center;\n    gap:14px;\n    margin-bottom:16px;\n  }\n  .sjmc-give-c .sjmc-donation-card__icon{\n    width:48px; height:48px;\n    flex-shrink:0;\n    border-radius:50%;\n    background:linear-gradient(135deg, var(--sjmc-navy), var(--sjmc-navy-light));\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    transition:transform .45s var(--sjmc-ease), background .45s var(--sjmc-ease);\n  }\n  .sjmc-give-c .sjmc-donation-card:hover .sjmc-donation-card__icon{\n    transform:rotate(-8deg) scale(1.06);\n    background:linear-gradient(135deg, var(--sjmc-gold-dark), var(--sjmc-gold));\n  }\n  .sjmc-give-c .sjmc-donation-card__icon svg{\n    width:22px; height:22px;\n    stroke:var(--sjmc-gold-light);\n    fill:none;\n    stroke-width:1.6;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n    transition:stroke .45s var(--sjmc-ease);\n  }\n  .sjmc-give-c .sjmc-donation-card:hover .sjmc-donation-card__icon svg{\n    stroke:var(--sjmc-navy-dark);\n  }\n  .sjmc-give-c .sjmc-donation-card h3{\n    font-family:var(--sjmc-font-head);\n    font-size:19px;\n    font-weight:700;\n    color:var(--sjmc-navy);\n  }\n  .sjmc-give-c .sjmc-donation-card__desc{\n    font-size:14px;\n    line-height:1.7;\n    color:#5a5a5a;\n    margin-bottom:18px;\n  }\n  .sjmc-give-c .sjmc-donation-card__body{ margin-top:auto; }\n\n  \/* Field rows (number \/ account name \/ contact info) *\/\n  .sjmc-give-c .sjmc-field{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:10px;\n    background:var(--sjmc-cream);\n    border:1px solid var(--sjmc-beige);\n    border-radius:10px;\n    padding:11px 14px;\n    margin-bottom:10px;\n  }\n  .sjmc-give-c .sjmc-field:last-child{ margin-bottom:0; }\n  .sjmc-give-c .sjmc-field__text{ min-width:0; }\n  .sjmc-give-c .sjmc-field__label{\n    display:block;\n    font-size:10.5px;\n    font-weight:700;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--sjmc-gold-dark);\n    margin-bottom:2px;\n  }\n  .sjmc-give-c .sjmc-field__value{\n    font-size:14.5px;\n    font-weight:700;\n    color:var(--sjmc-navy);\n    white-space:nowrap;\n    overflow:hidden;\n    text-overflow:ellipsis;\n  }\n  .sjmc-give-c .sjmc-copy-btn{\n    flex-shrink:0;\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    background:transparent;\n    border:1px solid var(--sjmc-gold);\n    color:var(--sjmc-gold-dark);\n    font-size:12px;\n    font-weight:700;\n    letter-spacing:.04em;\n    padding:7px 12px;\n    border-radius:999px;\n    transition:background .3s var(--sjmc-ease), color .3s var(--sjmc-ease);\n  }\n  .sjmc-give-c .sjmc-copy-btn svg{ width:13px; height:13px; }\n  .sjmc-give-c .sjmc-copy-btn:hover{\n    background:var(--sjmc-gold);\n    color:var(--sjmc-navy-dark);\n  }\n  .sjmc-give-c .sjmc-copy-btn.is-copied{\n    background:var(--sjmc-green);\n    border-color:var(--sjmc-green);\n    color:var(--sjmc-white);\n  }\n\n  \/* \"Other Giving Methods\" link\/button *\/\n  .sjmc-give-c .sjmc-card-link{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    margin-top:4px;\n    padding:12px 22px;\n    border-radius:999px;\n    background:var(--sjmc-navy);\n    color:var(--sjmc-ivory);\n    font-size:13.5px;\n    font-weight:700;\n    letter-spacing:.04em;\n    box-shadow:var(--sjmc-shadow-sm);\n    transition:background .35s var(--sjmc-ease), transform .35s var(--sjmc-ease), box-shadow .35s var(--sjmc-ease);\n  }\n  .sjmc-give-c .sjmc-card-link svg{ width:15px; height:15px; }\n  .sjmc-give-c .sjmc-card-link:hover{\n    background:var(--sjmc-gold-dark);\n    color:var(--sjmc-white);\n    transform:translateY(-2px);\n    box-shadow:var(--sjmc-shadow-md);\n  }\n\n  \/* ====================================================================\n     THANK-YOU MESSAGE\n  ==================================================================== *\/\n  .sjmc-give-c .sjmc-thanks{\n    position:relative;\n    z-index:1;\n    margin:60px auto 0;\n    max-width:820px;\n    background:var(--sjmc-ivory);\n    border:1px solid var(--sjmc-beige);\n    border-left:5px solid var(--sjmc-gold);\n    border-radius:var(--sjmc-radius-sm);\n    padding:38px 42px;\n    text-align:center;\n    box-shadow:var(--sjmc-shadow-sm);\n  }\n  .sjmc-give-c .sjmc-thanks__icon{\n    width:34px; height:34px;\n    margin:0 auto 14px;\n    color:var(--sjmc-gold);\n  }\n  .sjmc-give-c .sjmc-thanks h3{\n    font-family:var(--sjmc-font-head);\n    font-weight:700;\n    color:var(--sjmc-navy);\n    font-size:clamp(22px,3.2vw,28px);\n    margin-bottom:14px;\n  }\n  .sjmc-give-c .sjmc-thanks p{\n    font-size:15px;\n    line-height:1.85;\n    color:#4b4b4b;\n  }\n  .sjmc-give-c .sjmc-thanks p + p{ margin-top:12px; }\n\n  \/* ============ RESPONSIVE ============ *\/\n  @media (max-width:768px){\n    .sjmc-give-c .sjmc-give{ padding:60px 0 72px; }\n    .sjmc-give-c .sjmc-section-head{ margin-bottom:40px; }\n    .sjmc-give-c .sjmc-thanks{ padding:30px 26px; margin-top:44px; }\n  }\n  @media (max-width:480px){\n    .sjmc-mission-page .sjmc-pill{ font-size:11px; padding:8px 16px; letter-spacing:.14em; }\n    .sjmc-give-c .sjmc-donation-card{ padding:26px 22px; }\n    .sjmc-give-c .sjmc-field{ flex-direction:column; align-items:flex-start; gap:8px; }\n    .sjmc-give-c .sjmc-field__value{ white-space:normal; }\n    .sjmc-give-c .sjmc-copy-btn{ align-self:flex-end; }\n  }\n<\/style>\n\n<!-- ================= WAYS TO GIVE ================= -->\n<section class=\"sjmc-give\" aria-label=\"Ways to Give\">\n  <div class=\"sjmc-give__glow sjmc-give__glow--1\" aria-hidden=\"true\"><\/div>\n  <div class=\"sjmc-give__glow sjmc-give__glow--2\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"sjmc-container\">\n\n    <div class=\"sjmc-section-head sjmc-reveal\" data-reveal>\n      <div class=\"sjmc-eyebrow-row\">\n        <span class=\"sjmc-pill\">Ways to Give<\/span>\n      <\/div>\n      <!-- EDIT: section heading -->\n      <h2 class=\"sjmc-section-heading\">Support Our Mission Through Giving<\/h2>\n      <div class=\"sjmc-divider\" aria-hidden=\"true\">\n        <span class=\"sjmc-divider__line\"><\/span>\n        <svg class=\"sjmc-divider__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v18M7 7h10\"\/><\/svg>\n        <span class=\"sjmc-divider__line is-right\"><\/span>\n      <\/div>\n      <!-- EDIT: section subtitle -->\n      <p class=\"sjmc-section-text\">\n        Choose whichever option is most convenient for you. Every gift \u2014 of any size \u2014\n        helps sustain our parish ministries, programs, and outreach to the community.\n      <\/p>\n    <\/div>\n\n      <div class=\"sjmc-donation-grid\" id=\"navi-gate\">\n\n      <!-- Card 1: GCash Donation -->\n      <div class=\"sjmc-donation-card sjmc-reveal\" data-reveal style=\"--sjmc-delay:0ms\">\n        <div class=\"sjmc-donation-card__head\">\n          <div class=\"sjmc-donation-card__icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"2.5\" width=\"12\" height=\"19\" rx=\"2.5\"\/><path d=\"M6 5.5h12M6 18.5h12\"\/><circle cx=\"12\" cy=\"20\" r=\"0.6\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n          <\/div>\n          <h3>GCash Donation<\/h3>\n        <\/div>\n        <p class=\"sjmc-donation-card__desc\">Send your donation quickly and securely through GCash.<\/p>\n        <!-- EDIT: replace placeholder GCash details below (update both visible text and data-copy) -->\n        <div class=\"sjmc-donation-card__body\">\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">GCash Number<\/span>\n              <span class=\"sjmc-field__value\">09562616212<\/span>\n            <\/div>\n            <button type=\"button\" class=\"sjmc-copy-btn\" data-copy=\"0917 000 0000\" aria-label=\"Copy GCash number\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"1.5\"\/><path d=\"M5 15V5a1.5 1.5 0 0 1 1.5-1.5H15\"\/><\/svg>\n              <span class=\"sjmc-copy-label\">Copy<\/span>\n            <\/button>\n          <\/div>\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Account Name<\/span>\n              <span class=\"sjmc-field__value\">Jose Jay<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 2: Bank Transfer -->\n      <div class=\"sjmc-donation-card sjmc-reveal\" data-reveal style=\"--sjmc-delay:60ms\">\n        <div class=\"sjmc-donation-card__head\">\n          <div class=\"sjmc-donation-card__icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-5 9 5\"\/><rect x=\"3\" y=\"9\" width=\"18\" height=\"11\" rx=\"0.5\"\/><path d=\"M7 9v11M11.5 9v11M16 9v11\"\/><path d=\"M3 20h18\"\/><\/svg>\n          <\/div>\n          <h3>Bank Transfer<\/h3>\n        <\/div>\n        <p class=\"sjmc-donation-card__desc\">Donate directly through bank deposit or online transfer.<\/p>\n        <!-- EDIT: replace placeholder bank details below -->\n        <div class=\"sjmc-donation-card__body\">\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Bank Name<\/span>\n              <span class=\"sjmc-field__value\">Bank Name<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Account Name<\/span>\n              <span class=\"sjmc-field__value\">St. Joseph Mission Center<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Account Number<\/span>\n              <span class=\"sjmc-field__value\">0000 0000 0000<\/span>\n            <\/div>\n            <button type=\"button\" class=\"sjmc-copy-btn\" data-copy=\"0000 0000 0000\" aria-label=\"Copy bank account number\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"1.5\"\/><path d=\"M5 15V5a1.5 1.5 0 0 1 1.5-1.5H15\"\/><\/svg>\n              <span class=\"sjmc-copy-label\">Copy<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 3: Parish Office Donations -->\n      <div class=\"sjmc-donation-card sjmc-reveal\" data-reveal style=\"--sjmc-delay:120ms\">\n        <div class=\"sjmc-donation-card__head\">\n          <div class=\"sjmc-donation-card__icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"1.5\"\/><path d=\"M3.5 7l8.5 6 8.5-6\"\/><\/svg>\n          <\/div>\n          <h3>Parish Office Donations<\/h3>\n        <\/div>\n        <p class=\"sjmc-donation-card__desc\">Give in person at the Parish Office \u2014 cash or check donations are welcome during office hours.<\/p>\n        <!-- EDIT: replace placeholder parish office details below -->\n        <div class=\"sjmc-donation-card__body\">\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Address<\/span>\n              <span class=\"sjmc-field__value\">Kamuning, Quezon City<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Office Hours<\/span>\n              <span class=\"sjmc-field__value\">Mon&ndash;Sat, 9AM&ndash;5PM<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Contact Number<\/span>\n              <span class=\"sjmc-field__value\">(02) 0000 0000<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Card 4: Other Giving Methods (optional placeholder) -->\n      <div class=\"sjmc-donation-card sjmc-reveal\" data-reveal style=\"--sjmc-delay:180ms\">\n        <div class=\"sjmc-donation-card__head\">\n          <div class=\"sjmc-donation-card__icon\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"8.5\" width=\"17\" height=\"4\" rx=\"0.6\"\/><rect x=\"3.5\" y=\"12.5\" width=\"17\" height=\"8\" rx=\"0.6\"\/><path d=\"M12 8.5v12\"\/><path d=\"M9 8.5C7.3 8.5 6 7.3 6 5.9 6 4.9 6.9 4.3 7.8 4.3 9.5 4.3 11 6.3 12 8.5\"\/><path d=\"M15 8.5c1.7 0 3-1.2 3-2.6C18 4.9 17.1 4.3 16.2 4.3 14.5 4.3 13 6.3 12 8.5\"\/><\/svg>\n          <\/div>\n          <h3>Other Giving Methods<\/h3>\n        <\/div>\n        <p class=\"sjmc-donation-card__desc\">In-kind donations, sponsorships, or other arrangements are also welcome. Reach out and we&rsquo;ll gladly discuss how you can help.<\/p>\n        <!-- EDIT: replace placeholder contact details below -->\n        <div class=\"sjmc-donation-card__body\">\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Email<\/span>\n              <span class=\"sjmc-field__value\">info@stjosephmissioncenter.org<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"sjmc-field\">\n            <div class=\"sjmc-field__text\">\n              <span class=\"sjmc-field__label\">Phone<\/span>\n              <span class=\"sjmc-field__value\">(02) 0000 0000<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- Thank-you message -->\n    <div class=\"sjmc-thanks sjmc-reveal\" data-reveal>\n      <svg class=\"sjmc-thanks__icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <path d=\"M12 21c-4-2.6-7-5.7-7-9.3C5 8.6 7.3 6 10 6c.9 0 1.7.3 2 1 .3-.7 1.1-1 2-1 2.7 0 5 2.6 5 5.7 0 3.6-3 6.7-7 9.3z\"\/>\n        <path d=\"M12 9c.6-1.2 1.6-2 3-2\"\/>\n      <\/svg>\n      <!-- EDIT: thank-you heading -->\n      <h3>Thank You for Your Generosity<\/h3>\n      <!-- EDIT: thank-you message -->\n      <p>\n        Every donation, big or small, helps sustain our parish ministries, faith formation\n        programs, and outreach to families in need throughout our community.\n      <\/p>\n      <p>\n        Your generosity allows St. Joseph Mission Center to continue serving God and others\n        with humility, faithfulness, and love \u2014 just as St. Joseph served the Holy Family.\n        We are deeply grateful for your support and prayers.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var root = document.currentScript.closest('.sjmc-mission-page') || document;\n\n  \/* Fade-in reveal *\/\n  var items = root.querySelectorAll('.sjmc-reveal');\n  if('IntersectionObserver' in window){\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -50px 0px' });\n    items.forEach(function(el){ observer.observe(el); });\n  } else {\n    items.forEach(function(el){ el.classList.add('is-visible'); });\n  }\n\n  \/* Copy-to-clipboard for GCash \/ Bank details *\/\n  var copyButtons = root.querySelectorAll('.sjmc-copy-btn');\n  copyButtons.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var value = btn.getAttribute('data-copy') || '';\n      var label = btn.querySelector('.sjmc-copy-label');\n      var done = function(){\n        btn.classList.add('is-copied');\n        if(label){ label.textContent = 'Copied!'; }\n        setTimeout(function(){\n          btn.classList.remove('is-copied');\n          if(label){ label.textContent = 'Copy'; }\n        }, 1800);\n      };\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(value).then(done).catch(function(){\n          fallbackCopy(value, done);\n        });\n      } else {\n        fallbackCopy(value, done);\n      }\n    });\n  });\n\n  function fallbackCopy(value, done){\n    var ta = document.createElement('textarea');\n    ta.value = value;\n    ta.style.position = 'fixed';\n    ta.style.opacity = '0';\n    document.body.appendChild(ta);\n    ta.select();\n    try{ document.execCommand('copy'); done(); }catch(e){ \/* no-op *\/ }\n    document.body.removeChild(ta);\n  }\n})();\n<\/script>\n\n<\/div>\n<!-- ================= END SECTION 2 ================= --><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-c5381476 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-3'>\n<!-- ============================================\n  SECTION 8: CLOSING SECTION (above your footer)\n  Paste into an Elementor \"Custom HTML\" widget.\n  Scoped to .sjm-closing\n============================================= -->\n<section class=\"sjm-closing\" id=\"sjm-closing\">\n  <style>\n    .sjm-closing {\n      --navy: #0F2748;\n      --navy-deep: #08152C;\n      --gold: #D8B26B;\n      --gold-soft: #EBD9B4;\n      --cream: #F8F4EC;\n      position: relative;\n      overflow: hidden;\n      background: linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);\n      font-family: \"Source Sans 3\", \"Segoe UI\", sans-serif;\n      color: var(--cream);\n      padding: clamp(70px, 11vw, 120px) 24px;\n      text-align: center;\n    }\n\n    .sjm-closing::before {\n      content: \"\";\n      position: absolute;\n      top: -30%;\n      left: 50%;\n      width: 800px;\n      height: 800px;\n      transform: translateX(-50%);\n      background: radial-gradient(circle, rgba(216,178,107,0.16) 0%, transparent 65%);\n      pointer-events: none;\n      animation: sjm-closing-glow 11s ease-in-out infinite;\n    }\n    @keyframes sjm-closing-glow {\n      0%, 100% { opacity: 0.6; }\n      50% { opacity: 1; }\n    }\n\n    .sjm-closing::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image: repeating-linear-gradient(100deg, transparent 0 100px, rgba(216,178,107,0.05) 100px 101px, transparent 101px 200px);\n      pointer-events: none;\n    }\n\n    .sjm-closing__inner {\n      position: relative;\n      z-index: 1;\n      max-width: 760px;\n      margin: 0 auto;\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity 0.9s ease, transform 0.9s ease;\n    }\n    .sjm-closing__inner.is-visible { opacity: 1; transform: translateY(0); }\n\n    .sjm-closing__emblem {\n      width: 56px;\n      height: 56px;\n      margin: 0 auto 24px;\n    }\n\n    .sjm-closing__verse {\n      font-family: \"Cormorant Garamond\", Georgia, serif;\n      font-style: italic;\n      font-size: clamp(1.3rem, 2.6vw, 1.8rem);\n      line-height: 1.6;\n      color: var(--gold-soft);\n      margin: 0 0 12px;\n    }\n\n    .sjm-closing__attribution {\n      font-size: 0.74rem;\n      letter-spacing: 0.22em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin: 0 0 36px;\n    }\n\n    .sjm-closing__title {\n      font-family: \"Cormorant Garamond\", Georgia, serif;\n      font-weight: 600;\n      font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n      margin: 0 0 16px;\n      color: white !important;\n    }\n\n    .sjm-closing__text {\n      font-size: 1rem;\n      line-height: 1.8;\n      color: rgba(248,244,236,0.78);\n      margin: 0 0 32px;\n    }\n\n    .sjm-closing__divider {\n      width: 1px;\n      height: 56px;\n      margin: 0 auto;\n      background: linear-gradient(to bottom, var(--gold), transparent);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .sjm-closing__inner { transition: none; opacity: 1; transform: none; }\n      .sjm-closing::before { animation: none; }\n    }\n  <\/style>\n\n  <div class=\"sjm-closing__inner\" data-sjm-reveal=\"\">\n    <svg class=\"sjm-closing__emblem\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n      <g stroke=\"#D8B26B\" stroke-width=\"1.2\" stroke-linecap=\"round\" opacity=\"0.85\">\n        <line x1=\"50\" y1=\"2\" x2=\"50\" y2=\"16\"><\/line>\n        <line x1=\"50\" y1=\"84\" x2=\"50\" y2=\"98\"><\/line>\n        <line x1=\"2\" y1=\"50\" x2=\"16\" y2=\"50\"><\/line>\n        <line x1=\"84\" y1=\"50\" x2=\"98\" y2=\"50\"><\/line>\n      <\/g>\n      <circle cx=\"50\" cy=\"50\" r=\"28\" stroke=\"#D8B26B\" stroke-width=\"1.2\" fill=\"rgba(216,178,107,0.06)\"><\/circle>\n      <path d=\"M50 36c4 6 10 9 10 16 0 5.5-4.5 10-10 10s-10-4.5-10-10c0-7 6-10 10-16z\" fill=\"#D8B26B\"><\/path>\n    <\/svg>\n\n    <p class=\"sjm-closing__verse\">\"St. Joseph, watch over this house and all who dwell within it.\"<\/p>\n    <p class=\"sjm-closing__attribution\">Parish Prayer of Entrustment<\/p>\n\n    <h2 class=\"sjm-closing__title\">Walking Together, Working Quietly, Trusting Fully<\/h2>\n    <p class=\"sjm-closing__text\">\n      Thank you for being part of the St. Joseph Mission Center family. May his example of\n      faith, humility, and steadfast care guide our community in every season.\n    <\/p>\n\n    <div class=\"sjm-closing__divider\"><\/div>\n  <\/div>\n\n  <script>\n    (function () {\n      var els = document.querySelectorAll('#sjm-closing [data-sjm-reveal]');\n      if (!('IntersectionObserver' in window)) {\n        els.forEach(function (el) { el.classList.add('is-visible'); });\n        return;\n      }\n      var io = new IntersectionObserver(function (entries) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            io.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.2 });\n      els.forEach(function (el) { io.observe(el); });\n    })();\n  <\/script>\n<\/section><\/div>\n<\/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":"","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. Joseph Mission Center","description":""},"footnotes":""},"class_list":["post-24","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":"Everest Co","author_link":"https:\/\/demo6.yinwoodweb.com\/bantad\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":14,"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":1107,"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/pages\/24\/revisions\/1107"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}