{"id":15,"date":"2026-03-13T07:28:30","date_gmt":"2026-03-13T07:28:30","guid":{"rendered":"https:\/\/demo6.yinwoodweb.com\/genluna\/?page_id=15"},"modified":"2026-06-16T16:22:27","modified_gmt":"2026-06-16T16:22:27","slug":"home","status":"publish","type":"page","link":"https:\/\/demo6.yinwoodweb.com\/genluna\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-c3a2c3e6 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 01: Hero Banner + Mass Schedule\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-hero\n============================================================ -->\n\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&#038;family=IM+Fell+English:ital@0;1&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-hero\">\n\n  <!-- HERO -->\n  <section class=\"silp-hero__section\">\n    <div class=\"silp-hero__glow\"><\/div>\n    <div class=\"silp-hero__texture\"><\/div>\n\n    <div class=\"silp-hero__content\">\n      <p class=\"silp-hero__eyebrow\">Gen. Luna, Quezon &nbsp;&mdash;&nbsp; Est. Parish<\/p>\n\n      <h1 class=\"silp-hero__heading\">\n        St. Ignatius<br>\n        de <span>Loyola<\/span> Parish\n      <\/h1>\n\n      <p class=\"silp-hero__subheading\">A Community Rooted in Faith, Hope &amp; Love<\/p>\n\n      <!-- Animated cross divider -->\n      <div class=\"silp-hero__cross-wrap\">\n        <svg class=\"silp-hero__cross-svg\" width=\"220\" height=\"28\" viewBox=\"0 0 220 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <line x1=\"0\" y1=\"14\" x2=\"96\" y2=\"14\" stroke=\"#C9A227\" stroke-width=\"1\" opacity=\"0.6\"\/>\n          <line x1=\"124\" y1=\"14\" x2=\"220\" y2=\"14\" stroke=\"#C9A227\" stroke-width=\"1\" opacity=\"0.6\"\/>\n          <line class=\"silp-hero__cross-v\" x1=\"110\" y1=\"2\" x2=\"110\" y2=\"26\" stroke=\"#C9A227\" stroke-width=\"1.5\"\/>\n          <line class=\"silp-hero__cross-h\" x1=\"99\" y1=\"13\" x2=\"121\" y2=\"13\" stroke=\"#C9A227\" stroke-width=\"1.5\"\/>\n          <circle cx=\"110\" cy=\"13\" r=\"7\" stroke=\"#C9A227\" stroke-width=\"1\" opacity=\"0.45\"\/>\n        <\/svg>\n      <\/div>\n\n      <blockquote class=\"silp-hero__verse\">\n        &#8220;For the greater glory of God, let us be instruments of His mercy\n        and love to all people we encounter.&#8221;\n        <cite>Ad Maiorem Dei Gloriam<\/cite>\n      <\/blockquote>\n\n      <div class=\"silp-hero__cta-group\">\n        <a href=\"#silp-schedule\" class=\"silp-hero__btn-primary\">Mass Schedule<\/a>\n        <a href=\"#silp-visit\" class=\"silp-hero__btn-outline\">Visit Us<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"silp-hero__scroll\" aria-hidden=\"true\">\n      <span>Scroll<\/span>\n      <div class=\"silp-hero__scroll-line\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MASS SCHEDULE BANNER -->\n  <div class=\"silp-schedule\" id=\"silp-schedule\">\n    <div class=\"silp-schedule__inner\">\n      <span class=\"silp-schedule__label\">Holy Mass<\/span>\n      <div class=\"silp-schedule__items\">\n        <div class=\"silp-schedule__item\">\n          <span class=\"silp-schedule__day\">Sunday<\/span>\n          <span class=\"silp-schedule__time\">6:00 AM &nbsp;|&nbsp; 8:00 AM &nbsp;|&nbsp; 10:00 AM &nbsp;|&nbsp; 5:00 PM<\/span>\n        <\/div>\n        <div class=\"silp-schedule__item\">\n          <span class=\"silp-schedule__day\">Weekdays<\/span>\n          <span class=\"silp-schedule__time\">6:00 AM &nbsp;|&nbsp; 5:30 PM<\/span>\n        <\/div>\n        <div class=\"silp-schedule__item\">\n          <span class=\"silp-schedule__day\">Saturday<\/span>\n          <span class=\"silp-schedule__time\">6:00 AM &nbsp;|&nbsp; 7:30 AM<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div><!-- \/#silp-hero -->\n\n<style>\n\/* \u2500\u2500 Scoped to #silp-hero only \u2500\u2500 *\/\n\n#silp-hero *,\n#silp-hero *::before,\n#silp-hero *::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Keyframes \u2014 unique names to avoid global collisions *\/\n@keyframes silpHeroCandleGlow {\n  0%,100% { opacity:.18; transform:scale(1); }\n  50%      { opacity:.28; transform:scale(1.06); }\n}\n@keyframes silpHeroFadeIn {\n  from { opacity:0; }\n  to   { opacity:1; }\n}\n@keyframes silpHeroFadeUp {\n  from { opacity:0; transform:translateY(28px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n@keyframes silpHeroCrossReveal {\n  from { stroke-dashoffset:300; opacity:0; }\n  to   { stroke-dashoffset:0;   opacity:1; }\n}\n@keyframes silpHeroShimmer {\n  0%   { background-position:-400px 0; }\n  100% { background-position: 400px 0; }\n}\n@keyframes silpHeroFloat {\n  0%,100% { transform:translateY(0); }\n  50%     { transform:translateY(-6px); }\n}\n\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\n#silp-hero .silp-hero__section {\n  position: relative;\n  min-height: 92vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n  background: linear-gradient(170deg,#550B16 0%,#7A1020 55%,#9B1828 100%);\n}\n\n#silp-hero .silp-hero__glow {\n  position: absolute;\n  top:50%; left:50%;\n  transform: translate(-50%,-52%);\n  width:680px; height:680px;\n  border-radius:50%;\n  background: radial-gradient(circle,rgba(201,162,39,.22) 0%,transparent 70%);\n  animation: silpHeroCandleGlow 4s ease-in-out infinite;\n  pointer-events: none;\n}\n\n#silp-hero .silp-hero__texture {\n  position: absolute;\n  inset: 0;\n  background-image:\n    repeating-linear-gradient(0deg,transparent,transparent 60px,rgba(255,255,255,.015) 60px,rgba(255,255,255,.015) 61px),\n    repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(255,255,255,.015) 60px,rgba(255,255,255,.015) 61px);\n  pointer-events: none;\n}\n\n#silp-hero .silp-hero__content {\n  position: relative;\n  z-index: 2;\n  max-width: 780px;\n  padding: 40px 32px;\n  animation: silpHeroFadeIn .5s ease both;\n}\n\n#silp-hero .silp-hero__eyebrow {\n  font-family: 'Cinzel',serif;\n  font-size: .68rem;\n  letter-spacing: .28em;\n  text-transform: uppercase;\n  color: #DFB94A;\n  margin-bottom: 28px;\n  animation: silpHeroFadeUp .8s ease .2s both;\n}\n\n#silp-hero .silp-hero__heading {\n  font-family: 'Cinzel',serif;\n  font-size: clamp(2.4rem,6vw,4.2rem);\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.12;\n  letter-spacing: .01em;\n  margin-bottom: 10px;\n  animation: silpHeroFadeUp .9s ease .4s both;\n}\n\n#silp-hero .silp-hero__heading span { color:#C9A227; }\n\n#silp-hero .silp-hero__subheading {\n  font-family: 'Cinzel',serif;\n  font-size: clamp(.8rem,2vw,1rem);\n  font-weight: 400;\n  letter-spacing: .18em;\n  color: rgba(255,255,255,.65);\n  text-transform: uppercase;\n  margin-bottom: 32px;\n  animation: silpHeroFadeUp .9s ease .55s both;\n}\n\n#silp-hero .silp-hero__cross-wrap {\n  display: flex;\n  justify-content: center;\n  margin: 4px 0 28px;\n  animation: silpHeroFadeIn 1s ease .7s both;\n}\n\n#silp-hero .silp-hero__cross-v,\n#silp-hero .silp-hero__cross-h {\n  stroke-dasharray: 300;\n  stroke-dashoffset: 300;\n  animation: silpHeroCrossReveal 1.2s ease .9s forwards;\n}\n\n#silp-hero .silp-hero__verse {\n  font-family: 'IM Fell English',serif;\n  font-style: italic;\n  font-size: clamp(1rem,2.5vw,1.25rem);\n  color: rgba(255,255,255,.78);\n  line-height: 1.7;\n  max-width: 560px;\n  margin: 0 auto 36px;\n  animation: silpHeroFadeUp 1s ease 1s both;\n}\n\n#silp-hero .silp-hero__verse cite {\n  display: block;\n  font-family: 'Cinzel',serif;\n  font-style: normal;\n  font-size: .65rem;\n  letter-spacing: .2em;\n  color: #C9A227;\n  margin-top: 12px;\n  text-transform: uppercase;\n}\n\n#silp-hero .silp-hero__cta-group {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  flex-wrap: wrap;\n  animation: silpHeroFadeUp 1s ease 1.15s both;\n}\n\n\/* Buttons *\/\n#silp-hero .silp-hero__btn-primary,\n#silp-hero .silp-hero__btn-outline {\n  font-family: 'Cinzel',serif;\n  font-size: .72rem;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  text-decoration: none;\n  display: inline-block;\n  padding: 15px 36px;\n  cursor: pointer;\n  transition: background .3s, transform .2s, box-shadow .3s, border-color .3s;\n}\n\n#silp-hero .silp-hero__btn-primary {\n  color: #550B16;\n  background: #C9A227;\n  border: none;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 4px 20px rgba(201,162,39,.3);\n}\n\n#silp-hero .silp-hero__btn-primary::after {\n  content:'';\n  position: absolute;\n  top:0; left:-100%;\n  width:60%; height:100%;\n  background: linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);\n  animation: silpHeroShimmer 2.8s ease 1.8s infinite;\n}\n\n#silp-hero .silp-hero__btn-primary:hover {\n  background: #DFB94A;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 30px rgba(201,162,39,.45);\n}\n\n#silp-hero .silp-hero__btn-outline {\n  color: #fff;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,.4);\n}\n\n#silp-hero .silp-hero__btn-outline:hover {\n  border-color: #C9A227;\n  background: rgba(201,162,39,.12);\n  transform: translateY(-2px);\n}\n\n\/* Scroll indicator *\/\n#silp-hero .silp-hero__scroll {\n  position: absolute;\n  bottom: 32px; left:50%;\n  transform: translateX(-50%);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  animation: silpHeroFadeIn 1s ease 1.6s both;\n}\n\n#silp-hero .silp-hero__scroll span {\n  font-family: 'Cinzel',serif;\n  font-size: .58rem;\n  letter-spacing: .22em;\n  color: rgba(255,255,255,.4);\n  text-transform: uppercase;\n}\n\n#silp-hero .silp-hero__scroll-line {\n  width:1px; height:44px;\n  background: linear-gradient(to bottom,rgba(201,162,39,.7),transparent);\n  animation: silpHeroFloat 2s ease-in-out infinite;\n}\n\n\/* \u2500\u2500 MASS SCHEDULE BANNER \u2500\u2500 *\/\n#silp-hero .silp-schedule {\n  background: #1A2744;\n  padding: 22px 0;\n}\n\n#silp-hero .silp-schedule__inner {\n  max-width: 1160px;\n  margin: 0 auto;\n  padding: 0 32px;\n  display: flex;\n  align-items: center;\n  gap: 40px;\n  flex-wrap: wrap;\n}\n\n#silp-hero .silp-schedule__label {\n  font-family: 'Cinzel',serif;\n  font-size: .65rem;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n  color: #C9A227;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n#silp-hero .silp-schedule__items {\n  display: flex;\n  gap: 32px;\n  flex-wrap: wrap;\n}\n\n#silp-hero .silp-schedule__item {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n\n#silp-hero .silp-schedule__item::before {\n  content:'';\n  width:4px; height:4px;\n  border-radius:50%;\n  background:#C9A227;\n  flex-shrink:0;\n}\n\n#silp-hero .silp-schedule__day {\n  font-family: 'Cinzel',serif;\n  font-size: .68rem;\n  letter-spacing: .1em;\n  color: rgba(255,255,255,.55);\n  text-transform: uppercase;\n}\n\n#silp-hero .silp-schedule__time {\n  font-family: 'Lato',sans-serif;\n  font-size: .85rem;\n  font-weight: 700;\n  color: #fff;\n  margin-left: 4px;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width:768px) {\n  #silp-hero .silp-schedule__inner { flex-direction:column; gap:12px; padding:0 20px; }\n  #silp-hero .silp-schedule__items { gap:16px; }\n  #silp-hero .silp-hero__content   { padding:40px 20px; }\n  #silp-hero .silp-hero__section   { min-height:100vh; }\n}\n\n@media (max-width:480px) {\n  #silp-hero .silp-hero__cta-group    { flex-direction:column; align-items:center; }\n  #silp-hero .silp-hero__btn-primary,\n  #silp-hero .silp-hero__btn-outline  { width:100%; max-width:280px; text-align:center; }\n}\n\n@media (prefers-reduced-motion:reduce) {\n  #silp-hero * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-d1408ae4 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 02: Welcome\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-welcome\n============================================================ -->\n\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&amp;family=IM+Fell+English:ital@0;1&amp;family=Lato:wght@300;400;700&amp;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-welcome\">\n  <section class=\"silp-wc__section\">\n    <div class=\"silp-wc__container\">\n      <div class=\"silp-wc__grid\">\n\n        <!-- Image column -->\n        <div class=\"silp-wc__img-wrap silp-rv silp-rv--left\">\n          <div class=\"silp-wc__img-frame\">\n            <div class=\"silp-wc__img-inner\">\n              <img decoding=\"async\" src=\"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-content\/uploads\/sites\/11\/2026\/06\/stigna.png\" alt=\"...\" style=\"width:100%;height:100%;object-fit:cover;\">\n              <svg class=\"silp-wc__church-icon\" width=\"120\" height=\"140\" viewBox=\"0 0 120 140\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <rect x=\"40\" y=\"60\" width=\"40\" height=\"80\" fill=\"rgba(255,255,255,.15)\"><\/rect>\n                <polygon points=\"20,60 100,60 60,20\" fill=\"rgba(255,255,255,.2)\"><\/polygon>\n                <rect x=\"53\" y=\"30\" width=\"6\" height=\"20\" fill=\"rgba(201,162,39,.6)\"><\/rect>\n                <rect x=\"46\" y=\"37\" width=\"20\" height=\"6\" fill=\"rgba(201,162,39,.6)\"><\/rect>\n                <rect x=\"50\" y=\"90\" width=\"20\" height=\"50\" fill=\"rgba(255,255,255,.1)\"><\/rect>\n                <rect x=\"30\" y=\"75\" width=\"18\" height=\"24\" fill=\"rgba(255,255,255,.12)\"><\/rect>\n                <rect x=\"72\" y=\"75\" width=\"18\" height=\"24\" fill=\"rgba(255,255,255,.12)\"><\/rect>\n              <\/svg>\n              <span class=\"silp-wc__img-label\">Place Image Here<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"silp-wc__badge\">\n            <span class=\"silp-wc__badge-year\">AMDG<\/span>\n            <span class=\"silp-wc__badge-text\">To God&#8217;s<br>Greater Glory<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Text column -->\n        <div class=\"silp-wc__text silp-rv silp-rv--right\">\n          <span class=\"silp-wc__label\">Welcome<\/span>\n          <h2 class=\"silp-wc__heading\">A Sacred Home<br>for Every Soul<\/h2>\n\n          <div class=\"silp-wc__divider\" aria-hidden=\"true\">\n            <span class=\"silp-wc__cross\">\u271d<\/span>\n          <\/div>\n\n          <p class=\"silp-wc__body\">\n            St. Ignatius de Loyola Parish in Gen. Luna, Quezon, stands as a beacon of faith for our community. Founded in the spirit of St. Ignatius of Loyola, we are called to seek God in all things and to serve with discernment, love, and courage.\n          <\/p>\n          <p class=\"silp-wc__body\">\n            Our parish family welcomes everyone who seeks spiritual nourishment, community, and a deeper relationship with God. Whether you are returning to the faith or taking your first steps, you have a place among us.\n          <\/p>\n\n          <blockquote class=\"silp-wc__quote\">\n            <p>&#8220;Take, Lord, and receive all my liberty, my memory, my understanding and my entire will.&#8221;<\/p>\n          <\/blockquote>\n\n          <a href=\"#silp-programs\" class=\"silp-wc__btn\">Our Ministries<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-welcome *,\n#silp-welcome *::before,\n#silp-welcome *::after {\n  box-sizing: border-box; margin:0; padding:0;\n}\n\n@keyframes silpWcFloat {\n  0%,100% { transform:translateY(0); }\n  50%      { transform:translateY(-6px); }\n}\n\n\/* Scroll reveal *\/\n#silp-welcome .silp-rv {\n  opacity:0;\n  transition: opacity .75s ease, transform .75s ease;\n}\n#silp-welcome .silp-rv--left  { transform:translateX(-36px); }\n#silp-welcome .silp-rv--right { transform:translateX(36px); }\n#silp-welcome .silp-rv.is-visible { opacity:1; transform:none; }\n\n\/* Layout *\/\n#silp-welcome .silp-wc__section {\n  background: #FAF6F0;\n  padding: 100px 0;\n}\n\n#silp-welcome .silp-wc__container {\n  max-width: 1160px;\n  margin: 0 auto;\n  padding: 0 32px;\n}\n\n#silp-welcome .silp-wc__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* Image side *\/\n#silp-welcome .silp-wc__img-wrap { position:relative; }\n\n#silp-welcome .silp-wc__img-frame {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 4\/5;\n  background: linear-gradient(145deg,#7A1020 0%,#550B16 100%);\n  overflow: hidden;\n}\n\n#silp-welcome .silp-wc__img-frame::before {\n  content:'';\n  position:absolute; inset:0;\n  background: repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 12px);\n}\n\n#silp-welcome .silp-wc__img-inner {\n  width:100%; height:100%;\n  display:flex; align-items:center; justify-content:center;\n  flex-direction:column; gap:16px;\n}\n\n#silp-welcome .silp-wc__church-icon { opacity:.35; }\n\n#silp-welcome .silp-wc__img-label {\n  font-family:'Cinzel',serif;\n  font-size:.65rem;\n  letter-spacing:.15em;\n  color:rgba(255,255,255,.35);\n  text-transform:uppercase;\n}\n\n#silp-welcome .silp-wc__badge {\n  position: absolute;\n  bottom:-20px; right:-20px;\n  width:110px; height:110px;\n  border-radius:50%;\n  background:#C9A227;\n  display:flex; align-items:center; justify-content:center;\n  flex-direction:column; text-align:center; padding:16px;\n  box-shadow:0 8px 30px rgba(122,16,32,.2);\n  animation: silpWcFloat 3s ease-in-out infinite;\n}\n\n#silp-welcome .silp-wc__badge-year {\n  font-family:'Cinzel',serif;\n  font-size:1.4rem; font-weight:700;\n  color:#550B16; line-height:1;\n}\n\n#silp-welcome .silp-wc__badge-text {\n  font-family:'Lato',sans-serif;\n  font-size:.6rem; font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  color:#550B16; margin-top:4px;\n}\n\n\/* Text side *\/\n#silp-welcome .silp-wc__label {\n  font-family:'Cinzel',serif;\n  font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:14px;\n}\n\n#silp-welcome .silp-wc__heading {\n  font-family:'Cinzel',serif;\n  font-size:clamp(1.8rem,3.5vw,2.8rem);\n  font-weight:700; color:#7A1020;\n  line-height:1.2; margin-bottom:24px;\n}\n\n#silp-welcome .silp-wc__divider {\n  display:flex; align-items:center; gap:16px;\n  margin:20px 0 28px;\n}\n#silp-welcome .silp-wc__divider::before,\n#silp-welcome .silp-wc__divider::after {\n  content:''; flex:1; height:1px;\n  background:linear-gradient(to right,transparent,#C9A227,transparent);\n}\n#silp-welcome .silp-wc__cross {\n  color:#C9A227; font-size:1.1rem; line-height:1;\n}\n\n#silp-welcome .silp-wc__body {\n  font-family:'Lato',sans-serif;\n  font-size:1rem; line-height:1.85;\n  color:#6B5040; margin-bottom:20px;\n}\n\n#silp-welcome .silp-wc__quote {\n  border-left:3px solid #C9A227;\n  padding:16px 24px;\n  margin:32px 0;\n  background:rgba(201,162,39,.06);\n}\n\n#silp-welcome .silp-wc__quote p {\n  font-family:'IM Fell English',serif;\n  font-style:italic;\n  font-size:1.1rem; color:#7A1020; line-height:1.7;\n}\n\n\/* Button *\/\n#silp-welcome .silp-wc__btn {\n  font-family:'Cinzel',serif;\n  font-size:.72rem; letter-spacing:.15em;\n  text-transform:uppercase; text-decoration:none;\n  display:inline-block; padding:15px 36px;\n  color:#550B16; background:#C9A227;\n  position:relative; overflow:hidden;\n  box-shadow:0 4px 20px rgba(201,162,39,.3);\n  transition:background .3s,transform .2s,box-shadow .3s;\n  margin-top:8px;\n}\n#silp-welcome .silp-wc__btn:hover {\n  background:#DFB94A;\n  transform:translateY(-2px);\n  box-shadow:0 8px 30px rgba(201,162,39,.45);\n}\n\n\/* Responsive *\/\n@media (max-width:1024px) {\n  #silp-welcome .silp-wc__grid { grid-template-columns:1fr; gap:48px; }\n  #silp-welcome .silp-wc__img-wrap { max-width:480px; margin:0 auto; }\n}\n@media (max-width:768px) {\n  #silp-welcome .silp-wc__section  { padding:64px 0; }\n  #silp-welcome .silp-wc__container { padding:0 20px; }\n  #silp-welcome .silp-wc__badge    { width:90px; height:90px; bottom:-14px; right:-10px; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-welcome * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-welcome .silp-rv { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root = document.getElementById('silp-welcome');\n  if (!root) return;\n  var els = root.querySelectorAll('.silp-rv');\n  function check() {\n    var wh = window.innerHeight;\n    els.forEach(function(el) {\n      if (el.getBoundingClientRect().top < wh - 80) el.classList.add('is-visible');\n    });\n  }\n  var tick = false;\n  window.addEventListener('scroll', function(){\n    if (!tick) { requestAnimationFrame(function(){ check(); tick=false; }); tick=true; }\n  }, {passive:true});\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function(){ setTimeout(check,120); });\n  } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-77e1e500 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 03: Pillars of Faith\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-pillars\n============================================================ -->\n\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&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-pillars\">\n  <section class=\"silp-pl__section\">\n    <div class=\"silp-pl__topbar\" aria-hidden=\"true\"><\/div>\n    <div class=\"silp-pl__container\">\n\n      <div class=\"silp-pl__header silp-rv\">\n        <span class=\"silp-pl__label\">Our Foundation<\/span>\n        <h2 class=\"silp-pl__title\">Rooted in the Ignatian Spirit<\/h2>\n        <div class=\"silp-pl__divider\" aria-hidden=\"true\">\n          <span class=\"silp-pl__cross\">&#10013;<\/span>\n        <\/div>\n        <p class=\"silp-pl__desc\">Three pillars guide the life of our parish community, inspired by the spiritual charism of St. Ignatius de Loyola.<\/p>\n      <\/div>\n\n      <div class=\"silp-pl__grid silp-rv-stagger\">\n\n        <div class=\"silp-pl__card\">\n          <div class=\"silp-pl__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M22 4 L22 40 M10 16 L34 16\" stroke=\"#C9A227\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n              <circle cx=\"22\" cy=\"22\" r=\"18\" stroke=\"#C9A227\" stroke-width=\"1\" stroke-dasharray=\"4 4\" opacity=\".4\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"silp-pl__card-title\">Prayer &amp; Contemplation<\/h3>\n          <p class=\"silp-pl__card-text\">Rooted in the Spiritual Exercises of St. Ignatius, we cultivate a deep interior life through daily prayer, reflection, and silence before God.<\/p>\n        <\/div>\n\n        <div class=\"silp-pl__card\">\n          <div class=\"silp-pl__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"22\" cy=\"14\" r=\"6\" stroke=\"#C9A227\" stroke-width=\"1.5\"\/>\n              <circle cx=\"10\" cy=\"32\" r=\"5\" stroke=\"#C9A227\" stroke-width=\"1.5\"\/>\n              <circle cx=\"34\" cy=\"32\" r=\"5\" stroke=\"#C9A227\" stroke-width=\"1.5\"\/>\n              <line x1=\"16\" y1=\"18\" x2=\"12\" y2=\"27\" stroke=\"#C9A227\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"28\" y1=\"18\" x2=\"32\" y2=\"27\" stroke=\"#C9A227\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"15\" y1=\"32\" x2=\"29\" y2=\"32\" stroke=\"#C9A227\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"silp-pl__card-title\">Community &amp; Service<\/h3>\n          <p class=\"silp-pl__card-text\">We are called to serve one another and the world. Our community actively participates in outreach, charitable works, and pastoral ministry.<\/p>\n        <\/div>\n\n        <div class=\"silp-pl__card\">\n          <div class=\"silp-pl__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M22 8 C22 8 8 16 8 26 C8 33 14 38 22 38 C30 38 36 33 36 26 C36 16 22 8 22 8Z\" stroke=\"#C9A227\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\/>\n              <path d=\"M22 20 L22 30 M18 25 L26 25\" stroke=\"#C9A227\" stroke-width=\"2\" stroke-linecap=\"round\" opacity=\".7\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"silp-pl__card-title\">Discernment &amp; Mission<\/h3>\n          <p class=\"silp-pl__card-text\">Finding God in all things, we discern His will together and live out our baptismal mission to bring the Gospel to every corner of our lives.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-pillars *,\n#silp-pillars *::before,\n#silp-pillars *::after { box-sizing:border-box; margin:0; padding:0; }\n\n\/* Scroll reveal *\/\n#silp-pillars .silp-rv {\n  opacity:0; transform:translateY(28px);\n  transition:opacity .75s ease,transform .75s ease;\n}\n#silp-pillars .silp-rv.is-visible { opacity:1; transform:none; }\n\n#silp-pillars .silp-rv-stagger > * {\n  opacity:0; transform:translateY(24px);\n  transition:opacity .6s ease,transform .6s ease;\n}\n#silp-pillars .silp-rv-stagger.is-visible > *:nth-child(1) { opacity:1;transform:none;transition-delay:.05s; }\n#silp-pillars .silp-rv-stagger.is-visible > *:nth-child(2) { opacity:1;transform:none;transition-delay:.18s; }\n#silp-pillars .silp-rv-stagger.is-visible > *:nth-child(3) { opacity:1;transform:none;transition-delay:.31s; }\n\n\/* Section *\/\n#silp-pillars .silp-pl__section {\n  background:#F2EBE0;\n  padding:100px 0;\n  position:relative; overflow:hidden;\n}\n\n#silp-pillars .silp-pl__topbar {\n  position:absolute; top:0; left:0; right:0; height:3px;\n  background:linear-gradient(to right,transparent 0%,#C9A227 30%,#C9A227 70%,transparent 100%);\n}\n\n#silp-pillars .silp-pl__container { max-width:1160px; margin:0 auto; padding:0 32px; }\n\n#silp-pillars .silp-pl__header { text-align:center; margin-bottom:64px; }\n\n#silp-pillars .silp-pl__label {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:14px;\n}\n\n#silp-pillars .silp-pl__title {\n  font-family:'Cinzel',serif;\n  font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#7A1020; line-height:1.2; margin-bottom:16px;\n}\n\n#silp-pillars .silp-pl__divider {\n  display:flex; align-items:center; gap:16px;\n  justify-content:center; margin:20px 0 28px;\n}\n#silp-pillars .silp-pl__divider::before,\n#silp-pillars .silp-pl__divider::after {\n  content:''; flex:1; max-width:120px; height:1px;\n  background:linear-gradient(to right,transparent,#C9A227,transparent);\n}\n#silp-pillars .silp-pl__cross { color:#C9A227; font-size:1.1rem; line-height:1; }\n\n#silp-pillars .silp-pl__desc {\n  font-family:'Lato',sans-serif; font-size:1rem;\n  color:#6B5040; max-width:520px; margin:0 auto; line-height:1.8;\n}\n\n\/* Grid *\/\n#silp-pillars .silp-pl__grid {\n  display:grid; grid-template-columns:repeat(3,1fr); gap:32px;\n}\n\n\/* Card *\/\n#silp-pillars .silp-pl__card {\n  background:#fff; padding:44px 36px; text-align:center;\n  position:relative; overflow:hidden;\n  box-shadow:0 2px 20px rgba(122,16,32,.12);\n  transition:transform .3s ease,box-shadow .3s ease;\n}\n#silp-pillars .silp-pl__card::after {\n  content:''; position:absolute;\n  bottom:0; left:0; right:0; height:3px;\n  background:#C9A227;\n  transform:scaleX(0); transform-origin:center;\n  transition:transform .4s ease;\n}\n#silp-pillars .silp-pl__card:hover { transform:translateY(-6px); box-shadow:0 14px 44px rgba(122,16,32,.18); }\n#silp-pillars .silp-pl__card:hover::after { transform:scaleX(1); }\n\n#silp-pillars .silp-pl__icon {\n  width:60px; height:60px; margin:0 auto 24px;\n  display:flex; align-items:center; justify-content:center;\n}\n#silp-pillars .silp-pl__icon svg { width:44px; height:44px; }\n\n#silp-pillars .silp-pl__card-title {\n  font-family:'Cinzel',serif; font-size:1rem; font-weight:600;\n  color:#7A1020; letter-spacing:.05em; margin-bottom:14px;\n}\n\n#silp-pillars .silp-pl__card-text {\n  font-family:'Lato',sans-serif; font-size:.9rem;\n  color:#6B5040; line-height:1.8;\n}\n\n\/* Responsive *\/\n@media (max-width:1024px) {\n  #silp-pillars .silp-pl__grid { grid-template-columns:1fr 1fr; }\n}\n@media (max-width:640px) {\n  #silp-pillars .silp-pl__section { padding:64px 0; }\n  #silp-pillars .silp-pl__container { padding:0 20px; }\n  #silp-pillars .silp-pl__grid { grid-template-columns:1fr; }\n  #silp-pillars .silp-pl__card { padding:32px 24px; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-pillars * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-pillars .silp-rv,\n  #silp-pillars .silp-rv-stagger > * { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root = document.getElementById('silp-pillars');\n  if (!root) return;\n  var els = root.querySelectorAll('.silp-rv, .silp-rv-stagger');\n  function check() {\n    var wh = window.innerHeight;\n    els.forEach(function(el){ if(el.getBoundingClientRect().top < wh-80) el.classList.add('is-visible'); });\n  }\n  var tick=false;\n  window.addEventListener('scroll',function(){ if(!tick){ requestAnimationFrame(function(){ check();tick=false; }); tick=true; } },{passive:true});\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',function(){ setTimeout(check,120); }); } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-9f2e68c9 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 04: Sacraments\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-sacraments\n============================================================ -->\n\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&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-sacraments\">\n  <section class=\"silp-sc__section\">\n    <div class=\"silp-sc__texture\" aria-hidden=\"true\"><\/div>\n    <div class=\"silp-sc__container\">\n\n      <div class=\"silp-sc__header silp-rv\">\n        <span class=\"silp-sc__label\">The Sacraments<\/span>\n        <h2 class=\"silp-sc__title\">Pathways of Grace<\/h2>\n        <div class=\"silp-sc__divider\" aria-hidden=\"true\">\n          <span class=\"silp-sc__cross\">&#10013;<\/span>\n        <\/div>\n        <p class=\"silp-sc__desc\">The seven sacraments are the living heart of our faith. Contact the parish office to schedule any sacramental preparation.<\/p>\n      <\/div>\n\n      <div class=\"silp-sc__grid silp-rv-stagger\">\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">01<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M18 4 C18 4 8 12 8 21 C8 27 12 32 18 32 C24 32 28 27 28 21 C28 12 18 4 18 4Z\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Baptism<\/h4>\n          <p class=\"silp-sc__desc-card\">The gateway to life in the Spirit and entry into the Church.<\/p>\n        <\/div>\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">02<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M18 6 L18 30 M8 18 L28 18\" stroke=\"#DFB94A\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <circle cx=\"18\" cy=\"18\" r=\"14\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Confirmation<\/h4>\n          <p class=\"silp-sc__desc-card\">Strengthened by the Holy Spirit to be witnesses of Christ.<\/p>\n        <\/div>\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">03<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <ellipse cx=\"18\" cy=\"16\" rx=\"10\" ry=\"6\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n              <path d=\"M8 16 C8 24 12 30 18 30 C24 30 28 24 28 16\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n              <line x1=\"18\" y1=\"4\" x2=\"18\" y2=\"10\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Holy Eucharist<\/h4>\n          <p class=\"silp-sc__desc-card\">The source and summit of the Christian life.<\/p>\n        <\/div>\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">04<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M10 28 L18 8 L26 28\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <line x1=\"13\" y1=\"20\" x2=\"23\" y2=\"20\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Reconciliation<\/h4>\n          <p class=\"silp-sc__desc-card\">God's mercy poured out for healing and forgiveness.<\/p>\n        <\/div>\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">05<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M10 12 Q18 6 26 12 L24 26 Q18 30 12 26 Z\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n              <path d=\"M18 14 L18 22 M15 18 L21 18\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\" opacity=\".7\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Anointing of the Sick<\/h4>\n          <p class=\"silp-sc__desc-card\">Strength, peace and courage for those who are ill.<\/p>\n        <\/div>\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">06<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"12\" cy=\"14\" r=\"5\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n              <circle cx=\"24\" cy=\"14\" r=\"5\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n              <path d=\"M4 32 Q4 22 12 22 L24 22 Q32 22 32 32\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Holy Matrimony<\/h4>\n          <p class=\"silp-sc__desc-card\">A sacred covenant reflecting Christ's love for the Church.<\/p>\n        <\/div>\n\n        <div class=\"silp-sc__card\">\n          <span class=\"silp-sc__num\">07<\/span>\n          <div class=\"silp-sc__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <rect x=\"12\" y=\"6\" width=\"12\" height=\"22\" rx=\"2\" stroke=\"#DFB94A\" stroke-width=\"1.5\"\/>\n              <path d=\"M10 6 L26 6 M18 4 L18 6\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"15\" y1=\"14\" x2=\"21\" y2=\"14\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n              <line x1=\"15\" y1=\"18\" x2=\"21\" y2=\"18\" stroke=\"#DFB94A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <h4 class=\"silp-sc__name\">Holy Orders<\/h4>\n          <p class=\"silp-sc__desc-card\">Ordained to serve as priests, deacons and bishops.<\/p>\n        <\/div>\n\n        <!-- CTA card -->\n        <div class=\"silp-sc__card silp-sc__card--cta\">\n          <svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n            <line x1=\"14\" y1=\"2\" x2=\"14\" y2=\"26\" stroke=\"#C9A227\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <line x1=\"2\" y1=\"14\" x2=\"26\" y2=\"14\" stroke=\"#C9A227\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n          <p class=\"silp-sc__cta-text\">Contact us to schedule sacramental preparation<\/p>\n          <a href=\"#silp-visit\" class=\"silp-sc__cta-btn\">Get in Touch<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-sacraments *,\n#silp-sacraments *::before,\n#silp-sacraments *::after { box-sizing:border-box; margin:0; padding:0; }\n\n\/* Scroll reveal *\/\n#silp-sacraments .silp-rv {\n  opacity:0; transform:translateY(28px);\n  transition:opacity .75s ease,transform .75s ease;\n}\n#silp-sacraments .silp-rv.is-visible { opacity:1; transform:none; }\n\n#silp-sacraments .silp-rv-stagger > * {\n  opacity:0; transform:translateY(24px);\n  transition:opacity .6s ease,transform .6s ease;\n}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(1){opacity:1;transform:none;transition-delay:.04s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(2){opacity:1;transform:none;transition-delay:.10s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(3){opacity:1;transform:none;transition-delay:.16s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(4){opacity:1;transform:none;transition-delay:.22s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(5){opacity:1;transform:none;transition-delay:.28s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(6){opacity:1;transform:none;transition-delay:.34s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(7){opacity:1;transform:none;transition-delay:.40s;}\n#silp-sacraments .silp-rv-stagger.is-visible > *:nth-child(8){opacity:1;transform:none;transition-delay:.46s;}\n\n\/* Section *\/\n#silp-sacraments .silp-sc__section {\n  background:#7A1020;\n  padding:100px 0;\n  position:relative; overflow:hidden;\n}\n\n#silp-sacraments .silp-sc__texture {\n  position:absolute; inset:0;\n  background-image: repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 18px);\n  pointer-events:none;\n}\n\n#silp-sacraments .silp-sc__container { max-width:1160px; margin:0 auto; padding:0 32px; position:relative; z-index:1; }\n\n#silp-sacraments .silp-sc__header { text-align:center; margin-bottom:56px; }\n\n#silp-sacraments .silp-sc__label {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:14px;\n}\n\n#silp-sacraments .silp-sc__title {\n  font-family:'Cinzel',serif;\n  font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#fff; line-height:1.2; margin-bottom:16px;\n}\n\n#silp-sacraments .silp-sc__divider {\n  display:flex; align-items:center; gap:16px;\n  justify-content:center; margin:20px 0 28px;\n}\n#silp-sacraments .silp-sc__divider::before,\n#silp-sacraments .silp-sc__divider::after {\n  content:''; flex:1; max-width:120px; height:1px;\n  background:linear-gradient(to right,transparent,rgba(201,162,39,.5),transparent);\n}\n#silp-sacraments .silp-sc__cross { color:#C9A227; font-size:1.1rem; line-height:1; }\n\n#silp-sacraments .silp-sc__desc {\n  font-family:'Lato',sans-serif; font-size:1rem;\n  color:rgba(255,255,255,.65); max-width:520px; margin:0 auto; line-height:1.8;\n}\n\n\/* Grid *\/\n#silp-sacraments .silp-sc__grid {\n  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;\n}\n\n\/* Cards *\/\n#silp-sacraments .silp-sc__card {\n  border:1px solid rgba(201,162,39,.25);\n  padding:36px 24px; text-align:center;\n  transition:background .35s,border-color .35s,transform .3s;\n}\n#silp-sacraments .silp-sc__card:hover {\n  background:rgba(201,162,39,.1);\n  border-color:rgba(201,162,39,.55);\n  transform:translateY(-4px);\n}\n\n#silp-sacraments .silp-sc__num {\n  font-family:'Cinzel',serif; font-size:.6rem;\n  letter-spacing:.2em; color:rgba(201,162,39,.5);\n  display:block; margin-bottom:16px;\n}\n\n#silp-sacraments .silp-sc__icon { margin-bottom:20px; }\n#silp-sacraments .silp-sc__icon svg { width:36px; height:36px; }\n\n#silp-sacraments .silp-sc__name {\n  font-family:'Cinzel',serif; font-size:.88rem; font-weight:600;\n  color:#fff; letter-spacing:.06em; margin-bottom:12px;\n}\n\n#silp-sacraments .silp-sc__desc-card {\n  font-family:'Lato',sans-serif; font-size:.8rem;\n  color:rgba(255,255,255,.55); line-height:1.75;\n}\n\n\/* CTA card *\/\n#silp-sacraments .silp-sc__card--cta {\n  border-color:rgba(201,162,39,.45);\n  background:rgba(201,162,39,.06);\n  display:flex; flex-direction:column;\n  align-items:center; justify-content:center; gap:12px;\n}\n\n#silp-sacraments .silp-sc__cta-text {\n  font-family:'Cinzel',serif; font-size:.75rem;\n  color:rgba(255,255,255,.6); letter-spacing:.1em;\n  text-align:center; line-height:1.6;\n}\n\n#silp-sacraments .silp-sc__cta-btn {\n  font-family:'Cinzel',serif; font-size:.6rem;\n  letter-spacing:.15em; text-transform:uppercase;\n  text-decoration:none; display:inline-block;\n  padding:10px 22px; margin-top:8px;\n  color:#fff; border:1px solid rgba(255,255,255,.4); background:transparent;\n  transition:border-color .3s,background .3s,transform .2s;\n}\n#silp-sacraments .silp-sc__cta-btn:hover {\n  border-color:#C9A227; background:rgba(201,162,39,.12); transform:translateY(-2px);\n}\n\n\/* Responsive *\/\n@media (max-width:1024px) { #silp-sacraments .silp-sc__grid { grid-template-columns:repeat(2,1fr); } }\n@media (max-width:640px) {\n  #silp-sacraments .silp-sc__section { padding:64px 0; }\n  #silp-sacraments .silp-sc__container { padding:0 20px; }\n  #silp-sacraments .silp-sc__grid { grid-template-columns:1fr; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-sacraments * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-sacraments .silp-rv,\n  #silp-sacraments .silp-rv-stagger > * { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root = document.getElementById('silp-sacraments');\n  if (!root) return;\n  var els = root.querySelectorAll('.silp-rv, .silp-rv-stagger');\n  function check(){ var wh=window.innerHeight; els.forEach(function(el){ if(el.getBoundingClientRect().top<wh-80) el.classList.add('is-visible'); }); }\n  var tick=false;\n  window.addEventListener('scroll',function(){ if(!tick){ requestAnimationFrame(function(){ check();tick=false; }); tick=true; } },{passive:true});\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',function(){ setTimeout(check,120); }); } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-a68d2795 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 05: Parish Events\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-events\n============================================================ -->\n\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&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-events\">\n  <section class=\"silp-ev__section\">\n    <div class=\"silp-ev__container\">\n      <div class=\"silp-ev__layout\">\n\n        <!-- Intro -->\n        <div class=\"silp-ev__intro silp-rv silp-rv--left\">\n          <span class=\"silp-ev__label\">Parish Life<\/span>\n          <h2 class=\"silp-ev__title\">Upcoming<br>Events &amp; Feasts<\/h2>\n          <div class=\"silp-ev__divider\" aria-hidden=\"true\">\n            <span class=\"silp-ev__cross\">&#10013;<\/span>\n          <\/div>\n          <p class=\"silp-ev__desc\">Join us for our parish celebrations, feast days, retreats, and community gatherings throughout the year.<\/p>\n          <a href=\"#\" class=\"silp-ev__btn\">View All Events<\/a>\n        <\/div>\n\n        <!-- Event list -->\n        <div class=\"silp-ev__list silp-rv silp-rv--right\">\n\n          <div class=\"silp-ev__item\">\n            <div class=\"silp-ev__date\">\n              <span class=\"silp-ev__day\">31<\/span>\n              <span class=\"silp-ev__month\">Jul<\/span>\n            <\/div>\n            <div class=\"silp-ev__body\">\n              <span class=\"silp-ev__tag\">Feast Day<\/span>\n              <h4 class=\"silp-ev__item-title\">Feast of St. Ignatius de Loyola<\/h4>\n              <p class=\"silp-ev__detail\">Solemn Mass &nbsp;&bull;&nbsp; 6:00 AM, 8:00 AM, 10:00 AM &nbsp;&bull;&nbsp; Parish Church<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"silp-ev__item\">\n            <div class=\"silp-ev__date\">\n              <span class=\"silp-ev__day\">14<\/span>\n              <span class=\"silp-ev__month\">Aug<\/span>\n            <\/div>\n            <div class=\"silp-ev__body\">\n              <span class=\"silp-ev__tag\">Retreat<\/span>\n              <h4 class=\"silp-ev__item-title\">Parish Spiritual Recollection<\/h4>\n              <p class=\"silp-ev__detail\">9:00 AM &ndash; 5:00 PM &nbsp;&bull;&nbsp; Parish Hall &nbsp;&bull;&nbsp; Open to All<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"silp-ev__item\">\n            <div class=\"silp-ev__date\">\n              <span class=\"silp-ev__day\">01<\/span>\n              <span class=\"silp-ev__month\">Sep<\/span>\n            <\/div>\n            <div class=\"silp-ev__body\">\n              <span class=\"silp-ev__tag\">Formation<\/span>\n              <h4 class=\"silp-ev__item-title\">Lider Kabataan Leadership Seminar<\/h4>\n              <p class=\"silp-ev__detail\">8:00 AM &ndash; 4:00 PM &nbsp;&bull;&nbsp; Parish Hall &nbsp;&bull;&nbsp; Ages 15&ndash;30<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"silp-ev__item\">\n            <div class=\"silp-ev__date\">\n              <span class=\"silp-ev__day\">08<\/span>\n              <span class=\"silp-ev__month\">Sep<\/span>\n            <\/div>\n            <div class=\"silp-ev__body\">\n              <span class=\"silp-ev__tag\">Marian Feast<\/span>\n              <h4 class=\"silp-ev__item-title\">Nativity of the Blessed Virgin Mary<\/h4>\n              <p class=\"silp-ev__detail\">Special Mass &nbsp;&bull;&nbsp; 6:00 AM &amp; 8:00 AM &nbsp;&bull;&nbsp; Parish Church<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"silp-ev__item\">\n            <div class=\"silp-ev__date\">\n              <span class=\"silp-ev__day\">18<\/span>\n              <span class=\"silp-ev__month\">Oct<\/span>\n            <\/div>\n            <div class=\"silp-ev__body\">\n              <span class=\"silp-ev__tag\">Outreach<\/span>\n              <h4 class=\"silp-ev__item-title\">Pasayanin ang Pasko Community Day<\/h4>\n              <p class=\"silp-ev__detail\">Morning Program &nbsp;&bull;&nbsp; Parish Grounds &nbsp;&bull;&nbsp; Bring Family<\/p>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-events *,\n#silp-events *::before,\n#silp-events *::after { box-sizing:border-box; margin:0; padding:0; }\n\n\/* Scroll reveal *\/\n#silp-events .silp-rv { opacity:0; transition:opacity .75s ease,transform .75s ease; }\n#silp-events .silp-rv--left  { transform:translateX(-36px); }\n#silp-events .silp-rv--right { transform:translateX(36px); }\n#silp-events .silp-rv.is-visible { opacity:1; transform:none; }\n\n\/* Section *\/\n#silp-events .silp-ev__section { background:#FAF6F0; padding:100px 0; }\n#silp-events .silp-ev__container { max-width:1160px; margin:0 auto; padding:0 32px; }\n\n#silp-events .silp-ev__layout {\n  display:grid; grid-template-columns:1fr 1.6fr; gap:64px; align-items:start;\n}\n\n\/* Intro *\/\n#silp-events .silp-ev__label {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:14px;\n}\n#silp-events .silp-ev__title {\n  font-family:'Cinzel',serif; font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#7A1020; line-height:1.2; margin-bottom:16px;\n}\n#silp-events .silp-ev__divider {\n  display:flex; align-items:center; gap:16px; margin:20px 0 28px;\n}\n#silp-events .silp-ev__divider::before,\n#silp-events .silp-ev__divider::after {\n  content:''; flex:1; max-width:80px; height:1px;\n  background:linear-gradient(to right,transparent,#C9A227,transparent);\n}\n#silp-events .silp-ev__cross { color:#C9A227; font-size:1.1rem; line-height:1; }\n#silp-events .silp-ev__desc {\n  font-family:'Lato',sans-serif; font-size:1rem;\n  color:#6B5040; line-height:1.8; margin-bottom:36px;\n}\n#silp-events .silp-ev__btn {\n  font-family:'Cinzel',serif; font-size:.72rem;\n  letter-spacing:.15em; text-transform:uppercase; text-decoration:none;\n  display:inline-block; padding:15px 36px;\n  color:#550B16; background:#C9A227;\n  box-shadow:0 4px 20px rgba(201,162,39,.3);\n  transition:background .3s,transform .2s,box-shadow .3s;\n}\n#silp-events .silp-ev__btn:hover {\n  background:#DFB94A; transform:translateY(-2px); box-shadow:0 8px 30px rgba(201,162,39,.45);\n}\n\n\/* Event list *\/\n#silp-events .silp-ev__list { display:flex; flex-direction:column; gap:2px; }\n\n#silp-events .silp-ev__item {\n  display:grid; grid-template-columns:72px 1fr;\n  background:#fff; border:1px solid rgba(201,162,39,.15); overflow:hidden;\n  transition:box-shadow .3s,border-color .3s;\n}\n#silp-events .silp-ev__item:hover {\n  box-shadow:0 6px 28px rgba(122,16,32,.12); border-color:#C9A227;\n}\n\n#silp-events .silp-ev__date {\n  background:#7A1020;\n  display:flex; flex-direction:column; align-items:center; justify-content:center;\n  padding:20px 12px; flex-shrink:0;\n  transition:background .3s;\n}\n#silp-events .silp-ev__item:hover .silp-ev__date { background:#550B16; }\n\n#silp-events .silp-ev__day {\n  font-family:'Cinzel',serif; font-size:1.5rem; font-weight:700; color:#C9A227; line-height:1;\n}\n#silp-events .silp-ev__month {\n  font-family:'Lato',sans-serif; font-size:.6rem; font-weight:700;\n  letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.65); margin-top:4px;\n}\n\n#silp-events .silp-ev__body { padding:20px 24px; }\n#silp-events .silp-ev__tag {\n  font-family:'Cinzel',serif; font-size:.58rem;\n  letter-spacing:.2em; text-transform:uppercase; color:#C9A227; display:block; margin-bottom:6px;\n}\n#silp-events .silp-ev__item-title {\n  font-family:'Cinzel',serif; font-size:.95rem; font-weight:600;\n  color:#7A1020; margin-bottom:6px; line-height:1.3;\n}\n#silp-events .silp-ev__detail {\n  font-family:'Lato',sans-serif; font-size:.82rem; color:#6B5040;\n}\n\n\/* Responsive *\/\n@media (max-width:1024px) {\n  #silp-events .silp-ev__layout { grid-template-columns:1fr; gap:48px; }\n}\n@media (max-width:640px) {\n  #silp-events .silp-ev__section { padding:64px 0; }\n  #silp-events .silp-ev__container { padding:0 20px; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-events * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-events .silp-rv { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('silp-events'); if(!root) return;\n  var els=root.querySelectorAll('.silp-rv');\n  function check(){ var wh=window.innerHeight; els.forEach(function(el){ if(el.getBoundingClientRect().top<wh-80) el.classList.add('is-visible'); }); }\n  var tick=false;\n  window.addEventListener('scroll',function(){ if(!tick){ requestAnimationFrame(function(){ check();tick=false; }); tick=true; } },{passive:true});\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',function(){ setTimeout(check,120); }); } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-c42c3c73 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 06: Pastoral Programs \/ Ministries\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-programs\n============================================================ -->\n\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&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-programs\">\n  <section class=\"silp-pg__section\">\n    <div class=\"silp-pg__container\">\n\n      <div class=\"silp-pg__header silp-rv\">\n        <span class=\"silp-pg__label\">Ministries<\/span>\n        <h2 class=\"silp-pg__title\">Pastoral Programs<\/h2>\n        <div class=\"silp-pg__divider\" aria-hidden=\"true\">\n          <span class=\"silp-pg__cross\">&#10013;<\/span>\n        <\/div>\n        <p class=\"silp-pg__desc\">Our parish supports a vibrant network of lay ministries and programs to nurture every dimension of your spiritual life.<\/p>\n      <\/div>\n\n      <div class=\"silp-pg__grid silp-rv-stagger\">\n\n        <div class=\"silp-pg__card\">\n          <div class=\"silp-pg__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <circle cx=\"9\" cy=\"7\" r=\"4\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"silp-pg__info\">\n            <h4 class=\"silp-pg__name\">Basic Ecclesial Communities (BEC)<\/h4>\n            <p class=\"silp-pg__desc-card\">Small faith communities that gather regularly for prayer, scripture sharing, and mutual support in Christian living.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"silp-pg__card\">\n          <div class=\"silp-pg__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"silp-pg__info\">\n            <h4 class=\"silp-pg__name\">Lider Kabataan Youth Ministry<\/h4>\n            <p class=\"silp-pg__desc-card\">Empowering young Catholics through leadership formation, retreats, and active engagement in parish and community life.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"silp-pg__card\">\n          <div class=\"silp-pg__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"silp-pg__info\">\n            <h4 class=\"silp-pg__name\">Caritas &amp; Social Action Ministry<\/h4>\n            <p class=\"silp-pg__desc-card\">Serving the poor and marginalized through feeding programs, medical missions, Nazareth Bahay Pag-ibig outreach and livelihood assistance.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"silp-pg__card\">\n          <div class=\"silp-pg__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"silp-pg__info\">\n            <h4 class=\"silp-pg__name\">Catechetical &amp; Faith Formation<\/h4>\n            <p class=\"silp-pg__desc-card\">Parish School of Theology, PREP catechism classes, and adult faith formation for all ages and stages of the spiritual journey.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"silp-pg__card\">\n          <div class=\"silp-pg__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#C9A227\" stroke-width=\"1.8\"\/>\n              <path d=\"M12 8v4l3 3\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"silp-pg__info\">\n            <h4 class=\"silp-pg__name\">Liturgical Ministries<\/h4>\n            <p class=\"silp-pg__desc-card\">Lectors, altar servers, extraordinary ministers of the Eucharist, choir, and sacristans \u2014 serving the sacred liturgy with devotion.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"silp-pg__card\">\n          <div class=\"silp-pg__icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <circle cx=\"12\" cy=\"8\" r=\"4\" stroke=\"#C9A227\" stroke-width=\"1.8\"\/>\n              <path d=\"M4 20v-2a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v2\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n              <line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"silp-pg__info\">\n            <h4 class=\"silp-pg__name\">Family &amp; Life Apostolate<\/h4>\n            <p class=\"silp-pg__desc-card\">Pre-Cana marriage preparation, family enrichment seminars, and pastoral accompaniment for couples and families in every season of life.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-programs *,\n#silp-programs *::before,\n#silp-programs *::after { box-sizing:border-box; margin:0; padding:0; }\n\n\/* Scroll reveal *\/\n#silp-programs .silp-rv { opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s ease; }\n#silp-programs .silp-rv.is-visible { opacity:1; transform:none; }\n#silp-programs .silp-rv-stagger > * { opacity:0; transform:translateY(24px); transition:opacity .6s ease,transform .6s ease; }\n#silp-programs .silp-rv-stagger.is-visible > *:nth-child(1){opacity:1;transform:none;transition-delay:.05s;}\n#silp-programs .silp-rv-stagger.is-visible > *:nth-child(2){opacity:1;transform:none;transition-delay:.14s;}\n#silp-programs .silp-rv-stagger.is-visible > *:nth-child(3){opacity:1;transform:none;transition-delay:.23s;}\n#silp-programs .silp-rv-stagger.is-visible > *:nth-child(4){opacity:1;transform:none;transition-delay:.32s;}\n#silp-programs .silp-rv-stagger.is-visible > *:nth-child(5){opacity:1;transform:none;transition-delay:.41s;}\n#silp-programs .silp-rv-stagger.is-visible > *:nth-child(6){opacity:1;transform:none;transition-delay:.50s;}\n\n\/* Section *\/\n#silp-programs .silp-pg__section { background:#F2EBE0; padding:100px 0; }\n#silp-programs .silp-pg__container { max-width:1160px; margin:0 auto; padding:0 32px; }\n\n\/* Header *\/\n#silp-programs .silp-pg__header { text-align:center; margin-bottom:64px; }\n#silp-programs .silp-pg__label {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase; color:#C9A227; display:block; margin-bottom:14px;\n}\n#silp-programs .silp-pg__title {\n  font-family:'Cinzel',serif; font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#7A1020; line-height:1.2; margin-bottom:16px;\n}\n#silp-programs .silp-pg__divider {\n  display:flex; align-items:center; gap:16px; justify-content:center; margin:20px 0 28px;\n}\n#silp-programs .silp-pg__divider::before,\n#silp-programs .silp-pg__divider::after {\n  content:''; flex:1; max-width:120px; height:1px;\n  background:linear-gradient(to right,transparent,#C9A227,transparent);\n}\n#silp-programs .silp-pg__cross { color:#C9A227; font-size:1.1rem; line-height:1; }\n#silp-programs .silp-pg__desc {\n  font-family:'Lato',sans-serif; font-size:1rem;\n  color:#6B5040; max-width:520px; margin:0 auto; line-height:1.8;\n}\n\n\/* Grid *\/\n#silp-programs .silp-pg__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }\n\n\/* Cards *\/\n#silp-programs .silp-pg__card {\n  display:flex; gap:28px; align-items:flex-start;\n  background:#fff; padding:36px 32px;\n  border-left:4px solid transparent;\n  box-shadow:0 2px 16px rgba(122,16,32,.1);\n  transition:border-color .3s,transform .3s,box-shadow .3s;\n}\n#silp-programs .silp-pg__card:hover {\n  border-left-color:#C9A227;\n  transform:translateX(4px);\n  box-shadow:0 8px 32px rgba(122,16,32,.15);\n}\n\n#silp-programs .silp-pg__icon {\n  flex-shrink:0; width:52px; height:52px; border-radius:50%;\n  background:linear-gradient(135deg,#7A1020,#550B16);\n  display:flex; align-items:center; justify-content:center;\n}\n#silp-programs .silp-pg__icon svg { width:24px; height:24px; }\n\n#silp-programs .silp-pg__name {\n  font-family:'Cinzel',serif; font-size:.95rem; font-weight:600;\n  color:#7A1020; margin-bottom:10px;\n}\n#silp-programs .silp-pg__desc-card {\n  font-family:'Lato',sans-serif; font-size:.88rem; color:#6B5040; line-height:1.8;\n}\n\n\/* Responsive *\/\n@media (max-width:768px) {\n  #silp-programs .silp-pg__section { padding:64px 0; }\n  #silp-programs .silp-pg__container { padding:0 20px; }\n  #silp-programs .silp-pg__grid { grid-template-columns:1fr; }\n  #silp-programs .silp-pg__card { flex-direction:column; gap:20px; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-programs * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-programs .silp-rv,\n  #silp-programs .silp-rv-stagger > * { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('silp-programs'); if(!root) return;\n  var els=root.querySelectorAll('.silp-rv,.silp-rv-stagger');\n  function check(){ var wh=window.innerHeight; els.forEach(function(el){ if(el.getBoundingClientRect().top<wh-80) el.classList.add('is-visible'); }); }\n  var tick=false;\n  window.addEventListener('scroll',function(){ if(!tick){ requestAnimationFrame(function(){ check();tick=false; }); tick=true; } },{passive:true});\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',function(){ setTimeout(check,120); }); } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-76d5ba23 alignfull uagb-is-root-container\">\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&amp;family=Lato:wght@300;400;700&amp;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-bulletin\">\n  <section class=\"silp-bl__section\">\n    <div class=\"silp-bl__container\">\n\n      <!-- HEADER -->\n      <div class=\"silp-bl__header silp-rv\">\n        <span class=\"silp-bl__label\">Parish Bulletin<\/span>\n        <h2 class=\"silp-bl__title\">News &amp; Announcements<\/h2>\n        <div class=\"silp-bl__divider\" aria-hidden=\"true\">\n          <span class=\"silp-bl__cross\">\u271d<\/span>\n        <\/div>\n        <p class=\"silp-bl__desc\">Stay informed about the latest happenings in our parish community.<\/p>\n      <\/div>\n\n      <!-- CATEGORY TABS -->\n      <div class=\"silp-bl__tabs silp-rv\" id=\"silpBlTabs\" role=\"tablist\" aria-label=\"Filter posts by category\">\n        <!-- Populated by JS -->\n      <\/div>\n\n      <!-- GRID \u2014 skeletons shown until posts load -->\n      <div class=\"silp-bl__grid\" id=\"silpBlGrid\" aria-live=\"polite\" aria-busy=\"true\">\n        <div class=\"silp-bl__skeleton\"><\/div>\n        <div class=\"silp-bl__skeleton\"><\/div>\n        <div class=\"silp-bl__skeleton\"><\/div>\n      <\/div>\n\n      <!-- ERROR STATE (hidden by default) -->\n      <div class=\"silp-bl__error\" id=\"silpBlError\" role=\"alert\" hidden=\"\">\n        <div class=\"silp-bl__error-icon\" aria-hidden=\"true\">\u271d<\/div>\n        <p class=\"silp-bl__error-msg\">Unable to load posts at this time.<br>Please visit our blog page directly.<\/p>\n        <a class=\"silp-bl__error-link\" id=\"silpBlErrorLink\" href=\"#\">Browse All Posts<\/a>\n      <\/div>\n\n      <!-- FOOTER -->\n      <div class=\"silp-bl__footer silp-rv\" id=\"silpBlFooter\">\n        <span class=\"silp-bl__count\" id=\"silpBlCount\"><\/span>\n        <a class=\"silp-bl__view-all\" id=\"silpBlViewAll\" href=\"#\">View All Posts<\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- ===================== STYLES ===================== -->\n<style>\n#silp-bulletin *,\n#silp-bulletin *::before,\n#silp-bulletin *::after { box-sizing:border-box; margin:0; padding:0; }\n\n\/* ---------- Keyframes ---------- *\/\n@keyframes silpBlShimmer {\n  0%   { background-position:-600px 0; }\n  100% { background-position: 600px 0; }\n}\n@keyframes silpBlFadeUp {\n  from { opacity:0; transform:translateY(20px); }\n  to   { opacity:1; transform:translateY(0); }\n}\n@keyframes silpBlPulse {\n  0%,100% { opacity:.5; }\n  50%     { opacity:1; }\n}\n\n\/* ---------- Scroll reveal ---------- *\/\n#silp-bulletin .silp-rv {\n  opacity:0; transform:translateY(28px);\n  transition:opacity .75s ease,transform .75s ease;\n}\n#silp-bulletin .silp-rv.is-visible { opacity:1; transform:none; }\n\n\/* ---------- Section ---------- *\/\n#silp-bulletin .silp-bl__section {\n  background:#1A2744;\n  padding:100px 0;\n  position:relative;\n}\n\n#silp-bulletin .silp-bl__container {\n  max-width:1160px; margin:0 auto; padding:0 32px;\n}\n\n\/* ---------- Header ---------- *\/\n#silp-bulletin .silp-bl__header { text-align:center; margin-bottom:48px; }\n\n#silp-bulletin .silp-bl__label {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:14px;\n}\n\n#silp-bulletin .silp-bl__title {\n  font-family:'Cinzel',serif; font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#fff; line-height:1.2; margin-bottom:16px;\n}\n\n#silp-bulletin .silp-bl__divider {\n  display:flex; align-items:center; gap:16px;\n  justify-content:center; margin:20px 0 28px;\n}\n#silp-bulletin .silp-bl__divider::before,\n#silp-bulletin .silp-bl__divider::after {\n  content:''; flex:1; max-width:120px; height:1px;\n  background:linear-gradient(to right,transparent,rgba(201,162,39,.5),transparent);\n}\n#silp-bulletin .silp-bl__cross {\n  color:rgba(201,162,39,.7); font-size:1.1rem; line-height:1;\n}\n#silp-bulletin .silp-bl__desc {\n  font-family:'Lato',sans-serif; font-size:1rem;\n  color:rgba(255,255,255,.55); max-width:520px; margin:0 auto; line-height:1.8;\n}\n\n\/* ---------- Category Tabs ---------- *\/\n#silp-bulletin .silp-bl__tabs {\n  display:flex; flex-wrap:wrap; gap:10px;\n  justify-content:center; margin-bottom:40px;\n  min-height:44px;\n}\n\n#silp-bulletin .silp-bl__tab {\n  font-family:'Cinzel',serif;\n  font-size:.62rem; letter-spacing:.18em; text-transform:uppercase;\n  padding:10px 20px; border-radius:30px; cursor:pointer;\n  border:1px solid rgba(201,162,39,.25);\n  background:rgba(255,255,255,.04); color:rgba(255,255,255,.55);\n  transition:background .25s,border-color .25s,color .25s,transform .25s,box-shadow .25s;\n  white-space:nowrap;\n}\n#silp-bulletin .silp-bl__tab:hover {\n  color:#C9A227; border-color:#C9A227; transform:translateY(-2px);\n}\n#silp-bulletin .silp-bl__tab.is-active {\n  background:linear-gradient(135deg,rgba(122,16,32,.6),rgba(85,11,22,.8));\n  color:#C9A227; border-color:#C9A227;\n  box-shadow:0 0 18px rgba(201,162,39,.2);\n  transform:scale(1.04);\n}\n\n\/* Skeleton tabs *\/\n#silp-bulletin .silp-bl__tab-skeleton {\n  height:40px; width:80px; border-radius:30px;\n  background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 75%);\n  background-size:600px 100%;\n  animation:silpBlShimmer 1.6s ease infinite;\n}\n\n\/* ---------- Grid ---------- *\/\n#silp-bulletin .silp-bl__grid {\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:24px;\n  margin-bottom:52px;\n}\n\n\/* ---------- Skeleton cards ---------- *\/\n#silp-bulletin .silp-bl__skeleton {\n  border-radius:4px;\n  overflow:hidden;\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.06);\n  padding:0;\n  min-height:300px;\n}\n#silp-bulletin .silp-bl__skeleton::before {\n  content:'';\n  display:block;\n  height:180px;\n  background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 75%);\n  background-size:600px 100%;\n  animation:silpBlShimmer 1.6s ease infinite;\n  margin-bottom:20px;\n}\n#silp-bulletin .silp-bl__skeleton::after {\n  content:'';\n  display:block;\n  height:90px;\n  margin:0 24px 24px;\n  border-radius:3px;\n  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.04) 75%);\n  background-size:600px 100%;\n  animation:silpBlShimmer 1.6s ease .2s infinite;\n}\n\n\/* ---------- Post Cards ---------- *\/\n#silp-bulletin .silp-bl__card {\n  background:rgba(255,255,255,.04);\n  border:1px solid rgba(255,255,255,.08);\n  overflow:hidden;\n  transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;\n  display:flex; flex-direction:column;\n  animation:silpBlFadeUp .55s ease both;\n}\n#silp-bulletin .silp-bl__card:hover {\n  background:rgba(255,255,255,.07);\n  border-color:rgba(201,162,39,.35);\n  transform:translateY(-5px);\n  box-shadow:0 12px 40px rgba(0,0,0,.35);\n}\n\n\/* Card image *\/\n#silp-bulletin .silp-bl__card-img {\n  width:100%; height:180px; overflow:hidden;\n  position:relative; flex-shrink:0; background:#0f1a2e;\n}\n#silp-bulletin .silp-bl__card-img img {\n  width:100%; height:100%; object-fit:cover; display:block;\n  transition:transform .45s ease;\n}\n#silp-bulletin .silp-bl__card:hover .silp-bl__card-img img {\n  transform:scale(1.07);\n}\n\n\/* No-image fallback inside the img box *\/\n#silp-bulletin .silp-bl__card-img-fallback {\n  width:100%; height:100%;\n  display:flex; align-items:center; justify-content:center;\n  background:linear-gradient(145deg,rgba(122,16,32,.35),rgba(26,39,68,.6));\n}\n#silp-bulletin .silp-bl__card-img-fallback svg {\n  width:44px; height:44px; opacity:.3;\n}\n\n\/* Category badge overlay *\/\n#silp-bulletin .silp-bl__cat-badge {\n  position:absolute; top:12px; left:12px; z-index:2;\n  font-family:'Cinzel',serif; font-size:.55rem; letter-spacing:.15em; text-transform:uppercase;\n  background:rgba(26,39,68,.88); border:1px solid #C9A227; color:#C9A227;\n  padding:4px 10px; border-radius:20px;\n}\n\n\/* Card body *\/\n#silp-bulletin .silp-bl__card-body {\n  padding:24px 28px; display:flex; flex-direction:column; flex:1;\n}\n\n#silp-bulletin .silp-bl__date {\n  font-family:'Cinzel',serif; font-size:.58rem; letter-spacing:.2em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:12px;\n}\n\n#silp-bulletin .silp-bl__card-title {\n  font-family:'Cinzel',serif; font-size:1rem; font-weight:600;\n  color:#fff; margin-bottom:12px; line-height:1.4;\n}\n\n#silp-bulletin .silp-bl__excerpt {\n  font-family:'Lato',sans-serif; font-size:.85rem;\n  color:rgba(255,255,255,.5); line-height:1.8; margin-bottom:24px; flex:1;\n}\n\n#silp-bulletin .silp-bl__read-more {\n  font-family:'Cinzel',serif; font-size:.6rem;\n  letter-spacing:.2em; text-transform:uppercase;\n  color:#C9A227; text-decoration:none;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:gap .3s,opacity .3s; align-self:flex-start;\n}\n#silp-bulletin .silp-bl__read-more::after {\n  content:''; width:20px; height:1px; background:#C9A227;\n  transition:width .3s; flex-shrink:0;\n}\n#silp-bulletin .silp-bl__read-more:hover { opacity:.8; gap:12px; }\n#silp-bulletin .silp-bl__read-more:hover::after { width:28px; }\n\n\/* ---------- Error state ---------- *\/\n#silp-bulletin .silp-bl__error {\n  text-align:center; padding:60px 20px; margin-bottom:52px;\n}\n#silp-bulletin .silp-bl__error-icon {\n  font-size:2rem; color:rgba(201,162,39,.35);\n  margin-bottom:20px; animation:silpBlPulse 2s ease infinite;\n}\n#silp-bulletin .silp-bl__error-msg {\n  font-family:'Lato',sans-serif; font-size:.95rem;\n  color:rgba(255,255,255,.45); line-height:1.8; margin-bottom:28px;\n}\n#silp-bulletin .silp-bl__error-link {\n  font-family:'Cinzel',serif; font-size:.7rem;\n  letter-spacing:.18em; text-transform:uppercase; text-decoration:none;\n  padding:13px 32px; border:1px solid rgba(201,162,39,.4); color:#C9A227;\n  background:transparent; display:inline-block;\n  transition:background .3s,border-color .3s,transform .2s;\n}\n#silp-bulletin .silp-bl__error-link:hover {\n  background:rgba(201,162,39,.08); border-color:#C9A227; transform:translateY(-2px);\n}\n\n\/* ---------- Footer ---------- *\/\n#silp-bulletin .silp-bl__footer {\n  display:flex; align-items:center; justify-content:space-between;\n  gap:20px; flex-wrap:wrap;\n}\n#silp-bulletin .silp-bl__count {\n  font-family:'Cinzel',serif; font-size:.65rem;\n  letter-spacing:.14em; text-transform:uppercase;\n  color:rgba(255,255,255,.35);\n}\n#silp-bulletin .silp-bl__view-all {\n  font-family:'Cinzel',serif; font-size:.72rem;\n  letter-spacing:.15em; text-transform:uppercase; text-decoration:none;\n  display:inline-block; padding:15px 36px;\n  color:#C9A227; border:1px solid rgba(201,162,39,.4); background:transparent;\n  transition:border-color .3s,background .3s,transform .2s;\n}\n#silp-bulletin .silp-bl__view-all:hover {\n  border-color:#C9A227; background:rgba(201,162,39,.08); transform:translateY(-2px);\n}\n\n\/* ---------- Stagger on dynamically added cards ---------- *\/\n#silp-bulletin .silp-bl__card:nth-child(1){animation-delay:.04s;}\n#silp-bulletin .silp-bl__card:nth-child(2){animation-delay:.14s;}\n#silp-bulletin .silp-bl__card:nth-child(3){animation-delay:.24s;}\n#silp-bulletin .silp-bl__card:nth-child(4){animation-delay:.34s;}\n#silp-bulletin .silp-bl__card:nth-child(5){animation-delay:.44s;}\n#silp-bulletin .silp-bl__card:nth-child(6){animation-delay:.54s;}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width:1024px) {\n  #silp-bulletin .silp-bl__grid { grid-template-columns:repeat(2,1fr); }\n}\n@media (max-width:640px) {\n  #silp-bulletin .silp-bl__section  { padding:64px 0; }\n  #silp-bulletin .silp-bl__container{ padding:0 20px; }\n  #silp-bulletin .silp-bl__grid     { grid-template-columns:1fr; }\n  #silp-bulletin .silp-bl__footer   { flex-direction:column; align-items:center; }\n  #silp-bulletin .silp-bl__view-all { width:100%; text-align:center; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-bulletin * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-bulletin .silp-rv { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<!-- ===================== JAVASCRIPT ===================== -->\n<script>\n(function () {\n  'use strict';\n\n  \/* \u2500\u2500 Config \u2500\u2500 *\/\n  var SITE    = 'https:\/\/demo6.yinwoodweb.com\/genluna';\n  var API     = SITE + '\/wp-json\/wp\/v2';\n  var BLOG    = SITE + '\/blog\/';   \/* \"View All Posts\" destination *\/\n  var PER_PAGE = 6;                 \/* cards per tab view           *\/\n\n  \/* \u2500\u2500 DOM refs \u2500\u2500 *\/\n  var root    = document.getElementById('silp-bulletin');\n  if (!root) return;\n\n  var grid    = root.querySelector('#silpBlGrid');\n  var tabsEl  = root.querySelector('#silpBlTabs');\n  var countEl = root.querySelector('#silpBlCount');\n  var viewAll = root.querySelector('#silpBlViewAll');\n  var errorEl = root.querySelector('#silpBlError');\n  var errLink = root.querySelector('#silpBlErrorLink');\n\n  \/* \u2500\u2500 Initialise links \u2500\u2500 *\/\n  viewAll.href  = BLOG;\n  errLink.href  = BLOG;\n\n  \/* \u2500\u2500 Helpers \u2500\u2500 *\/\n  function stripHTML(html) {\n    var d = document.createElement('div');\n    d.innerHTML = html;\n    return (d.textContent || d.innerText || '').trim();\n  }\n\n  function formatDate(iso) {\n    try {\n      var d = new Date(iso);\n      return d.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });\n    } catch (e) { return iso.split('T')[0]; }\n  }\n\n  function showError() {\n    grid.hidden   = true;\n    errorEl.hidden = false;\n    countEl.textContent = '';\n  }\n\n  \/* \u2500\u2500 Skeleton (loading placeholders) \u2500\u2500 *\/\n  function showSkeletons() {\n    errorEl.hidden = true;\n    grid.hidden    = false;\n    grid.setAttribute('aria-busy', 'true');\n    grid.innerHTML =\n      '<div class=\"silp-bl__skeleton\"><\/div>' +\n      '<div class=\"silp-bl__skeleton\"><\/div>' +\n      '<div class=\"silp-bl__skeleton\"><\/div>';\n    countEl.textContent = '';\n  }\n\n  \/* Tab skeleton while categories load *\/\n  function showTabSkeletons() {\n    tabsEl.innerHTML =\n      '<div class=\"silp-bl__tab-skeleton\"><\/div>' +\n      '<div class=\"silp-bl__tab-skeleton\"><\/div>' +\n      '<div class=\"silp-bl__tab-skeleton\"><\/div>';\n  }\n\n  \/* \u2500\u2500 Render posts \u2500\u2500 *\/\n  function renderPosts(posts, categoryName) {\n    grid.setAttribute('aria-busy', 'false');\n\n    if (!posts || !posts.length) {\n      grid.innerHTML =\n        '<p style=\"grid-column:1\/-1;font-family:\\'Lato\\',sans-serif;font-size:.9rem;' +\n        'color:rgba(255,255,255,.4);text-align:center;padding:40px 0;\">No posts found in this category.<\/p>';\n      countEl.textContent = '';\n      return;\n    }\n\n    grid.innerHTML = '';\n\n    posts.forEach(function (p) {\n      \/* Category name *\/\n      var cat = categoryName || 'General';\n      if (!categoryName && p._embedded && p._embedded['wp:term']) {\n        p._embedded['wp:term'].forEach(function (group) {\n          group.forEach(function (term) {\n            if (term.taxonomy === 'category' && term.name !== 'Uncategorized') {\n              cat = term.name;\n            }\n          });\n        });\n      }\n\n      \/* Featured image *\/\n      var imgHTML = '';\n      if (p._embedded && p._embedded['wp:featuredmedia'] && p._embedded['wp:featuredmedia'][0] && p._embedded['wp:featuredmedia'][0].source_url) {\n        var src = p._embedded['wp:featuredmedia'][0].source_url;\n        var alt = stripHTML(p.title.rendered);\n        imgHTML = '<img decoding=\"async\" src=\"' + src + '\" alt=\"' + alt + '\" loading=\"lazy\">';\n      } else {\n        imgHTML =\n          '<div class=\"silp-bl__card-img-fallback\">' +\n            '<svg viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">' +\n              '<path d=\"M22 4L22 40M10 16L34 16\" stroke=\"#C9A227\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>' +\n              '<circle cx=\"22\" cy=\"22\" r=\"18\" stroke=\"#C9A227\" stroke-width=\"1\" stroke-dasharray=\"4 4\" opacity=\".4\"\/>' +\n            '<\/svg>' +\n          '<\/div>';\n      }\n\n      \/* Excerpt *\/\n      var excerpt = stripHTML(p.excerpt ? p.excerpt.rendered : '');\n      if (excerpt.length > 130) excerpt = excerpt.substring(0, 130).trimEnd() + '&hellip;';\n\n      \/* Card HTML *\/\n      var card = document.createElement('div');\n      card.className = 'silp-bl__card';\n      card.innerHTML =\n        '<div class=\"silp-bl__card-img\">' +\n          imgHTML +\n          '<span class=\"silp-bl__cat-badge\">' + cat + '<\/span>' +\n        '<\/div>' +\n        '<div class=\"silp-bl__card-body\">' +\n          '<span class=\"silp-bl__date\">' + formatDate(p.date) + '<\/span>' +\n          '<h4 class=\"silp-bl__card-title\">' + p.title.rendered + '<\/h4>' +\n          '<p class=\"silp-bl__excerpt\">' + excerpt + '<\/p>' +\n          '<a class=\"silp-bl__read-more\" href=\"' + p.link + '\">Read More<\/a>' +\n        '<\/div>';\n\n      grid.appendChild(card);\n    });\n\n    var shown = posts.length;\n    countEl.textContent = 'Showing ' + shown + ' post' + (shown !== 1 ? 's' : '');\n  }\n\n  \/* \u2500\u2500 Fetch posts (all or by category) \u2500\u2500 *\/\n  function fetchPosts(catId, catName) {\n    showSkeletons();\n\n    var url = API + '\/posts?_embed=1&per_page=' + PER_PAGE +\n              (catId ? '&categories=' + catId : '') +\n              '&orderby=date&order=desc';\n\n    var controller = null;\n    if (typeof AbortController !== 'undefined') {\n      controller = new AbortController();\n    }\n\n    var opts = controller ? { signal: controller.signal } : {};\n    var timer = setTimeout(function () { if (controller) controller.abort(); }, 10000);\n\n    fetch(url, opts)\n      .then(function (res) {\n        clearTimeout(timer);\n        if (!res.ok) throw new Error('HTTP ' + res.status);\n        return res.json();\n      })\n      .then(function (posts) { renderPosts(posts, catName || null); })\n      .catch(function (err) {\n        clearTimeout(timer);\n        if (err && err.name === 'AbortError') return;\n        console.warn('[silp-bulletin] fetch error:', err);\n        showError();\n      });\n  }\n\n  \/* \u2500\u2500 Fetch categories & build tabs \u2500\u2500 *\/\n  function buildTabs() {\n    showTabSkeletons();\n\n    fetch(API + '\/categories?per_page=20&hide_empty=true')\n      .then(function (res) {\n        if (!res.ok) throw new Error('HTTP ' + res.status);\n        return res.json();\n      })\n      .then(function (cats) {\n        tabsEl.innerHTML = '';\n\n        \/* \"All\" tab *\/\n        var allBtn = document.createElement('button');\n        allBtn.className   = 'silp-bl__tab is-active';\n        allBtn.textContent = 'All';\n        allBtn.setAttribute('role', 'tab');\n        allBtn.setAttribute('aria-selected', 'true');\n        allBtn.addEventListener('click', function () {\n          setActive(allBtn);\n          fetchPosts(null, null);\n        });\n        tabsEl.appendChild(allBtn);\n\n        \/* One tab per non-Uncategorized category *\/\n        cats.forEach(function (cat) {\n          if (cat.name === 'Uncategorized') return;\n          var btn = document.createElement('button');\n          btn.className   = 'silp-bl__tab';\n          btn.textContent = cat.name;\n          btn.setAttribute('role', 'tab');\n          btn.setAttribute('aria-selected', 'false');\n          btn.addEventListener('click', function () {\n            setActive(btn);\n            fetchPosts(cat.id, cat.name);\n          });\n          tabsEl.appendChild(btn);\n        });\n      })\n      .catch(function () {\n        \/* Tabs failed \u2014 show an \"All\" only fallback *\/\n        tabsEl.innerHTML = '';\n        var allBtn = document.createElement('button');\n        allBtn.className   = 'silp-bl__tab is-active';\n        allBtn.textContent = 'All';\n        allBtn.setAttribute('role', 'tab');\n        allBtn.setAttribute('aria-selected', 'true');\n        tabsEl.appendChild(allBtn);\n      });\n  }\n\n  function setActive(btn) {\n    tabsEl.querySelectorAll('.silp-bl__tab').forEach(function (b) {\n      b.classList.remove('is-active');\n      b.setAttribute('aria-selected', 'false');\n    });\n    btn.classList.add('is-active');\n    btn.setAttribute('aria-selected', 'true');\n  }\n\n  \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n  var rvEls = root.querySelectorAll('.silp-rv');\n  function checkReveal() {\n    var wh = window.innerHeight;\n    rvEls.forEach(function (el) {\n      if (el.getBoundingClientRect().top < wh - 80) el.classList.add('is-visible');\n    });\n  }\n  var tick = false;\n  window.addEventListener('scroll', function () {\n    if (!tick) {\n      requestAnimationFrame(function () { checkReveal(); tick = false; });\n      tick = true;\n    }\n  }, { passive: true });\n\n  \/* \u2500\u2500 Boot \u2500\u2500 *\/\n  function init() {\n    checkReveal();\n    buildTabs();\n    fetchPosts(null, null);\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', function () { setTimeout(init, 80); });\n  } else {\n    setTimeout(init, 80);\n  }\n\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-b34635d2 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 08: Visit \/ Location \/ Contact\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-visit\n============================================================ -->\n\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&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-visit\">\n  <section class=\"silp-vs__section\">\n    <div class=\"silp-vs__container\">\n\n      <div class=\"silp-vs__header silp-rv\">\n        <span class=\"silp-vs__label\">Find Us<\/span>\n        <h2 class=\"silp-vs__title\">Visit Our Parish<\/h2>\n        <div class=\"silp-vs__divider\" aria-hidden=\"true\">\n          <span class=\"silp-vs__cross\">&#10013;<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"silp-vs__grid\">\n\n        <!-- Map column -->\n        <div class=\"silp-rv silp-rv--left\">\n          <div class=\"silp-vs__map\">\n            <div class=\"silp-vs__map-grid\" aria-hidden=\"true\"><\/div>\n            <!--\n              REPLACE the placeholder below with a real Google Maps embed:\n              <iframe\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=YOUR_EMBED_CODE\"\n                width=\"100%\" height=\"100%\" style=\"border:0;display:block;\"\n                allowfullscreen loading=\"lazy\"\n                referrerpolicy=\"no-referrer-when-downgrade\">\n              <\/iframe>\n            -->\n            <div class=\"silp-vs__map-pin\">\n              <svg viewBox=\"0 0 24 24\" fill=\"#7A1020\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\n                <circle cx=\"12\" cy=\"10\" r=\"3\" fill=\"white\"\/>\n              <\/svg>\n              <p class=\"silp-vs__map-label\">Gen. Luna, Quezon<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Info column -->\n        <div class=\"silp-vs__info silp-rv silp-rv--right\">\n          <span class=\"silp-vs__label\">Parish Information<\/span>\n          <h3 class=\"silp-vs__info-title\">We Are Here<br>for You<\/h3>\n\n          <div class=\"silp-vs__contact-list\">\n\n            <div class=\"silp-vs__contact-item\">\n              <div class=\"silp-vs__contact-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <span class=\"silp-vs__contact-label\">Address<\/span>\n                <p class=\"silp-vs__contact-value\">St. Ignatius de Loyola Parish<br>Gen. Luna, Quezon Province<br>Philippines<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"silp-vs__contact-item\">\n              <div class=\"silp-vs__contact-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.07 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3 1.17h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.09 8.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21 16l.92.92z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <span class=\"silp-vs__contact-label\">Parish Office Hours<\/span>\n                <p class=\"silp-vs__contact-value\">Monday &ndash; Saturday<br>8:00 AM &ndash; 12:00 PM &nbsp;&bull;&nbsp; 1:00 PM &ndash; 5:00 PM<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"silp-vs__contact-item\">\n              <div class=\"silp-vs__contact-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <polyline points=\"22,6 12,13 2,6\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <span class=\"silp-vs__contact-label\">Email<\/span>\n                <p class=\"silp-vs__contact-value\">parish@stignatiusgenlunaquezon.org<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"silp-vs__contact-item\">\n              <div class=\"silp-vs__contact-icon\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#C9A227\" stroke-width=\"1.8\"\/>\n                  <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"#C9A227\" stroke-width=\"1.8\"\/>\n                  <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" stroke=\"#C9A227\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <div>\n                <span class=\"silp-vs__contact-label\">Follow Us<\/span>\n                <p class=\"silp-vs__contact-value\">Facebook: St. Ignatius de Loyola Parish<br>Gen. Luna Quezon<\/p>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <a href=\"#\" class=\"silp-vs__btn\">Contact the Parish Office<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-visit *,\n#silp-visit *::before,\n#silp-visit *::after { box-sizing:border-box; margin:0; padding:0; }\n\n@keyframes silpVsFloat {\n  0%,100% { transform:translateY(0); }\n  50%      { transform:translateY(-6px); }\n}\n\n\/* Scroll reveal *\/\n#silp-visit .silp-rv { opacity:0; transition:opacity .75s ease,transform .75s ease; }\n#silp-visit .silp-rv--left  { transform:translateX(-36px); }\n#silp-visit .silp-rv--right { transform:translateX(36px); }\n#silp-visit .silp-rv.is-visible { opacity:1; transform:none; }\n\n\/* Section *\/\n#silp-visit .silp-vs__section { background:#FAF6F0; padding:100px 0; }\n#silp-visit .silp-vs__container { max-width:1160px; margin:0 auto; padding:0 32px; }\n\n\/* Header *\/\n#silp-visit .silp-vs__header { text-align:center; margin-bottom:52px; }\n#silp-visit .silp-vs__label {\n  font-family:'Cinzel',serif; font-size:.7rem; font-weight:600;\n  letter-spacing:.22em; text-transform:uppercase; color:#C9A227; display:block; margin-bottom:14px;\n}\n#silp-visit .silp-vs__title {\n  font-family:'Cinzel',serif; font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#7A1020; line-height:1.2; margin-bottom:16px;\n}\n#silp-visit .silp-vs__divider {\n  display:flex; align-items:center; gap:16px; justify-content:center; margin:20px 0 0;\n}\n#silp-visit .silp-vs__divider::before,\n#silp-visit .silp-vs__divider::after {\n  content:''; flex:1; max-width:120px; height:1px;\n  background:linear-gradient(to right,transparent,#C9A227,transparent);\n}\n#silp-visit .silp-vs__cross { color:#C9A227; font-size:1.1rem; line-height:1; }\n\n\/* Two-column layout *\/\n#silp-visit .silp-vs__grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }\n\n\/* Map *\/\n#silp-visit .silp-vs__map {\n  position:relative; width:100%; aspect-ratio:4\/3;\n  background:linear-gradient(145deg,#F2EBE0 0%,#E8E0D5 100%);\n  border:1px solid rgba(201,162,39,.2); overflow:hidden;\n  display:flex; align-items:center; justify-content:center;\n}\n#silp-visit .silp-vs__map-grid {\n  position:absolute; inset:0;\n  background-image:\n    repeating-linear-gradient(0deg,rgba(201,162,39,.07) 0,rgba(201,162,39,.07) 1px,transparent 1px,transparent 40px),\n    repeating-linear-gradient(90deg,rgba(201,162,39,.07) 0,rgba(201,162,39,.07) 1px,transparent 1px,transparent 40px);\n}\n#silp-visit .silp-vs__map-pin {\n  position:relative; z-index:2; text-align:center;\n}\n#silp-visit .silp-vs__map-pin svg {\n  width:40px; height:40px;\n  animation:silpVsFloat 2.5s ease-in-out infinite;\n  filter:drop-shadow(0 4px 12px rgba(122,16,32,.25));\n}\n#silp-visit .silp-vs__map-label {\n  font-family:'Cinzel',serif; font-size:.7rem; letter-spacing:.12em;\n  color:#7A1020; margin-top:10px; text-transform:uppercase;\n}\n\n\/* Info *\/\n#silp-visit .silp-vs__info-title {\n  font-family:'Cinzel',serif; font-size:1.8rem; font-weight:700;\n  color:#7A1020; line-height:1.2; margin-bottom:28px;\n}\n\n#silp-visit .silp-vs__contact-list { display:flex; flex-direction:column; }\n\n#silp-visit .silp-vs__contact-item {\n  display:flex; gap:20px; align-items:flex-start;\n  padding:22px 0; border-bottom:1px solid rgba(201,162,39,.15);\n}\n#silp-visit .silp-vs__contact-item:first-child { padding-top:0; }\n#silp-visit .silp-vs__contact-item:last-child { border-bottom:none; }\n\n#silp-visit .silp-vs__contact-icon {\n  width:40px; height:40px; flex-shrink:0;\n  display:flex; align-items:center; justify-content:center;\n}\n#silp-visit .silp-vs__contact-icon svg { width:22px; height:22px; }\n\n#silp-visit .silp-vs__contact-label {\n  font-family:'Cinzel',serif; font-size:.62rem;\n  letter-spacing:.18em; text-transform:uppercase;\n  color:#C9A227; display:block; margin-bottom:6px;\n}\n#silp-visit .silp-vs__contact-value {\n  font-family:'Lato',sans-serif; font-size:.95rem;\n  color:#2C1A10; line-height:1.65;\n}\n\n\/* Button *\/\n#silp-visit .silp-vs__btn {\n  font-family:'Cinzel',serif; font-size:.72rem;\n  letter-spacing:.15em; text-transform:uppercase; text-decoration:none;\n  display:inline-block; padding:15px 36px; margin-top:32px;\n  color:#550B16; background:#C9A227;\n  box-shadow:0 4px 20px rgba(201,162,39,.3);\n  transition:background .3s,transform .2s,box-shadow .3s;\n}\n#silp-visit .silp-vs__btn:hover {\n  background:#DFB94A; transform:translateY(-2px); box-shadow:0 8px 30px rgba(201,162,39,.45);\n}\n\n\/* Responsive *\/\n@media (max-width:1024px) {\n  #silp-visit .silp-vs__grid { grid-template-columns:1fr; gap:48px; }\n}\n@media (max-width:640px) {\n  #silp-visit .silp-vs__section { padding:64px 0; }\n  #silp-visit .silp-vs__container { padding:0 20px; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-visit * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-visit .silp-rv { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('silp-visit'); if(!root) return;\n  var els=root.querySelectorAll('.silp-rv');\n  function check(){ var wh=window.innerHeight; els.forEach(function(el){ if(el.getBoundingClientRect().top<wh-80) el.classList.add('is-visible'); }); }\n  var tick=false;\n  window.addEventListener('scroll',function(){ if(!tick){ requestAnimationFrame(function(){ check();tick=false; }); tick=true; } },{passive:true});\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',function(){ setTimeout(check,120); }); } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-54608fd9 alignfull uagb-is-root-container\">\n<!-- ============================================================\n  ST. IGNATIUS DE LOYOLA PARISH\n  Section 09: CTA Banner\n  Elementor Custom HTML Widget \u2014 fully self-contained\n  Scope prefix: #silp-cta\n============================================================ -->\n\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&#038;family=IM+Fell+English:ital@0;1&#038;family=Lato:wght@300;400;700&#038;display=swap\" rel=\"stylesheet\">\n\n<div id=\"silp-cta\">\n  <section class=\"silp-ct__section\">\n    <div class=\"silp-ct__glow-left\"  aria-hidden=\"true\"><\/div>\n    <div class=\"silp-ct__glow-right\" aria-hidden=\"true\"><\/div>\n    <div class=\"silp-ct__container\">\n      <p class=\"silp-ct__eyebrow silp-rv\">Ad Maiorem Dei Gloriam<\/p>\n      <h2 class=\"silp-ct__heading silp-rv\">You Are Welcome Here<\/h2>\n      <p class=\"silp-ct__sub silp-rv\">Every soul has a place in our parish family. Come as you are.<\/p>\n      <div class=\"silp-ct__btns silp-rv\">\n        <a href=\"#silp-schedule\" class=\"silp-ct__btn-primary\">View Mass Schedule<\/a>\n        <a href=\"#silp-programs\" class=\"silp-ct__btn-outline\">Join a Ministry<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<style>\n#silp-cta *,\n#silp-cta *::before,\n#silp-cta *::after { box-sizing:border-box; margin:0; padding:0; }\n\n@keyframes silpCtaShimmer {\n  0%   { background-position:-400px 0; }\n  100% { background-position: 400px 0; }\n}\n\n\/* Scroll reveal *\/\n#silp-cta .silp-rv { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }\n#silp-cta .silp-rv.is-visible { opacity:1; transform:none; }\n\n\/* Section *\/\n#silp-cta .silp-ct__section {\n  background:linear-gradient(135deg,#550B16 0%,#7A1020 100%);\n  padding:80px 0; text-align:center; position:relative; overflow:hidden;\n}\n\n#silp-cta .silp-ct__glow-left,\n#silp-cta .silp-ct__glow-right {\n  position:absolute; top:50%; width:400px; height:400px;\n  border-radius:50%; pointer-events:none;\n}\n#silp-cta .silp-ct__glow-left {\n  left:0; transform:translate(-40%,-50%);\n  background:radial-gradient(circle,rgba(201,162,39,.12) 0%,transparent 70%);\n}\n#silp-cta .silp-ct__glow-right {\n  right:0; transform:translate(40%,-50%);\n  background:radial-gradient(circle,rgba(201,162,39,.08) 0%,transparent 70%);\n}\n\n#silp-cta .silp-ct__container { max-width:1160px; margin:0 auto; padding:0 32px; position:relative; z-index:1; }\n\n#silp-cta .silp-ct__eyebrow {\n  font-family:'Cinzel',serif; font-size:.65rem;\n  letter-spacing:.25em; text-transform:uppercase;\n  color:#C9A227; margin-bottom:16px;\n  transition-delay:.05s;\n}\n\n#silp-cta .silp-ct__heading {\n  font-family:'Cinzel',serif; font-size:clamp(1.6rem,3vw,2.4rem);\n  font-weight:700; color:#fff; margin-bottom:16px;\n  transition-delay:.15s;\n}\n\n#silp-cta .silp-ct__sub {\n  font-family:'IM Fell English',serif; font-style:italic;\n  font-size:1.1rem; color:rgba(255,255,255,.7); margin-bottom:36px;\n  transition-delay:.25s;\n}\n\n#silp-cta .silp-ct__btns {\n  display:flex; gap:16px; justify-content:center; flex-wrap:wrap;\n  transition-delay:.35s;\n}\n\n\/* Buttons *\/\n#silp-cta .silp-ct__btn-primary,\n#silp-cta .silp-ct__btn-outline {\n  font-family:'Cinzel',serif; font-size:.72rem;\n  letter-spacing:.15em; text-transform:uppercase; text-decoration:none;\n  display:inline-block; padding:15px 36px;\n  transition:background .3s,transform .2s,box-shadow .3s,border-color .3s;\n}\n\n#silp-cta .silp-ct__btn-primary {\n  color:#550B16; background:#C9A227;\n  position:relative; overflow:hidden;\n  box-shadow:0 4px 20px rgba(201,162,39,.3);\n}\n#silp-cta .silp-ct__btn-primary::after {\n  content:''; position:absolute; top:0; left:-100%;\n  width:60%; height:100%;\n  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);\n  animation:silpCtaShimmer 3s ease 1s infinite;\n}\n#silp-cta .silp-ct__btn-primary:hover {\n  background:#DFB94A; transform:translateY(-2px); box-shadow:0 8px 30px rgba(201,162,39,.45);\n}\n\n#silp-cta .silp-ct__btn-outline {\n  color:#fff; background:transparent; border:1px solid rgba(255,255,255,.4);\n}\n#silp-cta .silp-ct__btn-outline:hover {\n  border-color:#C9A227; background:rgba(201,162,39,.12); transform:translateY(-2px);\n}\n\n\/* Responsive *\/\n@media (max-width:640px) {\n  #silp-cta .silp-ct__section { padding:60px 0; }\n  #silp-cta .silp-ct__container { padding:0 20px; }\n  #silp-cta .silp-ct__btns { flex-direction:column; align-items:center; }\n  #silp-cta .silp-ct__btn-primary,\n  #silp-cta .silp-ct__btn-outline { width:100%; max-width:280px; text-align:center; }\n}\n@media (prefers-reduced-motion:reduce) {\n  #silp-cta * { animation-duration:.01ms !important; transition-duration:.01ms !important; }\n  #silp-cta .silp-rv { opacity:1 !important; transform:none !important; }\n}\n<\/style>\n\n<script>\n(function(){\n  'use strict';\n  var root=document.getElementById('silp-cta'); if(!root) return;\n  var els=root.querySelectorAll('.silp-rv');\n  function check(){ var wh=window.innerHeight; els.forEach(function(el){ if(el.getBoundingClientRect().top<wh-60) el.classList.add('is-visible'); }); }\n  var tick=false;\n  window.addEventListener('scroll',function(){ if(!tick){ requestAnimationFrame(function(){ check();tick=false; }); tick=true; } },{passive:true});\n  if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded',function(){ setTimeout(check,120); }); } else { setTimeout(check,120); }\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gen. Luna, Quezon &nbsp;&mdash;&nbsp; Est. Parish St. Ignatius de Loyola Parish A Community Rooted in Faith, Hope &amp; Love &#8220;For [&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":"St. Ignatius de Loyola Parish - GEN. LUNA QUEZON","description":"Gen. Luna, Quezon &nbsp;&mdash;&nbsp; Est. Parish St. Ignatius de Loyola Parish A Community Rooted in Faith, Hope &amp; Love \"For the greater glory of God, let"},"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\/genluna\/blog\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Gen. Luna, Quezon &nbsp;&mdash;&nbsp; Est. Parish St. Ignatius de Loyola Parish A Community Rooted in Faith, Hope &amp; Love &#8220;For [&hellip;]","_links":{"self":[{"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":16,"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":552,"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/pages\/15\/revisions\/552"}],"wp:attachment":[{"href":"https:\/\/demo6.yinwoodweb.com\/genluna\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}