{"id":938,"date":"2026-06-16T14:28:56","date_gmt":"2026-06-16T14:28:56","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/?page_id=938"},"modified":"2026-06-16T15:29:09","modified_gmt":"2026-06-16T15:29:09","slug":"prayers","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/prayers\/","title":{"rendered":"Prayers"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-14a87957 alignfull uagb-is-root-container\">\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,700;1,400&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\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\n       THEME TOKENS\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 *\/\n    .pp-wrap {\n        --pp-dark: #0d0d0d;\n        --pp-dark-alt: #140a10;\n        --pp-cardinal: #7B1E2D;\n        --pp-gold: #C8A45C;\n        --pp-gold-bright: #d4b86a;\n        --pp-gold-dim: rgba(200,164,92,0.12);\n        --pp-gold-glow: rgba(200,164,92,0.06);\n        --pp-bronze: #a07d3e;\n        --pp-warm-white: #f0ece4;\n        --pp-text-body: rgba(240,236,228,0.55);\n        --pp-text-muted: rgba(240,236,228,0.35);\n        --pp-text-dim: rgba(240,236,228,0.2);\n        --pp-border: rgba(200,164,92,0.12);\n        --pp-border-active: rgba(200,164,92,0.4);\n        --pp-font-display: 'Playfair Display', Georgia, serif;\n        --pp-font-body: 'Lato', 'Segoe UI', sans-serif;\n    }\n\n    .pp-wrap {\n        font-family: var(--pp-font-body);\n        position: relative;\n        overflow: hidden;\n        background: var(--pp-dark);\n    }\n\n    \/* Grain texture overlay *\/\n    .pp-wrap::after {\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='%23C8A45C' fill-opacity='0.03'%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.4;\n        pointer-events: none;\n        z-index: 0;\n    }\n\n    .pp-wrap * { box-sizing: border-box; }\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\n       HERO HEADER\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 *\/\n    .pp-hero {\n        position: relative;\n        min-height: 420px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: linear-gradient(135deg, var(--pp-dark) 0%, var(--pp-dark-alt) 30%, #1a0f15 50%, var(--pp-dark) 100%);\n        overflow: hidden;\n        padding: 80px 40px 60px;\n    }\n    .pp-hero::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background:\n            radial-gradient(ellipse at 20% 80%, rgba(200,164,92,0.06) 0%, transparent 50%),\n            radial-gradient(ellipse at 80% 20%, rgba(123,30,45,0.1) 0%, transparent 50%);\n        z-index: 1;\n    }\n\n    .pp-hero-topline {\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(200,164,92,0.4), transparent);\n        z-index: 2;\n    }\n\n    .pp-hero-glow {\n        position: absolute;\n        border-radius: 50%;\n        pointer-events: none;\n        z-index: 1;\n    }\n    .pp-hero-glow--1 {\n        width: 350px; height: 350px;\n        top: -20%; left: -10%;\n        background: radial-gradient(circle, rgba(200,164,92,0.08), transparent 70%);\n        animation: ppGlowPulse 8s ease-in-out infinite;\n    }\n    .pp-hero-glow--2 {\n        width: 280px; height: 280px;\n        bottom: -15%; right: -5%;\n        background: radial-gradient(circle, rgba(123,30,45,0.1), transparent 70%);\n        animation: ppGlowPulse 10s ease-in-out infinite 3s;\n    }\n\n    .pp-hero-cross {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 1;\n        opacity: 0.04;\n    }\n    .pp-hero-cross svg { width: 250px; height: 350px; fill: var(--pp-gold); }\n\n    .pp-hero-particles {\n        position: absolute;\n        inset: 0;\n        z-index: 2;\n        pointer-events: none;\n        overflow: hidden;\n    }\n    .pp-hero-particle {\n        position: absolute;\n        bottom: -10px;\n        width: 3px; height: 3px;\n        background: var(--pp-gold);\n        border-radius: 50%;\n        opacity: 0;\n        animation: ppParticleRise linear infinite;\n    }\n    .pp-hero-particle:nth-child(1) { left: 12%; animation-duration: 13s; animation-delay: 0s; width: 2px; height: 2px; }\n    .pp-hero-particle:nth-child(2) { left: 30%; animation-duration: 16s; animation-delay: 2s; width: 4px; height: 4px; }\n    .pp-hero-particle:nth-child(3) { left: 50%; animation-duration: 11s; animation-delay: 5s; }\n    .pp-hero-particle:nth-child(4) { left: 68%; animation-duration: 15s; animation-delay: 1s; width: 2px; height: 2px; }\n    .pp-hero-particle:nth-child(5) { left: 88%; animation-duration: 14s; animation-delay: 3s; width: 4px; height: 4px; }\n\n    .pp-hero-content {\n        position: relative;\n        z-index: 10;\n        text-align: center;\n        max-width: 700px;\n    }\n\n    .pp-hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        padding: 8px 24px;\n        border: 1px solid rgba(200,164,92,0.25);\n        border-radius: 50px;\n        background: rgba(200,164,92,0.06);\n        backdrop-filter: blur(10px);\n        color: var(--pp-gold);\n        font-size: 0.7rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        margin-bottom: 24px;\n    }\n    .pp-badge-dot {\n        width: 5px; height: 5px;\n        background: var(--pp-gold);\n        border-radius: 50%;\n        animation: ppPulse 2s ease-in-out infinite;\n    }\n\n    .pp-hero-title {\n        font-family: var(--pp-font-display);\n        font-size: clamp(2rem, 5vw, 3.5rem);\n        font-weight: 700;\n        color: var(--pp-warm-white);\n        line-height: 1.1;\n        margin-bottom: 10px;\n    }\n\n    .pp-hero-subtitle {\n        font-family: var(--pp-font-body);\n        font-size: clamp(0.9rem, 1.5vw, 1.05rem);\n        color: var(--pp-text-body);\n        line-height: 1.7;\n        margin-bottom: 28px;\n    }\n\n    .pp-hero-divider {\n        width: 60px; height: 1px;\n        background: linear-gradient(90deg, transparent, var(--pp-gold), transparent);\n        margin: 0 auto 20px;\n    }\n\n    .pp-hero-scripture {\n        font-family: var(--pp-font-display);\n        font-style: italic;\n        font-size: 0.95rem;\n        color: rgba(200,164,92,0.5);\n        line-height: 1.7;\n    }\n    .pp-hero-scripture-ref {\n        display: block;\n        font-family: var(--pp-font-body);\n        font-style: normal;\n        font-size: 0.65rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: rgba(200,164,92,0.3);\n        margin-top: 8px;\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\n       INNER CONTENT\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 *\/\n    .pp-inner {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 60px 40px 80px;\n        position: relative;\n        z-index: 1;\n    }\n\n    \/* \u2500\u2500 Messages \u2500\u2500 *\/\n    .pp-msg {\n        max-width: 680px;\n        margin: 0 auto 36px;\n        padding: 20px 28px;\n        text-align: center;\n        font-size: 0.9rem;\n        line-height: 1.7;\n        border: 1px solid;\n    }\n    .pp-msg-success {\n        background: rgba(200,164,92,0.06);\n        border-color: rgba(200,164,92,0.25);\n        color: var(--pp-gold);\n    }\n    .pp-msg-error {\n        background: rgba(255,80,80,0.04);\n        border-color: rgba(255,80,80,0.2);\n        color: rgba(255,120,120,0.8);\n    }\n\n    \/* \u2500\u2500 Section Headers \u2500\u2500 *\/\n    .pp-section-header { text-align: center; margin-bottom: 44px; }\n    .pp-section-eyebrow {\n        font-size: 0.6rem;\n        letter-spacing: 5px;\n        text-transform: uppercase;\n        color: var(--pp-gold);\n        margin-bottom: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 14px;\n    }\n    .pp-section-eyebrow::before,\n    .pp-section-eyebrow::after {\n        content: '';\n        display: block;\n        width: 40px; height: 1px;\n        background: rgba(200,164,92,0.35);\n    }\n    .pp-section-title {\n        font-family: var(--pp-font-display);\n        font-size: clamp(1.5rem, 3vw, 2.2rem);\n        font-weight: 700;\n        color: var(--pp-warm-white);\n        margin-bottom: 8px;\n    }\n    .pp-section-subtitle {\n        font-family: var(--pp-font-display);\n        font-style: italic;\n        font-size: 0.95rem;\n        color: rgba(200,164,92,0.55);\n    }\n\n    \/* \u2500\u2500 Cross Ornament \u2500\u2500 *\/\n    .pp-cross-ornament {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 36px;\n    }\n    .pp-cross-ornament svg {\n        width: 20px; height: 20px;\n        stroke: rgba(200,164,92,0.3);\n        fill: none;\n        stroke-width: 1.5;\n    }\n    .pp-cross-line { width: 50px; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,164,92,0.2)); }\n    .pp-cross-line:last-child { background: linear-gradient(90deg, rgba(200,164,92,0.2), transparent); }\n    .pp-cross-line:first-child { margin-right: 18px; }\n    .pp-cross-line:last-child { margin-left: 18px; }\n\n    \/* \u2500\u2500 Golden Divider \u2500\u2500 *\/\n    .pp-divider {\n        max-width: 200px;\n        margin: 0 auto 64px;\n        height: 1px;\n        background: linear-gradient(90deg, transparent, rgba(200,164,92,0.25), transparent);\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\n       FORM\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 *\/\n    .pp-form-section { max-width: 680px; margin: 0 auto 64px; }\n\n    .pp-form-box {\n        background: rgba(255,255,255,0.02);\n        border: 1px solid var(--pp-border);\n        padding: 40px 36px;\n        position: relative;\n        transition: box-shadow 0.4s;\n    }\n    .pp-form-box:hover { box-shadow: 0 4px 40px rgba(200,164,92,0.04); }\n\n    .pp-form-corner {\n        position: absolute;\n        width: 20px; height: 20px;\n        border-color: rgba(200,164,92,0.25);\n        border-style: solid;\n        pointer-events: none;\n        transition: border-color 0.4s;\n    }\n    .pp-form-box:hover .pp-form-corner { border-color: rgba(200,164,92,0.5); }\n    .pp-form-corner--tl { top: 10px; left: 10px; border-width: 1px 0 0 1px; }\n    .pp-form-corner--tr { top: 10px; right: 10px; border-width: 1px 1px 0 0; }\n    .pp-form-corner--bl { bottom: 10px; left: 10px; border-width: 0 0 1px 1px; }\n    .pp-form-corner--br { bottom: 10px; right: 10px; border-width: 0 1px 1px 0; }\n\n    .pp-form-title {\n        font-family: var(--pp-font-display);\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: var(--pp-warm-white);\n        margin-bottom: 6px;\n        text-align: center;\n    }\n    .pp-form-desc {\n        font-size: 0.85rem;\n        color: var(--pp-text-muted);\n        text-align: center;\n        margin-bottom: 28px;\n    }\n\n    .pp-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }\n    .pp-form-group { margin-bottom: 14px; }\n    .pp-form-group:last-of-type { margin-bottom: 24px; }\n\n    .pp-label {\n        display: block;\n        font-size: 0.6rem;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        color: rgba(200,164,92,0.45);\n        margin-bottom: 8px;\n    }\n\n    .pp-input, .pp-textarea {\n        width: 100%;\n        background: rgba(255,255,255,0.025);\n        border: 1px solid var(--pp-border);\n        padding: 14px 18px;\n        font-family: var(--pp-font-body);\n        font-size: 0.9rem;\n        color: var(--pp-warm-white);\n        outline: none;\n        transition: border-color 0.3s, box-shadow 0.3s;\n        box-sizing: border-box;\n    }\n    .pp-input::placeholder, .pp-textarea::placeholder { color: var(--pp-text-dim); }\n    .pp-input:focus, .pp-textarea:focus {\n        border-color: rgba(200,164,92,0.4);\n        box-shadow: 0 0 0 3px rgba(200,164,92,0.05);\n    }\n    .pp-textarea { min-height: 160px; resize: vertical; line-height: 1.8; }\n\n    .pp-submit-btn {\n        display: block;\n        width: 100%;\n        padding: 16px;\n        background: rgba(200,164,92,0.12);\n        border: 1px solid rgba(200,164,92,0.45);\n        color: var(--pp-gold);\n        font-family: var(--pp-font-body);\n        font-size: 0.65rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        cursor: pointer;\n        transition: all 0.3s;\n        position: relative;\n        overflow: hidden;\n    }\n    .pp-submit-btn::before {\n        content: '';\n        position: absolute;\n        top: 0; left: -100%;\n        width: 100%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\n        animation: ppLightSweep 3s ease-in-out infinite;\n    }\n    .pp-submit-btn:hover {\n        background: rgba(200,164,92,0.25);\n        color: var(--pp-warm-white);\n        letter-spacing: 0.2em;\n    }\n\n    .pp-hp { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; overflow: hidden; }\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\n       PRAYER WALL 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 *\/\n    .pp-wall {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1px;\n        background: rgba(200,164,92,0.07);\n        margin-bottom: 48px;\n    }\n\n    .pp-card {\n        background: var(--pp-dark);\n        padding: 28px 24px;\n        position: relative;\n        transition: background 0.3s;\n    }\n    .pp-card:hover { background: rgba(200,164,92,0.025); }\n\n    .pp-card::before {\n        content: '';\n        position: absolute;\n        top: 10px; left: 10px;\n        width: 14px; height: 14px;\n        border-top: 1px solid rgba(200,164,92,0.2);\n        border-left: 1px solid rgba(200,164,92,0.2);\n        opacity: 0;\n        transition: opacity 0.4s;\n        pointer-events: none;\n    }\n    .pp-card::after {\n        content: '';\n        position: absolute;\n        bottom: 10px; right: 10px;\n        width: 14px; height: 14px;\n        border-bottom: 1px solid rgba(200,164,92,0.2);\n        border-right: 1px solid rgba(200,164,92,0.2);\n        opacity: 0;\n        transition: opacity 0.4s;\n        pointer-events: none;\n    }\n    .pp-card:hover::before, .pp-card:hover::after { opacity: 1; }\n\n    .pp-card-cross { display: flex; justify-content: center; margin-bottom: 16px; }\n    .pp-card-cross svg { width: 18px; height: 18px; stroke: rgba(200,164,92,0.2); fill: none; stroke-width: 1.5; }\n\n    .pp-card-text {\n        font-family: var(--pp-font-display);\n        font-style: italic;\n        font-size: 0.88rem;\n        color: var(--pp-text-body);\n        line-height: 1.8;\n        text-align: center;\n        margin-bottom: 18px;\n    }\n\n    .pp-card-line { width: 30px; height: 1px; background: rgba(200,164,92,0.18); margin: 0 auto 16px; }\n\n    .pp-card-footer { display: flex; justify-content: space-between; align-items: center; }\n\n    .pp-card-name { display: block; font-size: 0.78rem; color: rgba(200,164,92,0.6); }\n    .pp-card-date { display: block; font-size: 0.6rem; letter-spacing: 1px; color: var(--pp-text-dim); }\n\n    .pp-pray-btn {\n        all: unset;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 12px;\n        border: 1px solid rgba(200,164,92,0.12);\n        cursor: pointer;\n        transition: all 0.3s;\n        flex-shrink: 0;\n    }\n    .pp-pray-btn:hover { border-color: rgba(200,164,92,0.35); background: rgba(200,164,92,0.05); }\n    .pp-pray-btn.prayed { border-color: rgba(200,164,92,0.35); background: rgba(200,164,92,0.08); }\n    .pp-pray-btn svg { width: 12px; height: 12px; stroke: rgba(200,164,92,0.35); fill: none; stroke-width: 1.5; transition: all 0.3s; }\n    .pp-pray-btn.prayed svg { stroke: var(--pp-gold); fill: rgba(200,164,92,0.25); }\n    .pp-pray-count { font-size: 0.7rem; color: rgba(200,164,92,0.45); transition: color 0.3s; }\n    .pp-pray-btn.prayed .pp-pray-count { color: var(--pp-gold); }\n    .pp-pray-label { font-size: 0.5rem; letter-spacing: 1.5px; text-transform: uppercase; color: var(--pp-text-dim); }\n\n    \/* \u2500\u2500 Empty State \u2500\u2500 *\/\n    .pp-empty { text-align: center; padding: 60px 20px; }\n    .pp-empty svg { width: 36px; height: 36px; stroke: rgba(200,164,92,0.2); fill: none; stroke-width: 1; margin-bottom: 16px; }\n    .pp-empty-text { font-family: var(--pp-font-display); font-style: italic; font-size: 1rem; color: var(--pp-text-muted); margin-bottom: 8px; }\n    .pp-empty-sub { font-size: 0.8rem; color: var(--pp-text-dim); }\n\n    \/* \u2500\u2500 Pagination \u2500\u2500 *\/\n    .pp-pagination { display: flex; justify-content: center; gap: 4px; flex-wrap: wrap; }\n    .pp-pagination .page-numbers {\n        display: inline-block;\n        padding: 8px 14px;\n        font-family: var(--pp-font-body);\n        font-size: 0.7rem;\n        letter-spacing: 1px;\n        color: var(--pp-text-muted);\n        border: 1px solid var(--pp-border);\n        text-decoration: none !important;\n        transition: all 0.3s;\n    }\n    .pp-pagination .page-numbers:hover { color: var(--pp-gold); border-color: rgba(200,164,92,0.25); background: rgba(200,164,92,0.04); }\n    .pp-pagination .page-numbers.current { color: var(--pp-gold); border-color: var(--pp-border-active); background: rgba(200,164,92,0.08); }\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\n       ANIMATIONS\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 *\/\n    @keyframes ppGlowPulse {\n        0%, 100% { opacity: 0.5; transform: scale(1); }\n        50% { opacity: 1; transform: scale(1.08); }\n    }\n    @keyframes ppPulse {\n        0%, 100% { opacity: 0.4; }\n        50% { opacity: 1; }\n    }\n    @keyframes ppParticleRise {\n        0%   { transform: translateY(0); opacity: 0; }\n        10%  { opacity: 0.6; }\n        90%  { opacity: 0.2; }\n        100% { transform: translateY(-100vh); opacity: 0; }\n    }\n    @keyframes ppLightSweep {\n        0%   { left: -100%; }\n        50%  { left: 100%; }\n        100% { left: 100%; }\n    }\n\n    .pp-anim {\n        opacity: 0;\n        transform: translateY(18px);\n        transition: opacity 0.7s ease, transform 0.7s ease;\n    }\n    .pp-anim.in { opacity: 1 !important; transform: translateY(0) !important; }\n\n    \/* Fallback *\/\n    @keyframes ppFallback { to { opacity: 1 !important; transform: none !important; } }\n    .pp-anim { animation: ppFallback 0.01s forwards 3s; }\n    .pp-wrap.pp-active .pp-anim { animation: 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\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 *\/\n    @media (max-width: 1024px) {\n        .pp-inner { padding: 50px 30px 60px; }\n        .pp-hero { padding: 60px 30px 50px; min-height: 360px; }\n    }\n    @media (max-width: 900px) {\n        .pp-wall { grid-template-columns: repeat(2, 1fr); }\n        .pp-form-box { padding: 28px 20px; }\n    }\n    @media (max-width: 640px) {\n        .pp-inner { padding: 40px 16px 48px; }\n        .pp-hero { padding: 48px 16px 40px; min-height: 300px; }\n        .pp-wall { grid-template-columns: 1fr; }\n        .pp-form-row { grid-template-columns: 1fr; }\n    }\n    <\/style>\n\n    <section class=\"pp-wrap pp-active\" id=\"ppWrap\">\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\n           HERO HEADER\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 -->\n      <div class=\"pp-hero\">\n        <div class=\"pp-hero-topline\"><\/div>\n        <div class=\"pp-hero-glow pp-hero-glow--1\"><\/div>\n        <div class=\"pp-hero-glow pp-hero-glow--2\"><\/div>\n        <div class=\"pp-hero-cross\">\n          <svg viewBox=\"0 0 100 140\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <rect x=\"42\" y=\"0\" width=\"16\" height=\"140\" rx=\"2\"\/>\n            <rect x=\"10\" y=\"28\" width=\"80\" height=\"16\" rx=\"2\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"pp-hero-particles\">\n          <div class=\"pp-hero-particle\"><\/div>\n          <div class=\"pp-hero-particle\"><\/div>\n          <div class=\"pp-hero-particle\"><\/div>\n          <div class=\"pp-hero-particle\"><\/div>\n          <div class=\"pp-hero-particle\"><\/div>\n        <\/div>\n        <div class=\"pp-hero-content\">\n          <div class=\"pp-hero-badge pp-anim\">\n            <span class=\"pp-badge-dot\"><\/span>\n            San Lorenzo Ruiz De Manila Parish\n            <span class=\"pp-badge-dot\"><\/span>\n          <\/div>\n          <h1 class=\"pp-hero-title pp-anim\">Prayer Intentions<\/h1>\n          <div class=\"pp-hero-divider pp-anim\"><\/div>\n          <p class=\"pp-hero-subtitle pp-anim\">Share your heart with our parish community<\/p>\n          <p class=\"pp-hero-scripture pp-anim\">\n            &ldquo;Where two or three gather in my name, there am I with them.&rdquo;\n            <span class=\"pp-hero-scripture-ref\">\u2014 Matthew 18:20<\/span>\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"pp-inner\">\n\n        <!-- MESSAGES -->\n                \n        <!-- FORM -->\n        <div class=\"pp-form-section pp-anim\">\n          <div class=\"pp-form-box\">\n            <div class=\"pp-form-corner pp-form-corner--tl\"><\/div>\n            <div class=\"pp-form-corner pp-form-corner--tr\"><\/div>\n            <div class=\"pp-form-corner pp-form-corner--bl\"><\/div>\n            <div class=\"pp-form-corner pp-form-corner--br\"><\/div>\n            <h2 class=\"pp-form-title\">Submit Your Prayer<\/h2>\n            <p class=\"pp-form-desc\">Your prayer will be reviewed and added to our community wall.<\/p>\n            <form method=\"post\" action=\"https:\/\/demo6.yinwoodweb.com\/pidacsan\/prayers\/\">\n              <input type=\"hidden\" id=\"parish_prayer_nonce\" name=\"parish_prayer_nonce\" value=\"e18bf045ea\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/pidacsan\/wp-json\/wp\/v2\/pages\/938\" \/>              <div class=\"pp-hp\" aria-hidden=\"true\">\n                <label>Leave empty <input type=\"text\" name=\"prayer_hp_field\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n              <\/div>\n              <div class=\"pp-form-row\">\n                <div class=\"pp-form-group\">\n                  <label class=\"pp-label\" for=\"ppName\">Your Name (optional)<\/label>\n                  <input class=\"pp-input\" type=\"text\" id=\"ppName\" name=\"prayer_name\" placeholder=\"e.g. Maria Santos\" maxlength=\"100\">\n                <\/div>\n                <div class=\"pp-form-group\">\n                  <label class=\"pp-label\" for=\"ppEmail\">Email (private, optional)<\/label>\n                  <input class=\"pp-input\" type=\"email\" id=\"ppEmail\" name=\"prayer_email\" placeholder=\"Not displayed publicly\" maxlength=\"150\">\n                <\/div>\n              <\/div>\n              <div class=\"pp-form-group\">\n                <label class=\"pp-label\" for=\"ppText\">Your Prayer Intention *<\/label>\n                <textarea class=\"pp-textarea\" id=\"ppText\" name=\"prayer_text\" placeholder=\"Share your prayer intention with our community...\" required maxlength=\"2000\"><\/textarea>\n              <\/div>\n              <button type=\"submit\" class=\"pp-submit-btn\" name=\"parish_prayer_submit\" value=\"1\">Submit Prayer Request<\/button>\n            <\/form>\n          <\/div>\n        <\/div>\n\n        <!-- DIVIDER -->\n        <div class=\"pp-divider\"><\/div>\n\n        <!-- WALL HEADER -->\n        <div class=\"pp-section-header pp-anim\">\n          <p class=\"pp-section-eyebrow\">Prayer Wall<\/p>\n          <h2 class=\"pp-section-title\">Community Prayers<\/h2>\n          <p class=\"pp-section-subtitle\">Lifting our voices together in faith and hope<\/p>\n        <\/div>\n\n        <!-- CROSS ORNAMENT -->\n        <div class=\"pp-cross-ornament pp-anim\">\n          <span class=\"pp-cross-line\"><\/span>\n          <svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\"\/><line x1=\"6\" y1=\"8\" x2=\"18\" y2=\"8\"\/><\/svg>\n          <span class=\"pp-cross-line\"><\/span>\n        <\/div>\n\n        <!-- PRAYER GRID -->\n                <div class=\"pp-empty pp-anim\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/><\/svg>\n          <p class=\"pp-empty-text\">The Prayer Wall is waiting.<\/p>\n          <p class=\"pp-empty-sub\">Be the first to share a prayer intention with our community.<\/p>\n        <\/div>\n        \n      <\/div>\n    <\/section>\n\n    <script>\n    (function(){\n      var wrap = document.getElementById('ppWrap');\n      if(!wrap) return;\n\n      \/* \u2500\u2500 Scroll Reveal with staggered delays \u2500\u2500 *\/\n      var els = wrap.querySelectorAll('.pp-anim');\n      var heroIdx = 0, contentIdx = 0;\n\n      if('IntersectionObserver' in window){\n        var obs = new IntersectionObserver(function(entries){\n          entries.forEach(function(e){\n            if(e.isIntersecting){ e.target.classList.add('in'); obs.unobserve(e.target); }\n          });\n        },{threshold:0.05, rootMargin:'0px 0px -8% 0px'});\n\n        els.forEach(function(el){\n          if(el.closest('.pp-hero')){\n            el.style.transitionDelay = (heroIdx * 120) + 'ms';\n            heroIdx++;\n          } else {\n            el.style.transitionDelay = (contentIdx * 70) + 'ms';\n            contentIdx++;\n          }\n          obs.observe(el);\n        });\n      } else {\n        els.forEach(function(el){ el.classList.add('in'); });\n      }\n\n      \/* \u2500\u2500 \"I Prayed\" Button \u2500\u2500 *\/\n      wrap.querySelectorAll('.pp-pray-btn').forEach(function(btn){\n        var id = btn.getAttribute('data-id');\n        if(localStorage.getItem('pp_prayed_' + id)){\n          btn.classList.add('prayed');\n          btn.querySelector('.pp-pray-label').textContent = 'Prayed';\n        }\n\n        btn.addEventListener('click', function(){\n          if(localStorage.getItem('pp_prayed_' + id)) return;\n          btn.classList.add('prayed');\n          localStorage.setItem('pp_prayed_' + id, '1');\n\n          var countEl = btn.querySelector('.pp-pray-count');\n          var fd = new FormData();\n          fd.append('action', 'parish_pray');\n          fd.append('nonce', 'bd23d1ac87');\n          fd.append('prayer_id', id);\n\n          fetch('https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-admin\/admin-ajax.php', {method:'POST', body:fd})\n            .then(function(r){ return r.json(); })\n            .then(function(data){\n              if(data.success) countEl.textContent = data.data.count;\n            })\n            .catch(function(){\n              var c = parseInt(countEl.textContent) || 0;\n              countEl.textContent = c + 1;\n            });\n        });\n      });\n    })();\n    <\/script>\n\n    \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":"Prayers - San Lorenzo Ruiz De Manila Parish","description":""},"footnotes":""},"class_list":["post-938","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\/pidacsan\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":3,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/938\/revisions"}],"predecessor-version":[{"id":951,"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/pages\/938\/revisions\/951"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/pidacsan\/wp-json\/wp\/v2\/media?parent=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}