{"id":22,"date":"2026-03-13T07:28:36","date_gmt":"2026-03-13T07:28:36","guid":{"rendered":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/?page_id=22"},"modified":"2026-06-16T14:34:45","modified_gmt":"2026-06-16T06:34:45","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/contact-us\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-af9389f9 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=Playfair+Display:ital,wght@0,700;1,400&family=Lato:wght@300;400&display=swap');\n\n\/* \u2500\u2500 shell \u2500\u2500 *\/\n.ct-section {\n  background: #0b0f1a;\n  padding: 0;\n  font-family: 'Lato', sans-serif;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* \u2500\u2500 hero band \u2500\u2500 *\/\n.ct-hero {\n  position: relative;\n  padding: 100px 40px 80px;\n  text-align: center;\n  overflow: hidden;\n}\n.ct-hero::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.4), transparent);\n}\n.ct-hero-cross {\n  position: absolute;\n  top: 50%; left: 50%;\n  transform: translate(-50%, -50%);\n  width: 260px; height: 260px;\n  opacity: 0.04;\n}\n.ct-hero-cross svg {\n  width: 100%; height: 100%;\n  stroke: #c9a84c; fill: none; stroke-width: 0.5;\n}\n.ct-rays {\n  position: absolute;\n  top: -40%; left: 50%;\n  transform: translateX(-50%);\n  width: 140%; height: 100%;\n  background: repeating-conic-gradient(\n    from 270deg at 50% 0%,\n    rgba(201,168,76,0.04) 0deg 2deg,\n    transparent 2deg 7deg\n  );\n  animation: ctRayRotate 20s linear infinite;\n  transform-origin: 50% 0%;\n  pointer-events: none;\n}\n@keyframes ctRayRotate {\n  0%   { transform: translateX(-50%) rotate(-3deg); }\n  100% { transform: translateX(-50%) rotate(3deg); }\n}\n.ct-hero-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 700px;\n  margin: 0 auto;\n}\n.ct-eyebrow {\n  font-size: 9px; letter-spacing: 5px;\n  text-transform: uppercase; color: #c9a84c;\n  margin-bottom: 14px;\n  display: flex; align-items: center; justify-content: center; gap: 14px;\n}\n.ct-eyebrow::before, .ct-eyebrow::after {\n  content: ''; display: block; width: 40px; height: 1px;\n  background: rgba(201,168,76,0.4);\n}\n.ct-title {\n  font-family: 'Playfair Display', serif;\n  font-size: clamp(28px, 4vw, 46px);\n  font-weight: 700; color: #fff;\n  margin-bottom: 12px;\n  text-shadow: 0 0 50px rgba(201,168,76,0.15);\n}\n.ct-subtitle {\n  font-family: 'Playfair Display', serif;\n  font-style: italic;\n  font-size: clamp(14px, 2vw, 17px);\n  color: rgba(201,168,76,0.65);\n  margin-bottom: 0;\n}\n\n\/* \u2500\u2500 main 2-col area \u2500\u2500 *\/\n.ct-main-wrap {\n  padding: 0 40px 100px;\n  position: relative;\n  z-index: 1;\n}\n.ct-main-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.ct-main-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 4px;\n  margin-top: -40px;\n}\n\n\/* \u2500\u2500 info panel (left) \u2500\u2500 *\/\n.ct-info {\n  background: rgba(201,168,76,0.02);\n  border: 1px solid rgba(201,168,76,0.1);\n  padding: 48px 40px;\n}\n.ct-info-header {\n  margin-bottom: 36px;\n}\n.ct-info-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 26px; font-weight: 700;\n  color: #fff;\n  margin-bottom: 8px;\n}\n.ct-info-desc {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.8;\n}\n\n\/* info rows *\/\n.ct-info-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.ct-info-row {\n  display: flex;\n  gap: 20px;\n  padding: 22px 0;\n  border-bottom: 1px solid rgba(201,168,76,0.06);\n  align-items: flex-start;\n}\n.ct-info-row:last-child {\n  border-bottom: none;\n}\n.ct-info-row-icon {\n  width: 40px; height: 40px;\n  flex-shrink: 0;\n  border: 1px solid rgba(201,168,76,0.15);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ct-info-row-icon svg {\n  width: 18px; height: 18px;\n  stroke: #c9a84c; fill: none;\n  stroke-width: 1.2;\n}\n.ct-info-row-content {\n  flex: 1;\n}\n.ct-info-row-label {\n  font-size: 8px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.5);\n  margin-bottom: 6px;\n}\n.ct-info-row-value {\n  font-size: 14px;\n  color: #fff;\n  font-weight: 300;\n  line-height: 1.7;\n}\n.ct-info-row-value.muted {\n  color: rgba(255,255,255,0.4);\n  font-size: 13px;\n}\n.ct-info-row-value a {\n  color: #c9a84c;\n  text-decoration: none !important;\n  transition: color 0.3s;\n}\n.ct-info-row-value a:hover {\n  color: #e8d08a;\n}\n\n\/* hours special styling *\/\n.ct-hours-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.ct-hours-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 0;\n}\n.ct-hours-day {\n  font-size: 13px;\n  color: rgba(255,255,255,0.55);\n  font-weight: 300;\n}\n.ct-hours-time {\n  font-size: 12px;\n  color: rgba(201,168,76,0.6);\n  letter-spacing: 1px;\n}\n\n\/* \u2500\u2500 form panel (right) \u2500\u2500 *\/\n.ct-form-panel {\n  background: rgba(201,168,76,0.02);\n  border: 1px solid rgba(201,168,76,0.1);\n  padding: 48px 40px;\n  border-top: 1px solid rgba(201,168,76,0.1);\n}\n.ct-form-header {\n  margin-bottom: 32px;\n}\n.ct-form-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 26px; font-weight: 700;\n  color: #fff;\n  margin-bottom: 8px;\n}\n.ct-form-desc {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.8;\n}\n\n\/* form fields *\/\n.ct-form {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.ct-form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n.ct-field {\n  margin-bottom: 20px;\n}\n.ct-label {\n  display: block;\n  font-size: 9px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.5);\n  margin-bottom: 10px;\n}\n.ct-input,\n.ct-textarea,\n.ct-select {\n  width: 100%;\n  padding: 14px 16px;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: #fff;\n  background: rgba(201,168,76,0.03);\n  border: 1px solid rgba(201,168,76,0.12);\n  outline: none;\n  transition: border-color 0.3s, background 0.3s;\n  -webkit-appearance: none;\n  appearance: none;\n}\n.ct-input::placeholder,\n.ct-textarea::placeholder {\n  color: rgba(255,255,255,0.2);\n}\n.ct-input:focus,\n.ct-textarea:focus,\n.ct-select:focus {\n  border-color: rgba(201,168,76,0.4);\n  background: rgba(201,168,76,0.05);\n}\n.ct-textarea {\n  min-height: 130px;\n  resize: vertical;\n}\n.ct-select {\n  cursor: pointer;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(201,168,76,0.5)' stroke-width='1.5'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 14px center;\n  padding-right: 40px;\n}\n.ct-select option {\n  background: #0e1222;\n  color: #fff;\n}\n\n\/* phone field with prefix *\/\n.ct-phone-wrap {\n  display: flex;\n  gap: 0;\n}\n.ct-phone-prefix {\n  width: 130px;\n  flex-shrink: 0;\n  padding: 14px 12px;\n  font-family: 'Lato', sans-serif;\n  font-size: 12px;\n  font-weight: 300;\n  color: rgba(201,168,76,0.6);\n  background: rgba(201,168,76,0.05);\n  border: 1px solid rgba(201,168,76,0.12);\n  border-right: none;\n  outline: none;\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n}\n.ct-phone-input {\n  flex: 1;\n  padding: 14px 16px;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-weight: 300;\n  color: #fff;\n  background: rgba(201,168,76,0.03);\n  border: 1px solid rgba(201,168,76,0.12);\n  outline: none;\n  transition: border-color 0.3s, background 0.3s;\n}\n.ct-phone-input::placeholder {\n  color: rgba(255,255,255,0.2);\n}\n.ct-phone-input:focus {\n  border-color: rgba(201,168,76,0.4);\n  background: rgba(201,168,76,0.05);\n}\n\n\/* submit button *\/\n.ct-submit {\n  display: inline-block;\n  padding: 14px 40px;\n  font-family: 'Lato', sans-serif;\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #0b0f1a;\n  background: linear-gradient(135deg, #c9a84c 0%, #b8952f 100%);\n  border: none;\n  cursor: pointer;\n  transition: all 0.35s ease;\n  margin-top: 8px;\n  text-decoration: none !important;\n}\n.ct-submit:hover {\n  background: linear-gradient(135deg, #dabb5e 0%, #c9a84c 100%);\n  box-shadow: 0 8px 32px rgba(201,168,76,0.2);\n  letter-spacing: 4px;\n}\n\n\/* success message *\/\n.ct-success {\n  display: none;\n  text-align: center;\n  padding: 40px 20px;\n}\n.ct-success.show {\n  display: block;\n}\n.ct-success-icon {\n  width: 56px; height: 56px;\n  border: 1px solid rgba(201,168,76,0.3);\n  border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n}\n.ct-success-icon svg {\n  width: 24px; height: 24px;\n  stroke: #c9a84c; fill: none; stroke-width: 1.5;\n}\n.ct-success h4 {\n  font-family: 'Playfair Display', serif;\n  font-size: 20px; color: #fff;\n  margin-bottom: 8px;\n}\n.ct-success p {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 MAP SECTION \u2500\u2500 *\/\n.ct-map-wrap {\n  padding: 0 40px 100px;\n  position: relative;\n  z-index: 1;\n}\n.ct-map-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n.ct-map-grid {\n  display: grid;\n  grid-template-columns: 1.1fr 0.9fr;\n  gap: 4px;\n  margin-top: -40px;\n}\n\n\/* map side *\/\n.ct-map-frame {\n  position: relative;\n  min-height: 440px;\n  overflow: hidden;\n  border: 1px solid rgba(201,168,76,0.1);\n}\n.ct-map-frame iframe {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  border: none;\n  filter: grayscale(100%) contrast(1.1) brightness(0.55);\n  transition: filter 0.5s ease;\n}\n.ct-map-frame:hover iframe {\n  filter: grayscale(40%) contrast(1.05) brightness(0.7);\n}\n\/* map corner accents *\/\n.ct-map-corner{position:absolute;width:22px;height:22px;border-color:rgba(201,168,76,0.35);border-style:solid;z-index:2;pointer-events:none;}\n.ct-map-corner.tl{top:-1px;left:-1px;border-width:1px 0 0 1px;}\n.ct-map-corner.tr{top:-1px;right:-1px;border-width:1px 1px 0 0;}\n.ct-map-corner.bl{bottom:-1px;left:-1px;border-width:0 0 1px 1px;}\n.ct-map-corner.br{bottom:-1px;right:-1px;border-width:0 1px 1px 0;}\n\/* map overlay strip *\/\n.ct-map-overlay {\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  background: linear-gradient(to top, rgba(11,15,26,0.9) 0%, rgba(11,15,26,0.4) 60%, transparent 100%);\n  padding: 28px 24px 16px;\n  pointer-events: none;\n  z-index: 3;\n}\n.ct-map-overlay-text {\n  font-size: 9px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.5);\n}\n.ct-map-overlay-label {\n  font-family: 'Playfair Display', serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: #fff;\n  margin-top: 4px;\n}\n.ct-map-open-link {\n  position: absolute;\n  top: 14px; right: 14px;\n  z-index: 4;\n  padding: 7px 14px;\n  font-size: 8px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #c9a84c;\n  background: rgba(11,15,26,0.85);\n  border: 1px solid rgba(201,168,76,0.3);\n  text-decoration: none !important;\n  transition: background 0.3s, border-color 0.3s;\n  backdrop-filter: blur(4px);\n}\n.ct-map-open-link:hover {\n  background: rgba(201,168,76,0.15);\n  border-color: rgba(201,168,76,0.5);\n}\n\n\/* directions side *\/\n.ct-map-info {\n  background: rgba(201,168,76,0.02);\n  border: 1px solid rgba(201,168,76,0.1);\n  padding: 48px 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.ct-map-info-title {\n  font-family: 'Playfair Display', serif;\n  font-size: 26px; font-weight: 700;\n  color: #fff;\n  margin-bottom: 8px;\n}\n.ct-map-info-desc {\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n  line-height: 1.8;\n  margin-bottom: 32px;\n}\n\n\/* address card *\/\n.ct-map-addr-card {\n  background: rgba(201,168,76,0.04);\n  border: 1px solid rgba(201,168,76,0.12);\n  padding: 28px 24px;\n  margin-bottom: 28px;\n  position: relative;\n}\n.ct-map-addr-card::before {\n  content: '';\n  position: absolute;\n  top: 8px; left: 8px;\n  width: 14px; height: 14px;\n  border-top: 1px solid rgba(201,168,76,0.2);\n  border-left: 1px solid rgba(201,168,76,0.2);\n}\n.ct-map-addr-card::after {\n  content: '';\n  position: absolute;\n  bottom: 8px; right: 8px;\n  width: 14px; height: 14px;\n  border-bottom: 1px solid rgba(201,168,76,0.2);\n  border-right: 1px solid rgba(201,168,76,0.2);\n}\n.ct-map-addr-label {\n  font-size: 8px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.5);\n  margin-bottom: 12px;\n  display: flex; align-items: center; gap: 10px;\n}\n.ct-map-addr-label::before {\n  content: '';\n  display: block;\n  width: 18px; height: 1px;\n  background: #c9a84c;\n}\n.ct-map-addr-line {\n  font-size: 15px;\n  color: #fff;\n  font-weight: 300;\n  line-height: 1.8;\n  margin-bottom: 4px;\n}\n.ct-map-addr-line:last-child {\n  margin-bottom: 0;\n}\n.ct-map-addr-postal {\n  color: rgba(201,168,76,0.6);\n  font-weight: 400;\n}\n\n\/* directions buttons *\/\n.ct-map-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.ct-map-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 14px 24px;\n  font-family: 'Lato', sans-serif;\n  font-size: 10px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  text-decoration: none !important;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.ct-map-btn svg {\n  width: 14px; height: 14px;\n  stroke: currentColor; fill: none;\n  stroke-width: 2;\n  flex-shrink: 0;\n}\n.ct-map-btn-primary {\n  background: rgba(201,168,76,0.12);\n  border: 1px solid rgba(201,168,76,0.5);\n  color: #c9a84c;\n}\n.ct-map-btn-primary:hover {\n  background: rgba(201,168,76,0.25);\n  color: #fff;\n}\n.ct-map-btn-secondary {\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.15);\n  color: rgba(255,255,255,0.55);\n}\n.ct-map-btn-secondary:hover {\n  background: rgba(255,255,255,0.05);\n  color: #fff;\n  border-color: rgba(255,255,255,0.25);\n}\n\n\/* landmark list *\/\n.ct-landmarks {\n  margin-top: 28px;\n  padding-top: 24px;\n  border-top: 1px solid rgba(201,168,76,0.06);\n}\n.ct-landmarks-title {\n  font-size: 8px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(201,168,76,0.4);\n  margin-bottom: 14px;\n}\n.ct-landmark {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 0;\n  font-size: 13px;\n  color: rgba(255,255,255,0.4);\n  font-weight: 300;\n}\n.ct-landmark::before {\n  content: '';\n  display: block;\n  width: 4px; height: 4px;\n  border-radius: 50%;\n  background: rgba(201,168,76,0.3);\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 bottom divider \u2500\u2500 *\/\n.ct-bottom {\n  text-align: center;\n  padding: 0 40px 80px;\n  position: relative;\n  z-index: 1;\n}\n.ct-bottom-rule {\n  width: 40px; height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent);\n  margin: 0 auto 24px;\n}\n.ct-bottom p {\n  font-size: 12px;\n  color: rgba(255,255,255,0.3);\n  font-weight: 300;\n  line-height: 1.8;\n  max-width: 500px;\n  margin: 0 auto;\n}\n.ct-bottom strong { color: rgba(201,168,76,0.6); font-weight: 400; }\n\n\/* \u2500\u2500 responsive \u2500\u2500 *\/\n@media (max-width: 900px) {\n  .ct-hero { padding: 80px 24px 60px; }\n  .ct-main-wrap { padding: 0 20px 80px; }\n  .ct-map-wrap { padding: 0 20px 80px; }\n  .ct-main-grid { grid-template-columns: 1fr; gap: 16px; }\n  .ct-map-grid { grid-template-columns: 1fr; gap: 16px; }\n  .ct-info, .ct-form-panel { padding: 36px 28px; }\n  .ct-map-info { padding: 36px 28px; }\n  .ct-form-row { grid-template-columns: 1fr; }\n  .ct-phone-prefix { width: 110px; font-size: 11px; padding: 14px 8px; }\n  .ct-map-frame { min-height: 320px; }\n}\n<\/style>\n\n<section class=\"ct-section\">\n\n  <!-- hero -->\n  <div class=\"ct-hero\">\n    <div class=\"ct-hero-cross\">\n      <svg viewBox=\"0 0 100 100\"><line x1=\"50\" y1=\"5\" x2=\"50\" y2=\"95\"\/><line x1=\"20\" y1=\"30\" x2=\"80\" y2=\"30\"\/><\/svg>\n    <\/div>\n    <div class=\"ct-rays\"><\/div>\n    <div class=\"ct-hero-inner\">\n      <p class=\"ct-eyebrow\">Reach Out<\/p>\n      <h2 class=\"ct-title\">Contact Us<\/h2>\n      <p class=\"ct-subtitle\">We are here to serve you and your family<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- main 2-col -->\n  <div class=\"ct-main-wrap\">\n    <div class=\"ct-main-inner\">\n      <div class=\"ct-main-grid\">\n\n        <!-- LEFT: Parish Office Info -->\n        <div class=\"ct-info\">\n          <div class=\"ct-info-header\">\n            <h3 class=\"ct-info-title\">Parish Office<\/h3>\n            <p class=\"ct-info-desc\">Our staff is ready to assist you with sacramental requests, general inquiries, and parish information.<\/p>\n          <\/div>\n\n          <div class=\"ct-info-rows\">\n\n            <!-- Address -->\n            <div class=\"ct-info-row\">\n              <div class=\"ct-info-row-icon\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              <\/div>\n              <div class=\"ct-info-row-content\">\n                <div class=\"ct-info-row-label\">Address<\/div>\n                <div class=\"ct-info-row-value\">\n                  Immaculate Conception Parish Church<br>\n                  Catanauan, Quezon Province<br>\n                  Philippines\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Diocese -->\n            <div class=\"ct-info-row\">\n              <div class=\"ct-info-row-icon\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n              <\/div>\n              <div class=\"ct-info-row-content\">\n                <div class=\"ct-info-row-label\">Diocese<\/div>\n                <div class=\"ct-info-row-value\">\n                  Diocese of Gumaca<br>\n                  Quezon Province, Philippines\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Facebook -->\n            <div class=\"ct-info-row\">\n              <div class=\"ct-info-row-icon\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg>\n              <\/div>\n              <div class=\"ct-info-row-content\">\n                <div class=\"ct-info-row-label\">Facebook<\/div>\n                <div class=\"ct-info-row-value\">\n                  <a href=\"https:\/\/www.facebook.com\" target=\"_blank\" rel=\"noopener\">Follow us on Facebook<\/a><br>\n                  <span class=\"muted\">Mass livestreams &middot; Announcements<br>Parish updates &amp; events<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <!-- Office Hours -->\n            <div class=\"ct-info-row\">\n              <div class=\"ct-info-row-icon\">\n                <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n              <\/div>\n              <div class=\"ct-info-row-content\">\n                <div class=\"ct-info-row-label\">Office Hours<\/div>\n                <div class=\"ct-hours-grid\">\n                  <div class=\"ct-hours-row\">\n                    <span class=\"ct-hours-day\">Monday &ndash; Friday<\/span>\n                    <span class=\"ct-hours-time\">8:00 AM &ndash; 5:00 PM<\/span>\n                  <\/div>\n                  <div class=\"ct-hours-row\">\n                    <span class=\"ct-hours-day\">Saturday<\/span>\n                    <span class=\"ct-hours-time\">8:00 AM &ndash; 12:00 PM<\/span>\n                  <\/div>\n                  <div class=\"ct-hours-row\">\n                    <span class=\"ct-hours-day\">Sunday<\/span>\n                    <span class=\"ct-hours-time\">After Masses only<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n\n        <!-- RIGHT: Contact Form -->\n        <div class=\"ct-form-panel\">\n          <div class=\"ct-form-header\">\n            <h3 class=\"ct-form-title\">Send Us a Message<\/h3>\n            <p class=\"ct-form-desc\">Fill out the form below and our parish staff will get back to you as soon as possible during office hours.<\/p>\n          <\/div>\n\n          <form class=\"ct-form\" id=\"ctForm\">\n            <div class=\"ct-form-row\">\n              <div class=\"ct-field\">\n                <label class=\"ct-label\" for=\"ctFirst\">First Name<\/label>\n                <input type=\"text\" id=\"ctFirst\" class=\"ct-input\" placeholder=\"John\" required>\n              <\/div>\n              <div class=\"ct-field\">\n                <label class=\"ct-label\" for=\"ctLast\">Last Name<\/label>\n                <input type=\"text\" id=\"ctLast\" class=\"ct-input\" placeholder=\"Doe\" required>\n              <\/div>\n            <\/div>\n\n            <div class=\"ct-field\">\n              <label class=\"ct-label\" for=\"ctEmail\">Email<\/label>\n              <input type=\"email\" id=\"ctEmail\" class=\"ct-input\" placeholder=\"example@mail.com\" required>\n            <\/div>\n\n            <div class=\"ct-field\">\n              <label class=\"ct-label\" for=\"ctPhone\">Phone<\/label>\n              <div class=\"ct-phone-wrap\">\n                <span class=\"ct-phone-prefix\">Philippines (+63)<\/span>\n                <input type=\"tel\" id=\"ctPhone\" class=\"ct-phone-input\" placeholder=\"9XX XXX XXXX\">\n              <\/div>\n            <\/div>\n\n            <div class=\"ct-field\">\n              <label class=\"ct-label\" for=\"ctMessage\">Message<\/label>\n              <textarea id=\"ctMessage\" class=\"ct-textarea\" placeholder=\"Enter your message\" required><\/textarea>\n            <\/div>\n\n            <button type=\"submit\" class=\"ct-submit\">Submit<\/button>\n          <\/form>\n\n          <!-- success state -->\n          <div class=\"ct-success\" id=\"ctSuccess\">\n            <div class=\"ct-success-icon\">\n              <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n            <\/div>\n            <h4>Message Sent<\/h4>\n            <p>Thank you for reaching out. Our parish staff will respond during office hours. God bless you.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 MAP SECTION \u2500\u2500 -->\n  <div class=\"ct-map-wrap\">\n    <div class=\"ct-map-inner\">\n      <div class=\"ct-map-grid\">\n\n        <!-- LEFT: Map -->\n        <div class=\"ct-map-frame\">\n          <iframe\n            src=\"https:\/\/www.openstreetmap.org\/export\/embed.html?bbox=122.316%2C13.588%2C122.330%2C13.598&#038;layer=mapnik&#038;marker=13.5932%2C122.3228\"\n            loading=\"lazy\"\n            referrerpolicy=\"no-referrer\"\n            title=\"Immaculate Conception Parish Church, Catanauan, Quezon\"\n          ><\/iframe>\n          <div class=\"ct-map-corner tl\"><\/div>\n          <div class=\"ct-map-corner tr\"><\/div>\n          <div class=\"ct-map-corner bl\"><\/div>\n          <div class=\"ct-map-corner br\"><\/div>\n          <div class=\"ct-map-overlay\">\n            <div class=\"ct-map-overlay-text\">Parish Location<\/div>\n            <div class=\"ct-map-overlay-label\">Immaculate Conception Parish Church<\/div>\n          <\/div>\n          <a class=\"ct-map-open-link\" href=\"https:\/\/www.openstreetmap.org\/?mlat=13.5932&#038;mlon=122.3228#map=17\/13.5932\/122.3228\" target=\"_blank\" rel=\"noopener\">\n            Open Map\n          <\/a>\n        <\/div>\n\n        <!-- RIGHT: Directions Info -->\n        <div class=\"ct-map-info\">\n          <h3 class=\"ct-map-info-title\">Find Us<\/h3>\n          <p class=\"ct-map-info-desc\">Our parish is located in the heart of Catanauan, Quezon. We welcome visitors and pilgrims from all over.<\/p>\n\n          <!-- Address Card -->\n          <div class=\"ct-map-addr-card\">\n            <div class=\"ct-map-addr-label\">Full Address<\/div>\n            <div class=\"ct-map-addr-line\">Do&ntilde;a Carmen De Luna St.<\/div>\n            <div class=\"ct-map-addr-line\">Brgy. 05 Poblacion, Catanauan<\/div>\n            <div class=\"ct-map-addr-line\">Quezon Province, Philippines<\/div>\n            <div class=\"ct-map-addr-line ct-map-addr-postal\">4311<\/div>\n          <\/div>\n\n          <!-- Direction Buttons -->\n          <div class=\"ct-map-buttons\">\n            <a class=\"ct-map-btn ct-map-btn-primary\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=Immaculate+Conception+Parish+Catanauan+Quezon\" target=\"_blank\" rel=\"noopener\">\n              <svg viewBox=\"0 0 24 24\"><polygon points=\"3 11 22 2 13 21 11 13 3 11\"\/><\/svg>\n              Get Directions\n            <\/a>\n            <a class=\"ct-map-btn ct-map-btn-secondary\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=13.5932,122.3228\" target=\"_blank\" rel=\"noopener\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n              Open in Google Maps\n            <\/a>\n          <\/div>\n\n          <!-- Nearby Landmarks -->\n          <div class=\"ct-landmarks\">\n            <div class=\"ct-landmarks-title\">Nearby Landmarks<\/div>\n            <div class=\"ct-landmark\">Catanauan Municipal Hall<\/div>\n            <div class=\"ct-landmark\">Catanauan Public Market<\/div>\n            <div class=\"ct-landmark\">Do&ntilde;a Carmen De Luna Street, Poblacion<\/div>\n            <div class=\"ct-landmark\">Brgy. 05, Catanauan, Quezon 4311<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"ct-bottom\">\n    <div class=\"ct-bottom-rule\"><\/div>\n    <p>&#8220;For where two or three gather in my name, there am I with them.&#8221; <strong>&mdash; Matthew 18:20<\/strong><\/p>\n  <\/div>\n\n<\/section>\n\n<script>\n(function () {\n  var form    = document.getElementById('ctForm');\n  var success = document.getElementById('ctSuccess');\n\n  form.addEventListener('submit', function (e) {\n    e.preventDefault();\n\n    var fields = form.querySelectorAll('[required]');\n    var valid  = true;\n    fields.forEach(function (f) {\n      if (!f.value.trim()) {\n        f.style.borderColor = 'rgba(201,168,76,0.6)';\n        valid = false;\n        setTimeout(function () { f.style.borderColor = ''; }, 2000);\n      }\n    });\n    if (!valid) return;\n\n    form.style.display = 'none';\n    success.classList.add('show');\n  });\n})();\n<\/script><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"slim_seo":{"title":"Contact - Immaculate Conception Parish","description":""},"footnotes":""},"class_list":["post-22","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":"Yin Wood","author_link":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/blogs\/author\/phwpywadsa623\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":14,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":1503,"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/pages\/22\/revisions\/1503"}],"wp:attachment":[{"href":"https:\/\/demo2.yinwoodweb.com\/catanauan1\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}