{"id":168,"date":"2026-05-01T19:46:03","date_gmt":"2026-05-01T19:46:03","guid":{"rendered":"https:\/\/demowebdesign.live\/renita\/?page_id=168"},"modified":"2026-06-11T21:58:22","modified_gmt":"2026-06-11T21:58:22","slug":"blogs","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/renita\/index.php\/blogs\/","title":{"rendered":"Blogs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"168\" class=\"elementor elementor-168\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4739bcc e-con-full e-flex e-con e-parent\" data-id=\"4739bcc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c465fd0 elementor-widget elementor-widget-html\" data-id=\"c465fd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- GSAP -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n\r\n    <style>\r\n        :root {\r\n            --blh-cream: #fdfbf7;\r\n            --blh-gold: #b58d4a;\r\n            --blh-accent: #1a2a3a;\r\n            --blh-text: #2c3e50;\r\n            --blh-sky: #e0f2fe;\r\n            --blh-transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--blh-cream);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            color: var(--blh-text);\r\n        }\r\n\r\n        .blh-hero {\r\npadding: 180px;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            background-color: var(--blh-cream);\r\n            overflow: hidden;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* --- Background Decor --- *\/\r\n        .blh-bg-decor {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .blh-ghost-text {\r\n            position: absolute;\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 22vw;\r\n            color: var(--blh-accent);\r\n            opacity: 0.02;\r\n            z-index: 0;\r\n            white-space: nowrap;\r\n            line-height: 1;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .blh-bokeh {\r\n            position: absolute;\r\n            background: radial-gradient(circle, rgba(181, 141, 74, 0.15) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            filter: blur(60px);\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* Paper Texture Overlay *\/\r\n        .blh-paper-texture {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: url('https:\/\/www.transparenttextures.com\/patterns\/natural-paper.png');\r\n            opacity: 0.05;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        \/* --- Hero Content --- *\/\r\n        .blh-content {\r\n            position: relative;\r\n            z-index: 10;\r\n            max-width: 900px;\r\n            padding: 0 5%;\r\n        }\r\n\r\n        .blh-badge {\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 6px;\r\n            color: var(--blh-gold);\r\n            text-transform: uppercase;\r\n            margin-bottom: 30px;\r\n            display: inline-block;\r\n            position: relative;\r\n        }\r\n\r\n        .blh-badge::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            bottom: -8px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 40px;\r\n            height: 2px;\r\n            background: var(--blh-gold);\r\n        }\r\n\r\n        .blh-h1 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(3rem, 8vw, 6rem);\r\n            color: var(--blh-accent);\r\n            line-height: 1.1;\r\n            margin-bottom: 35px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .blh-h1 span {\r\n            display: block;\r\n            font-style: italic;\r\n            font-weight: 400;\r\n            font-size: 0.7em;\r\n            color: var(--blh-gold);\r\n        }\r\n\r\n        .blh-p {\r\n            font-size: clamp(1.1rem, 1.4vw, 1.4rem);\r\n            line-height: 1.8;\r\n            color: var(--blh-text);\r\n            max-width: 650px;\r\n            margin: 0 auto 50px;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* --- Circle Morphing Button --- *\/\r\n        .blh-cta {\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .blh-circle-btn {\r\n            position: relative;\r\n            width: 75px;\r\n            height: 75px;\r\n            background: var(--blh-accent);\r\n            color: white;\r\n            text-decoration: none;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            box-shadow: 0 15px 35px rgba(26, 42, 58, 0.2);\r\n            transition: width 0.6s var(--blh-transition), border-radius 0.6s var(--blh-transition), background 0.4s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .blh-circle-btn:hover {\r\n            width: 260px;\r\n            border-radius: 50px;\r\n            background: var(--blh-gold);\r\n        }\r\n\r\n        .blh-btn-text {\r\n            opacity: 0;\r\n            max-width: 0;\r\n            transition: opacity 0.3s ease, max-width 0.5s ease;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .blh-circle-btn:hover .blh-btn-text {\r\n            opacity: 1;\r\n            max-width: 180px;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .blh-btn-icon {\r\n            flex-shrink: 0;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .blh-circle-btn:hover .blh-btn-icon {\r\n            transform: translateX(-5px);\r\n        }\r\n\r\n        \/* --- Floating Abstract Element --- *\/\r\n        .blh-floating-nib {\r\n            position: absolute;\r\n            right: 10%;\r\n            bottom: 20%;\r\n            width: 120px;\r\n            height: 120px;\r\n            opacity: 0.15;\r\n            z-index: 5;\r\n            pointer-events: none;\r\n            color: var(--blh-gold);\r\n        }\r\n\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 768px) {\r\n            .blh-hero { padding-top: 140px !important; }\r\n            .blh-badge { letter-spacing: 4px; }\r\n            .blh-floating-nib { right: 5%; bottom: 10%; width: 80px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"blh-hero\">\r\n        \r\n        <!-- Paper Texture Overlay -->\r\n        <div class=\"blh-paper-texture\"><\/div>\r\n\r\n        <!-- Background Decor -->\r\n        <div class=\"blh-bg-decor\" id=\"blh-decor\">\r\n            <div class=\"blh-ghost-text\" style=\"top: 10%; left: -5%;\">REFLECTIONS<\/div>\r\n            <div class=\"blh-ghost-text\" style=\"bottom: 10%; right: -5%;\">INSIGHTS<\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- Hero Content -->\r\n        <div class=\"blh-content\">\r\n            <span class=\"blh-badge\">Faith & Testimony<\/span>\r\n            <h1 class=\"blh-h1\">\r\n                Storms Survived, <span>Lessons Learned<\/span>\r\n            <\/h1>\r\n            <p class=\"blh-p\">\r\n                First-hand accounts of faith tested and proven, drawn directly from the pages of Strength Through the Storms and the life behind them.\r\n            <\/p>\r\n\r\n            <!--<div class=\"blh-cta\">-->\r\n            <!--    <a href=\"#blog-feed\" class=\"blh-circle-btn\">-->\r\n            <!--        <span class=\"bi-btn-icon\">-->\r\n            <!--            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>-->\r\n            <!--        <\/span>-->\r\n            <!--        <span class=\"blh-btn-text\">Explore Stories<\/span>-->\r\n            <!--    <\/a>-->\r\n            <!--<\/div>-->\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            function initBlogHero() {\r\n                if (typeof gsap === 'undefined') return;\r\n\r\n                \/\/ 1. Staggered Content Entrance\r\n                const tl = gsap.timeline();\r\n                tl.from(\".blh-badge\", { y: 20, opacity: 0, duration: 1, ease: \"power3.out\" })\r\n                  .from(\".blh-h1\", { y: 40, opacity: 0, duration: 1.2, ease: \"power4.out\" }, \"-=0.6\")\r\n                  .from(\".blh-p\", { y: 30, opacity: 0, duration: 1, ease: \"power3.out\" }, \"-=0.8\")\r\n                  .from(\".blh-circle-btn\", { scale: 0, opacity: 0, duration: 1, ease: \"back.out(1.7)\" }, \"-=0.6\");\r\n\r\n                \/\/ 2. Background Decor Animations\r\n                const decor = document.getElementById('blh-decor');\r\n                if (decor) {\r\n                    for (let i = 0; i < 5; i++) {\r\n                        const b = document.createElement('div');\r\n                        b.className = 'blh-bokeh';\r\n                        const size = 150 + Math.random() * 200;\r\n                        b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                        b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                        decor.appendChild(b);\r\n                        gsap.to(b, {\r\n                            x: \"random(-80, 80)\", y: \"random(-80, 80)\",\r\n                            duration: 15 + Math.random() * 10, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n                }\r\n\r\n                \/\/ 3. Ghost Text Slow Float\r\n                gsap.to(\".blh-ghost-text\", {\r\n                    yPercent: -20,\r\n                    duration: 20,\r\n                    repeat: -1,\r\n                    yoyo: true,\r\n                    ease: \"sine.inOut\"\r\n                });\r\n\r\n                \/\/ 4. Floating Nib Animation\r\n                gsap.to(\"#blh-nib\", {\r\n                    y: -20,\r\n                    rotation: 5,\r\n                    duration: 4,\r\n                    repeat: -1,\r\n                    yoyo: true,\r\n                    ease: \"sine.inOut\"\r\n                });\r\n            }\r\n\r\n            if (document.readyState === 'complete') {\r\n                initBlogHero();\r\n            } else {\r\n                window.addEventListener('load', initBlogHero);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17ba108 e-con-full e-flex e-con e-parent\" data-id=\"17ba108\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-278e162 elementor-widget elementor-widget-html\" data-id=\"278e162\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --blf-cream: #fdfbf7;\r\n            --blf-gold: #b58d4a;\r\n            --blf-accent: #1a2a3a;\r\n            --blf-text: #2c3e50;\r\n            --blf-sky: #e0f2fe;\r\n            \r\n            \/* New Vibrant Palette *\/\r\n            --blf-indigo: #2419F4;\r\n            --blf-purple: #B314F6;\r\n            --blf-cyan: #1ABEFE;\r\n            \r\n            --blf-transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--blf-cream);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            color: var(--blf-text);\r\n        }\r\n\r\n        .blf-wrapper {\r\n            position: relative;\r\n            background-color: var(--blf-cream);\r\n            overflow: hidden;\r\n            padding: 120px 0;\r\n        }\r\n\r\n        \/* --- Background Decor --- *\/\r\n        .blf-bg-decor {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .blf-ghost-text {\r\n            position: absolute;\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 20vw;\r\n            \/* Added Gradient to Ghost Text *\/\r\n            background: linear-gradient(to right, var(--blf-indigo), var(--blf-purple));\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            opacity: 0.03;\r\n            z-index: 0;\r\n            white-space: nowrap;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .blf-bokeh {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(60px);\r\n            opacity: 0.3;\r\n            animation: float 15s infinite alternate ease-in-out;\r\n        }\r\n\r\n        @keyframes float {\r\n            from { transform: translate(0, 0); }\r\n            to { transform: translate(60px, 40px); }\r\n        }\r\n\r\n        \/* --- Expandable Mosaic Feed --- *\/\r\n        .blf-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 5%;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .blf-heading {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .blf-pre {\r\n            font-size: 0.85rem;\r\n            font-weight: 800;\r\n            letter-spacing: 5px;\r\n            color: #2060F9; \/* Changed to Indigo *\/\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .blf-h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.5rem, 5vw, 3.5rem);\r\n            color: var(--blf-accent);\r\n        }\r\n\r\n        .blf-feed {\r\n            display: flex;\r\n            height: 600px;\r\n            gap: 15px;\r\n            width: 100%;\r\n            margin-bottom: 100px;\r\n        }\r\n\r\n        .blf-post {\r\n            position: relative;\r\n            flex: 1;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            border-radius: 40px;\r\n            background: white;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.03);\r\n            border: 1px solid rgba(179, 20, 246, 0.1); \/* Subtle Purple border *\/\r\n            transition: var(--blf-transition);\r\n            cursor: pointer;\r\n            display: flex;\r\n        }\r\n\r\n        .blf-post.active {\r\n            flex: 4;\r\n            border-color: var(--blf-indigo);\r\n            box-shadow: 0 40px 100px rgba(36, 25, 244, 0.1);\r\n        }\r\n\r\n        .blf-post-header {\r\n            width: 100px;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding: 40px 0;\r\n            color: white;\r\n            transition: var(--blf-transition);\r\n            flex-shrink: 0;\r\n            background: linear-gradient(135deg, #1ABEFE, #2419F4);\r\n        }\r\n\r\n        .blf-post.active .blf-post-header {\r\n            filter: brightness(1.2);\r\n        }\r\n\r\n        .blf-date {\r\n            writing-mode: vertical-rl;\r\n            transform: rotate(180deg);\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n            letter-spacing: 3px;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        .blf-num {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .blf-title-vertical {\r\n            writing-mode: vertical-rl;\r\n            transform: rotate(180deg);\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.4rem;\r\n            white-space: nowrap;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .blf-post-body {\r\n            flex: 1;\r\n            padding: 60px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            background: white;\r\n        }\r\n\r\n        .blf-category {\r\n            font-size: 0.8rem;\r\n            font-weight: 800;\r\n            letter-spacing: 3px;\r\n            color: var(--blf-cyan); \/* Changed to Cyan *\/\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n            display: block;\r\n        }\r\n\r\n        .blf-post-h3 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2.8rem;\r\n            color: var(--blf-accent);\r\n            margin-bottom: 25px;\r\n            line-height: 1.2;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .blf-post-p {\r\n            font-size: 1.15rem;\r\n            line-height: 1.8;\r\n            color: var(--blf-text);\r\n            opacity: 0.95;\r\n            margin-bottom: 45px;\r\n            max-width: 550px;\r\n        }\r\n\r\n        .blf-circle-btn {\r\n            position: relative;\r\n            width: 75px; height: 75px;\r\n            background: linear-gradient(135deg, #1ABEFE, #2419F4);\r\n            color: white;\r\n            text-decoration: none !important;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 25px rgba(26, 42, 58, 0.15);\r\n            transition: width 0.6s var(--blf-transition), border-radius 0.6s var(--blf-transition), background 0.4s ease;\r\n            white-space: nowrap;\r\n            z-index: 5;\r\n        }\r\n\r\n        .blf-circle-btn:hover {\r\n            width: 240px;\r\n            border-radius: 50px;\r\n            background: linear-gradient(135deg, #1ABEFE, #2419F4);\r\n            color: white !important;\r\n        }\r\n\r\n        .blf-btn-text {\r\n            opacity: 0; max-width: 0;\r\n            transition: opacity 0.3s ease, max-width 0.5s ease;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        .blf-circle-btn:hover .blf-btn-text { opacity: 1; max-width: 180px; margin-left: 15px; }\r\n\r\n        \/* Full Blog Viewer Section *\/\r\n        .blf-viewer-sec {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            background: white;\r\n            position: relative;\r\n            z-index: 20;\r\n            border-top: 1px solid rgba(36, 25, 244, 0.1);\r\n            transition: max-height 1s var(--blf-transition);\r\n        }\r\n\r\n        .blf-viewer-sec.active { max-height: 3000px; }\r\n\r\n        .blf-viewer-inner { max-width: 800px; margin: 0 auto; padding: 100px 5%; text-align: left; }\r\n\r\n        .blf-viewer-close {\r\n            position: absolute;\r\n            top: 40px; right: 40px; width: 50px; height: 50px;\r\n            background: var(--blf-accent);\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            cursor: pointer; transition: 0.3s; z-index: 25;\r\n        }\r\n\r\n        .blf-viewer-close:hover { background: var(--blf-indigo); transform: rotate(90deg); }\r\n\r\n        .blf-viewer-h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.5rem, 4vw, 4rem);\r\n            color: var(--blf-accent);\r\n            margin-bottom: 40px;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .blf-viewer-meta {\r\n            font-size: 0.8rem;\r\n            font-weight: 800;\r\n            letter-spacing: 4px;\r\n            text-transform: uppercase;\r\n            color: var(--blf-purple); \/* Purple Meta *\/\r\n            margin-bottom: 50px;\r\n            display: block;\r\n        }\r\n\r\n        .blf-viewer-text { font-size: 1.25rem; line-height: 2; color: var(--blf-text); opacity: 0.95; }\r\n        .blf-viewer-text p { margin-bottom: 35px; }\r\n        .blf-viewer-text p::first-letter {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 4rem; float: left; margin-right: 15px; line-height: 1;\r\n            color: var(--blf-indigo); \/* Indigo Drop Cap *\/\r\n            font-weight: 700;\r\n        }\r\n\r\n        .blf-quote {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2rem; font-style: italic;\r\n            color: var(--blf-purple); \/* Purple Quote *\/\r\n            border-left: 4px solid var(--blf-cyan); \/* Cyan quote bar *\/\r\n            padding-left: 30px; margin: 60px 0; line-height: 1.4;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .blf-feed { height: auto; flex-direction: column; }\r\n            .blf-post { height: 120px; flex-direction: column; }\r\n            .blf-post.active { height: 550px; }\r\n            .blf-post-header { width: 100%; height: 120px; flex-direction: row; padding: 0 40px; }\r\n            .blf-date, .blf-title-vertical { writing-mode: horizontal-tb; transform: none; margin-bottom: 0; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .blf-wrapper { padding: 60px 0; }\r\n            .blf-h2 { font-size: 2rem; }\r\n            .blf-feed { padding: 0 15px; }\r\n            .blf-circle-btn { width: 100%; height: 55px; border-radius: 50px; }\r\n            .blf-btn-text { opacity: 1; max-width: 200px; margin-left: 10px; }\r\n            .blf-ghost-text, .blf-bokeh { display: none; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"blf-wrapper\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"blf-bg-decor\">\r\n            <div class=\"blf-ghost-text\" style=\"top: 10%; right: -5%;\">STORIES<\/div>\r\n            <div class=\"blf-ghost-text\" style=\"bottom: 10%; left: -5%;\">INSPIRED<\/div>\r\n            \r\n            <!-- Colorful Bokeh -->\r\n            <div class=\"blf-bokeh\" style=\"width: 200px; height: 200px; top: 20%; left: 10%; background: radial-gradient(circle, var(--blf-indigo) 0%, transparent 70%);\"><\/div>\r\n            <div class=\"blf-bokeh\" style=\"width: 250px; height: 250px; bottom: 15%; right: 5%; background: radial-gradient(circle, var(--blf-purple) 0%, transparent 70%); animation-delay: -5s;\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"blf-container\">\r\n            <div class=\"blf-heading\">\r\n                <span class=\"blf-pre\">Insights & Stories<\/span>\r\n                <h2 class=\"blf-h2\">Recent Reflections<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"blf-feed\">\r\n                <!-- Post 1: Indigo -->\r\n                <div class=\"blf-post active\" data-blog=\"1\">\r\n                    <div class=\"blf-post-header\">\r\n                        <span class=\"blf-num\">01<\/span>\r\n                        <span class=\"blf-title-vertical\">Finding Strength<\/span>\r\n                    <\/div>\r\n                    <div class=\"blf-post-body\">\r\n                        <span class=\"blf-category\">Faith & Healing<\/span>\r\n                        <h3 class=\"blf-post-h3\">Finding Strength in the Midst of the Storm<\/h3>\r\n                        <p class=\"blf-post-p\">Discovering that even in the darkest moments, there is a path forward built on faith and unwavering resilience.<\/p>\r\n                        \r\n                        <a href=\"javascript:void(0)\" class=\"blf-circle-btn blf-read-more\">\r\n                            <span class=\"blf-btn-icon\">\r\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n                            <\/span>\r\n                            <span class=\"blf-btn-text\">Read Article<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Post 2: Purple -->\r\n                <div class=\"blf-post\" data-blog=\"2\">\r\n                    <div class=\"blf-post-header\">\r\n                        <span class=\"blf-num\">02<\/span>\r\n                        <span class=\"blf-title-vertical\">The Power of Hope<\/span>\r\n                    <\/div>\r\n                    <div class=\"blf-post-body\">\r\n                        <span class=\"blf-category\">Inspiration<\/span>\r\n                        <h3 class=\"blf-post-h3\">The Power of Unwavering Hope<\/h3>\r\n                        <p class=\"blf-post-p\">How shifting your perspective can reveal purpose in the most unexpected seasons of life.<\/p>\r\n                        \r\n                        <a href=\"javascript:void(0)\" class=\"blf-circle-btn blf-read-more\">\r\n                            <span class=\"blf-btn-icon\">\r\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n                            <\/span>\r\n                            <span class=\"blf-btn-text\">Read Article<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Post 3: Cyan -->\r\n                <div class=\"blf-post\" data-blog=\"3\">\r\n                    <div class=\"blf-post-header\">\r\n                        <span class=\"blf-num\">03<\/span>\r\n                        <span class=\"blf-title-vertical\">A Faith Journey<\/span>\r\n                    <\/div>\r\n                    <div class=\"blf-post-body\">\r\n                        <span class=\"blf-category\">Ministry<\/span>\r\n                        <h3 class=\"blf-post-h3\">Walking Through Life\u2019s Transitions<\/h3>\r\n                        <p class=\"blf-post-p\">Understanding the grace that guides us when we face major life shifts and new beginnings.<\/p>\r\n                        \r\n                        <a href=\"javascript:void(0)\" class=\"blf-circle-btn blf-read-more\">\r\n                            <span class=\"blf-btn-icon\">\r\n                                <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n                            <\/span>\r\n                            <span class=\"blf-btn-text\">Read Article<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Full Blog Viewer Section -->\r\n        <section class=\"blf-viewer-sec\" id=\"blf-viewer\">\r\n            <div class=\"blf-viewer-close\" id=\"blf-close\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\r\n            <\/div>\r\n            \r\n            <div class=\"blf-viewer-inner\" id=\"blf-content-target\">\r\n                <!-- Content will be injected here -->\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            \/\/ Mock Blog Data\r\n            const blogData = {\r\n                \"1\": {\r\n                    title: \"Finding Strength in the Midst of the Storm\",\r\n                    meta: \"Faith & Healing\",\r\n                    content: `<p>In the quiet moments of the night, when the world feels like it's spinning out of control, we often find ourselves questioning the strength we carry. For Renita T. Shelton, this wasn't just a metaphor\u2014it was a daily reality during the premature birth of her daughter Aria.<\/p>\r\n                             <div class=\"blf-quote\">\"Faith isn't the absence of fear, but the courage to continue in spite of it.\"<\/div>\r\n                             <p>This journey taught us that resilience isn't a fixed trait; it's a muscle that grows every time we choose to trust God in the unknown. The storm didn't just test us; it refined us. We discovered that the most powerful anchor is a faith that remains steady when the waves are at their highest.<\/p>`\r\n                },\r\n                \"2\": {\r\n                    title: \"The Power of Unwavering Hope\",\r\n                    meta: \"Inspiration\",\r\n                    content: `<p>Hope is often misunderstood as simple optimism. But true hope is something much deeper\u2014it is an anchor for the soul. In this post, we explore how shifting your perspective can reveal purpose in the most unexpected seasons of life.<\/p>\r\n                             <div class=\"blf-quote\">\"Hope is the only thing stronger than fear.\"<\/div>\r\n                             <p>When we look back at our most challenging transitions, we see the fingerprints of grace. Hope allows us to see through the current pain toward the future purpose. It is the light that refuses to be extinguished by circumstance.<\/p>`\r\n                },\r\n                \"3\": {\r\n                    title: \"Walking Through Life\u2019s Transitions\",\r\n                    meta: \"Ministry\",\r\n                    content: `<p>Transitions are rarely comfortable. Whether it's a career change, a personal loss, or a new beginning, the space 'in-between' can feel like a wilderness. However, it is in this wilderness that we often hear the clearest guidance.<\/p>\r\n                             <div class=\"blf-quote\">\"The end of one chapter is simply the ink drying on the next.\"<\/div>\r\n                             <p>Understanding the grace that guides us during these shifts is essential. We must learn to let go of what was to embrace what is becoming. This post shares practical steps for maintaining your peace while walking through the unknown.<\/p>`\r\n                }\r\n            };\r\n\r\n            function initBlogFeed() {\r\n                const posts = document.querySelectorAll('.blf-post');\r\n                const viewer = document.getElementById('blf-viewer');\r\n                const contentTarget = document.getElementById('blf-content-target');\r\n                const closeBtn = document.getElementById('blf-close');\r\n\r\n                posts.forEach(post => {\r\n                    post.addEventListener('mouseenter', () => {\r\n                        posts.forEach(p => p.classList.remove('active'));\r\n                        post.classList.add('active');\r\n                    });\r\n\r\n                    const readBtn = post.querySelector('.blf-read-more');\r\n                    readBtn.addEventListener('click', (e) => {\r\n                        e.stopPropagation();\r\n                        const id = post.getAttribute('data-blog');\r\n                        openBlog(id);\r\n                    });\r\n                });\r\n\r\n                function openBlog(id) {\r\n                    const data = blogData[id];\r\n                    if (!data) return;\r\n                    contentTarget.innerHTML = `\r\n                        <span class=\"blf-viewer-meta\">${data.meta}<\/span>\r\n                        <h2 class=\"blf-viewer-h2\">${data.title}<\/h2>\r\n                        <div class=\"blf-viewer-text\">${data.content}<\/div>\r\n                    `;\r\n                    viewer.classList.add('active');\r\n                    setTimeout(() => {\r\n                        viewer.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n                    }, 100);\r\n                }\r\n\r\n                closeBtn.addEventListener('click', () => {\r\n                    viewer.classList.remove('active');\r\n                    document.querySelector('.blf-feed').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n                });\r\n            }\r\n\r\n            if (document.readyState === 'complete') initBlogFeed();\r\n            else window.addEventListener('load', initBlogFeed);\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea9aa0b e-con-full e-flex e-con e-parent\" data-id=\"ea9aa0b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4951951 elementor-widget elementor-widget-html\" data-id=\"4951951\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <!-- GSAP & ScrollTrigger -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <style>\r\n        :root {\r\n            --cta-cream: #fdfbf7;\r\n            --cta-gold: #b58d4a;\r\n            --cta-accent: #1a2a3a;\r\n            --cta-text: #2c3e50;\r\n            --cta-sky: #e0f2fe;\r\n            --cta-transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n        body {\r\n            background-color: var(--cta-cream);\r\n            font-family: 'Inter', sans-serif;\r\n            overflow-x: hidden;\r\n            color: var(--cta-text);\r\n        }\r\n\r\n        .cta-section {\r\n            position: relative;\r\n            padding: 150px 0;\r\n            background: radial-gradient(circle at center, rgba(181, 141, 74, 0.05) 0%, var(--cta-cream) 70%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Background Decor *\/\r\n        .cta-bg-decor {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            z-index: 1;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-bokeh {\r\n            position: absolute;\r\n            background: radial-gradient(circle, rgba(224, 242, 254, 0.6) 0%, transparent 70%);\r\n            border-radius: 50%;\r\n            filter: blur(80px);\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .cta-ghost-text {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 30vw;\r\n            color: var(--cta-accent);\r\n            opacity: 0.02;\r\n            z-index: 0;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .cta-container {\r\n            max-width: 900px;\r\n            width: 90%;\r\n            position: relative;\r\n            z-index: 10;\r\n            text-align: center;\r\n        }\r\n\r\n        .cta-sub {\r\n            font-size: 0.85rem;\r\n            font-weight: 700;\r\n            letter-spacing: 5px;\r\n            color: var(--cta-gold);\r\n            text-transform: uppercase;\r\n            margin-bottom: 25px;\r\n            display: block;\r\n        }\r\n\r\n        .cta-h2 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n            color: var(--cta-accent);\r\n            line-height: 1.1;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .cta-p {\r\n            font-size: 1.1rem;\r\n            line-height: 1.8;\r\n            color: var(--cta-text);\r\n            max-width: 600px;\r\n            margin: 0 auto 60px;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        \/* --- Form Styling --- *\/\r\n        .cta-form {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 25px;\r\n            align-items: center;\r\n        }\r\n\r\n        .cta-input-group {\r\n            width: 100%;\r\n            max-width: 500px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-input {\r\n            width: 100%;\r\n            padding: 20px 30px;\r\n            background: white;\r\n            border: 1px solid rgba(181, 141, 74, 0.2);\r\n            border-radius: 50px;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 1rem;\r\n            color: var(--cta-accent);\r\n            transition: var(--cta-transition);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02);\r\n            outline: none;\r\n        }\r\n\r\n        .cta-input:focus {\r\n            border-color: var(--cta-gold);\r\n            box-shadow: 0 10px 30px rgba(181, 141, 74, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .cta-input::placeholder {\r\n            color: rgba(44, 62, 80, 0.4);\r\n        }\r\n\r\n        \/* --- Circle Morphing Button --- *\/\r\n        .cta-submit-btn {\r\n            position: relative;\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #2419F4, #1ABEFE);\r\n            color: white;\r\n            border: none;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n            transition: width 0.6s var(--cta-transition), border-radius 0.6s var(--cta-transition), background 0.4s ease;\r\n            white-space: nowrap;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .cta-submit-btn:hover {\r\n            width: 280px;\r\n            border-radius: 50px;\r\n            background: linear-gradient(135deg, #2419F4, #1ABEFE);\r\n        }\r\n\r\n        .cta-btn-text {\r\n            opacity: 0;\r\n            max-width: 0;\r\n            transition: opacity 0.3s ease, max-width 0.5s ease;\r\n            font-weight: 700;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .cta-submit-btn:hover .cta-btn-text {\r\n            opacity: 1;\r\n            max-width: 200px;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .cta-btn-icon {\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* Shimmer Effect *\/\r\n        .cta-submit-btn::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0; left: -100%;\r\n            width: 50%; height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: 0.6s;\r\n        }\r\n\r\n        .cta-submit-btn:hover::before {\r\n            left: 150%;\r\n        }\r\n\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 768px) {\r\n            .cta-section { padding: 100px 0; }\r\n            .cta-submit-btn:hover { width: 240px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"cta-section\" id=\"cta-trigger\">\r\n        \r\n        <!-- Background Decor -->\r\n        <div class=\"cta-bg-decor\" id=\"cta-decor\">\r\n            <div class=\"cta-ghost-text\">COMMUNITY<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cta-container\">\r\n            <span class=\"cta-sub\">Stay Inspired<\/span>\r\n            <h2 class=\"cta-h2\">Receive Encouragement & Healing Words<\/h2>\r\n            <p class=\"cta-p\">\r\n                Join a growing community of readers, prayer warriors, and storm survivors. Receive faith encouragements, devotional content drawn from the book, updates on speaking events, and a word in season, delivered to your inbox.\r\n            <\/p>\r\n\r\n            <form class=\"cta-form\" onsubmit=\"return false;\">\r\n                <div class=\"cta-input-group\">\r\n                    <input type=\"text\" class=\"cta-input\" placeholder=\"Your Name\" required>\r\n                <\/div>\r\n                <div class=\"cta-input-group\">\r\n                    <input type=\"email\" class=\"cta-input\" placeholder=\"Your Email Address\" required>\r\n                <\/div>\r\n                \r\n                <button type=\"submit\" class=\"cta-submit-btn\">\r\n                    <span class=\"cta-btn-icon\">\r\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 12 7-7 7 7\"><\/path><path d=\"M12 19V5\"><\/path><\/svg>\r\n                    <\/span>\r\n                    <span class=\"cta-btn-text\">Join the Journey<\/span>\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <script>\r\n        (function() {\r\n            function initCTA() {\r\n                if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\r\n                gsap.registerPlugin(ScrollTrigger);\r\n\r\n                \/\/ 1. Background Animating Elements (Lightweight)\r\n                const decor = document.getElementById('cta-decor');\r\n                if (decor) {\r\n                    for (let i = 0; i < 4; i++) {\r\n                        const b = document.createElement('div');\r\n                        b.className = 'cta-bokeh';\r\n                        const size = 150 + Math.random() * 200;\r\n                        b.style.width = size + 'px'; b.style.height = size + 'px';\r\n                        b.style.left = Math.random() * 100 + '%'; b.style.top = Math.random() * 100 + '%';\r\n                        decor.appendChild(b);\r\n                        gsap.to(b, {\r\n                            x: \"random(-50, 50)\", y: \"random(-50, 50)\",\r\n                            duration: 10 + Math.random() * 5, repeat: -1, yoyo: true, ease: \"sine.inOut\"\r\n                        });\r\n                    }\r\n                }\r\n\r\n                \/\/ Parallax Ghost Text\r\n                gsap.to(\".cta-ghost-text\", {\r\n                    yPercent: -20,\r\n                    ease: \"none\",\r\n                    scrollTrigger: {\r\n                        trigger: \"#cta-trigger\",\r\n                        start: \"top bottom\",\r\n                        end: \"bottom top\",\r\n                        scrub: true\r\n                    }\r\n                });\r\n\r\n                \/\/ 2. Entrance Animations\r\n                const tl = gsap.timeline({\r\n                    scrollTrigger: {\r\n                        trigger: \".cta-container\",\r\n                        start: \"top 85%\"\r\n                    }\r\n                });\r\n\r\n                tl.from(\".cta-sub\", { y: 20, opacity: 0, duration: 0.8 })\r\n                  .from(\".cta-h2\", { y: 30, opacity: 0, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".cta-p\", { y: 30, opacity: 0, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".cta-input-group\", { scale: 0.95, opacity: 0, stagger: 0.1, duration: 0.8 }, \"-=0.6\")\r\n                  .from(\".cta-submit-btn\", { scale: 0, opacity: 0, duration: 0.8, ease: \"back.out(1.7)\" }, \"-=0.4\");\r\n            }\r\n\r\n            if (document.readyState === 'complete') {\r\n                initCTA();\r\n            } else {\r\n                window.addEventListener('load', initCTA);\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>REFLECTIONS INSIGHTS Faith &#038; Testimony Storms Survived, Lessons Learned First-hand accounts of faith tested and proven, drawn directly from the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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":""}},"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/comments?post=168"}],"version-history":[{"count":52,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/pages\/168\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/renita\/index.php\/wp-json\/wp\/v2\/media?parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}