Contact Us \u2013 Schoenstatt New York<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --navy: #1c19a3;\n --navy-light: #2520b8;\n --gold: #C9A84C;\n --gold-light: #E2C47A;\n --cream: #F8F5EF;\n --white: #FFFFFF;\n --text: #2B2B2B;\n --muted: #6B6B6B;\n --rule: #E8E3DA;\n --max-w: 1140px;\n }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); overflow-x: hidden; }\n .container { max-width: var(--max-w); margin: 0 auto; padding: 0 32px; }\n .gold-rule { width: 40px; height: 2px; background: var(--gold); margin-bottom: 24px; }\n\n \/* \u2500\u2500 ORBS \u2500\u2500 *\/\n .orbs { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\n .orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0; animation: orbFloat linear infinite; }\n .orb-1 { width: 380px; height: 380px; background: radial-gradient(circle, rgba(28,25,163,0.13), transparent 70%); top: -8%; left: -6%; animation-duration: 28s; }\n .orb-2 { width: 260px; height: 260px; background: radial-gradient(circle, rgba(201,168,76,0.09), transparent 70%); top: 45%; right: -5%; animation-duration: 22s; animation-delay: -8s; }\n .orb-3 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(28,25,163,0.07), transparent 70%); bottom: -10%; left: 30%; animation-duration: 34s; animation-delay: -14s; }\n @keyframes orbFloat { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:1; } 50% { transform:translate(25px,-35px) scale(1.06); } 85% { opacity:1; } 100% { opacity:0; transform:translate(-8px,18px) scale(0.96); } }\n\n \/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n .page-hero {\n background: var(--navy); color: var(--white);\n padding: 88px 0 72px; text-align: center;\n position: relative; overflow: hidden;\n }\n .page-hero::after {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 50% 50%, rgba(201,168,76,0.10) 0%, transparent 65%);\n pointer-events: none; animation: heroGlow 10s ease-in-out infinite alternate;\n }\n @keyframes heroGlow { 0% { opacity:.6; transform:scale(1); } 100% { opacity:1; transform:scale(1.1); } }\n .page-hero::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.5), transparent);\n animation: lineSweep 9s ease-in-out infinite; z-index:1;\n }\n @keyframes lineSweep { 0% { left:-5%; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { left:105%; opacity:0; } }\n .page-hero .container { position: relative; z-index:2; display:flex; flex-direction:column; align-items:center; }\n .page-hero-eyebrow {\n font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\n text-transform: uppercase; color: var(--gold); margin-bottom: 20px;\n animation: fadeUp 0.9s 0.1s both;\n }\n .page-hero h1 {\n font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 800;\n color: var(--white); line-height: 1.0; margin-bottom: 20px;\n letter-spacing: -0.02em; animation: fadeUp 0.9s 0.22s both;\nmargin: 0px !important;\n }\n .page-hero h1 span {\n font-weight: 300;\n background: linear-gradient(100deg, var(--gold-light) 0%, #fff5c0 40%, var(--gold-light) 80%);\n background-size: 220% 100%;\n -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n animation: goldShimmer 5s ease-in-out infinite 1.2s;\n }\n @keyframes goldShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }\n .page-hero-desc {\n font-size: 0.95rem; line-height: 1.8; color: rgba(255,255,255,0.62);\n max-width: 520px; animation: fadeUp 0.9s 0.34s both;\n }\n @keyframes fadeUp { 0% { opacity:0; transform:translateY(18px); } 100% { opacity:1; transform:translateY(0); } }\n\n \/* \u2500\u2500 CONTACT GRID \u2500\u2500 *\/\n .contact-section { padding: 80px 0; background: var(--white); position: relative; z-index:1; }\n .contact-section .container {\n display: grid; grid-template-columns: 1fr 1.4fr; gap: 72px; align-items: start;\n }\n\n \/* INFO COLUMN *\/\n .info-column { display: flex; flex-direction: column; gap: 0; }\n .info-column-title {\n font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight: 800;\n color: var(--navy); letter-spacing: -0.02em; margin-bottom: 36px;\n }\n .info-block {\n padding: 0 0 28px 18px;\n border-left: 2px solid rgba(201,168,76,0.25);\n margin-bottom: 28px;\n transition: border-color 0.2s, transform 0.25s;\n }\n .info-block:last-child { margin-bottom: 0; padding-bottom: 0; }\n .info-block:hover { border-left-color: var(--gold); transform: translateX(5px); }\n .info-block h4 {\n font-size: 9px; font-weight: 700; letter-spacing: 0.2em;\n text-transform: uppercase; color: var(--gold); margin-bottom: 10px;\n }\n .info-block p { font-size: 0.9rem; line-height: 1.8; color: var(--text); }\n .info-block a {\n color: var(--navy); text-decoration: none; font-weight: 700;\n border-bottom: 1px solid var(--rule);\n transition: color 0.2s, border-color 0.2s;\n }\n .info-block a:hover { color: var(--gold); border-color: var(--gold); }\n\n \/* FORM COLUMN *\/\n .form-column {\n background: var(--cream); padding: 52px 44px;\n border: 1px solid var(--rule); position: relative; overflow: hidden;\n }\n .form-column::before {\n content: ''; position: absolute; top:0; left:-60%; width:40%; height:100%;\n background: linear-gradient(110deg, transparent, rgba(201,168,76,0.06), transparent);\n animation: formShimmer 8s ease-in-out infinite;\n }\n @keyframes formShimmer { 0% { left:-60%; } 100% { left:120%; } }\n .form-column form { position: relative; z-index:1; }\n .form-column-title {\n font-size: 1rem; font-weight: 800; color: var(--navy);\n letter-spacing: -0.01em; margin-bottom: 28px;\n }\n\n .form-group { margin-bottom: 20px; }\n .form-label {\n display: block; font-size: 9px; font-weight: 700;\n letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--navy); margin-bottom: 7px;\n }\n .form-control {\n width: 100%; font-family: 'Inter', sans-serif;\n font-size: 0.875rem; padding: 12px 14px;\n background: var(--white); border: 1px solid var(--rule);\n color: var(--text); outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n .form-control:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(201,168,76,0.12);\n }\n textarea.form-control { resize: vertical; min-height: 130px; }\n\n .btn-submit {\n width: 100%; background: var(--navy); color: var(--white);\n border: none; font-family: 'Inter', sans-serif;\n font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em;\n text-transform: uppercase; padding: 15px 32px;\n cursor: pointer; transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n position: relative; overflow: hidden; margin-top: 8px;\n }\n .btn-submit::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);\n transform: translateX(-100%);\n animation: btnShine 5s ease-in-out infinite 1.5s;\n }\n @keyframes btnShine { 0%,100% { transform:translateX(-100%); } 40% { transform:translateX(100%); } }\n .btn-submit:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 12px 24px rgba(28,25,163,0.2); }\n\n \/* \u2500\u2500 MAP \u2500\u2500 *\/\n .map-section { position: relative; z-index:1; }\n .map-section iframe { width: 100%; height: 360px; display: block; border: none; filter: grayscale(15%); }\n .map-pill {\n position: absolute; top: 20px; left: 50%; transform: translateX(-50%);\n background: var(--navy); color: var(--white);\n padding: 12px 20px; font-size: 0.82rem; line-height: 1.5;\n pointer-events: none; white-space: nowrap;\n box-shadow: 0 8px 24px rgba(28,25,163,0.2);\n }\n .map-pill strong {\n display: block; font-size: 9px; letter-spacing: 0.15em;\n text-transform: uppercase; color: var(--gold); margin-bottom: 3px;\n }\n\n \/* \u2500\u2500 QUOTE STRIP \u2500\u2500 *\/\n .quote-strip {\n background: var(--navy); padding: 64px 0; text-align: center;\n position: relative; z-index:1; overflow: hidden;\n }\n .quote-strip::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.45), transparent);\n animation: lineSweep 11s ease-in-out infinite 2s;\n }\n .quote-strip .container { position: relative; z-index:1; }\n .quote-strip p {\n font-size: clamp(1.1rem, 2vw, 1.6rem); font-weight: 300;\n color: rgba(255,255,255,0.85); max-width: 680px;\n margin: 0 auto 20px; line-height: 1.55; letter-spacing: -0.01em;\n }\n .quote-line {\n width: 80px; height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 0 auto; animation: quoteLinePulse 3s ease-in-out infinite;\n }\n @keyframes quoteLinePulse { 0%,100% { width:60px; opacity:.4; } 50% { width:120px; opacity:.9; } }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }\n }\n @media (max-width: 900px) {\n .contact-section .container { grid-template-columns: 1fr; gap: 48px; }\n .form-column { padding: 36px 28px; }\n .orbs { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"orbs\" aria-hidden=\"true\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n\n \n <header class=\"page-hero\">\n <div class=\"container\">\n <p class=\"page-hero-eyebrow\">Connect With Us<\/p>\n <h1>Get <span>in Touch<\/span><\/h1>\n <p class=\"page-hero-desc\">Have questions about our hours, mass times, or planning a group pilgrimage? Reach out and the Schoenstatt Sisters of Mary will respond as soon as possible.<\/p>\n <\/div>\n <\/header>\n\n \n <section class=\"contact-section\">\n <div class=\"container\">\n\n \n <div class=\"info-column\">\n <div class=\"gold-rule\"><\/div>\n <h2 class=\"info-column-title\">Shrine Information<\/h2>\n <div class=\"info-block\">\n <h4>Location<\/h4>\n <p>Schoenstatt Shrine of Light<br>337 Cary Avenue<br>Staten Island, NY 10310<\/p>\n <\/div>\n <div class=\"info-block\">\n <h4>Phone Number<\/h4>\n <p><a href=\"tel:7187278005\">(718) 727-8005<\/a><\/p>\n <\/div>\n <div class=\"info-block\">\n <h4>Hours of Operation<\/h4>\n <p>Open Every Day<br>10:30 AM \u2013 8:00 PM<\/p>\n <\/div>\n <div class=\"info-block\">\n <h4>Group Visits<\/h4>\n <p>To arrange guided tours, specific times for confessions, or blessings for pilgrim groups, please use the form or call our office at least two weeks in advance.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"form-column\">\n <p class=\"form-column-title\">Send Us a Message<\/p>\n <form action=\"#\" method=\"POST\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">Full Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-control\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"subject\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" class=\"form-control\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"message\">Your Message<\/label>\n <textarea id=\"message\" name=\"message\" class=\"form-control\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-submit\">Send Message<\/button>\n <\/form>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <div class=\"map-section\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3029.4!2d-74.1271!3d40.6348!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24f3b6e5b7e1b%3A0x0!2s337+Cary+Ave%2C+Staten+Island%2C+NY+10310!5e0!3m2!1sen!2sus!4v1\"\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"Schoenstatt Shrine of Light location\">\n <\/iframe>\n <div class=\"map-pill\">\n <strong>Schoenstatt Shrine of Light<\/strong>\n 337 Cary Avenue, Staten Island, NY 10310\n <\/div>\n <\/div>\n\n \n <div class=\"quote-strip\">\n <div class=\"container\">\n <p>“Come experience this holy place and connect with the abundant graces flowing to all who visit.”<\/p>\n <div class=\"quote-line\"><\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 Schoenstatt New York Connect With Us Get in Touch Have questions about our hours, mass times, or planning a group pilgrimage? Reach out and the Schoenstatt Sisters…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1246","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/comments?post=1246"}],"version-history":[{"count":5,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1246\/revisions"}],"predecessor-version":[{"id":1373,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1246\/revisions\/1373"}],"wp:attachment":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/media?parent=1246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1246,"date":"2026-06-17T05:27:33","date_gmt":"2026-06-17T05:27:33","guid":{"rendered":"https:\/\/schoenstattnewyork.org\/?page_id=1246"},"modified":"2026-06-19T17:27:39","modified_gmt":"2026-06-19T17:27:39","slug":"contact","status":"publish","type":"page","link":"https:\/\/schoenstattnewyork.org\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n \n \n Contact Us \u2013 Schoenstatt New York<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root {\n --navy: #1c19a3;\n --navy-light: #2520b8;\n --gold: #C9A84C;\n --gold-light: #E2C47A;\n --cream: #F8F5EF;\n --white: #FFFFFF;\n --text: #2B2B2B;\n --muted: #6B6B6B;\n --rule: #E8E3DA;\n --max-w: 1140px;\n }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); overflow-x: hidden; }\n .container { max-width: var(--max-w); margin: 0 auto; padding: 0 32px; }\n .gold-rule { width: 40px; height: 2px; background: var(--gold); margin-bottom: 24px; }\n\n \/* \u2500\u2500 ORBS \u2500\u2500 *\/\n .orbs { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\n .orb { position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0; animation: orbFloat linear infinite; }\n .orb-1 { width: 380px; height: 380px; background: radial-gradient(circle, rgba(28,25,163,0.13), transparent 70%); top: -8%; left: -6%; animation-duration: 28s; }\n .orb-2 { width: 260px; height: 260px; background: radial-gradient(circle, rgba(201,168,76,0.09), transparent 70%); top: 45%; right: -5%; animation-duration: 22s; animation-delay: -8s; }\n .orb-3 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(28,25,163,0.07), transparent 70%); bottom: -10%; left: 30%; animation-duration: 34s; animation-delay: -14s; }\n @keyframes orbFloat { 0% { opacity:0; transform:translate(0,0) scale(1); } 15% { opacity:1; } 50% { transform:translate(25px,-35px) scale(1.06); } 85% { opacity:1; } 100% { opacity:0; transform:translate(-8px,18px) scale(0.96); } }\n\n \/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n .page-hero {\n background: var(--navy); color: var(--white);\n padding: 88px 0 72px; text-align: center;\n position: relative; overflow: hidden;\n }\n .page-hero::after {\n content: ''; position: absolute; inset: 0;\n background: radial-gradient(ellipse at 50% 50%, rgba(201,168,76,0.10) 0%, transparent 65%);\n pointer-events: none; animation: heroGlow 10s ease-in-out infinite alternate;\n }\n @keyframes heroGlow { 0% { opacity:.6; transform:scale(1); } 100% { opacity:1; transform:scale(1.1); } }\n .page-hero::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.5), transparent);\n animation: lineSweep 9s ease-in-out infinite; z-index:1;\n }\n @keyframes lineSweep { 0% { left:-5%; opacity:0; } 10% { opacity:1; } 90% { opacity:1; } 100% { left:105%; opacity:0; } }\n .page-hero .container { position: relative; z-index:2; display:flex; flex-direction:column; align-items:center; }\n .page-hero-eyebrow {\n font-size: 10px; font-weight: 700; letter-spacing: 0.22em;\n text-transform: uppercase; color: var(--gold); margin-bottom: 20px;\n animation: fadeUp 0.9s 0.1s both;\n }\n .page-hero h1 {\n font-size: clamp(2.6rem, 5vw, 4.4rem); font-weight: 800;\n color: var(--white); line-height: 1.0; margin-bottom: 20px;\n letter-spacing: -0.02em; animation: fadeUp 0.9s 0.22s both;\nmargin: 0px !important;\n }\n .page-hero h1 span {\n font-weight: 300;\n background: linear-gradient(100deg, var(--gold-light) 0%, #fff5c0 40%, var(--gold-light) 80%);\n background-size: 220% 100%;\n -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n animation: goldShimmer 5s ease-in-out infinite 1.2s;\n }\n @keyframes goldShimmer { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }\n .page-hero-desc {\n font-size: 0.95rem; line-height: 1.8; color: rgba(255,255,255,0.62);\n max-width: 520px; animation: fadeUp 0.9s 0.34s both;\n }\n @keyframes fadeUp { 0% { opacity:0; transform:translateY(18px); } 100% { opacity:1; transform:translateY(0); } }\n\n \/* \u2500\u2500 CONTACT GRID \u2500\u2500 *\/\n .contact-section { padding: 80px 0; background: var(--white); position: relative; z-index:1; }\n .contact-section .container {\n display: grid; grid-template-columns: 1fr 1.4fr; gap: 72px; align-items: start;\n }\n\n \/* INFO COLUMN *\/\n .info-column { display: flex; flex-direction: column; gap: 0; }\n .info-column-title {\n font-size: clamp(1.4rem, 2.2vw, 2rem); font-weight: 800;\n color: var(--navy); letter-spacing: -0.02em; margin-bottom: 36px;\n }\n .info-block {\n padding: 0 0 28px 18px;\n border-left: 2px solid rgba(201,168,76,0.25);\n margin-bottom: 28px;\n transition: border-color 0.2s, transform 0.25s;\n }\n .info-block:last-child { margin-bottom: 0; padding-bottom: 0; }\n .info-block:hover { border-left-color: var(--gold); transform: translateX(5px); }\n .info-block h4 {\n font-size: 9px; font-weight: 700; letter-spacing: 0.2em;\n text-transform: uppercase; color: var(--gold); margin-bottom: 10px;\n }\n .info-block p { font-size: 0.9rem; line-height: 1.8; color: var(--text); }\n .info-block a {\n color: var(--navy); text-decoration: none; font-weight: 700;\n border-bottom: 1px solid var(--rule);\n transition: color 0.2s, border-color 0.2s;\n }\n .info-block a:hover { color: var(--gold); border-color: var(--gold); }\n\n \/* FORM COLUMN *\/\n .form-column {\n background: var(--cream); padding: 52px 44px;\n border: 1px solid var(--rule); position: relative; overflow: hidden;\n }\n .form-column::before {\n content: ''; position: absolute; top:0; left:-60%; width:40%; height:100%;\n background: linear-gradient(110deg, transparent, rgba(201,168,76,0.06), transparent);\n animation: formShimmer 8s ease-in-out infinite;\n }\n @keyframes formShimmer { 0% { left:-60%; } 100% { left:120%; } }\n .form-column form { position: relative; z-index:1; }\n .form-column-title {\n font-size: 1rem; font-weight: 800; color: var(--navy);\n letter-spacing: -0.01em; margin-bottom: 28px;\n }\n\n .form-group { margin-bottom: 20px; }\n .form-label {\n display: block; font-size: 9px; font-weight: 700;\n letter-spacing: 0.18em; text-transform: uppercase;\n color: var(--navy); margin-bottom: 7px;\n }\n .form-control {\n width: 100%; font-family: 'Inter', sans-serif;\n font-size: 0.875rem; padding: 12px 14px;\n background: var(--white); border: 1px solid var(--rule);\n color: var(--text); outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n }\n .form-control:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(201,168,76,0.12);\n }\n textarea.form-control { resize: vertical; min-height: 130px; }\n\n .btn-submit {\n width: 100%; background: var(--navy); color: var(--white);\n border: none; font-family: 'Inter', sans-serif;\n font-size: 0.78rem; font-weight: 700; letter-spacing: 0.12em;\n text-transform: uppercase; padding: 15px 32px;\n cursor: pointer; transition: background 0.2s, transform 0.2s, box-shadow 0.2s;\n position: relative; overflow: hidden; margin-top: 8px;\n }\n .btn-submit::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);\n transform: translateX(-100%);\n animation: btnShine 5s ease-in-out infinite 1.5s;\n }\n @keyframes btnShine { 0%,100% { transform:translateX(-100%); } 40% { transform:translateX(100%); } }\n .btn-submit:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 12px 24px rgba(28,25,163,0.2); }\n\n \/* \u2500\u2500 MAP \u2500\u2500 *\/\n .map-section { position: relative; z-index:1; }\n .map-section iframe { width: 100%; height: 360px; display: block; border: none; filter: grayscale(15%); }\n .map-pill {\n position: absolute; top: 20px; left: 50%; transform: translateX(-50%);\n background: var(--navy); color: var(--white);\n padding: 12px 20px; font-size: 0.82rem; line-height: 1.5;\n pointer-events: none; white-space: nowrap;\n box-shadow: 0 8px 24px rgba(28,25,163,0.2);\n }\n .map-pill strong {\n display: block; font-size: 9px; letter-spacing: 0.15em;\n text-transform: uppercase; color: var(--gold); margin-bottom: 3px;\n }\n\n \/* \u2500\u2500 QUOTE STRIP \u2500\u2500 *\/\n .quote-strip {\n background: var(--navy); padding: 64px 0; text-align: center;\n position: relative; z-index:1; overflow: hidden;\n }\n .quote-strip::before {\n content: ''; position: absolute; top:0; left:-100%; bottom:0; width:1px;\n background: linear-gradient(180deg, transparent, rgba(201,168,76,0.45), transparent);\n animation: lineSweep 11s ease-in-out infinite 2s;\n }\n .quote-strip .container { position: relative; z-index:1; }\n .quote-strip p {\n font-size: clamp(1.1rem, 2vw, 1.6rem); font-weight: 300;\n color: rgba(255,255,255,0.85); max-width: 680px;\n margin: 0 auto 20px; line-height: 1.55; letter-spacing: -0.01em;\n }\n .quote-line {\n width: 80px; height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 0 auto; animation: quoteLinePulse 3s ease-in-out infinite;\n }\n @keyframes quoteLinePulse { 0%,100% { width:60px; opacity:.4; } 50% { width:120px; opacity:.9; } }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation: none !important; transition-duration: 0.01ms !important; }\n }\n @media (max-width: 900px) {\n .contact-section .container { grid-template-columns: 1fr; gap: 48px; }\n .form-column { padding: 36px 28px; }\n .orbs { display: none; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"orbs\" aria-hidden=\"true\">\n <div class=\"orb orb-1\"><\/div>\n <div class=\"orb orb-2\"><\/div>\n <div class=\"orb orb-3\"><\/div>\n <\/div>\n\n \n <header class=\"page-hero\">\n <div class=\"container\">\n <p class=\"page-hero-eyebrow\">Connect With Us<\/p>\n <h1>Get <span>in Touch<\/span><\/h1>\n <p class=\"page-hero-desc\">Have questions about our hours, mass times, or planning a group pilgrimage? Reach out and the Schoenstatt Sisters of Mary will respond as soon as possible.<\/p>\n <\/div>\n <\/header>\n\n \n <section class=\"contact-section\">\n <div class=\"container\">\n\n \n <div class=\"info-column\">\n <div class=\"gold-rule\"><\/div>\n <h2 class=\"info-column-title\">Shrine Information<\/h2>\n <div class=\"info-block\">\n <h4>Location<\/h4>\n <p>Schoenstatt Shrine of Light<br>337 Cary Avenue<br>Staten Island, NY 10310<\/p>\n <\/div>\n <div class=\"info-block\">\n <h4>Phone Number<\/h4>\n <p><a href=\"tel:7187278005\">(718) 727-8005<\/a><\/p>\n <\/div>\n <div class=\"info-block\">\n <h4>Hours of Operation<\/h4>\n <p>Open Every Day<br>10:30 AM \u2013 8:00 PM<\/p>\n <\/div>\n <div class=\"info-block\">\n <h4>Group Visits<\/h4>\n <p>To arrange guided tours, specific times for confessions, or blessings for pilgrim groups, please use the form or call our office at least two weeks in advance.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"form-column\">\n <p class=\"form-column-title\">Send Us a Message<\/p>\n <form action=\"#\" method=\"POST\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">Full Name<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-control\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"email\">Email Address<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-control\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"subject\">Subject<\/label>\n <input type=\"text\" id=\"subject\" name=\"subject\" class=\"form-control\" required \/>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"message\">Your Message<\/label>\n <textarea id=\"message\" name=\"message\" class=\"form-control\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn-submit\">Send Message<\/button>\n <\/form>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <div class=\"map-section\">\n <iframe\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3029.4!2d-74.1271!3d40.6348!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24f3b6e5b7e1b%3A0x0!2s337+Cary+Ave%2C+Staten+Island%2C+NY+10310!5e0!3m2!1sen!2sus!4v1\"\n allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\n title=\"Schoenstatt Shrine of Light location\">\n <\/iframe>\n <div class=\"map-pill\">\n <strong>Schoenstatt Shrine of Light<\/strong>\n 337 Cary Avenue, Staten Island, NY 10310\n <\/div>\n <\/div>\n\n \n <div class=\"quote-strip\">\n <div class=\"container\">\n <p>“Come experience this holy place and connect with the abundant graces flowing to all who visit.”<\/p>\n <div class=\"quote-line\"><\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 Schoenstatt New York Connect With Us Get in Touch Have questions about our hours, mass times, or planning a group pilgrimage? Reach out and the Schoenstatt Sisters…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1246","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/comments?post=1246"}],"version-history":[{"count":5,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1246\/revisions"}],"predecessor-version":[{"id":1373,"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/pages\/1246\/revisions\/1373"}],"wp:attachment":[{"href":"https:\/\/schoenstattnewyork.org\/en\/wp-json\/wp\/v2\/media?parent=1246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}