Contact Us<\/title>\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=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --red: #B22222;\n --red-light: #c93a3a;\n --gold: #FFD700;\n --gold-muted: #e6c200;\n --ivory: #F8F4E3;\n --ivory-dark: #efe9d2;\n --ivory-deep: #e5decb;\n --text-dark: #2a1a0a;\n --text-body: #4a3a28;\n --white: #fffdf8;\n }\n\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n background-color: var(--ivory);\n color: var(--text-body);\n line-height: 1.7;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n }\n\n .page-wrapper {\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500\u2500 Hero \/ Header \u2500\u2500\u2500 *\/\n .hero {\n text-align: center;\n padding: 60px 40px 40px;\n position: relative;\n }\n\n .hero::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--red), var(--gold), var(--red));\n margin: 24px auto 0;\n border-radius: 2px;\n }\n\n .hero h1 {\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(1.3rem, 3vw, 1.8rem);\n color: var(--red);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .hero p {\n font-size: 1rem;\n color: var(--text-body);\n max-width: 520px;\n margin: 14px auto 0;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 Main Content \u2500\u2500\u2500 *\/\n .contact-section {\n padding: 20px 40px 80px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1.3fr;\n gap: 50px;\n align-items: start;\n }\n\n \/* \u2500\u2500\u2500 Info Cards Column \u2500\u2500\u2500 *\/\n .info-column {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .info-card {\n background: var(--white);\n border: 1px solid var(--ivory-deep);\n border-radius: 12px;\n padding: 28px 28px;\n display: flex;\n align-items: flex-start;\n gap: 18px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n opacity: 0;\n animation: fadeUp 0.6s ease forwards;\n }\n\n .info-card:nth-child(1) { animation-delay: 0.1s; }\n .info-card:nth-child(2) { animation-delay: 0.2s; }\n .info-card:nth-child(3) { animation-delay: 0.3s; }\n .info-card:nth-child(4) { animation-delay: 0.4s; }\n\n .info-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(178, 34, 34, 0.08);\n border-color: var(--gold);\n }\n\n .info-icon {\n flex-shrink: 0;\n width: 52px;\n height: 52px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n position: relative;\n }\n\n .info-icon.phone {\n background: linear-gradient(135deg, var(--red), #d44040);\n color: var(--white);\n }\n\n .info-icon.email {\n background: linear-gradient(135deg, var(--gold-muted), var(--gold));\n color: var(--text-dark);\n }\n\n .info-icon.messenger {\n background: linear-gradient(135deg, #0078FF, #00B2FF);\n color: white;\n }\n\n .info-icon.facebook {\n background: linear-gradient(135deg, #1877F2, #42a5f5);\n color: white;\n }\n\n .info-details h3 {\n font-family: 'Cinzel', serif;\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--red);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n\n .info-details p {\n font-size: 0.95rem;\n color: var(--text-body);\n font-weight: 400;\n }\n\n .info-details a {\n color: var(--text-body);\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: color 0.2s ease, border-color 0.2s ease;\n }\n\n .info-details a:hover {\n color: var(--red);\n border-bottom-color: var(--red);\n }\n\n \/* \u2500\u2500\u2500 Form Column \u2500\u2500\u2500 *\/\n .form-column {\n background: var(--white);\n border: 1px solid var(--ivory-deep);\n border-radius: 16px;\n padding: 44px 40px;\n box-shadow: 0 4px 30px rgba(42, 26, 10, 0.04);\n opacity: 0;\n animation: fadeUp 0.6s ease forwards;\n animation-delay: 0.3s;\n }\n\n .form-column h2 {\n font-family: 'Cinzel', serif;\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--red);\n letter-spacing: 0.06em;\n margin-bottom: 6px;\n }\n\n .form-column > p {\n font-size: 0.9rem;\n color: var(--text-body);\n opacity: 0.7;\n margin-bottom: 30px;\n }\n\n .form-group {\n margin-bottom: 22px;\n }\n\n .form-group label {\n display: block;\n font-family: 'Cinzel', serif;\n font-size: 0.78rem;\n font-weight: 600;\n color: var(--text-dark);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 14px 18px;\n font-family: 'Lato', sans-serif;\n font-size: 0.95rem;\n color: var(--text-dark);\n background: var(--ivory);\n border: 1.5px solid var(--ivory-deep);\n border-radius: 10px;\n outline: none;\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15);\n background: var(--white);\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #b5a98e;\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 130px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .submit-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 100%;\n padding: 16px 32px;\n font-family: 'Cinzel', serif;\n font-size: 0.9rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--white);\n background: linear-gradient(135deg, var(--red), #8b1a1a);\n border: none;\n border-radius: 10px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.3s ease;\n margin-top: 8px;\n position: relative;\n overflow: hidden;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, var(--gold-muted), var(--gold));\n opacity: 0;\n transition: opacity 0.35s ease;\n }\n\n .submit-btn span {\n position: relative;\n z-index: 1;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(178, 34, 34, 0.3);\n color: var(--text-dark);\n }\n\n .submit-btn:hover::before {\n opacity: 1;\n }\n\n \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n @media (max-width: 768px) {\n .hero {\n padding: 48px 24px 32px;\n }\n\n .contact-section {\n padding: 10px 20px 60px;\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n gap: 36px;\n }\n\n .form-column {\n padding: 32px 24px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n }\n\n \/* \u2500\u2500\u2500 Animations \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"page-wrapper\">\n\n \n <section class=\"hero\">\n <h1>Contact Us<\/h1>\n <p>We welcome your inquiries and prayers. Reach out to us through any of the channels below or fill in the form, and we will respond with care.<\/p>\n <\/section>\n\n \n <section class=\"contact-section\">\n <div class=\"contact-grid\">\n\n \n <div class=\"info-column\">\n\n <div class=\"info-card\">\n <div class=\"info-icon phone\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Phone<\/h3>\n <p><a href=\"tel:+1234567890\">+1 (234) 567-890<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">Mon \u2013 Fri, 8:00 AM \u2013 5:00 PM<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-icon email\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Email<\/h3>\n <p><a href=\"mailto:info@sacredheart.org\">info@sacredheart.org<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">We reply within 24 hours<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-icon messenger\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.477 2 2 6.145 2 11.243c0 2.936 1.525 5.54 3.896 7.187V22l3.596-1.973C10.304 20.374 11.142 20.5 12 20.5c5.523 0 10-4.145 10-9.257C22 6.145 17.523 2 12 2zm1.002 12.037-2.548-2.719L5.5 13.918l5.22-5.536 2.628 2.717L18.32 8.47 13.002 14.037z\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Messenger<\/h3>\n <p><a href=\"https:\/\/m.me\/yourpage\" target=\"_blank\" rel=\"noopener\">m.me\/sacredheartcommunity<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">Chat with us on Messenger<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-icon facebook\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Facebook Page<\/h3>\n <p><a href=\"https:\/\/facebook.com\/yourpage\" target=\"_blank\" rel=\"noopener\">fb.com\/SacredHeartCommunity<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">Follow us for updates & events<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"form-column\">\n <h2>Send a Message<\/h2>\n <p>Fill in the form below and we will get back to you promptly.<\/p>\n\n <form id=\"contactForm\" onsubmit=\"return handleSubmit(event)\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"firstName\">First Name<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" placeholder=\"Juan\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"lastName\">Last Name<\/label>\n <input type=\"text\" id=\"lastName\" name=\"lastName\" placeholder=\"Dela Cruz\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"juan@example.com\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"phone\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+63 912 345 6789\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"subject\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"Inquiry, Prayer Request, etc.\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"message\">Your Message<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Write your message here...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">\n <span>Send Message<\/span>\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"position:relative;z-index:1\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/button>\n <\/form>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n function handleSubmit(e) {\n e.preventDefault();\n const btn = e.target.querySelector('.submit-btn span');\n btn.textContent = 'Message Sent!';\n setTimeout(() => {\n btn.textContent = 'Send Message';\n e.target.reset();\n }, 2500);\n return false;\n }\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Contact Us Contact Us We welcome your inquiries and prayers. Reach out to us through any of the channels below […]<\/p>\n","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":"Contact - Immaculate Conception Parish","description":"We are here to assist you with your inquiries, prayer requests, and parish concerns. Feel free to reach out to us through the contact details provided below. (0"},"footnotes":""},"class_list":["post-18","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":"phwpywadsa623","author_link":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact Us Contact Us We welcome your inquiries and prayers. Reach out to us through any of the channels below […]","_links":{"self":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":93,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":2297,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/18\/revisions\/2297"}],"wp:attachment":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n Contact Us<\/title>\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=Cinzel:wght@400;600;700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --red: #B22222;\n --red-light: #c93a3a;\n --gold: #FFD700;\n --gold-muted: #e6c200;\n --ivory: #F8F4E3;\n --ivory-dark: #efe9d2;\n --ivory-deep: #e5decb;\n --text-dark: #2a1a0a;\n --text-body: #4a3a28;\n --white: #fffdf8;\n }\n\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Lato', sans-serif;\n background-color: var(--ivory);\n color: var(--text-body);\n line-height: 1.7;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 0;\n }\n\n .page-wrapper {\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500\u2500 Hero \/ Header \u2500\u2500\u2500 *\/\n .hero {\n text-align: center;\n padding: 60px 40px 40px;\n position: relative;\n }\n\n .hero::after {\n content: '';\n display: block;\n width: 80px;\n height: 3px;\n background: linear-gradient(90deg, var(--red), var(--gold), var(--red));\n margin: 24px auto 0;\n border-radius: 2px;\n }\n\n .hero h1 {\n font-family: 'Cinzel', serif;\n font-weight: 700;\n font-size: clamp(1.3rem, 3vw, 1.8rem);\n color: var(--red);\n letter-spacing: 0.08em;\n text-transform: uppercase;\n }\n\n .hero p {\n font-size: 1rem;\n color: var(--text-body);\n max-width: 520px;\n margin: 14px auto 0;\n font-weight: 300;\n }\n\n \/* \u2500\u2500\u2500 Main Content \u2500\u2500\u2500 *\/\n .contact-section {\n padding: 20px 40px 80px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1.3fr;\n gap: 50px;\n align-items: start;\n }\n\n \/* \u2500\u2500\u2500 Info Cards Column \u2500\u2500\u2500 *\/\n .info-column {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .info-card {\n background: var(--white);\n border: 1px solid var(--ivory-deep);\n border-radius: 12px;\n padding: 28px 28px;\n display: flex;\n align-items: flex-start;\n gap: 18px;\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n opacity: 0;\n animation: fadeUp 0.6s ease forwards;\n }\n\n .info-card:nth-child(1) { animation-delay: 0.1s; }\n .info-card:nth-child(2) { animation-delay: 0.2s; }\n .info-card:nth-child(3) { animation-delay: 0.3s; }\n .info-card:nth-child(4) { animation-delay: 0.4s; }\n\n .info-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(178, 34, 34, 0.08);\n border-color: var(--gold);\n }\n\n .info-icon {\n flex-shrink: 0;\n width: 52px;\n height: 52px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n position: relative;\n }\n\n .info-icon.phone {\n background: linear-gradient(135deg, var(--red), #d44040);\n color: var(--white);\n }\n\n .info-icon.email {\n background: linear-gradient(135deg, var(--gold-muted), var(--gold));\n color: var(--text-dark);\n }\n\n .info-icon.messenger {\n background: linear-gradient(135deg, #0078FF, #00B2FF);\n color: white;\n }\n\n .info-icon.facebook {\n background: linear-gradient(135deg, #1877F2, #42a5f5);\n color: white;\n }\n\n .info-details h3 {\n font-family: 'Cinzel', serif;\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--red);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n margin-bottom: 4px;\n }\n\n .info-details p {\n font-size: 0.95rem;\n color: var(--text-body);\n font-weight: 400;\n }\n\n .info-details a {\n color: var(--text-body);\n text-decoration: none;\n border-bottom: 1px solid transparent;\n transition: color 0.2s ease, border-color 0.2s ease;\n }\n\n .info-details a:hover {\n color: var(--red);\n border-bottom-color: var(--red);\n }\n\n \/* \u2500\u2500\u2500 Form Column \u2500\u2500\u2500 *\/\n .form-column {\n background: var(--white);\n border: 1px solid var(--ivory-deep);\n border-radius: 16px;\n padding: 44px 40px;\n box-shadow: 0 4px 30px rgba(42, 26, 10, 0.04);\n opacity: 0;\n animation: fadeUp 0.6s ease forwards;\n animation-delay: 0.3s;\n }\n\n .form-column h2 {\n font-family: 'Cinzel', serif;\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--red);\n letter-spacing: 0.06em;\n margin-bottom: 6px;\n }\n\n .form-column > p {\n font-size: 0.9rem;\n color: var(--text-body);\n opacity: 0.7;\n margin-bottom: 30px;\n }\n\n .form-group {\n margin-bottom: 22px;\n }\n\n .form-group label {\n display: block;\n font-family: 'Cinzel', serif;\n font-size: 0.78rem;\n font-weight: 600;\n color: var(--text-dark);\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 14px 18px;\n font-family: 'Lato', sans-serif;\n font-size: 0.95rem;\n color: var(--text-dark);\n background: var(--ivory);\n border: 1.5px solid var(--ivory-deep);\n border-radius: 10px;\n outline: none;\n transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15);\n background: var(--white);\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: #b5a98e;\n }\n\n .form-group textarea {\n resize: vertical;\n min-height: 130px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .submit-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n width: 100%;\n padding: 16px 32px;\n font-family: 'Cinzel', serif;\n font-size: 0.9rem;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--white);\n background: linear-gradient(135deg, var(--red), #8b1a1a);\n border: none;\n border-radius: 10px;\n cursor: pointer;\n transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.3s ease;\n margin-top: 8px;\n position: relative;\n overflow: hidden;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, var(--gold-muted), var(--gold));\n opacity: 0;\n transition: opacity 0.35s ease;\n }\n\n .submit-btn span {\n position: relative;\n z-index: 1;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(178, 34, 34, 0.3);\n color: var(--text-dark);\n }\n\n .submit-btn:hover::before {\n opacity: 1;\n }\n\n \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500 *\/\n @media (max-width: 768px) {\n .hero {\n padding: 48px 24px 32px;\n }\n\n .contact-section {\n padding: 10px 20px 60px;\n }\n\n .contact-grid {\n grid-template-columns: 1fr;\n gap: 36px;\n }\n\n .form-column {\n padding: 32px 24px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n gap: 0;\n }\n }\n\n \/* \u2500\u2500\u2500 Animations \u2500\u2500\u2500 *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"page-wrapper\">\n\n \n <section class=\"hero\">\n <h1>Contact Us<\/h1>\n <p>We welcome your inquiries and prayers. Reach out to us through any of the channels below or fill in the form, and we will respond with care.<\/p>\n <\/section>\n\n \n <section class=\"contact-section\">\n <div class=\"contact-grid\">\n\n \n <div class=\"info-column\">\n\n <div class=\"info-card\">\n <div class=\"info-icon phone\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Phone<\/h3>\n <p><a href=\"tel:+1234567890\">+1 (234) 567-890<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">Mon \u2013 Fri, 8:00 AM \u2013 5:00 PM<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-icon email\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Email<\/h3>\n <p><a href=\"mailto:info@sacredheart.org\">info@sacredheart.org<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">We reply within 24 hours<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-icon messenger\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.477 2 2 6.145 2 11.243c0 2.936 1.525 5.54 3.896 7.187V22l3.596-1.973C10.304 20.374 11.142 20.5 12 20.5c5.523 0 10-4.145 10-9.257C22 6.145 17.523 2 12 2zm1.002 12.037-2.548-2.719L5.5 13.918l5.22-5.536 2.628 2.717L18.32 8.47 13.002 14.037z\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Messenger<\/h3>\n <p><a href=\"https:\/\/m.me\/yourpage\" target=\"_blank\" rel=\"noopener\">m.me\/sacredheartcommunity<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">Chat with us on Messenger<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-card\">\n <div class=\"info-icon facebook\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n <\/div>\n <div class=\"info-details\">\n <h3>Facebook Page<\/h3>\n <p><a href=\"https:\/\/facebook.com\/yourpage\" target=\"_blank\" rel=\"noopener\">fb.com\/SacredHeartCommunity<\/a><\/p>\n <p style=\"font-size:0.82rem; opacity:0.6; margin-top:2px;\">Follow us for updates & events<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"form-column\">\n <h2>Send a Message<\/h2>\n <p>Fill in the form below and we will get back to you promptly.<\/p>\n\n <form id=\"contactForm\" onsubmit=\"return handleSubmit(event)\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"firstName\">First Name<\/label>\n <input type=\"text\" id=\"firstName\" name=\"firstName\" placeholder=\"Juan\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"lastName\">Last Name<\/label>\n <input type=\"text\" id=\"lastName\" name=\"lastName\" placeholder=\"Dela Cruz\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"juan@example.com\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"phone\">Phone Number<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+63 912 345 6789\">\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"subject\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" placeholder=\"Inquiry, Prayer Request, etc.\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label for=\"message\">Your Message<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Write your message here...\" required><\/textarea>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">\n <span>Send Message<\/span>\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"position:relative;z-index:1\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/button>\n <\/form>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/div>\n\n<script>\n function handleSubmit(e) {\n e.preventDefault();\n const btn = e.target.querySelector('.submit-btn span');\n btn.textContent = 'Message Sent!';\n setTimeout(() => {\n btn.textContent = 'Send Message';\n e.target.reset();\n }, 2500);\n return false;\n }\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Contact Us Contact Us We welcome your inquiries and prayers. Reach out to us through any of the channels below […]<\/p>\n","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":"Contact - Immaculate Conception Parish","description":"We are here to assist you with your inquiries, prayer requests, and parish concerns. Feel free to reach out to us through the contact details provided below. (0"},"footnotes":""},"class_list":["post-18","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":"phwpywadsa623","author_link":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact Us Contact Us We welcome your inquiries and prayers. Reach out to us through any of the channels below […]","_links":{"self":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":93,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":2297,"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/pages\/18\/revisions\/2297"}],"wp:attachment":[{"href":"https:\/\/demo4.yinwoodweb.com\/magsaysay\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}