{"id":20,"date":"2026-03-13T07:29:50","date_gmt":"2026-03-13T07:29:50","guid":{"rendered":"https:\/\/Demo5.yinwoodweb.com\/perez\/?page_id=20"},"modified":"2026-07-22T03:38:48","modified_gmt":"2026-07-22T03:38:48","slug":"home","status":"publish","type":"page","link":"https:\/\/Demo5.yinwoodweb.com\/perez\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-a49e5368 alignfull uagb-is-root-container\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<title>Home | St. Anthony of Padua Parish<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&#038;family=DM+Sans:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n<style>\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}\n\n:root{\n  --bg:#F4EDE2;\n  --cream:#FFFEF9;\n  --warm:#FDF8F0;\n  --border:#E9DCCF;\n  --border-hover:#D0B084;\n  --brown-dark:#6B3E1C;\n  --brown:#7C4D2B;\n  --brown-mid:#9F6838;\n  --amber:#B47C48;\n  --gold:#C9915E;\n  --gold-light:#D6B17E;\n  --sand:#E2CFB7;\n  --cream-text:#FADB9F;\n  --text-primary:#2C241E;\n  --text-body:#3D2C20;\n  --text-muted:#7B5A3E;\n  --text-light:#9B7A5A;\n  --max-content:1400px;\n}\n\nhtml{scroll-behavior:smooth;}\nbody{\n  background:var(--bg);\n  margin:0;\n  padding:0;\n  font-family:'DM Sans',system-ui,-apple-system,sans-serif;\n  color:var(--text-primary);\n  overflow-x:hidden;\n  -webkit-font-smoothing:antialiased;\n}\n\n.parish-home a{text-decoration:none!important;}\n\n.parish-home{width:100%;position:relative;overflow:hidden;}\n.inner{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 clamp(1.2rem,4vw,3rem);}\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}\n@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}\n\n\/* ===== PARTICLES ===== *\/\n.particles-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}\n.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat linear infinite;}\n@keyframes particleFloat{\n  0%{opacity:0;transform:translateY(0) translateX(0) scale(.5)}\n  10%{opacity:.6}\n  90%{opacity:.5}\n  100%{opacity:0;transform:translateY(-100vh) translateX(60px) scale(1.3)}\n}\n.particle.p1{width:6px;height:6px;background:#C9915E;left:5%;bottom:-20px;animation-duration:12s;animation-delay:0s}\n.particle.p2{width:4px;height:4px;background:#B47C48;left:12%;bottom:-20px;animation-duration:15s;animation-delay:1s}\n.particle.p3{width:8px;height:8px;background:#E2CFB7;left:20%;bottom:-20px;animation-duration:11s;animation-delay:2.5s}\n.particle.p4{width:5px;height:5px;background:#9F6838;left:28%;bottom:-20px;animation-duration:14s;animation-delay:.5s}\n.particle.p5{width:3px;height:3px;background:#FADB9F;left:35%;bottom:-20px;animation-duration:16s;animation-delay:3s}\n.particle.p6{width:7px;height:7px;background:#D6B17E;left:42%;bottom:-20px;animation-duration:13s;animation-delay:1.5s}\n.particle.p7{width:4px;height:4px;background:#C9915E;left:50%;bottom:-20px;animation-duration:17s;animation-delay:4s}\n.particle.p8{width:6px;height:6px;background:#E9DCCF;left:58%;bottom:-20px;animation-duration:12s;animation-delay:2s}\n.particle.p9{width:5px;height:5px;background:#B47C48;left:65%;bottom:-20px;animation-duration:15s;animation-delay:3.5s}\n.particle.p10{width:3px;height:3px;background:#FADB9F;left:72%;bottom:-20px;animation-duration:18s;animation-delay:.8s}\n.particle.p11{width:9px;height:9px;background:rgba(201,145,94,.35);left:80%;bottom:-20px;animation-duration:20s;animation-delay:5s}\n.particle.p12{width:5px;height:5px;background:rgba(244,237,226,.4);left:87%;bottom:-20px;animation-duration:19s;animation-delay:6s}\n.particle.p13{width:4px;height:4px;background:#C9915E;left:93%;bottom:-20px;animation-duration:14s;animation-delay:7s}\n.particle.p14{width:6px;height:6px;background:#D6B17E;left:8%;bottom:-20px;animation-duration:16s;animation-delay:4.5s}\n.particle.p15{width:3px;height:3px;background:#FADB9F;left:48%;bottom:-20px;animation-duration:21s;animation-delay:2.2s}\n.particle.p16{width:7px;height:7px;background:rgba(180,124,72,.3);left:75%;bottom:-20px;animation-duration:22s;animation-delay:8s}\n.particle.p17{width:4px;height:4px;background:#E2CFB7;left:32%;bottom:-20px;animation-duration:18s;animation-delay:9s}\n.particle.p18{width:5px;height:5px;background:#C9915E;left:55%;bottom:-20px;animation-duration:13s;animation-delay:3.8s}\n\n\/* ===== HERO ===== *\/\n.home-hero{\n  width:100%;padding:clamp(3rem,8vw,6rem) 0;\n  text-align:center;position:relative;overflow:hidden;\n  min-height:clamp(400px,60vh,600px);\n  display:flex;flex-direction:column;\n  align-items:center;justify-content:center;\n  z-index:1;animation:fadeUp .7s ease-out;\n}\n.hero-bg{\n  position:absolute;inset:0;z-index:0;\n  background-image:url('https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/04\/Perez-Quezon-3-scaled.jpg');\n  background-size:cover;background-position:center 30%;background-repeat:no-repeat;\n  transition:transform 8s ease;\n}\n.home-hero:hover .hero-bg{transform:scale(1.03)}\n.hero-bg::after{\n  content:'';position:absolute;inset:0;\n  background:linear-gradient(180deg,rgba(107,62,28,.78) 0%,rgba(127,77,43,.62) 40%,rgba(159,104,56,.82) 100%);\n}\n.home-hero .hero-inner{position:relative;z-index:2;max-width:800px;padding:0 2rem}\n.hero-badge{\n  display:inline-flex;align-items:center;gap:10px;\n  background:rgba(255,255,255,.14);backdrop-filter:blur(12px);\n  border:1px solid rgba(255,255,255,.22);border-radius:100px;\n  padding:8px 24px;font-size:.78rem;font-weight:600;\n  letter-spacing:.09em;text-transform:uppercase;color:#F9F2E8;\n  margin-bottom:24px;\n  animation:fadeUp .7s .1s ease-out backwards;\n}\n.hero-badge i{font-size:14px;color:#FADB9F}\n.home-hero h1{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(2.4rem,6vw,4.2rem);\n  font-weight:700;color:#FFF6EA;line-height:1.1;\n  margin-bottom:16px;text-shadow:0 3px 30px rgba(0,0,0,.25);\n  animation:fadeUp .7s .2s ease-out backwards;\n}\n.home-hero .hero-sub{\n  font-size:clamp(1rem,1.8vw,1.2rem);color:#FFECCF;\n  max-width:640px;margin:0 auto 32px;font-weight:400;line-height:1.7;\n  animation:fadeUp .7s .3s ease-out backwards;\n}\n.hero-actions{\n  display:flex;gap:14px;justify-content:center;flex-wrap:wrap;\n  animation:fadeUp .7s .4s ease-out backwards;\n}\n.hero-btn{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:14px 32px;border-radius:50px;font-weight:600;\n  font-family:'DM Sans',sans-serif;font-size:.92rem;\n  transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;\n}\n.hero-btn-primary{background:#FFFEF9;color:#6B3E1C}\n.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,.25);background:#FFF}\n.hero-btn-outline{background:transparent;color:#FFF6EA;border:1.5px solid rgba(255,255,255,.4)}\n.hero-btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);border-color:rgba(255,255,255,.6)}\n\n.hero-deco-left,.hero-deco-right{\n  position:absolute;z-index:1;font-size:12rem;\n  color:rgba(255,255,255,.04);font-family:'Cormorant Garamond',serif;\n  pointer-events:none;\n}\n.hero-deco-left{left:-2rem;top:50%;transform:translateY(-50%)}\n.hero-deco-right{right:-2rem;top:50%;transform:translateY(-50%)}\n\n\/* ===== SECTION FULL ===== *\/\n.section-full{width:100%;padding:clamp(2.5rem,5vw,4rem) 0;position:relative;z-index:1;}\n\n\/* ===== SECTION HEAD ===== *\/\n.section-head{\n  display:flex;align-items:center;gap:12px;\n  font-family:'Cormorant Garamond',serif;font-size:1.9rem;\n  font-weight:700;color:var(--brown-dark);margin-bottom:26px;\n}\n.section-head i{font-size:1.5rem;color:var(--amber)}\n.section-head::after{\n  content:'';flex:1;height:2px;\n  background:linear-gradient(90deg,var(--sand),transparent);\n  margin-left:14px;\n}\n\n\/* ===== QUICK LINKS ===== *\/\n.quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}\n.ql-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:24px;padding:2rem 1.4rem;text-align:center;\n  cursor:pointer;position:relative;overflow:hidden;\n  transition:all .35s cubic-bezier(.4,0,.2,1);\n}\n.ql-card::before{\n  content:'';position:absolute;top:0;left:0;width:100%;height:4px;\n  background:linear-gradient(90deg,var(--brown),var(--gold));\n  transform:scaleX(0);transform-origin:left;transition:transform .4s ease;\n}\n.ql-card:hover::before{transform:scaleX(1)}\n.ql-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 20px 40px -12px rgba(70,40,20,.18);\n  border-color:var(--border-hover);\n}\n.ql-icon{\n  width:60px;height:60px;border-radius:18px;margin:0 auto 16px;\n  display:flex;align-items:center;justify-content:center;\n  transition:transform .3s ease;\n}\n.ql-card:hover .ql-icon{transform:scale(1.1) rotate(-3deg)}\n.ql-icon i{font-size:1.6rem;color:#FFFEF9}\n.ql-icon.brown{background:linear-gradient(135deg,var(--brown),var(--brown-mid))}\n.ql-icon.amber{background:linear-gradient(135deg,var(--brown-mid),var(--gold))}\n.ql-icon.sienna{background:linear-gradient(135deg,var(--brown-dark),var(--amber))}\n.ql-icon.tan{background:linear-gradient(135deg,var(--amber),var(--gold))}\n.ql-card h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:700;color:var(--brown-dark);margin-bottom:8px}\n.ql-card p{font-size:.84rem;color:var(--text-light);line-height:1.55}\n\n\/* ===== WELCOME + ANNOUNCEMENTS ===== *\/\n.welcome-row{display:flex;gap:28px;flex-wrap:wrap;}\n.welcome-col{flex:1.3;min-width:300px}\n.announce-col{flex:.8;min-width:280px}\n.welcome-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:28px;padding:2.4rem 2.2rem;\n  box-shadow:0 8px 30px -10px rgba(60,35,15,.1);\n  transition:box-shadow .3s;height:100%;\n}\n.welcome-card:hover{box-shadow:0 14px 45px -12px rgba(60,35,15,.15)}\n.welcome-card h2{\n  font-family:'Cormorant Garamond',serif;font-size:2.1rem;\n  font-weight:700;color:var(--brown-dark);\n  margin-bottom:8px;display:flex;align-items:center;gap:12px;\n}\n.welcome-card h2 i{font-size:1.6rem;color:var(--amber)}\n.welcome-card .wl-sub{\n  font-size:.82rem;font-weight:600;text-transform:uppercase;\n  letter-spacing:.08em;color:var(--text-light);margin-bottom:18px;\n}\n.welcome-card p{font-size:.95rem;line-height:1.8;color:var(--text-body);margin-bottom:16px}\n.welcome-card .wl-quote{\n  background:var(--warm);border-left:4px solid var(--gold);\n  border-radius:0 14px 14px 0;padding:16px 20px;\n  font-size:.9rem;color:var(--brown-mid);font-style:italic;margin-top:14px;\n}\n.welcome-card .wl-quote i{color:var(--gold);margin-right:6px}\n\n.announce-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:28px;padding:2rem 1.6rem;\n  box-shadow:0 8px 30px -10px rgba(60,35,15,.1);height:100%;\n}\n.announce-card h3{\n  font-family:'Cormorant Garamond',serif;font-size:1.5rem;\n  font-weight:700;color:var(--brown-dark);\n  margin-bottom:18px;display:flex;align-items:center;gap:10px;\n}\n.announce-card h3 i{color:var(--amber);font-size:1.3rem}\n.announce-item{\n  padding:14px 16px;border-radius:16px;margin-bottom:12px;\n  background:var(--warm);border:1px solid var(--border);\n  transition:all .3s ease;cursor:default;\n}\n.announce-item:hover{transform:translateX(4px);border-color:var(--border-hover);background:#F9F2E8}\n.announce-item:last-child{margin-bottom:0}\n.announce-date{font-size:.72rem;font-weight:600;color:var(--amber);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}\n.announce-title{font-family:'Cormorant Garamond',serif;font-size:1.08rem;font-weight:700;color:var(--brown-dark);margin-bottom:4px}\n.announce-text{font-size:.82rem;color:var(--text-light);line-height:1.5}\n.announce-tag{\n  display:inline-block;font-size:.65rem;font-weight:600;\n  padding:3px 10px;border-radius:20px;margin-top:8px;\n  text-transform:uppercase;letter-spacing:.04em;\n}\n.tag-liturgy{background:#FEF3E8;color:var(--brown-mid)}\n.tag-event{background:#F0EAF5;color:#7B5A8A}\n.tag-urgent{background:#FDEAE8;color:#C25D3A}\n\n\/* ===== SCHEDULE ===== *\/\n.sched-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}\n.sched-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:22px;padding:1.6rem 1.4rem;\n  position:relative;overflow:hidden;transition:all .35s ease;\n}\n.sched-card::before{\n  content:'';position:absolute;top:0;left:0;width:100%;height:4px;\n  background:linear-gradient(90deg,var(--brown),var(--gold));\n  transform:scaleX(0);transform-origin:left;transition:transform .4s ease;\n}\n.sched-card:hover::before{transform:scaleX(1)}\n.sched-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 14px 30px -10px rgba(70,40,20,.14);\n  border-color:var(--border-hover);\n}\n.sched-card .sc-icon{\n  width:44px;height:44px;border-radius:12px;\n  background:#F9F2E8;display:flex;align-items:center;justify-content:center;\n  margin-bottom:12px;\n}\n.sched-card .sc-icon i{font-size:1.2rem;color:var(--amber)}\n.sched-card h4{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-weight:700;color:var(--brown-dark);margin-bottom:10px}\n.sched-card .sc-row{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--brown-mid);margin-bottom:5px}\n.sched-card .sc-row i{font-size:.7rem;color:var(--gold);width:14px;text-align:center}\n\n\/* ===== PROGRAMS ===== *\/\n.prog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}\n.prog-card{\n  background:linear-gradient(135deg,var(--cream),var(--warm));\n  border:1.5px solid var(--border);border-radius:24px;\n  padding:1.8rem 1.5rem;transition:all .35s ease;\n}\n.prog-card:hover{\n  transform:translateY(-5px);\n  box-shadow:0 16px 35px -10px rgba(70,40,20,.15);\n  border-color:var(--border-hover);\n}\n.prog-card .pc-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}\n.prog-card .pc-icon{\n  width:50px;height:50px;border-radius:14px;flex-shrink:0;\n  display:flex;align-items:center;justify-content:center;transition:transform .3s;\n}\n.prog-card:hover .pc-icon{transform:scale(1.1) rotate(-3deg)}\n.prog-card .pc-icon i{font-size:1.3rem;color:#FFFEF9}\n.prog-card .pc-icon.c1{background:linear-gradient(135deg,var(--brown),var(--brown-mid))}\n.prog-card .pc-icon.c2{background:linear-gradient(135deg,var(--brown-mid),var(--gold))}\n.prog-card .pc-icon.c3{background:linear-gradient(135deg,var(--brown-dark),var(--amber))}\n.prog-card .pc-icon.c4{background:linear-gradient(135deg,var(--amber),var(--gold))}\n.prog-card h4{font-family:'Cormorant Garamond',serif;font-size:1.22rem;font-weight:700;color:var(--brown-dark)}\n.prog-card p{font-size:.88rem;color:var(--brown-mid);line-height:1.6;margin-top:4px}\n\n\/* ===== GALLERY ===== *\/\n.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n.gallery-card{\n  border-radius:20px;overflow:hidden;\n  aspect-ratio:4\/3;position:relative;\n  cursor:pointer;transition:all .35s ease;\n  border:2px solid var(--border);background:var(--sand);\n}\n.gallery-card:hover{\n  transform:translateY(-6px) scale(1.02);\n  box-shadow:0 20px 40px -10px rgba(70,40,20,.22);\n  border-color:var(--border-hover);\n}\n.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}\n.gallery-card:hover img{transform:scale(1.08)}\n.gallery-card .g-overlay{\n  position:absolute;inset:0;\n  background:linear-gradient(to top,rgba(107,62,28,.8) 0%,rgba(107,62,28,.2) 40%,transparent 60%);\n  display:flex;flex-direction:column;justify-content:flex-end;\n  padding:18px;opacity:0;transition:opacity .35s ease;\n}\n.gallery-card:hover .g-overlay{opacity:1}\n.gallery-card .g-overlay .g-title{\n  font-family:'Cormorant Garamond',serif;font-size:1.12rem;\n  font-weight:700;color:#FFF6EA;margin-bottom:4px;\n  transform:translateY(8px);transition:transform .35s ease;\n}\n.gallery-card:hover .g-overlay .g-title{transform:translateY(0)}\n.gallery-card .g-overlay .g-desc{\n  font-size:.76rem;color:#FFECCF;line-height:1.45;\n  transform:translateY(8px);transition:transform .35s ease .05s;\n}\n.gallery-card:hover .g-overlay .g-desc{transform:translateY(0)}\n.gallery-card .g-badge{\n  position:absolute;top:12px;right:12px;\n  width:36px;height:36px;border-radius:50%;\n  background:rgba(255,255,255,.2);backdrop-filter:blur(6px);\n  display:flex;align-items:center;justify-content:center;\n  border:1px solid rgba(255,255,255,.3);\n  opacity:0;transition:opacity .3s ease;\n}\n.gallery-card:hover .g-badge{opacity:1}\n.gallery-card .g-badge i{font-size:.78rem;color:#FFF6EA}\n\n\/* ===== STATS CARDS ===== *\/\n.stats-section{\n  width:100%;\n  padding:clamp(2.5rem,5vw,4.5rem) 0;\n  position:relative;z-index:1;\n  background:linear-gradient(180deg,var(--bg) 0%,var(--warm) 100%);\n}\n.stats-grid{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:clamp(1rem,2vw,1.4rem);\n}\n.stat-card{\n  background:var(--cream);\n  border:1.5px solid var(--border);\n  border-radius:20px;\n  padding:clamp(1.5rem,3vw,2rem) clamp(.8rem,1.5vw,1.4rem);\n  text-align:center;\n  position:relative;\n  overflow:hidden;\n  transition:all .35s cubic-bezier(.4,0,.2,1);\n}\n.stat-card::before{\n  content:'';\n  position:absolute;top:0;left:0;right:0;\n  height:4px;\n  background:linear-gradient(90deg,var(--amber),var(--gold),var(--gold-light));\n  border-radius:20px 20px 0 0;\n  opacity:.6;\n  transition:opacity .3s ease;\n}\n.stat-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 16px 40px -10px rgba(107,62,28,.18);\n  border-color:var(--border-hover);\n}\n.stat-card:hover::before{opacity:1}\n.stat-icon{\n  width:52px;height:52px;border-radius:14px;\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  display:flex;align-items:center;justify-content:center;\n  margin:0 auto 14px;\n  box-shadow:0 6px 18px -4px rgba(107,62,28,.3);\n  transition:transform .3s ease;\n}\n.stat-icon i{font-size:1.2rem;color:var(--cream-text)}\n.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}\n.stat-number{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(1.7rem,2.5vw,2.4rem);\n  font-weight:700;color:var(--brown-dark);\n  line-height:1.1;margin-bottom:6px;\n}\n.stat-label{\n  font-size:clamp(.72rem,1vw,.85rem);\n  color:var(--text-muted);font-weight:500;letter-spacing:.02em;\n}\n\n\/* ===== EVENTS ===== *\/\n.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}\n.event-card{\n  background:var(--cream);border:1.5px solid var(--border);\n  border-radius:24px;display:flex;overflow:hidden;transition:all .35s ease;\n}\n.event-card:hover{\n  transform:translateY(-4px);\n  box-shadow:0 14px 30px -10px rgba(70,40,20,.14);\n  border-color:var(--border-hover);\n}\n.event-date-block{\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  min-width:86px;display:flex;flex-direction:column;\n  align-items:center;justify-content:center;\n  padding:1.2rem .6rem;color:#FFF6EA;\n}\n.event-date-block .ed-month{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;opacity:.85}\n.event-date-block .ed-day{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:700;line-height:1.1}\n.event-date-block .ed-year{font-size:.65rem;opacity:.7}\n.event-body{padding:1.3rem 1.4rem;flex:1}\n.event-body h4{font-family:'Cormorant Garamond',serif;font-size:1.18rem;font-weight:700;color:var(--brown-dark);margin-bottom:6px}\n.event-body p{font-size:.84rem;color:var(--brown-mid);line-height:1.55;margin-bottom:8px}\n.event-body .ev-meta{display:flex;gap:14px;flex-wrap:wrap}\n.event-body .ev-meta span{font-size:.72rem;color:var(--text-light);display:inline-flex;align-items:center;gap:5px}\n.event-body .ev-meta span i{color:var(--gold);font-size:.65rem}\n\n\/* ===== CTA ===== *\/\n.cta-full{\n  width:100%;\n  background:linear-gradient(135deg,var(--warm),#FAF3E8);\n  border-top:1px solid var(--border);border-bottom:1px solid var(--border);\n  padding:clamp(2.5rem,5vw,4rem) 0;position:relative;z-index:1;\n}\n.cta-card{\n  background:var(--cream);\n  border:1.5px solid var(--border);border-radius:28px;\n  padding:2.4rem;\n  display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap;\n  box-shadow:0 8px 30px -10px rgba(60,35,15,.1);\n}\n.cta-icon{\n  width:86px;height:86px;border-radius:50%;flex-shrink:0;\n  background:linear-gradient(135deg,var(--brown),var(--brown-mid));\n  display:flex;align-items:center;justify-content:center;\n}\n.cta-icon i{font-size:2.2rem;color:var(--cream-text)}\n.cta-text{flex:1;min-width:220px}\n.cta-text h3{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;color:var(--brown-dark);margin-bottom:6px}\n.cta-text p{font-size:.94rem;color:var(--brown-mid);line-height:1.65}\n.cta-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}\n.cta-chip{\n  display:inline-flex;align-items:center;gap:8px;\n  background:var(--cream);border:1px solid var(--sand);\n  border-radius:50px;padding:9px 20px;font-size:.86rem;\n  color:var(--brown-dark);transition:all .25s;\n}\n.cta-chip:hover{border-color:var(--amber);background:#F9F2E8;transform:translateY(-2px)}\n.cta-chip i{color:var(--amber);font-size:.86rem}\n\n\/* ===== FOOTER ===== *\/\n.home-footer{width:100%;text-align:center;padding:clamp(2rem,4vw,3rem) 2rem;position:relative;z-index:1}\n.home-footer .hf-quote{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-style:italic;color:var(--brown-dark);margin-bottom:10px}\n.home-footer .hf-quote i{color:var(--gold);margin-right:6px}\n.home-footer p{font-size:.8rem;color:var(--text-light)}\n.home-footer .hf-divider{width:60px;height:2px;background:linear-gradient(90deg,var(--gold),var(--sand));margin:14px auto;border-radius:2px}\n\n\/* ===== RESPONSIVE ===== *\/\n@media(max-width:1100px){\n  .stats-grid{grid-template-columns:repeat(3,1fr)}\n}\n@media(max-width:900px){\n  .quick-links{grid-template-columns:repeat(2,1fr)}\n  .gallery-grid{grid-template-columns:repeat(2,1fr)}\n  .stats-grid{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:680px){\n  .home-hero{min-height:360px}\n  .welcome-row{flex-direction:column}\n  .quick-links{grid-template-columns:1fr 1fr}\n  .events-grid{grid-template-columns:1fr}\n  .gallery-grid{grid-template-columns:1fr 1fr}\n  .cta-card{flex-direction:column;text-align:center}\n  .cta-details{justify-content:center}\n  .section-head{font-size:1.5rem}\n  .stats-grid{\n    grid-template-columns:1fr;\n    max-width:360px;\n    margin:0 auto;\n    gap:1rem;\n  }\n  .stat-card{\n    display:flex;align-items:center;gap:16px;\n    text-align:left;padding:1.2rem 1.4rem;\n  }\n  .stat-card::before{\n    height:100%;width:4px;\n    border-radius:20px 0 0 20px;\n    top:0;bottom:0;left:0;right:auto;\n  }\n  .stat-icon{\n    margin:0;min-width:48px;width:48px;height:48px;\n    border-radius:12px;\n  }\n  .stat-icon i{font-size:1rem}\n  .stat-number{font-size:1.5rem;margin-bottom:2px}\n  .stat-label{font-size:.78rem}\n}\n@media(max-width:450px){\n  .quick-links{grid-template-columns:1fr}\n  .sched-grid,.prog-grid{grid-template-columns:1fr}\n  .gallery-grid{grid-template-columns:1fr 1fr}\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"parish-home\">\n\n  <!-- PARTICLES -->\n  <div class=\"particles-container\">\n    <div class=\"particle p1\"><\/div><div class=\"particle p2\"><\/div>\n    <div class=\"particle p3\"><\/div><div class=\"particle p4\"><\/div>\n    <div class=\"particle p5\"><\/div><div class=\"particle p6\"><\/div>\n    <div class=\"particle p7\"><\/div><div class=\"particle p8\"><\/div>\n    <div class=\"particle p9\"><\/div><div class=\"particle p10\"><\/div>\n    <div class=\"particle p11\"><\/div><div class=\"particle p12\"><\/div>\n    <div class=\"particle p13\"><\/div><div class=\"particle p14\"><\/div>\n    <div class=\"particle p15\"><\/div><div class=\"particle p16\"><\/div>\n    <div class=\"particle p17\"><\/div><div class=\"particle p18\"><\/div>\n  <\/div>\n\n  <!-- ==================== HERO ==================== -->\n  <header class=\"home-hero\">\n    <div class=\"hero-bg\"><\/div>\n    <div class=\"hero-deco-left\">&#10022;<\/div>\n    <div class=\"hero-deco-right\">&#10022;<\/div>\n    <div class=\"hero-inner\">\n      <div class=\"hero-badge\"><i class=\"fas fa-cross\"><\/i> Diocese of Gumaca<\/div>\n      <h1>St. Anthony of Padua Parish<\/h1>\n      <p class=\"hero-sub\">A living witness of faith, service, and community in Perez, Quezon Province. Welcome home to our parish family.<\/p>\n      <div class=\"hero-actions\">\n        <a href=\"https:\/\/demo5.yinwoodweb.com\/perez\/schedule\" class=\"hero-btn hero-btn-primary\"><i class=\"fas fa-calendar-week\"><\/i> Mass Schedule<\/a>\n        <a href=\"https:\/\/demo5.yinwoodweb.com\/perez\/contact-us\" class=\"hero-btn hero-btn-outline\"><i class=\"fas fa-envelope\"><\/i> Contact Us<\/a>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- ==================== QUICK LINKS ==================== -->\n  <div class=\"section-full\">\n    <div class=\"inner\">\n      <div class=\"quick-links\">\n        <div class=\"ql-card\" onclick=\"location.href='#mass-schedule'\">\n          <div class=\"ql-icon brown\"><i class=\"fas fa-church\"><\/i><\/div>\n          <h3>Mass Schedule<\/h3>\n          <p>Daily and Sunday Masses, novenas, and special liturgical celebrations.<\/p>\n        <\/div>\n        <div class=\"ql-card\" onclick=\"location.href='#programs'\">\n          <div class=\"ql-icon amber\"><i class=\"fas fa-praying-hands\"><\/i><\/div>\n          <h3>Sacraments<\/h3>\n          <p>Baptism, Confirmation, Marriage, Anointing of the Sick, and Reconciliation.<\/p>\n        <\/div>\n        <div class=\"ql-card\" onclick=\"location.href='#gallery'\">\n          <div class=\"ql-icon sienna\"><i class=\"fas fa-images\"><\/i><\/div>\n          <h3>Gallery<\/h3>\n          <p>Photos from parish events, feast days, and community celebrations.<\/p>\n        <\/div>\n        <div class=\"ql-card\" onclick=\"location.href='#contact'\">\n          <div class=\"ql-icon tan\"><i class=\"fas fa-hands-helping\"><\/i><\/div>\n          <h3>Get Involved<\/h3>\n          <p>Join a ministry, volunteer for outreach, or become a parish partner.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== WELCOME + ANNOUNCEMENTS ==================== -->\n  <div class=\"section-full\">\n    <div class=\"inner\">\n      <div class=\"welcome-row\">\n        <div class=\"welcome-col\">\n          <div class=\"welcome-card\">\n            <h2><i class=\"fas fa-church\"><\/i> Welcome to Our Parish<\/h2>\n            <p class=\"wl-sub\">Perez, Quezon Province &middot; Diocese of Gumaca<\/p>\n            <p>In Perez, the Catholic faith is at the center of community life, with the local parish serving as both a spiritual home and a gathering place for residents. Under the jurisdiction of the Diocese of Gumaca, the parish organizes regular liturgical celebrations such as daily and Sunday Masses, novenas, and feast day festivities.<\/p>\n            <p>Beyond worship, the parish plays an important role in social and pastoral programs &mdash; supporting catechetical instruction for children and youth, outreach initiatives for the poor, and activities that strengthen Christian values within the community.<\/p>\n            <div class=\"wl-quote\"><i class=\"fas fa-quote-left\"><\/i> During major seasons like Holy Week and Christmas, the parish becomes especially vibrant, hosting processions, reenactments, and communal prayers that draw together parishioners and visitors from across Quezon Province.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"announce-col\">\n          <div class=\"announce-card\">\n            <h3><i class=\"fas fa-bullhorn\"><\/i> Announcements<\/h3>\n            <div class=\"announce-item\">\n              <div class=\"announce-date\">June 13, 2026<\/div>\n              <div class=\"announce-title\">Feast of St. Anthony of Padua<\/div>\n              <div class=\"announce-text\">Solemn High Mass at 8:00 AM followed by a grand procession.<\/div>\n              <span class=\"announce-tag tag-liturgy\">Feast Day<\/span>\n            <\/div>\n            <div class=\"announce-item\">\n              <div class=\"announce-date\">June 20, 2026<\/div>\n              <div class=\"announce-title\">Parish Youth Camp<\/div>\n              <div class=\"announce-text\">Three-day camp for ages 13-25 at the parish grounds.<\/div>\n              <span class=\"announce-tag tag-event\">Event<\/span>\n            <\/div>\n            <div class=\"announce-item\">\n              <div class=\"announce-date\">Every Sunday<\/div>\n              <div class=\"announce-title\">Baptism Preparation<\/div>\n              <div class=\"announce-text\">Parents and godparents orientation at 3:00 PM.<\/div>\n              <span class=\"announce-tag tag-liturgy\">Sacrament<\/span>\n            <\/div>\n            <div class=\"announce-item\">\n              <div class=\"announce-date\">Ongoing<\/div>\n              <div class=\"announce-title\">Parish Renovation Fund<\/div>\n              <div class=\"announce-text\">Contributions welcome for the church roof repair.<\/div>\n              <span class=\"announce-tag tag-urgent\">Important<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== MASS SCHEDULE ==================== -->\n  <div class=\"section-full\" id=\"mass-schedule\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-calendar-week\"><\/i> Mass Schedule<\/div>\n      <div class=\"sched-grid\">\n        <div class=\"sched-card\">\n          <div class=\"sc-icon\"><i class=\"fas fa-sun\"><\/i><\/div>\n          <h4>Weekday Masses<\/h4>\n          <div class=\"sc-row\"><i class=\"far fa-calendar\"><\/i> Monday &ndash; Saturday<\/div>\n          <div class=\"sc-row\"><i class=\"far fa-clock\"><\/i> 6:00 AM<\/div>\n        <\/div>\n        <div class=\"sched-card\">\n          <div class=\"sc-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n          <h4>Sunday Masses<\/h4>\n          <div class=\"sc-row\"><i class=\"far fa-calendar\"><\/i> Every Sunday<\/div>\n          <div class=\"sc-row\"><i class=\"far fa-clock\"><\/i> 6:00 AM \/ 8:00 AM \/ 5:00 PM<\/div>\n        <\/div>\n        <div class=\"sched-card\">\n          <div class=\"sc-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n          <h4>Novena<\/h4>\n          <div class=\"sc-row\"><i class=\"far fa-calendar\"><\/i> Every Tuesday<\/div>\n          <div class=\"sc-row\"><i class=\"far fa-clock\"><\/i> Before 6:00 AM Mass<\/div>\n        <\/div>\n        <div class=\"sched-card\">\n          <div class=\"sc-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n          <h4>Feast Day<\/h4>\n          <div class=\"sc-row\"><i class=\"far fa-calendar\"><\/i> June 13<\/div>\n          <div class=\"sc-row\"><i class=\"far fa-clock\"><\/i> Solemn Mass &amp; Procession<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== PROGRAMS ==================== -->\n  <div class=\"section-full\" id=\"programs\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-hands-helping\"><\/i> Parish Programs &amp; Ministries<\/div>\n      <div class=\"prog-grid\">\n        <div class=\"prog-card\">\n          <div class=\"pc-top\"><div class=\"pc-icon c1\"><i class=\"fas fa-child\"><\/i><\/div><h4>Catechetical Program<\/h4><\/div>\n          <p>Religious education for children and youth preparing for First Communion, Confirmation, and ongoing faith formation.<\/p>\n        <\/div>\n        <div class=\"prog-card\">\n          <div class=\"pc-top\"><div class=\"pc-icon c2\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div><h4>Social Action &amp; Outreach<\/h4><\/div>\n          <p>Programs supporting the poor and marginalized &mdash; feeding initiatives, medical missions, and livelihood assistance.<\/p>\n        <\/div>\n        <div class=\"prog-card\">\n          <div class=\"pc-top\"><div class=\"pc-icon c3\"><i class=\"fas fa-users-cog\"><\/i><\/div><h4>Basic Ecclesial Communities<\/h4><\/div>\n          <p>Small faith communities at the barangay level that foster prayer, Bible sharing, and mutual support among families.<\/p>\n        <\/div>\n        <div class=\"prog-card\">\n          <div class=\"pc-top\"><div class=\"pc-icon c4\"><i class=\"fas fa-music\"><\/i><\/div><h4>Liturgical Ministries<\/h4><\/div>\n          <p>Altar servers, lectors, choir members, and extraordinary ministers of Holy Communion serving at every Mass.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== GALLERY ==================== -->\n  <div class=\"section-full\" id=\"gallery\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-images\"><\/i> Parish Gallery<\/div>\n      <div class=\"gallery-grid\">\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/hq720.jpg\" alt=\"Perez, Quezon Province\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Perez, Quezon Province<\/span><span class=\"g-desc\">A scenic panoramic view of the historic town of Perez.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/722449573_906815905768308_435250333681151238_n.jpg\" alt=\"Sunday High Mass\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Sunday High Mass<\/span><span class=\"g-desc\">Parishioners gathered for the Sunday Solemn celebration.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/716571018_900607969722435_7512808010764694204_n.jpg\" alt=\"Feast Day Procession\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Feast Day Procession<\/span><span class=\"g-desc\">The annual grand procession in honor of St. Anthony.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/04\/Perez-Quezon-3-scaled.jpg\" alt=\"Parish Church Interior\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Parish Church Interior<\/span><span class=\"g-desc\">The beautiful interior of St. Anthony of Padua Parish.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/506527672_609514315498470_7993792640521398157_n.jpg\" alt=\"Youth Ministry Camp\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Youth Ministry Camp<\/span><span class=\"g-desc\">Young parishioners at the annual youth camp.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/598374453_756592390790661_4441775313430713847_n.jpg\" alt=\"Community Outreach\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Community Outreach<\/span><span class=\"g-desc\">Parish volunteers during a feeding mission program.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/484147233_541798638936705_4580184057630363056_n.jpg\" alt=\"Child Prayer\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Child Prayer<\/span><span class=\"g-desc\">A girl praying at the parish church.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n        <div class=\"gallery-card\">\n          <img decoding=\"async\" src=\"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/06\/604647840_764682673314966_933851713019532354_n.jpg\" alt=\"Parish Choir\" loading=\"lazy\">\n          <div class=\"g-overlay\"><span class=\"g-title\">Parish Choir<\/span><span class=\"g-desc\">The parish choir leading praise and worship.<\/span><\/div>\n          <div class=\"g-badge\"><i class=\"fas fa-expand\"><\/i><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== STATS CARDS ==================== -->\n  <div class=\"stats-section\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-chart-line\"><\/i> Parish at a Glance<\/div>\n      <div class=\"stats-grid\">\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-calendar-alt\"><\/i><\/div>\n          <div class=\"stat-number\">1958<\/div>\n          <div class=\"stat-label\">Year Founded<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n          <div class=\"stat-number\">4,200+<\/div>\n          <div class=\"stat-label\">Parishioners<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n          <div class=\"stat-number\">12<\/div>\n          <div class=\"stat-label\">Active Ministries<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-church\"><\/i><\/div>\n          <div class=\"stat-number\">3<\/div>\n          <div class=\"stat-label\">Chapels<\/div>\n        <\/div>\n        <div class=\"stat-card\">\n          <div class=\"stat-icon\"><i class=\"fas fa-cross\"><\/i><\/div>\n          <div class=\"stat-number\">67+<\/div>\n          <div class=\"stat-label\">Years of Faith<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== EVENTS ==================== -->\n  <div class=\"section-full\" id=\"events\">\n    <div class=\"inner\">\n      <div class=\"section-head\"><i class=\"fas fa-calendar-alt\"><\/i> Upcoming Events<\/div>\n      <div class=\"events-grid\">\n        <div class=\"event-card\">\n          <div class=\"event-date-block\"><span class=\"ed-month\">Jun<\/span><span class=\"ed-day\">13<\/span><span class=\"ed-year\">2026<\/span><\/div>\n          <div class=\"event-body\">\n            <h4>Feast of St. Anthony of Padua<\/h4>\n            <p>Solemn High Mass, grand procession, and community fiesta.<\/p>\n            <div class=\"ev-meta\"><span><i class=\"fas fa-map-marker-alt\"><\/i> Parish Church<\/span><span><i class=\"far fa-clock\"><\/i> 8:00 AM<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"event-card\">\n          <div class=\"event-date-block\"><span class=\"ed-month\">Jun<\/span><span class=\"ed-day\">20<\/span><span class=\"ed-year\">2026<\/span><\/div>\n          <div class=\"event-body\">\n            <h4>Parish Youth Camp 2026<\/h4>\n            <p>Three-day camp for ages 13&ndash;25 with workshops and worship.<\/p>\n            <div class=\"ev-meta\"><span><i class=\"fas fa-map-marker-alt\"><\/i> Parish Grounds<\/span><span><i class=\"far fa-clock\"><\/i> 8:00 AM<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"event-card\">\n          <div class=\"event-date-block\"><span class=\"ed-month\">Jul<\/span><span class=\"ed-day\">05<\/span><span class=\"ed-year\">2026<\/span><\/div>\n          <div class=\"event-body\">\n            <h4>Medical &amp; Dental Mission<\/h4>\n            <p>Free medical check-ups and medicine distribution.<\/p>\n            <div class=\"ev-meta\"><span><i class=\"fas fa-map-marker-alt\"><\/i> Parish Hall<\/span><span><i class=\"far fa-clock\"><\/i> 7:00 AM<\/span><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"event-card\">\n          <div class=\"event-date-block\"><span class=\"ed-month\">Aug<\/span><span class=\"ed-day\">15<\/span><span class=\"ed-year\">2026<\/span><\/div>\n          <div class=\"event-body\">\n            <h4>Feast of the Assumption<\/h4>\n            <p>Solemn celebration with Marian procession.<\/p>\n            <div class=\"ev-meta\"><span><i class=\"fas fa-map-marker-alt\"><\/i> Parish Church<\/span><span><i class=\"far fa-clock\"><\/i> 6:00 AM<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== CONTACT CTA ==================== -->\n  <div class=\"cta-full\" id=\"contact\">\n    <div class=\"inner\">\n      <div class=\"cta-card\">\n        <div class=\"cta-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n        <div class=\"cta-text\">\n          <h3>Get in Touch with Our Parish<\/h3>\n          <p>Whether you need sacramental assistance, want to volunteer, or simply have a question &mdash; we are here for you. Our parish office is open Monday through Saturday.<\/p>\n          <div class=\"cta-details\">\n            <a href=\"https:\/\/demo5.yinwoodweb.com\/perez\/contact-us\" class=\"cta-chip\"><i class=\"fas fa-envelope\"><\/i> Contact Us<\/a>\n            <a href=\"https:\/\/demo5.yinwoodweb.com\/perez\/schedule\" class=\"cta-chip\"><i class=\"fas fa-calendar-week\"><\/i> View Full Schedule<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ==================== FOOTER ==================== -->\n  <footer class=\"home-footer\">\n    <p class=\"hf-quote\"><i class=\"fas fa-cross\"><\/i> &#8220;In all things, may the name of St. Anthony be glorified.&#8221;<\/p>\n    <div class=\"hf-divider\"><\/div>\n    <p>St. Anthony of Padua Parish &middot; Perez, Quezon Province &middot; Diocese of Gumaca<\/p>\n  <\/footer>\n\n<\/div>\n\n<script>\n(function(){\n  'use strict';\n\n  \/\/ Smooth scroll for anchor links\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click',function(e){\n      var t=document.querySelector(this.getAttribute('href'));\n      if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth',block:'start'})}\n    });\n  });\n\n  \/\/ Scroll reveal \u2014 uses CSS class to avoid layout jumps\n  if('IntersectionObserver' in window){\n    var items=document.querySelectorAll('.ql-card,.sched-card,.prog-card,.event-card,.announce-item,.gallery-card,.stat-card');\n    var obs=new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){\n          e.target.classList.add('revealed');\n          obs.unobserve(e.target);\n        }\n      });\n    },{threshold:0.08});\n    items.forEach(function(el,i){\n      el.style.opacity='0';\n      el.style.transform='translateY(18px)';\n      el.style.transition='opacity .6s ease '+(i%8)*.07+'s, transform .6s ease '+(i%8)*.07+'s';\n      obs.observe(el);\n    });\n    var style=document.createElement('style');\n    style.textContent='.revealed{opacity:1!important;transform:translateY(0)!important;}';\n    document.head.appendChild(style);\n  }\n\n  \/\/ Parallax-lite on hero background\n  var heroBg=document.querySelector('.hero-bg');\n  if(heroBg&&window.matchMedia('(min-width:768px)').matches){\n    window.addEventListener('scroll',function(){\n      var scrolled=window.pageYOffset;\n      if(scrolled<800){heroBg.style.transform='translateY('+scrolled*.25+'px)'}\n    },{passive:true});\n  }\n\n})();\n<\/script>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-2bddbfc2 alignfull uagb-is-root-container\"><div class=\"wp-block-bplugins-custom-html\" id='bPluginsCustomHtml-1'>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');\n\n\/* ============================\n   UPDATES SECTION\n   ============================ *\/\n.updates-section {\n  background: #FEFBF4;\n  padding: 90px 40px;\n  font-family: 'Inter', sans-serif;\n  position: relative;\n}\n\n.updates-section::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(159, 104, 56, 0.4), transparent);\n}\n\n.updates-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* ============================\n   HEADER\n   ============================ *\/\n.updates-header {\n  text-align: center;\n  margin-bottom: 52px;\n}\n\n.updates-eyebrow {\n  font-size: 9px;\n  letter-spacing: 5px;\n  text-transform: uppercase;\n  color: #B47C48;\n  margin-bottom: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n}\n\n.updates-eyebrow::before,\n.updates-eyebrow::after {\n  content: '';\n  display: block;\n  width: 30px;\n  height: 1px;\n  background: rgba(180, 124, 72, 0.5);\n}\n\n.updates-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(26px, 3.5vw, 44px);\n  font-weight: 700;\n  color: #6B3E1C;\n  line-height: 1.15;\n  margin-bottom: 14px;\n}\n\n.updates-title em {\n  font-style: italic;\n  color: #9F6838;\n}\n\n.updates-desc {\n  font-size: 14px;\n  color: #7B5A3E;\n  line-height: 1.8;\n  max-width: 580px;\n  margin: 0 auto;\n  font-weight: 400;\n}\n\n\/* ============================\n   FILTER TABS\n   ============================ *\/\n.updates-tabs-wrap {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 40px;\n}\n\n.updates-tabs {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.updates-tab {\n  padding: 10px 22px;\n  font-size: 9px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #7B5A3E;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n  background: #FFFEF9;\n  cursor: pointer;\n  border: 1.5px solid #E2CFB7;\n  border-radius: 40px;\n  transition: all 0.3s ease;\n  white-space: nowrap;\n}\n\n.updates-tab.active {\n  background: linear-gradient(135deg, #7C4D2B, #9F6838);\n  color: #FFF6EA;\n  border-color: #7C4D2B;\n  box-shadow: 0 4px 14px -3px rgba(107, 62, 28, 0.3);\n}\n\n.updates-tab:hover:not(.active) {\n  border-color: #B47C48;\n  color: #6B3E1C;\n  background: #FDF8F0;\n  transform: translateY(-1px);\n}\n\n\/* ============================\n   GRID & CARDS\n   ============================ *\/\n.updates-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  min-height: 200px;\n}\n\n.update-card {\n  background: #FFFFFF;\n  border: 1.5px solid rgba(201, 168, 76, 0.12);\n  border-radius: 16px;\n  transition: transform 0.4s, box-shadow 0.4s, border-color 0.3s, opacity 0.4s;\n  overflow: hidden;\n}\n\n.update-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 18px 48px rgba(107, 62, 28, 0.12);\n  border-color: rgba(180, 124, 72, 0.3);\n}\n\n.update-card a {\n  text-decoration: none !important;\n  color: inherit;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.update-card-img {\n  width: 100%;\n  aspect-ratio: 16\/9;\n  background: linear-gradient(135deg, rgba(180, 124, 72, 0.06), rgba(201, 145, 94, 0.04));\n  border-bottom: 1px solid rgba(201, 168, 76, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.update-card-img img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.update-card:hover .update-card-img img {\n  transform: scale(1.06);\n}\n\n.update-card-img svg {\n  width: 32px;\n  height: 32px;\n  stroke: rgba(180, 124, 72, 0.25);\n  fill: none;\n  stroke-width: 1.5;\n}\n\n.update-card-cat {\n  position: absolute;\n  top: 12px;\n  left: 12px;\n  font-size: 8px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  background: rgba(255, 254, 249, 0.95);\n  color: #9F6838;\n  border: 1px solid rgba(180, 124, 72, 0.3);\n  padding: 4px 12px;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n  border-radius: 20px;\n  backdrop-filter: blur(4px);\n}\n\n.update-card-body {\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.update-card-date {\n  font-size: 9px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #B47C48;\n  margin-bottom: 12px;\n  font-weight: 600;\n}\n\n.update-card-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #6B3E1C;\n  line-height: 1.4;\n  margin-bottom: 10px;\n  flex: 1;\n  transition: color 0.3s;\n}\n\n.update-card:hover .update-card-title {\n  color: #9F6838;\n}\n\n.update-card-excerpt {\n  font-size: 12px;\n  color: #7B5A3E;\n  line-height: 1.7;\n}\n\n\/* ============================\n   PAGINATION\n   ============================ *\/\n.updates-pagination {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  margin-top: 40px;\n  flex-wrap: wrap;\n}\n\n.updates-page-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 40px;\n  height: 40px;\n  padding: 0 14px;\n  font-family: 'Inter', sans-serif;\n  font-size: 11px;\n  letter-spacing: 1px;\n  font-weight: 600;\n  color: #7B5A3E;\n  background: #FFFEF9;\n  border: 1.5px solid #E2CFB7;\n  border-radius: 12px;\n  cursor: pointer;\n  transition: all 0.3s;\n  text-decoration: none !important;\n}\n\n.updates-page-btn:hover:not(.disabled):not(.active) {\n  color: #6B3E1C;\n  border-color: #B47C48;\n  background: #FDF8F0;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px -3px rgba(107, 62, 28, 0.12);\n}\n\n.updates-page-btn.active {\n  color: #FFF6EA;\n  background: linear-gradient(135deg, #7C4D2B, #9F6838);\n  border-color: transparent;\n  box-shadow: 0 4px 14px -3px rgba(107, 62, 28, 0.3);\n  cursor: default;\n}\n\n.updates-page-btn.disabled {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n}\n\n.updates-page-btn svg {\n  width: 12px;\n  height: 12px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* ============================\n   FOOTER\n   ============================ *\/\n.updates-footer {\n  margin-top: 20px;\n  background: #FFFFFF;\n  border: 1.5px solid rgba(180, 124, 72, 0.12);\n  border-radius: 16px;\n  padding: 20px 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.updates-footer span {\n  font-size: 9px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #9B7A5A;\n  font-weight: 600;\n}\n\n.updates-all-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 9px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #9F6838;\n  text-decoration: none !important;\n  border-bottom: 1.5px solid rgba(159, 104, 56, 0.3);\n  padding-bottom: 3px;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n  transition: all 0.3s;\n}\n\n.updates-all-link:hover {\n  color: #6B3E1C !important;\n  border-color: #6B3E1C;\n}\n\n.updates-all-link svg {\n  width: 11px;\n  height: 11px;\n  stroke: #9F6838;\n  fill: none;\n  stroke-width: 2;\n  transition: stroke 0.3s;\n}\n\n.updates-all-link:hover svg {\n  stroke: #6B3E1C;\n}\n\n\/* ============================\n   LOADING & STATES\n   ============================ *\/\n.updates-loading {\n  grid-column: 1 \/ -1;\n  padding: 60px;\n  text-align: center;\n  color: #B47C48;\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  font-weight: 600;\n}\n\n.updates-grid.is-loading {\n  opacity: 0.4;\n  pointer-events: none;\n  transition: opacity 0.25s;\n}\n\n\/* ============================\n   RESPONSIVE\n   ============================ *\/\n@media (max-width: 900px) {\n  .updates-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n  .updates-section {\n    padding: 60px 24px;\n  }\n}\n\n@media (max-width: 540px) {\n  .updates-grid {\n    grid-template-columns: 1fr;\n  }\n  .updates-page-btn {\n    min-width: 36px;\n    height: 36px;\n    font-size: 10px;\n    padding: 0 10px;\n  }\n  .updates-desc {\n    font-size: 13px;\n  }\n  .updates-footer {\n    flex-direction: column;\n    gap: 12px;\n    text-align: center;\n  }\n}\n<\/style>\n\n<section class=\"updates-section\">\n  <div class=\"updates-inner\">\n\n    <div class=\"updates-header\">\n      <p class=\"updates-eyebrow\">Parish News &amp; Announcements<\/p>\n      <h2 class=\"updates-title\">St. Anthony of Padua Parish <em>Latest Updates<\/em><\/h2>\n      <p class=\"updates-desc\">Stay connected with the latest news, upcoming events, spiritual reflections, and important announcements from our beloved parish community in Perez, Quezon Province.<\/p>\n    <\/div>\n\n    <div class=\"updates-tabs-wrap\">\n      <div class=\"updates-tabs\" id=\"updatesTabs\"><\/div>\n    <\/div>\n\n    <div class=\"updates-grid\" id=\"updatesGrid\">\n      <div class=\"updates-loading\">Loading posts...<\/div>\n    <\/div>\n\n    <div class=\"updates-pagination\" id=\"updatesPagination\"><\/div>\n\n    <div class=\"updates-footer\">\n      <span id=\"updatesCount\"><\/span>\n      <a class=\"updates-all-link\" id=\"updatesAllLink\" href=\"https:\/\/demo5.yinwoodweb.com\/perez\/updates\/\">\n        View All Posts\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n\n  var SITE_URL = 'https:\/\/demo5.yinwoodweb.com\/perez';\n  var API_URL  = SITE_URL + '\/wp-json\/wp\/v2';\n  var BLOG_URL = 'https:\/\/demo5.yinwoodweb.com\/perez\/updates\/';\n  var PER_PAGE = 6;\n\n  var grid      = document.getElementById('updatesGrid');\n  var tabsEl    = document.getElementById('updatesTabs');\n  var countEl   = document.getElementById('updatesCount');\n  var paginEl   = document.getElementById('updatesPagination');\n\n  var currentPage    = 1;\n  var totalPages     = 1;\n  var currentCatId   = '';\n  var currentCatSlug = '';\n\n  function formatDate(str){\n    return new Date(str).toLocaleDateString('en-PH',{year:'numeric',month:'short',day:'numeric'});\n  }\n\n  function stripHtml(html){\n    var div = document.createElement('div');\n    div.innerHTML = html;\n    return (div.textContent || div.innerText || '').trim();\n  }\n\n  function getCategory(embedded){\n    var cat = 'General';\n    if(!embedded || !embedded['wp:term']) return cat;\n    var found = false;\n    embedded['wp:term'].forEach(function(group){\n      if(found) return;\n      group.forEach(function(term){\n        if(!found && term.taxonomy === 'category' && term.name){\n          cat = term.name;\n          found = true;\n        }\n      });\n    });\n    return cat;\n  }\n\n  function getThumb(embedded, title){\n    if(\n      embedded &&\n      embedded['wp:featuredmedia'] &&\n      embedded['wp:featuredmedia'][0] &&\n      embedded['wp:featuredmedia'][0].source_url\n    ){\n      return '<img decoding=\"async\" src=\"'+embedded['wp:featuredmedia'][0].source_url+'\" alt=\"'+title+'\" loading=\"lazy\">';\n    }\n    return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/><polyline points=\"21 15 16 10 5 21\"\/><\/svg>';\n  }\n\n  function render(posts){\n    grid.innerHTML = '';\n    if(!posts || !posts.length){\n      grid.innerHTML = '<div class=\"updates-loading\">No posts found.<\/div>';\n      countEl.textContent = '0 posts';\n      paginEl.innerHTML = '';\n      return;\n    }\n    posts.forEach(function(p, idx){\n      var cat     = getCategory(p._embedded);\n      var thumb   = getThumb(p._embedded, p.title.rendered);\n      var excerpt = stripHtml(p.excerpt.rendered)\n                      .replace(\/\\u2026\/g,'')\n                      .trim();\n      if(excerpt.length > 110) excerpt = excerpt.substring(0,110) + '\\u2026';\n\n      var card = document.createElement('div');\n      card.className = 'update-card';\n      card.style.opacity = '0';\n      card.innerHTML =\n        '<a href=\"'+BLOG_URL+'\">'+\n          '<div class=\"update-card-img\">'+\n            thumb+\n            '<span class=\"update-card-cat\">'+cat+'<\/span>'+\n          '<\/div>'+\n          '<div class=\"update-card-body\">'+\n            '<div class=\"update-card-date\">'+formatDate(p.date)+'<\/div>'+\n            '<h3 class=\"update-card-title\">'+p.title.rendered+'<\/h3>'+\n            '<p class=\"update-card-excerpt\">'+excerpt+'<\/p>'+\n          '<\/div>'+\n        '<\/a>';\n      grid.appendChild(card);\n      setTimeout(function(){ card.style.opacity = '1'; }, 50 + idx * 60);\n    });\n    countEl.textContent = 'Page '+currentPage+' of '+totalPages+' \\u00B7 Showing '+posts.length+' post'+(posts.length !== 1 ? 's' : '');\n  }\n\n  function renderPagination(){\n    paginEl.innerHTML = '';\n    if(totalPages <= 1) return;\n\n    var prevBtn = document.createElement('button');\n    prevBtn.className = 'updates-page-btn' + (currentPage <= 1 ? ' disabled' : '');\n    prevBtn.innerHTML = '<svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>';\n    prevBtn.title = 'Previous page';\n    if(currentPage > 1){ prevBtn.onclick = function(){ goToPage(currentPage - 1); }; }\n    paginEl.appendChild(prevBtn);\n\n    var pages = getPagesToShow(currentPage, totalPages);\n    pages.forEach(function(p){\n      if(p === '...'){\n        var dots = document.createElement('span');\n        dots.className = 'updates-page-btn disabled';\n        dots.textContent = '\\u2026';\n        dots.style.cursor = 'default';\n        dots.style.border = 'none';\n        dots.style.background = 'transparent';\n        paginEl.appendChild(dots);\n      } else {\n        var btn = document.createElement('button');\n        btn.className = 'updates-page-btn' + (p === currentPage ? ' active' : '');\n        btn.textContent = p;\n        if(p !== currentPage){ btn.onclick = (function(pg){ return function(){ goToPage(pg); }; })(p); }\n        paginEl.appendChild(btn);\n      }\n    });\n\n    var nextBtn = document.createElement('button');\n    nextBtn.className = 'updates-page-btn' + (currentPage >= totalPages ? ' disabled' : '');\n    nextBtn.innerHTML = '<svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>';\n    nextBtn.title = 'Next page';\n    if(currentPage < totalPages){ nextBtn.onclick = function(){ goToPage(currentPage + 1); }; }\n    paginEl.appendChild(nextBtn);\n  }\n\n  function getPagesToShow(current, total){\n    var pages = [];\n    if(total <= 7){ for(var i=1;i<=total;i++) pages.push(i); return pages; }\n    pages.push(1);\n    if(current > 3) pages.push('...');\n    var start = Math.max(2, current - 1);\n    var end   = Math.min(total - 1, current + 1);\n    for(var j = start; j <= end; j++) pages.push(j);\n    if(current < total - 2) pages.push('...');\n    pages.push(total);\n    return pages;\n  }\n\n  function goToPage(page){\n    if(page < 1 || page > totalPages || page === currentPage) return;\n    currentPage = page;\n    fetchPosts(currentCatId, currentCatSlug);\n    var section = document.querySelector('.updates-section');\n    if(section){\n      var y = section.getBoundingClientRect().top + window.pageYOffset - 20;\n      window.scrollTo({top: y, behavior: 'smooth'});\n    }\n  }\n\n  function setActiveTab(btn){\n    var allTabs = tabsEl.querySelectorAll('.updates-tab');\n    for(var t=0;t<allTabs.length;t++){ allTabs[t].classList.remove('active'); }\n    btn.classList.add('active');\n  }\n\n  function fetchPosts(catId, catSlug){\n    grid.classList.add('is-loading');\n    grid.innerHTML = '<div class=\"updates-loading\">Loading...<\/div>';\n    paginEl.innerHTML = '';\n\n    currentCatId   = catId || '';\n    currentCatSlug = catSlug || '';\n\n    var url = API_URL+'\/posts?per_page='+PER_PAGE+'&page='+currentPage+'&_embed=1&orderby=date&order=desc';\n    if(catId){ url += '&categories='+catId; }\n\n    fetch(url)\n      .then(function(r){\n        totalPages = parseInt(r.headers.get('X-WP-TotalPages')) || 1;\n        if(currentPage > totalPages && totalPages > 0){\n          currentPage = totalPages;\n          return fetchPosts(currentCatId, currentCatSlug);\n        }\n        return r.json().then(function(posts){\n          grid.classList.remove('is-loading');\n          render(posts);\n          renderPagination();\n        });\n      })\n      .catch(function(){\n        grid.classList.remove('is-loading');\n        grid.innerHTML = '<div class=\"updates-loading\">Could not load posts.<\/div>';\n      });\n  }\n\n  function buildTabs(categories){\n    tabsEl.innerHTML = '';\n\n    var allBtn = document.createElement('button');\n    allBtn.className = 'updates-tab active';\n    allBtn.textContent = 'All';\n    allBtn.onclick = function(){\n      setActiveTab(allBtn);\n      currentPage = 1;\n      fetchPosts('', '');\n    };\n    tabsEl.appendChild(allBtn);\n\n    categories\n      .filter(function(c){ return c.slug !== 'uncategorized' && c.count > 0; })\n      .forEach(function(c){\n        var btn = document.createElement('button');\n        btn.className = 'updates-tab';\n        btn.textContent = c.name;\n        btn.onclick = function(){\n          setActiveTab(btn);\n          currentPage = 1;\n          fetchPosts(c.id, c.slug);\n        };\n        tabsEl.appendChild(btn);\n      });\n  }\n\n  fetch(API_URL+'\/categories?per_page=100&orderby=name&order=asc')\n    .then(function(r){ return r.json(); })\n    .then(function(cats){\n      buildTabs(cats);\n      fetchPosts('', '');\n    })\n    .catch(function(){\n      tabsEl.innerHTML = '';\n      var allBtn = document.createElement('button');\n      allBtn.className = 'updates-tab active';\n      allBtn.textContent = 'All';\n      allBtn.onclick = function(){ currentPage=1; fetchPosts('',''); };\n      tabsEl.appendChild(allBtn);\n      fetchPosts('', '');\n    });\n\n})();\n<\/script><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home | St. Anthony of Padua Parish &#10022; &#10022; Diocese of Gumaca St. Anthony of Padua Parish A living witness [&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. Anthony of Padua Parish - Perez, Quezon Province","description":"St. Anthony of Padua Parish is a historic mission center parish in Perez, Quezon Province under the Diocese of Gumaca.","facebook_image":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/05\/st.-anthony-of-padua-parish.png","twitter_image":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-content\/uploads\/sites\/5\/2026\/04\/YIN-WOOD-EVEREST-WEB-DEVELOPMENT.png"},"footnotes":""},"class_list":["post-20","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":"Diocese of Gumaca","author_link":"https:\/\/Demo5.yinwoodweb.com\/perez\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":"Home | St. Anthony of Padua Parish &#10022; &#10022; Diocese of Gumaca St. Anthony of Padua Parish A living witness [&hellip;]","_links":{"self":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":76,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":1794,"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/pages\/20\/revisions\/1794"}],"wp:attachment":[{"href":"https:\/\/Demo5.yinwoodweb.com\/perez\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}