{"id":15,"date":"2026-03-13T07:28:30","date_gmt":"2026-03-13T07:28:30","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/?page_id=15"},"modified":"2026-07-02T03:31:39","modified_gmt":"2026-07-02T03:31:39","slug":"home","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-2e37e9e1 alignfull uagb-is-root-container\">\n<section class=\"svp svp-hero\">\n  <div class=\"svp-hero__bg\"><\/div>\n  <div class=\"svp-hero__overlay\"><\/div>\n  <div class=\"svp-hero__particles\">\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n  <\/div>\n  <div class=\"svp-hero__content\">\n    <p class=\"svp-reveal svp-d1 svp-hero__eyebrow\" style:\"color:=\"\" white=\"\" !important\"=\"\">San Vicente, Gumaca<\/p>\n    <h1 class=\"svp-reveal svp-d2 svp-hero__title\">Shrine of St. Vincent Parish<\/h1>\n    <p class=\"svp-reveal svp-d3 svp-hero__subtitle\">A sacred place of worship, community, and faith \u2014 open to all who seek peace and grace.<\/p>\n    <div class=\"svp-reveal svp-d4 svp-hero__buttons\">\n      <a href=\"#mass-schedule\" class=\"svp-btn svp-btn--primary\">Mass Schedule<\/a>\n      <a href=\"#about\" class=\"svp-btn svp-btn--secondary\">Learn More<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"svp-hero__scroll\"><span><\/span><\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-text-dark: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-hero {\n  position: relative;\n  width: 100%;\n  min-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 50%, var(--svp-navy) 100%);\n  font-family: var(--svp-font-sans);\n}\n\n.svp-hero__bg {\n  position: absolute;\n  inset: 0;\n  background: url('https:\/\/images.unsplash.com\/photo-1543783207-ec64e4d95325?q=80&w=1920') center\/cover no-repeat;\n  opacity: 0.28;\n  animation: svp-zoom 30s ease-in-out infinite alternate;\n}\n\n@keyframes svp-zoom {\n  0% { transform: scale(1); }\n  100% { transform: scale(1.15); }\n}\n\n.svp-hero__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(22,49,79,0.65) 0%, rgba(22,49,79,0.92) 100%);\n}\n\n.svp-hero__particles { position: absolute; inset: 0; pointer-events: none; z-index: 1; }\n\n.svp-hero__particles span {\n  position: absolute;\n  display: block;\n  width: 6px; height: 6px;\n  background: rgba(212, 175, 55, 0.55);\n  border-radius: 50%;\n  bottom: -10px;\n  animation: svp-float 18s linear infinite;\n}\n\n.svp-hero__particles span:nth-child(1) { left: 8%;  animation-delay: 0s;  width: 5px; height: 5px; }\n.svp-hero__particles span:nth-child(2) { left: 22%; animation-delay: 3s;  width: 8px; height: 8px; }\n.svp-hero__particles span:nth-child(3) { left: 40%; animation-delay: 6s;  width: 4px; height: 4px; }\n.svp-hero__particles span:nth-child(4) { left: 60%; animation-delay: 2s;  width: 7px; height: 7px; }\n.svp-hero__particles span:nth-child(5) { left: 78%; animation-delay: 8s;  width: 5px; height: 5px; }\n.svp-hero__particles span:nth-child(6) { left: 92%; animation-delay: 5s;  width: 6px; height: 6px; }\n\n@keyframes svp-float {\n  0% { transform: translateY(0) translateX(0); opacity: 0; }\n  10% { opacity: 0.8; }\n  50% { transform: translateY(-50vh) translateX(20px); }\n  90% { opacity: 0.6; }\n  100% { transform: translateY(-100vh) translateX(-10px); opacity: 0; }\n}\n\n.svp-hero__content {\n  position: relative;\n  z-index: 2;\n  max-width: 800px;\n  padding: 0 24px;\n  text-align: center;\n  color: #ffffff !important;\n}\n\n.svp-hero__eyebrow {\n  font-weight: 300;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  font-size: 14px;\n  color: var(--svp-gold);\n  margin: 0 0 16px 0;\n}\n\n.svp-hero__title {\n  font-family: var(--svp-font-serif);\n  font-weight: 800;\n  font-size: clamp(2.4rem, 6vw, 4.5rem);\n  line-height: 1.15;\n  margin: 0 0 20px 0;\n  color: white !important;\n}\n\n.svp-hero__title::after {\n  content: '';\n  display: block;\n  width: 90px;\n  height: 3px;\n  background: var(--svp-gold);\n  margin: 24px auto 0;\n  border-radius: 2px;\n}\n\n.svp-hero__subtitle {\n  font-size: clamp(1rem, 2vw, 1.2rem);\n  font-weight: 300;\n  line-height: 1.7;\n  color: rgba(255,255,255,0.85);\n  margin: 28px 0 36px 0;\n}\n\n.svp-hero__buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n\n.svp-btn {\n  display: inline-block;\n  padding: 14px 36px;\n  font-family: var(--svp-font-sans);\n  font-weight: 600;\n  font-size: 15px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  border-radius: 50px;\n  transition: all 0.35s ease;\n  cursor: pointer;\n}\n\n.svp-btn--primary { background: var(--svp-gold); color: var(--svp-navy); border: 2px solid var(--svp-gold); }\n.svp-btn--primary:hover { background: transparent; color: var(--svp-gold); transform: translateY(-3px); }\n.svp-btn--primary:hover, .svp-btn--secondary:hover { color: var(--svp-gold); }\n.svp-btn--secondary { background: transparent; color: #ffffff !important; border: 2px solid rgba(255,255,255,0.5); }\n.svp-btn--secondary:hover { background: rgba(255,255,255,0.1); border-color: #ffffff !important; color: #ffffff !important; transform: translateY(-3px); }\n\n\/* shared reveal animation *\/\n.svp-reveal { opacity: 0; transform: translateY(30px); animation: svp-fade-up 1s ease forwards; }\n.svp-d1 { animation-delay: 0.2s; } .svp-d2 { animation-delay: 0.5s; }\n.svp-d3 { animation-delay: 0.8s; } .svp-d4 { animation-delay: 1.1s; }\n\n@keyframes svp-fade-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n\n.svp-hero__scroll {\n  position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);\n  z-index: 2; width: 26px; height: 42px;\n  border: 2px solid rgba(255,255,255,0.5); border-radius: 14px;\n}\n\n.svp-hero__scroll span {\n  position: absolute; top: 8px; left: 50%; transform: translateX(-50%);\n  width: 5px; height: 5px; background: var(--svp-gold); border-radius: 50%;\n  animation: svp-scroll 2s ease infinite;\n}\n\n@keyframes svp-scroll { 0% { opacity: 1; top: 8px; } 100% { opacity: 0; top: 22px; } }\n\n@media (max-width: 768px) {\n  .svp-hero { min-height: 80vh; }\n  .svp-hero__buttons { flex-direction: column; align-items: center; gap: 12px; }\n  .svp-btn { width: 100%; max-width: 280px; text-align: center; }\n  .svp-hero__scroll { display: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-hero__bg, .svp-hero__particles span, .svp-hero__scroll span, .svp-reveal {\n    animation: none !important; opacity: 1 !important; transform: none !important;\n  }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-7855f612 alignfull uagb-is-root-container\">\n<section class=\"svp svp-about\" id=\"about\">\n  <div class=\"svp-about__container\">\n    <div class=\"svp-about__image svp-sr\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438032005730-c779502df39b?q=80&amp;w=1200\" alt=\"Shrine of St. Vincent Parish facade\" loading=\"lazy\">\n      <div class=\"svp-about__image-frame\"><\/div>\n    <\/div>\n    <div class=\"svp-about__text svp-sr svp-sr-delay\">\n      <p class=\"svp-eyebrow\">Our Story<\/p>\n      <h2 class=\"svp-section-title\">A Sanctuary of Faith Since Generations<\/h2>\n      <p class=\"svp-about__lead\">The Shrine of St. Vincent Parish has stood as a beacon of devotion in San Vicente, Gumaca \u2014 a home for prayer, sacraments, and community for the faithful.<\/p>\n      <p class=\"svp-about__body\">From daily Masses to seasonal celebrations, our parish welcomes everyone to grow in faith, find fellowship, and experience the grace of God in a warm and sacred space.<\/p>\n      <div class=\"svp-about__stats\">\n        <div class=\"svp-stat\">\n          <span class=\"svp-stat__num\">5<\/span>\n          <span class=\"svp-stat__label\">Weekly Masses<\/span>\n        <\/div>\n        <div class=\"svp-stat\">\n          <span class=\"svp-stat__num\">12+<\/span>\n          <span class=\"svp-stat__label\">Ministries<\/span>\n        <\/div>\n        <div class=\"svp-stat\">\n          <span class=\"svp-stat__num\">100+<\/span>\n          <span class=\"svp-stat__label\">Years of Faith<\/span>\n        <\/div>\n      <\/div>\n      <a href=\"#contact\" class=\"svp-btn svp-btn--outline-navy\">Visit Our Parish<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-text-dark: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-about {\n  background: var(--svp-cream);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n  overflow: hidden;\n}\n\n.svp-about__container {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n.svp-about__image { position: relative; }\n\n.svp-about__image img {\n  width: 100%;\n  height: 460px;\n  object-fit: cover;\n  border-radius: 8px;\n  display: block;\n  box-shadow: 0 20px 50px rgba(22,49,79,0.18);\n}\n\n.svp-about__image-frame {\n  position: absolute;\n  top: 20px; left: 20px;\n  width: 100%; height: 460px;\n  border: 2px solid var(--svp-gold);\n  border-radius: 8px;\n  z-index: -1;\n}\n\n.svp-eyebrow {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title {\n  font-family: var(--svp-font-serif);\n  font-weight: 700;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  color: var(--svp-navy);\n  line-height: 1.25;\n  margin: 0 0 20px 0;\n}\n\n.svp-about__lead {\n  font-size: 1.1rem;\n  color: var(--svp-text-dark);\n  line-height: 1.75;\n  margin: 0 0 16px 0;\n  font-weight: 400;\n}\n\n.svp-about__body {\n  font-size: 1rem;\n  color: var(--svp-text-muted);\n  line-height: 1.75;\n  margin: 0 0 32px 0;\n}\n\n.svp-about__stats {\n  display: flex;\n  gap: 40px;\n  margin-bottom: 36px;\n  flex-wrap: wrap;\n}\n\n.svp-stat__num {\n  display: block;\n  font-family: var(--svp-font-serif);\n  font-size: 2.2rem;\n  font-weight: 800;\n  color: var(--svp-navy);\n  line-height: 1;\n}\n\n.svp-stat__label {\n  display: block;\n  font-size: 0.85rem;\n  color: var(--svp-text-muted);\n  margin-top: 6px;\n  letter-spacing: 0.5px;\n}\n\n.svp-btn {\n  display: inline-block;\n  padding: 14px 36px;\n  font-family: var(--svp-font-sans);\n  font-weight: 600;\n  font-size: 15px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  border-radius: 50px;\n  transition: all 0.35s ease;\n  cursor: pointer;\n}\n\n.svp-btn--outline-navy {\n  background: transparent;\n  color: var(--svp-navy);\n  border: 2px solid var(--svp-navy);\n}\n.svp-btn--outline-navy:hover {\n  background: var(--svp-navy);\n  color: #ffffff;\n  transform: translateY(-3px);\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n\n@media (max-width: 900px) {\n  .svp-about { padding: 70px 20px; }\n  .svp-about__container { grid-template-columns: 1fr; gap: 36px; }\n  .svp-about__image-frame { display: none; }\n  .svp-about__image img { height: 320px; }\n  .svp-about__stats { gap: 28px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-about .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-df73c826 alignfull uagb-is-root-container\">\n<section class=\"svp svp-mass\" id=\"mass-schedule\">\n  <div class=\"svp-mass__bg-pattern\"><\/div>\n  <div class=\"svp-mass__container\">\n    <div class=\"svp-mass__header svp-sr\">\n      <p class=\"svp-eyebrow svp-eyebrow--light\">Worship With Us<\/p>\n      <h2 class=\"svp-section-title svp-section-title--light\">Mass Schedule<\/h2>\n      <p class=\"svp-mass__intro\">Join us in prayer and celebration of the Holy Eucharist throughout the week.<\/p>\n    <\/div>\n\n    <div class=\"svp-mass__grid\">\n      <div class=\"svp-mass__card svp-sr\">\n        <div class=\"svp-mass__icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2v4M12 18v4M2 12h4M18 12h4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" stroke-linecap=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg>\n        <\/div>\n        <h3>Weekday Masses<\/h3>\n        <p class=\"svp-mass__time\">6:00 AM &amp; 6:00 PM<\/p>\n        <p class=\"svp-mass__note\">Monday \u2014 Friday<\/p>\n      <\/div>\n\n      <div class=\"svp-mass__card svp-sr svp-sr-delay\">\n        <div class=\"svp-mass__icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><path d=\"M3 9h18M8 2v4M16 2v4\" stroke-linecap=\"round\"\/><\/svg>\n        <\/div>\n        <h3>Saturday Anticipated<\/h3>\n        <p class=\"svp-mass__time\">5:30 PM<\/p>\n        <p class=\"svp-mass__note\">Vigil Mass<\/p>\n      <\/div>\n\n      <div class=\"svp-mass__card svp-sr svp-sr-delay2\">\n        <div class=\"svp-mass__icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2l1.5 4.5L18 8l-4.5 1.5L12 14l-1.5-4.5L6 8l4.5-1.5L12 2z\"\/><path d=\"M5 18l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2zM19 16l.75 1.5L21 18l-1.25.5L19 20l-.75-1.5L17 18l1.25-.5L19 16z\"\/><\/svg>\n        <\/div>\n        <h3>Sunday Masses<\/h3>\n        <p class=\"svp-mass__time\">6:00 AM \u00b7 8:00 AM \u00b7 10:00 AM \u00b7 4:00 PM \u00b7 6:00 PM<\/p>\n        <p class=\"svp-mass__note\">The Lord&#8217;s Day<\/p>\n      <\/div>\n\n      <div class=\"svp-mass__card svp-sr svp-sr-delay3\">\n        <div class=\"svp-mass__icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 21c-4-3-8-6.5-8-11a5 5 0 019-3 5 5 0 019 3c0 4.5-4 8-8 11h-2z\"\/><\/svg>\n        <\/div>\n        <h3>Confession<\/h3>\n        <p class=\"svp-mass__time\">30 mins before each Mass<\/p>\n        <p class=\"svp-mass__note\">Or by appointment<\/p>\n      <\/div>\n    <\/div>\n\n    <p class=\"svp-mass__footnote svp-sr\">Schedules may change during Holy Week, Christmas, and special feast days. Please follow our announcements for updates.<\/p>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-text-dark: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-mass {\n  position: relative;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n  overflow: hidden;\n}\n\n.svp-mass__bg-pattern {\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle at 15% 20%, rgba(212,175,55,0.07) 0%, transparent 30%),\n    radial-gradient(circle at 85% 80%, rgba(212,175,55,0.07) 0%, transparent 30%);\n  animation: svp-pattern-drift 25s ease-in-out infinite alternate;\n}\n\n@keyframes svp-pattern-drift {\n  0% { transform: translate(0,0); }\n  100% { transform: translate(-20px, 20px); }\n}\n\n.svp-mass__container { position: relative; max-width: 1180px; margin: 0 auto; z-index: 1; }\n\n.svp-mass__header { text-align: center; max-width: 640px; margin: 0 auto 56px; }\n\n.svp-eyebrow--light { color: var(--svp-gold); }\n\n.svp-section-title--light { color: #ffffff; }\n\n.svp-mass__intro {\n  color: rgba(255,255,255,0.75);\n  font-size: 1.05rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.svp-mass__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n}\n\n.svp-mass__card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(212,175,55,0.25);\n  border-radius: 10px;\n  padding: 36px 24px;\n  text-align: center;\n  transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;\n}\n\n.svp-mass__card:hover {\n  transform: translateY(-6px);\n  background: rgba(255,255,255,0.08);\n  border-color: var(--svp-gold);\n}\n\n.svp-mass__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 60px; height: 60px;\n  border-radius: 50%;\n  background: rgba(212,175,55,0.12);\n  color: var(--svp-gold);\n  margin-bottom: 20px;\n}\n\n.svp-mass__card h3 {\n  font-family: var(--svp-font-serif);\n  color: #ffffff;\n  font-size: 1.2rem;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n}\n\n.svp-mass__time {\n  color: var(--svp-gold-soft);\n  font-weight: 600;\n  font-size: 0.98rem;\n  margin: 0 0 6px 0;\n  line-height: 1.6;\n}\n\n.svp-mass__note {\n  color: rgba(255,255,255,0.6);\n  font-size: 0.85rem;\n  margin: 0;\n}\n\n.svp-mass__footnote {\n  text-align: center;\n  color: rgba(255,255,255,0.55);\n  font-size: 0.9rem;\n  margin: 48px auto 0;\n  max-width: 600px;\n  font-style: italic;\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n.svp-sr-delay2 { transition-delay: 0.3s; }\n.svp-sr-delay3 { transition-delay: 0.45s; }\n\n@media (max-width: 1024px) {\n  .svp-mass__grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n  .svp-mass { padding: 70px 20px; }\n  .svp-mass__grid { grid-template-columns: 1fr; gap: 18px; }\n  .svp-mass__header { margin-bottom: 40px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-mass__bg-pattern { animation: none; }\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-mass .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-99323ff2 alignfull uagb-is-root-container\">\n<section class=\"svp svp-bulletin\">\n  <div class=\"svp-bulletin__container\">\n    <div class=\"svp-bulletin__header svp-sr\">\n      <p class=\"svp-eyebrow\">Stay Informed<\/p>\n      <h2 class=\"svp-section-title\">Parish Announcements<\/h2>\n      <p class=\"svp-bulletin__intro\">Updates, reminders, and important notices from our parish community.<\/p>\n    <\/div>\n\n    <div class=\"svp-bulletin__list\">\n      <article class=\"svp-bulletin__item svp-sr\">\n        <div class=\"svp-bulletin__date\">\n          <span class=\"svp-bulletin__day\">14<\/span>\n          <span class=\"svp-bulletin__month\">JUN<\/span>\n        <\/div>\n        <div class=\"svp-bulletin__body\">\n          <span class=\"svp-bulletin__tag\">Liturgy<\/span>\n          <h3>Feast Day Mass Schedule Update<\/h3>\n          <p>In celebration of our patronal feast, an additional Mass will be held at 7:00 PM. All are welcome to join this special liturgical celebration.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"svp-bulletin__item svp-sr svp-sr-delay\">\n        <div class=\"svp-bulletin__date\">\n          <span class=\"svp-bulletin__day\">21<\/span>\n          <span class=\"svp-bulletin__month\">JUN<\/span>\n        <\/div>\n        <div class=\"svp-bulletin__body\">\n          <span class=\"svp-bulletin__tag\">Community<\/span>\n          <h3>Youth Ministry Recollection Day<\/h3>\n          <p>Our youth ministry invites all young parishioners to a day of reflection, fellowship, and renewal at the parish hall, starting 8:00 AM.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"svp-bulletin__item svp-sr svp-sr-delay2\">\n        <div class=\"svp-bulletin__date\">\n          <span class=\"svp-bulletin__day\">28<\/span>\n          <span class=\"svp-bulletin__month\">JUN<\/span>\n        <\/div>\n        <div class=\"svp-bulletin__body\">\n          <span class=\"svp-bulletin__tag\">Sacraments<\/span>\n          <h3>Baptism &amp; Confirmation Schedule<\/h3>\n          <p>Parents and sponsors are reminded to complete the required seminar before scheduling baptismal and confirmation dates. Visit the parish office for details.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"svp-bulletin__cta svp-sr\">\n      <a href=\"#announcements\" class=\"svp-btn svp-btn--outline-navy\">View All Announcements<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-text-dark: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-bulletin {\n  background: #ffffff;\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n}\n\n.svp-bulletin__container { max-width: 900px; margin: 0 auto; }\n\n.svp-bulletin__header { text-align: center; margin-bottom: 56px; }\n\n.svp-eyebrow {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title {\n  font-family: var(--svp-font-serif);\n  font-weight: 700;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  color: var(--svp-navy);\n  line-height: 1.25;\n  margin: 0 0 16px 0;\n}\n\n.svp-bulletin__intro { color: var(--svp-text-muted); font-size: 1.05rem; margin: 0; }\n\n.svp-bulletin__list { display: flex; flex-direction: column; gap: 20px; }\n\n.svp-bulletin__item {\n  display: flex;\n  gap: 24px;\n  padding: 28px;\n  border: 1px solid #ece6d8;\n  border-radius: 10px;\n  background: var(--svp-cream);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.svp-bulletin__item:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 30px rgba(22,49,79,0.08);\n  border-color: var(--svp-gold);\n}\n\n.svp-bulletin__date {\n  flex-shrink: 0;\n  width: 70px;\n  height: 70px;\n  background: var(--svp-navy);\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n}\n\n.svp-bulletin__day {\n  font-family: var(--svp-font-serif);\n  font-size: 1.6rem;\n  font-weight: 800;\n  line-height: 1;\n}\n\n.svp-bulletin__month {\n  font-size: 0.7rem;\n  letter-spacing: 2px;\n  color: var(--svp-gold);\n  margin-top: 4px;\n}\n\n.svp-bulletin__tag {\n  display: inline-block;\n  font-size: 0.7rem;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: var(--svp-navy);\n  background: rgba(212,175,55,0.18);\n  padding: 4px 10px;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n\n.svp-bulletin__body h3 {\n  font-family: var(--svp-font-serif);\n  font-size: 1.2rem;\n  color: var(--svp-navy);\n  margin: 0 0 8px 0;\n}\n\n.svp-bulletin__body p {\n  color: var(--svp-text-muted);\n  font-size: 0.95rem;\n  line-height: 1.7;\n  margin: 0;\n}\n\n.svp-bulletin__cta { text-align: center; margin-top: 48px; }\n\n.svp-btn {\n  display: inline-block;\n  padding: 14px 36px;\n  font-family: var(--svp-font-sans);\n  font-weight: 600;\n  font-size: 15px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  border-radius: 50px;\n  transition: all 0.35s ease;\n  cursor: pointer;\n}\n\n.svp-btn--outline-navy { background: transparent; color: var(--svp-navy); border: 2px solid var(--svp-navy); }\n.svp-btn--outline-navy:hover { background: var(--svp-navy); color: #ffffff; transform: translateY(-3px); }\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.12s; }\n.svp-sr-delay2 { transition-delay: 0.24s; }\n\n@media (max-width: 640px) {\n  .svp-bulletin { padding: 70px 20px; }\n  .svp-bulletin__item { flex-direction: column; gap: 14px; padding: 22px; }\n  .svp-bulletin__date { width: 60px; height: 60px; flex-direction: row; gap: 6px; }\n  .svp-bulletin__day { font-size: 1.3rem; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-bulletin .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-676b507d alignfull uagb-is-root-container\">\n<section class=\"svp svp-saint\">\n  <div class=\"svp-saint__bg-pattern\"><\/div>\n  <div class=\"svp-saint__container\">\n    <div class=\"svp-saint__image svp-sr\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543783207-ec64e4d95325?q=80&#038;w=1000\" alt=\"Statue of St. Vincent, patron saint of the parish\" loading=\"lazy\">\n      <div class=\"svp-saint__image-frame\"><\/div>\n      <div class=\"svp-saint__glow\"><\/div>\n    <\/div>\n\n    <div class=\"svp-saint__text svp-sr svp-sr-delay\">\n      <p class=\"svp-eyebrow svp-eyebrow--light\">Our Patron Saint<\/p>\n      <h2 class=\"svp-section-title svp-section-title--light\">St. Vincent<\/h2>\n      <p class=\"svp-saint__lead\">The parish proudly bears the name and intercession of St. Vincent, whose life of faith, courage, and service continues to inspire our community to this day.<\/p>\n\n      <div class=\"svp-saint__details\">\n        <div class=\"svp-saint__block\">\n          <h3>His Life<\/h3>\n          <p>St. Vincent lived a life devoted entirely to God, enduring hardship and persecution with unwavering faith. His steadfastness in the face of trials became a model of devotion for the faithful across generations.<\/p>\n        <\/div>\n        <div class=\"svp-saint__block\">\n          <h3>His Virtues<\/h3>\n          <p>Known for his humility, charity, and courage, St. Vincent dedicated himself to serving others \u2014 especially the poor and the suffering \u2014 embodying the Gospel call to love without limit.<\/p>\n        <\/div>\n        <div class=\"svp-saint__block\">\n          <h3>His Symbolism<\/h3>\n          <p>St. Vincent is often depicted holding a palm branch, a symbol of martyrdom and victory of the spirit, reminding the faithful that faithfulness to Christ leads to eternal glory.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"svp-saint__quote\">\n        <span class=\"svp-saint__quote-mark\">&ldquo;<\/span>\n        <p>Greater love has no one than this, to lay down one&#8217;s life for one&#8217;s friends.<\/p>\n      <\/div>\n\n      <p class=\"svp-saint__feast\">Feast Day Celebration \u00b7 January 22<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-text-dark: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-saint {\n  position: relative;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n  overflow: hidden;\n}\n\n.svp-saint__bg-pattern {\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle at 80% 20%, rgba(212,175,55,0.07) 0%, transparent 35%),\n    radial-gradient(circle at 10% 90%, rgba(212,175,55,0.06) 0%, transparent 35%);\n  animation: svp-pattern-drift 25s ease-in-out infinite alternate;\n}\n\n@keyframes svp-pattern-drift {\n  0% { transform: translate(0,0); }\n  100% { transform: translate(20px, -20px); }\n}\n\n.svp-saint__container {\n  position: relative;\n  z-index: 1;\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 0.85fr 1.15fr;\n  gap: 64px;\n  align-items: center;\n}\n\n.svp-saint__image {\n  position: relative;\n}\n\n.svp-saint__image img {\n  width: 100%;\n  height: 540px;\n  object-fit: cover;\n  border-radius: 8px;\n  display: block;\n  position: relative;\n  z-index: 2;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.35);\n}\n\n.svp-saint__image-frame {\n  position: absolute;\n  top: -20px; right: -20px;\n  width: 100%; height: 540px;\n  border: 2px solid var(--svp-gold);\n  border-radius: 8px;\n  z-index: 1;\n}\n\n.svp-saint__glow {\n  position: absolute;\n  top: 50%; left: 50%;\n  width: 70%; height: 70%;\n  transform: translate(-50%, -50%);\n  background: radial-gradient(circle, rgba(212,175,55,0.18) 0%, transparent 70%);\n  z-index: 0;\n  animation: svp-halo-pulse 6s ease-in-out infinite;\n  pointer-events: none;\n}\n\n@keyframes svp-halo-pulse {\n  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\n  50% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.12); }\n}\n\n.svp-eyebrow--light {\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-size: 13px;\n  color: var(--svp-gold);\n  margin: 0 0 12px 0;\n}\n\n.svp-section-title--light {\n  font-family: var(--svp-font-serif);\n  font-weight: 800;\n  font-size: clamp(2rem, 4.5vw, 3.2rem);\n  color: #ffffff;\n  line-height: 1.2;\n  margin: 0 0 18px 0;\n}\n\n.svp-saint__lead {\n  color: rgba(255,255,255,0.8);\n  font-size: 1.08rem;\n  line-height: 1.75;\n  margin: 0 0 36px 0;\n  max-width: 540px;\n}\n\n.svp-saint__details {\n  display: flex;\n  flex-direction: column;\n  gap: 22px;\n  margin-bottom: 36px;\n}\n\n.svp-saint__block {\n  padding-left: 20px;\n  border-left: 2px solid rgba(212,175,55,0.35);\n  transition: border-color 0.3s ease;\n}\n\n.svp-saint__block:hover {\n  border-color: var(--svp-gold);\n}\n\n.svp-saint__block h3 {\n  font-family: var(--svp-font-serif);\n  color: var(--svp-gold-soft);\n  font-size: 1.05rem;\n  font-weight: 700;\n  margin: 0 0 6px 0;\n  letter-spacing: 0.5px;\n}\n\n.svp-saint__block p {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.95rem;\n  line-height: 1.75;\n  margin: 0;\n}\n\n.svp-saint__quote {\n  position: relative;\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(212,175,55,0.25);\n  border-radius: 8px;\n  padding: 24px 28px 24px 56px;\n  margin-bottom: 28px;\n}\n\n.svp-saint__quote-mark {\n  position: absolute;\n  top: 6px; left: 18px;\n  font-family: var(--svp-font-serif);\n  font-size: 2.6rem;\n  color: var(--svp-gold);\n  line-height: 1;\n}\n\n.svp-saint__quote p {\n  font-family: var(--svp-font-serif);\n  font-style: italic;\n  font-size: 1.05rem;\n  color: #ffffff;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.svp-saint__feast {\n  display: inline-block;\n  font-size: 0.85rem;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--svp-gold);\n  margin: 0;\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n\n@media (max-width: 1024px) {\n  .svp-saint__container { grid-template-columns: 1fr; gap: 40px; }\n  .svp-saint__image-frame { display: none; }\n  .svp-saint__image img { height: 380px; }\n}\n\n@media (max-width: 640px) {\n  .svp-saint { padding: 70px 20px; }\n  .svp-saint__image img { height: 300px; }\n  .svp-saint__lead { max-width: none; }\n  .svp-saint__quote { padding: 22px 20px 22px 48px; }\n  .svp-saint__quote-mark { font-size: 2.2rem; left: 14px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-saint__bg-pattern, .svp-saint__glow { animation: none; }\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-saint .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-883d5576 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n\n<section class=\"sjm-events\" id=\"sjm-events\">\n\n<style>\n.sjm-events{\n  --cream:#F8F4EC;\n  --navy:#0F2748;\n  --gold:#D8B26B;\n  --wood:#8A5A35;\n  --green:#1F4A38;\n  --charcoal:#2B2A28;\n\n  position:relative;\n  overflow:hidden;\n  background:var(--cream);\n  font-family:\"Source Sans 3\",\"Segoe UI\",sans-serif;\n  color:var(--charcoal);\n  padding:clamp(64px,10vw,110px) 24px;\n}\n\n.sjm-events::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n  radial-gradient(circle at 10% 90%,rgba(31,74,56,.07),transparent 45%);\n  pointer-events:none;\n}\n\n.sjm-events__inner{\n  position:relative;\n  z-index:1;\n  max-width:1180px;\n  margin:0 auto;\n}\n\n\/* HEADER *\/\n\n.sjm-events__head{\n  text-align:center;\n  max-width:650px;\n  margin:0 auto 60px;\n}\n\n.sjm-events__eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:12px;\n  font-size:.78rem;\n  letter-spacing:.28em;\n  text-transform:uppercase;\n  color:var(--wood);\n  font-weight:700;\n  margin-bottom:16px;\n}\n\n.sjm-events__eyebrow:before,\n.sjm-events__eyebrow:after{\n  content:\"\";\n  width:24px;\n  height:1px;\n  background:var(--gold);\n}\n\n.sjm-events__title{\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-weight:600;\n  font-size:clamp(2rem,4vw,3rem);\n  margin:0 0 14px;\n  color:var(--navy);\n}\n\n.sjm-events__intro{\n  font-size:1rem;\n  line-height:1.8;\n  color:#5A5750;\n  margin:0;\n}\n\n\/* GRID *\/\n\n.sjm-events__grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:30px;\n}\n\n\/* CARD *\/\n\n.sjm-events__card{\n  background:#fff;\n  border-radius:18px;\n  overflow:hidden;\n  border:1px solid rgba(138,90,53,.1);\n  box-shadow:0 15px 35px rgba(15,39,72,.08);\n  transition:.35s ease;\n}\n\n.sjm-events__card:hover{\n  transform:translateY(-8px);\n  box-shadow:0 25px 55px rgba(15,39,72,.15);\n}\n\n.sjm-events__media{\n  height:240px;\n  overflow:hidden;\n  position:relative;\n  background:#eee;\n}\n\n.sjm-events__media img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  transition:.7s ease;\n}\n\n.sjm-events__card:hover .sjm-events__media img{\n  transform:scale(1.08);\n}\n\n.sjm-events__body{\n  padding:28px;\n}\n\n.sjm-events__category{\n  font-size:.72rem;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  color:var(--wood);\n  font-weight:700;\n  margin:0 0 10px;\n}\n\n.sjm-events__body h3{\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:1.55rem;\n  line-height:1.3;\n  color:var(--navy);\n  margin:0 0 12px;\n}\n\n.sjm-events__body p{\n  color:#5A5750;\n  line-height:1.7;\n}\n\n.sjm-events__readmore{\n  display:inline-block;\n  margin-top:15px;\n  color:var(--navy);\n  text-decoration:none !important;\n  font-weight:700;\n  border-bottom:1px solid var(--gold);\n  transition:.3s ease;\n}\n\n.sjm-events__readmore:hover{\n  color:var(--wood);\n}\n\n\/* LOADING *\/\n\n.sjm-events__loading{\n  text-align:center;\n  grid-column:1\/-1;\n  color:var(--wood);\n}\n\n\/* CTA *\/\n\n.sjm-events__cta{\n  text-align:center;\n  margin-top:50px;\n}\n\n.sjm-events__btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:14px 30px;\n  border:1px solid var(--navy);\n  color:var(--navy);\n  text-decoration:none !important;\n  border-radius:999px;\n  font-weight:700;\n  transition:.3s ease;\n}\n\n.sjm-events__btn:hover{\n  background:var(--navy);\n  color:#fff;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:900px){\n  .sjm-events__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:640px){\n  .sjm-events__grid{\n    grid-template-columns:1fr;\n  }\n}\n<\/style>\n\n<div class=\"sjm-events__inner\">\n\n  <div class=\"sjm-events__head\">\n    <p class=\"sjm-events__eyebrow\">What&#8217;s Happening<\/p>\n\n    <h2 class=\"sjm-events__title\">\n      Upcoming Events &amp; News\n    <\/h2>\n\n    <p class=\"sjm-events__intro\">\n      Be part of our parish life through these gatherings and activities.\n    <\/p>\n  <\/div>\n\n  <div class=\"sjm-events__grid\" id=\"eventGrid\">\n    <div class=\"sjm-events__loading\">\n      Loading latest news&#8230;\n    <\/div>\n  <\/div>\n\n  <div class=\"sjm-events__cta\">\n    <a\n      href=\"https:\/\/demo6.yinwoodweb.com\/bantad\/blog\/\"\n      class=\"sjm-events__btn\">\n      View All Posts\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n  var API_URL =\n  'https:\/\/demo6.yinwoodweb.com\/bantad\/wp-json\/wp\/v2\/posts?_embed&per_page=3';\n\n  var grid = document.getElementById('eventGrid');\n\n  fetch(API_URL)\n\n  .then(function(res){\n\n    if(!res.ok){\n      throw new Error('API Error');\n    }\n\n    return res.json();\n\n  })\n\n  .then(function(posts){\n\n    grid.innerHTML='';\n\n    posts.forEach(function(post){\n\n      var img='';\n\n      if(\n        post._embedded &&\n        post._embedded['wp:featuredmedia'] &&\n        post._embedded['wp:featuredmedia'][0]\n      ){\n        img=post._embedded['wp:featuredmedia'][0].source_url;\n      }\n\n      var category='Announcement';\n\n      if(\n        post._embedded &&\n        post._embedded['wp:term'] &&\n        post._embedded['wp:term'][0] &&\n        post._embedded['wp:term'][0][0]\n      ){\n        category=post._embedded['wp:term'][0][0].name;\n      }\n\n      var title=post.title.rendered;\n\n      var excerpt=\n      post.excerpt.rendered\n      .replace(\/<[^>]*>\/g,'')\n      .substring(0,120)+'...';\n\n      var link=post.link;\n\n      grid.innerHTML +=\n\n      '<article class=\"sjm-events__card\">' +\n\n        '<div class=\"sjm-events__media\">' +\n\n          (img\n          ? '<img decoding=\"async\" src=\"' + img + '\" alt=\"\">'\n          : '') +\n\n        '<\/div>' +\n\n        '<div class=\"sjm-events__body\">' +\n\n          '<p class=\"sjm-events__category\">' +\n          category +\n          '<\/p>' +\n\n          '<h3>' +\n          title +\n          '<\/h3>' +\n\n          '<p>' +\n          excerpt +\n          '<\/p>' +\n\n          '<a href=\"' +\n          link +\n          '\" class=\"sjm-events__readmore\">' +\n          'Read More' +\n          '<\/a>' +\n\n        '<\/div>' +\n\n      '<\/article>';\n\n    });\n\n  })\n\n  .catch(function(error){\n\n    console.error(error);\n\n    grid.innerHTML =\n    '<div class=\"sjm-events__loading\">Unable to load latest news.<\/div>';\n\n  });\n\n})();\n<\/script>\n\n<\/section>\n\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-6a3ab00b alignfull uagb-is-root-container\">\n<section class=\"svp svp-cta\" id=\"contact\">\n  <div class=\"svp-cta__bg\"><\/div>\n  <div class=\"svp-cta__particles\">\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n  <\/div>\n  <div class=\"svp-cta__container\">\n    <div class=\"svp-cta__header svp-sr\">\n      <p class=\"svp-eyebrow svp-eyebrow--light\">Be Part of Our Family<\/p>\n      <h2 class=\"svp-section-title svp-section-title--light\">Visit, Give, or Reach Out<\/h2>\n      <p class=\"svp-cta__intro\">Whichever path brings you closer to our parish, we welcome you with open arms.<\/p>\n    <\/div>\n\n    <div class=\"svp-cta__grid\">\n      <div class=\"svp-cta__card svp-sr\">\n        <div class=\"svp-cta__icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 21c-4-3-8-6.5-8-11a8 8 0 0116 0c0 4.5-4 8-8 11z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n        <\/div>\n        <h3>Visit the Parish<\/h3>\n        <p>San Vicente, Gumaca, Quezon. Open daily for prayer and reflection from 6:00 AM to 7:00 PM.<\/p>\n        <a href=\"https:\/\/demo6.yinwoodweb.com\/sanvicente\/contact-us\/#parish-map\" class=\"svp-btn svp-btn--gold\">Get Directions<\/a>\n      <\/div>\n\n      <div class=\"svp-cta__card svp-sr svp-sr-delay\">\n        <div class=\"svp-cta__icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 21s-7-4.35-9.5-9A5.5 5.5 0 0112 5.5 5.5 5.5 0 0121.5 12c-2.5 4.65-9.5 9-9.5 9z\"><\/path><\/svg>\n        <\/div>\n        <h3>Support Our Mission<\/h3>\n        <p>Your generosity helps sustain our ministries, outreach programs, and the upkeep of our sacred spaces.<\/p>\n        <a href=\"https:\/\/demo6.yinwoodweb.com\/sanvicente\/donate\/\" class=\"svp-btn svp-btn--gold\">Donate Now<\/a>\n      <\/div>\n\n      <div class=\"svp-cta__card svp-sr svp-sr-delay2\">\n        <div class=\"svp-cta__icon\">\n          <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.95.68l1.5 4.5a1 1 0 01-.27 1.05L9 10.5a11 11 0 005.5 5.5l1.27-1.46a1 1 0 011.05-.27l4.5 1.5a1 1 0 01.68.95V20a2 2 0 01-2 2h-1C8.6 22 2 15.4 2 7V5a2 2 0 011-2z\"><\/path><\/svg>\n        <\/div>\n        <h3>Get in Touch<\/h3>\n        <p>For sacraments, inquiries, or pastoral concerns, our parish office is ready to assist you.<\/p>\n        <a href=\"https:\/\/demo6.yinwoodweb.com\/sanvicente\/\/contact-us\/\" class=\"svp-btn svp-btn--gold\">Contact Us<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n:root {\n  --svp-navy: #16314f;\n  --svp-navy-light: #1f4068;\n  --svp-gold: #d4af37;\n  --svp-gold-soft: #e8cf7a;\n  --svp-cream: #f7f4ec;\n  --svp-text-dark: #2a2a2a;\n  --svp-text-muted: #6b7280;\n  --svp-font-serif: 'Playfair Display', Georgia, serif;\n  --svp-font-sans: 'Lato', -apple-system, sans-serif;\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800&family=Lato:wght@300;400;600;700&display=swap');\n\n.svp { box-sizing: border-box; }\n.svp *, .svp *::before, .svp *::after { box-sizing: inherit; }\n\n.svp-cta {\n  position: relative;\n  background: linear-gradient(135deg, var(--svp-navy) 0%, var(--svp-navy-light) 100%);\n  padding: 100px 24px;\n  font-family: var(--svp-font-sans);\n  overflow: hidden;\n}\n\n.svp-cta__bg {\n  position: absolute;\n  inset: 0;\n  background-image: radial-gradient(circle at 50% 0%, rgba(212,175,55,0.08) 0%, transparent 50%);\n  animation: svp-glow 8s ease-in-out infinite alternate;\n}\n\n@keyframes svp-glow {\n  0% { opacity: 0.6; }\n  100% { opacity: 1; }\n}\n\n.svp-cta__particles { position: absolute; inset: 0; pointer-events: none; }\n\n.svp-cta__particles span {\n  position: absolute;\n  display: block;\n  width: 5px; height: 5px;\n  background: rgba(212,175,55,0.4);\n  border-radius: 50%;\n  bottom: -10px;\n  animation: svp-float 20s linear infinite;\n}\n\n.svp-cta__particles span:nth-child(1) { left: 10%; animation-delay: 0s; }\n.svp-cta__particles span:nth-child(2) { left: 30%; animation-delay: 4s; width: 7px; height: 7px; }\n.svp-cta__particles span:nth-child(3) { left: 50%; animation-delay: 8s; }\n.svp-cta__particles span:nth-child(4) { left: 70%; animation-delay: 2s; width: 6px; height: 6px; }\n.svp-cta__particles span:nth-child(5) { left: 90%; animation-delay: 6s; }\n\n@keyframes svp-float {\n  0% { transform: translateY(0); opacity: 0; }\n  10% { opacity: 0.7; }\n  90% { opacity: 0.5; }\n  100% { transform: translateY(-100vh); opacity: 0; }\n}\n\n.svp-cta__container { position: relative; max-width: 1180px; margin: 0 auto; z-index: 1; }\n\n.svp-cta__header { text-align: center; max-width: 640px; margin: 0 auto 56px; }\n\n.svp-eyebrow--light { color: var(--svp-gold); font-weight: 700; letter-spacing: 3px; text-transform: uppercase; font-size: 13px; margin: 0 0 12px 0; }\n\n.svp-section-title--light {\n  font-family: var(--svp-font-serif);\n  font-weight: 700;\n  font-size: clamp(1.9rem, 4vw, 2.8rem);\n  color: #ffffff;\n  line-height: 1.25;\n  margin: 0 0 16px 0;\n}\n\n.svp-cta__intro { color: rgba(255,255,255,0.75); font-size: 1.05rem; line-height: 1.7; margin: 0; }\n\n.svp-cta__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n}\n\n.svp-cta__card {\n  background: rgba(255,255,255,0.05);\n  border: 1px solid rgba(212,175,55,0.2);\n  border-radius: 10px;\n  padding: 40px 28px;\n  text-align: center;\n  transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease;\n}\n\n.svp-cta__card:hover {\n  transform: translateY(-6px);\n  background: rgba(255,255,255,0.08);\n  border-color: var(--svp-gold);\n}\n\n.svp-cta__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px; height: 56px;\n  border-radius: 50%;\n  background: rgba(212,175,55,0.12);\n  color: var(--svp-gold);\n  margin-bottom: 20px;\n}\n\n.svp-cta__card h3 {\n  font-family: var(--svp-font-serif);\n  color: #ffffff;\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin: 0 0 12px 0;\n}\n\n.svp-cta__card p {\n  color: rgba(255,255,255,0.7);\n  font-size: 0.95rem;\n  line-height: 1.7;\n  margin: 0 0 24px 0;\n}\n\n.svp-btn {\n  display: inline-block;\n  padding: 13px 32px;\n  font-family: var(--svp-font-sans);\n  font-weight: 600;\n  font-size: 14px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  border-radius: 50px;\n  transition: all 0.35s ease;\n  cursor: pointer;\n}\n\n.svp-btn--gold {\n  background: var(--svp-gold);\n  color: var(--svp-navy);\n  border: 2px solid var(--svp-gold);\n}\n\n.svp-btn--gold:hover {\n  background: transparent;\n  color: var(--svp-gold);\n  transform: translateY(-3px);\n}\n\n\/* scroll reveal *\/\n.svp-sr { opacity: 0; transform: translateY(40px); transition: opacity 0.9s ease, transform 0.9s ease; }\n.svp-sr.svp-visible { opacity: 1; transform: translateY(0); }\n.svp-sr-delay { transition-delay: 0.15s; }\n.svp-sr-delay2 { transition-delay: 0.3s; }\n\n@media (max-width: 1024px) {\n  .svp-cta__grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; gap: 20px; }\n}\n\n@media (max-width: 640px) {\n  .svp-cta { padding: 70px 20px; }\n  .svp-cta__header { margin-bottom: 40px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .svp-cta__bg, .svp-cta__particles span { animation: none; }\n  .svp-sr { opacity: 1 !important; transform: none !important; transition: none !important; }\n}\n<\/style>\n\n<script>\n(function() {\n  var els = document.querySelectorAll('.svp-cta .svp-sr');\n  if (!('IntersectionObserver' in window)) {\n    els.forEach(function(el){ el.classList.add('svp-visible'); });\n    return;\n  }\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('svp-visible');\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  els.forEach(function(el) { observer.observe(el); });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>San Vicente, Gumaca Shrine of St. Vincent Parish A sacred place of worship, community, and faith \u2014 open to all [&hellip;]<\/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":"@media only screen and (max-width: 767px) {\n.uagb-slider-container .swiper-button-prev, .uagb-slider-container .swiper-button-next, .uagb-slick-carousel button.slick-arrow {\n    display: none;\n}\n}","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":"Shrine of St. Vincent Parish - SAN VICENTE GUMACA","description":"San Vicente, Gumaca Shrine of St. Vincent Parish A sacred place of worship, community, and faith \u2014 open to all who seek peace and grace. Mass Schedule Learn Mor"},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Everest Co","author_link":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"San Vicente, Gumaca Shrine of St. Vincent Parish A sacred place of worship, community, and faith \u2014 open to all [&hellip;]","_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":33,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":581,"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/pages\/15\/revisions\/581"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/sanvicente\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}