{"id":344,"date":"2026-06-04T16:41:53","date_gmt":"2026-06-04T16:41:53","guid":{"rendered":"https:\/\/demowebdesign.live\/sonia\/?page_id=344"},"modified":"2026-06-04T21:50:12","modified_gmt":"2026-06-04T21:50:12","slug":"contact","status":"publish","type":"page","link":"https:\/\/demowebdesign.live\/sonia\/index.php\/contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"344\" class=\"elementor elementor-344\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92dc760 e-con-full e-flex e-con e-parent\" data-id=\"92dc760\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5392ce2 elementor-widget elementor-widget-html\" data-id=\"5392ce2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sonia-hero-section,\r\n.sonia-hero-section * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* \u2500\u2500 Root variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.sonia-hero-section {\r\n    --book-img: url('Updated-New-Concept (1).jpg');\r\n    --c-dark:       #05070e;\r\n    --c-white:      #ffffff;\r\n    --c-muted:      #e2e8f0;\r\n    --c-gold-lt:    #ebd0b9;\r\n    --c-gold:       #e5b982;\r\n    --c-gold-dk:    #c59b62;\r\n    --f-serif: 'Playfair Display', Georgia, serif;\r\n    --f-sans:  'Inter', system-ui, sans-serif;\r\n    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n    --mx: 0; --my: 0;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;                \/* kills any stray scrollbar *\/\r\n    background: var(--c-dark);\r\n    font-family: var(--f-sans);\r\n    color: var(--c-white);\r\n\r\n    \/* Centre the inner container *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-top: 300px;\r\n    padding-bottom: 100px;\r\n}\r\n\r\n\/* \u2500\u2500 Background video \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-bg-video {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.88;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    \/*filter: grayscale(45%) sepia(25%) hue-rotate(185deg) saturate(0.7) brightness(0.85);*\/\r\n\r\n}\r\n.s-overlay {\r\n    position: absolute; inset: 0;\r\n    background: radial-gradient(\r\n        ellipse at 50% 50%,\r\n        rgba(5,7,14,.1)  0%,\r\n        rgba(5,7,14,.55) 55%,\r\n        rgba(5,7,14,.94) 100%\r\n    );\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* \u2500\u2500 Ambient glow orbs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-glows {\r\n    position: absolute; inset: 0;\r\n    z-index: 3;\r\n    pointer-events: none;\r\n    overflow: hidden;\r\n}\r\n.s-orb {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(60px);\r\n    will-change: transform;\r\n}\r\n.s-orb-1 { width:540px; height:540px; top:-8%;   left:8%;\r\n    background: radial-gradient(circle, rgba(229,185,130,.11) 0%, transparent 70%);\r\n    animation: orb1 34s ease-in-out infinite; }\r\n.s-orb-2 { width:700px; height:700px; bottom:-18%; right:5%;\r\n    background: radial-gradient(circle, rgba(232,168,124,.07) 0%, transparent 70%);\r\n    animation: orb2 42s ease-in-out infinite; }\r\n.s-orb-3 { width:420px; height:420px; top:30%; left:52%;\r\n    background: radial-gradient(circle, rgba(229,185,130,.06) 0%, transparent 70%);\r\n    animation: orb3 28s ease-in-out infinite; }\r\n@keyframes orb1 { 0%,100%{transform:translate(0,0) scale(1);opacity:.7}   50%{transform:translate(40px,30px) scale(1.12);opacity:.9} }\r\n@keyframes orb2 { 0%,100%{transform:translate(0,0) scale(1.1);opacity:.8} 50%{transform:translate(-50px,-22px) scale(.9);opacity:.5} }\r\n@keyframes orb3 { 0%,100%{transform:translate(0,0) scale(.9);opacity:.6}  50%{transform:translate(-30px,40px) scale(1.1);opacity:.8} }\r\n\r\n\/* Dust particles *\/\r\n.s-dust { position:absolute; border-radius:50%; opacity:0; pointer-events:none;\r\n    background: radial-gradient(circle, rgba(229,185,130,.75) 0%, transparent 70%);\r\n    box-shadow: 0 0 8px rgba(229,185,130,.25);\r\n    will-change: transform, opacity; }\r\n.s-d1{width:5px;height:5px;left:10%;bottom:10%;animation:dust 22s linear 1s infinite}\r\n.s-d2{width:7px;height:7px;left:34%;bottom:8%; animation:dust 28s linear 5s infinite}\r\n.s-d3{width:4px;height:4px;left:56%;bottom:14%;animation:dust 25s linear 9s infinite}\r\n.s-d4{width:8px;height:8px;left:76%;bottom:9%; animation:dust 32s linear 14s infinite}\r\n.s-d5{width:6px;height:6px;left:90%;bottom:13%;animation:dust 26s linear 18s infinite}\r\n@keyframes dust {\r\n    0%  {opacity:0;  transform:translateY(0)    translateX(0)    scale(.6)}\r\n    20% {opacity:.7; transform:translateY(-18vh) translateX(14px) scale(.85)}\r\n    60% {opacity:.5; transform:translateY(-55vh) translateX(-10px) scale(.9)}\r\n    100%{opacity:0;  transform:translateY(-92vh) translateX(14px) scale(1.1)}\r\n}\r\n\r\n\/* \u2500\u2500 Entrance animation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes fadeUp {\r\n    from { opacity:0; transform:translateY(26px) }\r\n    to   { opacity:1; transform:translateY(0) }\r\n}\r\n.fu { opacity:0; animation: fadeUp 1.1s var(--ease-out) forwards }\r\n.d1{animation-delay:.10s} .d2{animation-delay:.25s} .d3{animation-delay:.40s}\r\n.d4{animation-delay:.55s} .d5{animation-delay:.70s} .d6{animation-delay:.85s}\r\n\r\n\/* \u2500\u2500 Main 2-column container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-container {\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    max-width: 1200px;\r\n\r\n    display: grid;\r\n    grid-template-columns: minmax(0,1fr) minmax(0,auto);  \/* left grows, right is natural width *\/\r\n    align-items: center;\r\n    gap: 64px;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT: text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.s-text {\r\n    min-width: 0;                    \/* critical: stops grid blowout *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    transform: translate(\r\n        calc(var(--mx) * 9px),\r\n        calc(var(--my) * 9px)\r\n    );\r\n    transition: transform .6s var(--ease-out);\r\n    will-change: transform;\r\n}\r\n\r\n.s-label {\r\n    font-size: .72rem; font-weight: 600;\r\n    text-transform: uppercase; letter-spacing: 4px;\r\n    color: var(--c-gold); margin-bottom: 20px;\r\n    display: inline-flex; align-items: center; gap: 14px;\r\n    font-family: var(--f-sans) !important;\r\n}\r\n.s-label::before {\r\n    content:''; width:30px; height:1px;\r\n    background: var(--c-gold); flex-shrink:0;\r\n}\r\n\r\n.s-title {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: clamp(2.4rem, 4.5vw, 5rem);\r\n    font-weight: 300;\r\n    line-height: 1.06;\r\n    color: var(--c-white);\r\n    text-shadow: 0 4px 20px rgba(0,0,0,.3);\r\n}\r\n.s-bold  { font-weight: 700 }\r\n.s-gold  {\r\n    font-style: italic;\r\n    background: linear-gradient(135deg, var(--c-gold-lt) 0%, var(--c-gold) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* Ornamental rule *\/\r\n.s-rule {\r\n    display: flex; align-items: center; gap: 12px;\r\n    margin: 24px 0; width: 100%; max-width: 400px;\r\n}\r\n.s-rule-line {\r\n    height: 1px; flex: 1;\r\n    background: linear-gradient(to right, var(--c-gold), rgba(229,185,130,0));\r\n}\r\n.s-rule-line.r {\r\n    background: linear-gradient(to left, rgba(229,185,130,0), rgba(229,185,130,0));\r\n}\r\n.s-rule-sym {\r\n    font-size: .8rem; color: var(--c-gold); opacity: .6;\r\n    font-family: var(--f-serif) !important; letter-spacing: 4px;\r\n}\r\n\r\n\/* Pull quote *\/\r\n.s-quote {\r\n    font-family: var(--f-serif) !important;\r\n    font-size: clamp(1rem, 1.5vw, 1.4rem);\r\n    font-style: italic; font-weight: 400;\r\n    line-height: 1.55; color: var(--c-gold-lt);\r\n    margin-bottom: 22px;\r\n    border-left: 2px solid var(--c-gold);\r\n    padding-left: 18px;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,.4);\r\n}\r\n.s-quote span { display:block; margin-top:5px; color:var(--c-white); font-style:normal }\r\n\r\n\/* Body *\/\r\n.s-body {\r\n    font-size: 1rem; line-height: 1.9;\r\n    color: var(--c-muted); margin-bottom: 28px;\r\n    font-family: var(--f-sans) !important;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,.4);\r\n}\r\n\r\n\/* Endorsements *\/\r\n.s-endorsements { display:flex; flex-direction:column; gap:8px; margin-bottom:32px; width:100% }\r\n.s-endorse {\r\n    display: flex; align-items: center; gap: 12px;\r\n    padding: 10px 16px;\r\n    border-left: 2px solid rgba(229,185,130,.32);\r\n    background: rgba(229,185,130,.035);\r\n}\r\n.s-avatar {\r\n    width:30px; height:30px; border-radius:50%; flex-shrink:0;\r\n    background: rgba(229,185,130,.12);\r\n    border: 1px solid rgba(229,185,130,.28);\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-family: var(--f-serif) !important;\r\n    font-size:.7rem; color:var(--c-gold); font-style:italic;\r\n}\r\n.s-endorse-text {\r\n    font-size:.76rem; color:rgba(235,208,185,.62);\r\n    font-style:italic; font-family:var(--f-serif) !important; line-height:1.4;\r\n}\r\n.s-endorse-name {\r\n    display:block; margin-top:3px;\r\n    font-size:.62rem; font-weight:700;\r\n    text-transform:uppercase; letter-spacing:1.5px;\r\n    color:var(--c-gold); font-family:var(--f-sans) !important;\r\n    font-style:normal; opacity:.8;\r\n}\r\n\r\n\/* CTA buttons *\/\r\n.s-actions { display:flex; gap:14px; align-items:center; width:100% }\r\n.s-btn {\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    padding: 16px 32px;\r\n    font-size: .8rem; font-weight: 700;\r\n    letter-spacing: 2px; text-transform: uppercase;\r\n    text-decoration: none !important; border-radius: 4px;\r\n    transition: all .3s cubic-bezier(.25,.8,.25,1);\r\n    font-family: var(--f-sans) !important;\r\n    white-space: nowrap;\r\n}\r\n.s-btn-p {\r\n    background: var(--c-gold); color: #05070e !important;\r\n    border: 1px solid var(--c-gold);\r\n    box-shadow: 0 8px 22px rgba(229,185,130,.15);\r\n}\r\n.s-btn-p:hover {\r\n    transform: translateY(-3px); background: transparent;\r\n    color: var(--c-gold) !important;\r\n    box-shadow: 0 14px 28px rgba(229,185,130,.3);\r\n}\r\n.s-btn-s {\r\n    background: transparent; color: #fff !important;\r\n    border: 1px solid rgba(255,255,255,.28);\r\n}\r\n.s-btn-s:hover {\r\n    transform: translateY(-3px); background: #fff;\r\n    color: #05070e !important; border-color: #fff;\r\n    box-shadow: 0 14px 28px rgba(255,255,255,.18);\r\n}\r\n\r\n\/* About Author Center Layout *\/\r\n.s-author-container{\r\n    display:flex !important;\r\n    justify-content:center;\r\n    align-items:center;\r\n    text-align:center;\r\n}\r\n\r\n.s-author-text{\r\n    max-width:900px;\r\n    width:100%;\r\n    align-items:center !important;\r\n    text-align:center;\r\n    margin:auto;\r\n    transform:none !important;\r\n}\r\n\r\n.s-author-text .s-rule{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n}\r\n\r\n.s-author-text .s-quote{\r\n    border-left:none;\r\n    padding-left:0;\r\n    max-width:800px;\r\n}\r\n\r\n.s-author-text .s-body{\r\n    max-width:850px;\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n}\r\n\r\n.s-author-text .s-actions{\r\n    justify-content:center;\r\n}\r\n\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n    .sonia-hero-section { padding: 240px 5% 72px }\r\n\r\n    .s-container {\r\n        grid-template-columns: 1fr;   \/* single column *\/\r\n        gap: 48px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Book first on mobile *\/\r\n    .s-book-col { order: -1 }\r\n\r\n    .s-text { align-items: center }\r\n    .s-label::before { display:none }\r\n    .s-quote { border-left:none; padding-left:0 }\r\n    .s-rule  { margin-left:auto; margin-right:auto }\r\n\r\n    .s-actions { justify-content:center; flex-wrap:wrap }\r\n\r\n    .s-book { width:230px; height:345px }\r\n    .s-meta { max-width:280px }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .s-title { font-size: 2.2rem }\r\n    .s-book  { width:195px; height:292px }\r\n    .s-ph-title-lg { font-size:1.35rem }\r\n    .s-btn  { padding:14px 22px; font-size:.74rem }\r\n    .s-actions { flex-direction:column; align-items:stretch }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sonia-hero-section\" id=\"sonia-home\">\r\n\r\n    <!-- BG video -->\r\n    <video autoplay loop muted playsinline class=\"s-bg-video\">\r\n        <source src=\"https:\/\/demowebdesign.live\/sonia\/wp-content\/uploads\/2026\/06\/0_Winter_Forest_1280x720.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"s-overlay\"><\/div>\r\n\r\n    <!-- Ambient -->\r\n    <div class=\"s-glows\">\r\n        <div class=\"s-orb s-orb-1\"><\/div>\r\n        <div class=\"s-orb s-orb-2\"><\/div>\r\n        <div class=\"s-orb s-orb-3\"><\/div>\r\n        <div class=\"s-dust s-d1\"><\/div>\r\n        <div class=\"s-dust s-d2\"><\/div>\r\n        <div class=\"s-dust s-d3\"><\/div>\r\n        <div class=\"s-dust s-d4\"><\/div>\r\n        <div class=\"s-dust s-d5\"><\/div>\r\n    <\/div>\r\n\r\n<div class=\"s-container\">\r\n\r\n    <div class=\"s-text s-author-text\">\r\n\r\n        <span class=\"s-label fu d1\">\r\n            Connect \u2022 Invite \u2022 Collaborate \u2022 Share\r\n        <\/span>\r\n\r\n        <h1 class=\"s-title fu d2\">\r\n            Connect with <span class=\"s-gold\">Sonia Henry<\/span>\r\n        <\/h1>\r\n\r\n        <div class=\"s-rule fu d2\">\r\n            <div class=\"s-rule-line\"><\/div>\r\n            <span class=\"s-rule-sym\">\u2726 \u2726 \u2726<\/span>\r\n            <div class=\"s-rule-line r\"><\/div>\r\n        <\/div>\r\n\r\n        <blockquote class=\"s-quote fu d3\">\r\n            \"I would love to hear how God is moving in your life, \r\n            or partner with you for your next ministry event.\"\r\n        <\/blockquote>\r\n\r\n        <p class=\"s-body fu d4\">\r\n            Whether you are looking to book Sonia for a speaking engagement, invite her \r\n            to a women's retreat, or simply share a personal testimony of how her ministry \r\n            has impacted your spiritual journey, this is the place to reach out.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n    function init() {\r\n        var el = document.querySelector('.sonia-hero-section');\r\n        if (!el || el.dataset.si) return;\r\n        el.dataset.si = '1';\r\n        el.addEventListener('mousemove', function (e) {\r\n            var r = el.getBoundingClientRect();\r\n            el.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width  - .5).toFixed(3));\r\n            el.style.setProperty('--my', ((e.clientY - r.top)  \/ r.height - .5).toFixed(3));\r\n        }, { passive: true });\r\n        el.addEventListener('mouseleave', function () {\r\n            el.style.setProperty('--mx', '0');\r\n            el.style.setProperty('--my', '0');\r\n        }, { passive: true });\r\n    }\r\n    document.readyState === 'loading'\r\n        ? document.addEventListener('DOMContentLoaded', init)\r\n        : init();\r\n    window.addEventListener('elementor\/frontend\/init', init);\r\n    setTimeout(init, 800);\r\n    setTimeout(init, 2000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ed9aa5 e-con-full e-flex e-con e-parent\" data-id=\"2ed9aa5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b933478 elementor-widget elementor-widget-html\" data-id=\"b933478\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* Scoped CSS to prevent Elementor conflicts *\/\r\n.sonia-contact-widget {\r\n  --sh-gold: #c5a059;\r\n  --sh-gold-light: #d8ba7d;\r\n  --sh-gold-pale: rgba(197, 160, 89, 0.1);\r\n  --sh-dark: #1a1a1a;\r\n  --sh-dark-muted: #555555;\r\n  --sh-cream: #fcfbf9;\r\n  --sh-white: #ffffff;\r\n  --sh-border: rgba(0,0,0,0.08);\r\n  \r\n  font-family: 'Inter', sans-serif;\r\n  background-color: var(--sh-cream);\r\n  padding: 120px 5%;\r\n  position: relative;\r\n  overflow: hidden;\r\n  color: var(--sh-dark);\r\n}\r\n\r\n.sonia-contact-widget * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.sh-contact-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\/* --- Left Side: Visual & Text --- *\/\r\n.sh-contact-info {\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.sh-contact-eyebrow {\r\n  color: var(--sh-gold);\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  letter-spacing: 4px;\r\n  text-transform: uppercase;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.sh-contact-eyebrow::before {\r\n  content: '';\r\n  width: 40px;\r\n  height: 1px;\r\n  background: var(--sh-gold);\r\n}\r\n\r\n.sh-contact-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(3rem, 4vw, 4rem);\r\n  font-weight: 400;\r\n  line-height: 1.1;\r\n  color: var(--sh-dark);\r\n  margin: 0 0 30px 0;\r\n}\r\n\r\n.sh-contact-title em {\r\n  font-style: italic;\r\n  color: var(--sh-gold);\r\n}\r\n\r\n.sh-contact-desc {\r\n  font-size: 1.1rem;\r\n  line-height: 1.8;\r\n  color: var(--sh-dark-muted);\r\n  font-weight: 300;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Beautiful overlapping image frame *\/\r\n.sh-contact-image-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 400px;\r\n  border-radius: 4px;\r\n}\r\n\r\n.sh-contact-image-frame::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20px;\r\n  left: -20px;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 1px solid var(--sh-gold);\r\n  z-index: 0;\r\n  border-radius: 4px;\r\n}\r\n\r\n.sh-contact-img {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 4px;\r\n  position: relative;\r\n  z-index: 1;\r\n  box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n  display: block;\r\n}\r\n\r\n\/* --- Right Side: The Premium Form --- *\/\r\n.sh-contact-form-wrapper {\r\n  background: var(--sh-white);\r\n  padding: 60px;\r\n  border-radius: 12px;\r\n  box-shadow: 0 20px 80px rgba(0,0,0,0.05);\r\n  position: relative;\r\n  z-index: 2;\r\n  border: 1px solid var(--sh-gold-pale);\r\n}\r\n\r\n.sh-form-row {\r\n  display: flex;\r\n  gap: 30px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.sh-form-group {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.sh-form-label {\r\n  display: block;\r\n  font-size: 0.8rem;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: var(--sh-dark-muted);\r\n  margin-bottom: 10px;\r\n  font-weight: 500;\r\n}\r\n\r\n.sh-form-input, \r\n.sh-form-textarea {\r\n  width: 100%;\r\n  background: transparent;\r\n  border: none;\r\n  border-bottom: 1px solid var(--sh-border);\r\n  padding: 12px 0;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.05rem;\r\n  color: var(--sh-dark);\r\n  transition: border-color 0.4s ease;\r\n  outline: none;\r\n  resize: none;\r\n}\r\n\r\n.sh-form-input::placeholder, \r\n.sh-form-textarea::placeholder {\r\n  color: #cccccc;\r\n  font-weight: 300;\r\n}\r\n\r\n.sh-form-input:focus, \r\n.sh-form-textarea:focus {\r\n  border-bottom-color: var(--sh-gold);\r\n}\r\n\r\n\/* Animated bottom border on focus *\/\r\n.sh-input-highlight {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 2px;\r\n  width: 0;\r\n  background: var(--sh-gold);\r\n  transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.sh-form-input:focus ~ .sh-input-highlight,\r\n.sh-form-textarea:focus ~ .sh-input-highlight {\r\n  width: 100%;\r\n}\r\n\r\n\/* Custom Select Dropdown Styling *\/\r\n.sh-form-select {\r\n  width: 100%;\r\n  background: transparent;\r\n  border: none;\r\n  border-bottom: 1px solid var(--sh-border);\r\n  padding: 4px 0;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 1.05rem;\r\n  color: var(--sh-dark);\r\n  outline: none;\r\n  cursor: pointer;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n}\r\n\r\n.sh-select-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.sh-select-wrapper::after {\r\n  content: '\u25bc';\r\n  font-size: 0.7rem;\r\n  color: var(--sh-gold);\r\n  position: absolute;\r\n  right: 5px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.sh-submit-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  width: 100%;\r\n  padding: 20px 0;\r\n  margin-top: 20px;\r\n  background: var(--sh-dark);\r\n  color: var(--sh-white);\r\n  border: none;\r\n  border-radius: 4px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.sh-submit-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; width: 100%; height: 100%;\r\n  background: linear-gradient(135deg, var(--sh-gold), var(--sh-gold-light));\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  z-index: 1;\r\n}\r\n\r\n.sh-btn-text, .sh-btn-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.sh-submit-btn:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.sh-submit-btn:hover .sh-btn-text {\r\n  transform: translateX(-5px);\r\n}\r\n\r\n.sh-submit-btn:hover .sh-btn-icon {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Background Abstract Decor *\/\r\n.sh-contact-decor-1 {\r\n  position: absolute;\r\n  top: -100px;\r\n  right: -100px;\r\n  width: 500px;\r\n  height: 500px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, var(--sh-gold-pale) 0%, transparent 70%);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* --- Reveal Animations --- *\/\r\n.sh-contact-anim {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: all 0.9s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.sh-contact-anim.sh-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.sh-cd-1 { transition-delay: 0.1s; }\r\n.sh-cd-2 { transition-delay: 0.2s; }\r\n.sh-cd-3 { transition-delay: 0.3s; }\r\n.sh-cd-4 { transition-delay: 0.4s; }\r\n\r\n\/* Responsive *\/\r\n@media(max-width: 992px) {\r\n  .sh-contact-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n  .sh-contact-form-wrapper {\r\n    padding: 40px 30px;\r\n  }\r\n  .sh-contact-image-frame {\r\n    display: none; \/* Hide image on mobile to focus on form and copy *\/\r\n  }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n  .sh-form-row {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n  .sh-contact-widget {\r\n    padding: 80px 5%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sonia-contact-widget\">\r\n  <div class=\"sh-contact-decor-1\"><\/div>\r\n  \r\n  <div class=\"sh-contact-container\">\r\n    \r\n    <!-- Left Side: Copy & Visuals -->\r\n    <div class=\"sh-contact-info\">\r\n      <div class=\"sh-contact-eyebrow sh-contact-anim\">Get In Touch<\/div>\r\n      <h2 class=\"sh-contact-title sh-contact-anim sh-cd-1\">Start a <em>Conversation<\/em><\/h2>\r\n      <p class=\"sh-contact-desc sh-contact-anim sh-cd-2\">\r\n        Whether you are seeking to book Sonia for your next ministry event, requesting a media interview, or inquiring about bulk orders for your church, her team is ready to assist you. Please fill out the form, and we will be in touch shortly.\r\n      <\/p>\r\n      \r\n    <\/div>\r\n\r\n    <!-- Right Side: Premium Form -->\r\n    <div class=\"sh-contact-form-wrapper sh-contact-anim sh-cd-4\">\r\n      <form action=\"#\" method=\"POST\" id=\"sh-premium-contact\">\r\n        \r\n        <div class=\"sh-form-row\">\r\n          <div class=\"sh-form-group\">\r\n            <label class=\"sh-form-label\">First Name<\/label>\r\n            <input type=\"text\" class=\"sh-form-input\" placeholder=\"Jane\" required>\r\n            <div class=\"sh-input-highlight\"><\/div>\r\n          <\/div>\r\n          <div class=\"sh-form-group\">\r\n            <label class=\"sh-form-label\">Last Name<\/label>\r\n            <input type=\"text\" class=\"sh-form-input\" placeholder=\"Doe\" required>\r\n            <div class=\"sh-input-highlight\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sh-form-row\">\r\n          <div class=\"sh-form-group\">\r\n            <label class=\"sh-form-label\">Email Address<\/label>\r\n            <input type=\"email\" class=\"sh-form-input\" placeholder=\"jane@example.com\" required>\r\n            <div class=\"sh-input-highlight\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sh-form-row\">\r\n          <div class=\"sh-form-group sh-select-wrapper\">\r\n            <label class=\"sh-form-label\">Subject of Inquiry<\/label>\r\n            <select class=\"sh-form-select\" required>\r\n              <option value=\"\" disabled selected>Select a topic...<\/option>\r\n              <option value=\"speaking\">Speaking Engagement<\/option>\r\n              <option value=\"media\">Podcast \/ Media Interview<\/option>\r\n              <option value=\"bulk_books\">Bulk Book Order<\/option>\r\n              <option value=\"general\">General Ministry Inquiry<\/option>\r\n            <\/select>\r\n            <div class=\"sh-input-highlight\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sh-form-row\">\r\n          <div class=\"sh-form-group\">\r\n            <label class=\"sh-form-label\">Your Message<\/label>\r\n            <textarea class=\"sh-form-textarea\" rows=\"4\" placeholder=\"How can we partner with you?\" required><\/textarea>\r\n            <div class=\"sh-input-highlight\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button type=\"submit\" class=\"sh-submit-btn\">\r\n          <span class=\"sh-btn-text\">Send Message<\/span>\r\n          <svg class=\"sh-btn-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    function initContact() {\r\n      const widget = document.querySelector('.sonia-contact-widget');\r\n      if (!widget) return;\r\n\r\n      const reveals = widget.querySelectorAll('.sh-contact-anim');\r\n      const io = new IntersectionObserver(entries => {\r\n        entries.forEach(e => {\r\n          if (e.isIntersecting) {\r\n            e.target.classList.add('sh-visible');\r\n            io.unobserve(e.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.15 });\r\n      \r\n      reveals.forEach(el => io.observe(el));\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', initContact);\r\n    } else {\r\n      initContact();\r\n    }\r\n    \r\n    if (window.jQuery) {\r\n      jQuery(window).on('elementor\/frontend\/init', function() {\r\n        if(window.elementorFrontend && window.elementorFrontend.hooks) {\r\n          elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', initContact);\r\n        }\r\n      });\r\n    }\r\n  })();\r\n<\/script>\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>Connect \u2022 Invite \u2022 Collaborate \u2022 Share Connect with Sonia Henry \u2726 \u2726 \u2726 &#8220;I would love to hear how [&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-344","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/comments?post=344"}],"version-history":[{"count":13,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/344\/revisions"}],"predecessor-version":[{"id":540,"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/pages\/344\/revisions\/540"}],"wp:attachment":[{"href":"https:\/\/demowebdesign.live\/sonia\/index.php\/wp-json\/wp\/v2\/media?parent=344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}