{"id":1735,"date":"2026-10-12T16:29:33","date_gmt":"2026-10-12T20:29:33","guid":{"rendered":"https:\/\/stbenedictknights.ca\/?page_id=1735"},"modified":"2026-10-12T17:01:06","modified_gmt":"2026-10-12T21:01:06","slug":"1735-2","status":"publish","type":"page","link":"https:\/\/stbenedictknights.ca\/index.php\/1735-2\/","title":{"rendered":""},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n  <meta charset=\"UTF-8\"><br \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n  <title>Knights of Columbus | St. Benedict of Nursia Council 16746 \u2013 Milton, ON<\/title><br \/>\n  <meta name=\"description\" content=\"Official website of the Knights of Columbus St. Benedict of Nursia Council 16746, serving Saint Benedict Parish and the Milton, Ontario community through Faith, Family, Community, and Life.\"><\/p>\n<style>\n    \/* CSS RESET & VARIABLES *\/\n    :root {\n      --primary-navy: #0b2341;\n      --navy-dark: #07172b;\n      --navy-light: #163a66;\n      --gold-primary: #cda250;\n      --gold-light: #dfb76c;\n      --gold-accent: #f4d078;\n      --gold-dark: #a27b2e;\n      --crimson-red: #8b1827;\n      --crimson-light: #ab2336;\n      --slate-bg: #f8fafc;\n      --card-bg: #ffffff;\n      --text-main: #1e293b;\n      --text-muted: #64748b;\n      --text-light: #f1f5f9;\n      --border-color: #e2e8f0;\n      --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);\n      --shadow-md: 0 4px 12px rgba(11,35,65,0.08);\n      --shadow-lg: 0 10px 25px rgba(11,35,65,0.12);\n      --shadow-xl: 0 20px 35px rgba(11,35,65,0.18);\n      --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n      --radius-sm: 6px;\n      --radius-md: 12px;\n      --radius-lg: 18px;\n      --font-serif: \"Georgia\", \"Cambria\", \"Times New Roman\", serif;\n      --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    }<\/p>\n<p>    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }<\/p>\n<p>    html {\n      scroll-behavior: smooth;\n      font-size: 16px;\n    }<\/p>\n<p>    body {\n      font-family: var(--font-sans);\n      color: var(--text-main);\n      background-color: var(--slate-bg);\n      line-height: 1.6;\n      overflow-x: hidden;\n    }<\/p>\n<p>    a {\n      color: inherit;\n      text-decoration: none;\n    }<\/p>\n<p>    button, input, textarea, select {\n      font-family: inherit;\n    }<\/p>\n<p>    .container {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }<\/p>\n<p>    \/* TOP ANNOUNCEMENT BAR *\/\n    .top-bar {\n      background-color: var(--navy-dark);\n      color: var(--gold-light);\n      font-size: 0.85rem;\n      padding: 8px 0;\n      border-bottom: 1px solid rgba(205,162,80,0.25);\n    }\n    .top-bar .container {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 12px;\n    }\n    .top-bar-left {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n    .top-bar-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n    .top-bar-item svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--gold-light);\n    }\n    .top-bar-right {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n    .top-bar-link {\n      color: #cbd5e1;\n      transition: var(--transition);\n      font-weight: 500;\n    }\n    .top-bar-link:hover {\n      color: var(--gold-accent);\n    }<\/p>\n<p>    \/* NAVIGATION *\/\n    header {\n      position: sticky;\n      top: 0;\n      z-index: 1000;\n      background: rgba(11, 35, 65, 0.98);\n      backdrop-filter: blur(10px);\n      box-shadow: 0 4px 20px rgba(0,0,0,0.15);\n      border-bottom: 2px solid var(--gold-primary);\n    }\n    .nav-container {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: 76px;\n    }\n    .logo-group {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      text-decoration: none;\n    }\n    .logo-crest {\n      width: 48px;\n      height: 48px;\n      border-radius: 50%;\n      background: radial-gradient(circle, var(--gold-light) 0%, var(--gold-dark) 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 0 10px rgba(205,162,80,0.5);\n      border: 2px solid #ffffff;\n      flex-shrink: 0;\n    }\n    .logo-crest svg {\n      width: 32px;\n      height: 32px;\n    }\n    .logo-text {\n      display: flex;\n      flex-direction: column;\n    }\n    .logo-title {\n      font-family: var(--font-serif);\n      color: #ffffff;\n      font-size: 1.15rem;\n      font-weight: 700;\n      letter-spacing: 0.5px;\n      line-height: 1.2;\n    }\n    .logo-subtitle {\n      color: var(--gold-light);\n      font-size: 0.78rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n    .nav-links {\n      display: flex;\n      align-items: center;\n      gap: 24px;\n      list-style: none;\n    }\n    .nav-link {\n      color: #f1f5f9;\n      font-size: 0.92rem;\n      font-weight: 500;\n      transition: var(--transition);\n      position: relative;\n      padding: 6px 0;\n    }\n    .nav-link:hover {\n      color: var(--gold-light);\n    }\n    .nav-link::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 0;\n      height: 2px;\n      background-color: var(--gold-primary);\n      transition: var(--transition);\n    }\n    .nav-link:hover::after {\n      width: 100%;\n    }\n    .nav-actions {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 20px;\n      border-radius: var(--radius-sm);\n      font-size: 0.9rem;\n      font-weight: 600;\n      cursor: pointer;\n      transition: var(--transition);\n      border: none;\n      text-align: center;\n    }\n    .btn-gold {\n      background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%);\n      color: #0b1a2d;\n      box-shadow: 0 3px 8px rgba(205,162,80,0.3);\n    }\n    .btn-gold:hover {\n      background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(205,162,80,0.45);\n      color: #050d17;\n    }\n    .btn-navy {\n      background-color: var(--primary-navy);\n      color: #ffffff;\n      border: 1px solid rgba(205,162,80,0.4);\n    }\n    .btn-navy:hover {\n      background-color: var(--navy-light);\n      border-color: var(--gold-primary);\n      transform: translateY(-2px);\n      box-shadow: var(--shadow-md);\n    }\n    .btn-outline-gold {\n      background: transparent;\n      color: var(--gold-light);\n      border: 1.5px solid var(--gold-primary);\n    }\n    .btn-outline-gold:hover {\n      background: rgba(205,162,80,0.15);\n      color: #ffffff;\n      border-color: var(--gold-light);\n      transform: translateY(-2px);\n    }\n    .btn-crimson {\n      background: linear-gradient(135deg, var(--crimson-red) 0%, #600c19 100%);\n      color: #ffffff;\n    }\n    .btn-crimson:hover {\n      background: linear-gradient(135deg, var(--crimson-light) 0%, var(--crimson-red) 100%);\n      transform: translateY(-2px);\n      box-shadow: 0 6px 16px rgba(139,24,39,0.35);\n    }<\/p>\n<p>    .mobile-menu-btn {\n      display: none;\n      background: none;\n      border: none;\n      color: #ffffff;\n      cursor: pointer;\n      padding: 8px;\n    }\n    .mobile-menu-btn svg {\n      width: 26px;\n      height: 26px;\n    }<\/p>\n<p>    \/* HERO SECTION *\/\n    .hero {\n      position: relative;\n      background: linear-gradient(135deg, rgba(7,23,43,0.92) 0%, rgba(11,35,65,0.85) 100%),\n                  radial-gradient(ellipse at center, rgba(205,162,80,0.15) 0%, rgba(7,23,43,0.95) 75%),\n                  #07172b;\n      color: #ffffff;\n      padding: 90px 0 100px;\n      text-align: center;\n      overflow: hidden;\n    }\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: \n        radial-gradient(rgba(205,162,80,0.08) 1.5px, transparent 1.5px),\n        radial-gradient(rgba(205,162,80,0.08) 1.5px, transparent 1.5px);\n      background-size: 36px 36px;\n      background-position: 0 0, 18px 18px;\n      opacity: 0.6;\n      pointer-events: none;\n    }\n    .hero-content {\n      position: relative;\n      z-index: 2;\n      max-width: 880px;\n      margin: 0 auto;\n    }\n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(205,162,80,0.18);\n      border: 1px solid var(--gold-primary);\n      padding: 6px 18px;\n      border-radius: 50px;\n      color: var(--gold-accent);\n      font-size: 0.85rem;\n      font-weight: 600;\n      letter-spacing: 0.8px;\n      margin-bottom: 24px;\n      text-transform: uppercase;\n    }\n    .hero-badge-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background-color: var(--gold-light);\n      box-shadow: 0 0 8px var(--gold-accent);\n    }\n    .hero-title {\n      font-family: var(--font-serif);\n      font-size: 3.1rem;\n      font-weight: 700;\n      line-height: 1.18;\n      margin-bottom: 18px;\n      color: #ffffff;\n      text-shadow: 0 2px 10px rgba(0,0,0,0.4);\n    }\n    .hero-title span {\n      background: linear-gradient(135deg, #ffffff 30%, var(--gold-accent) 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      display: block;\n    }\n    .hero-subtitle {\n      font-size: 1.22rem;\n      color: #e2e8f0;\n      line-height: 1.7;\n      margin-bottom: 34px;\n      max-width: 760px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .hero-buttons {\n      display: flex;\n      justify-content: center;\n      gap: 16px;\n      flex-wrap: wrap;\n      margin-bottom: 48px;\n    }\n    .hero-stats {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n      padding-top: 36px;\n      border-top: 1px solid rgba(205,162,80,0.25);\n    }\n    .stat-card {\n      background: rgba(11,35,65,0.6);\n      border: 1px solid rgba(205,162,80,0.2);\n      border-radius: var(--radius-md);\n      padding: 16px 12px;\n      backdrop-filter: blur(5px);\n      transition: var(--transition);\n    }\n    .stat-card:hover {\n      border-color: var(--gold-primary);\n      transform: translateY(-3px);\n      background: rgba(11,35,65,0.85);\n    }\n    .stat-number {\n      font-family: var(--font-serif);\n      font-size: 1.85rem;\n      font-weight: 700;\n      color: var(--gold-accent);\n      margin-bottom: 4px;\n    }\n    .stat-label {\n      font-size: 0.8rem;\n      color: #cbd5e1;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 500;\n    }<\/p>\n<p>    \/* SECTION BASICS *\/\n    section {\n      padding: 85px 0;\n    }\n    .section-header {\n      text-align: center;\n      max-width: 720px;\n      margin: 0 auto 52px;\n    }\n    .section-tag {\n      display: inline-block;\n      color: var(--gold-dark);\n      font-size: 0.85rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 1.5px;\n      margin-bottom: 8px;\n    }\n    .section-title {\n      font-family: var(--font-serif);\n      font-size: 2.35rem;\n      color: var(--primary-navy);\n      margin-bottom: 14px;\n      font-weight: 700;\n      line-height: 1.25;\n    }\n    .section-desc {\n      font-size: 1.05rem;\n      color: var(--text-muted);\n      line-height: 1.65;\n    }<\/p>\n<p>    \/* PRINCIPLES CARDS *\/\n    .principles-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 24px;\n    }\n    .principle-card {\n      background: var(--card-bg);\n      border-radius: var(--radius-md);\n      padding: 32px 24px;\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n      transition: var(--transition);\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    }\n    .principle-card:hover {\n      transform: translateY(-6px);\n      box-shadow: var(--shadow-lg);\n      border-color: var(--gold-primary);\n    }\n    .principle-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 4px;\n      background: var(--primary-navy);\n      border-top-left-radius: var(--radius-md);\n      border-top-right-radius: var(--radius-md);\n      transition: var(--transition);\n    }\n    .principle-card:hover::before {\n      background: var(--gold-primary);\n    }\n    .principle-icon {\n      width: 54px;\n      height: 54px;\n      border-radius: 12px;\n      background: rgba(11,35,65,0.05);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 20px;\n      color: var(--primary-navy);\n      transition: var(--transition);\n    }\n    .principle-card:hover .principle-icon {\n      background: var(--primary-navy);\n      color: var(--gold-light);\n    }\n    .principle-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n    .principle-title {\n      font-family: var(--font-serif);\n      font-size: 1.35rem;\n      color: var(--primary-navy);\n      margin-bottom: 10px;\n    }\n    .principle-motto {\n      font-size: 0.8rem;\n      font-weight: 700;\n      color: var(--gold-dark);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      margin-bottom: 12px;\n    }\n    .principle-desc {\n      font-size: 0.93rem;\n      color: var(--text-muted);\n      line-height: 1.6;\n    }<\/p>\n<p>    \/* ABOUT \/ PATRON SECTION *\/\n    .about-section {\n      background-color: #ffffff;\n      border-top: 1px solid var(--border-color);\n      border-bottom: 1px solid var(--border-color);\n    }\n    .about-layout {\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 56px;\n      align-items: center;\n    }\n    .about-text h3 {\n      font-family: var(--font-serif);\n      font-size: 1.85rem;\n      color: var(--primary-navy);\n      margin-bottom: 16px;\n      line-height: 1.3;\n    }\n    .about-text p {\n      color: #334155;\n      font-size: 1rem;\n      margin-bottom: 18px;\n      line-height: 1.7;\n    }\n    .highlight-box {\n      background: #fdfbf7;\n      border-left: 4px solid var(--gold-primary);\n      padding: 18px 22px;\n      border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\n      margin: 24px 0;\n    }\n    .highlight-box p {\n      font-style: italic;\n      color: #475569;\n      margin: 0;\n      font-size: 0.97rem;\n    }\n    .about-card-badge {\n      background: var(--navy-dark);\n      color: #ffffff;\n      border-radius: var(--radius-lg);\n      padding: 36px 32px;\n      position: relative;\n      box-shadow: var(--shadow-xl);\n      border: 1px solid rgba(205,162,80,0.3);\n    }\n    .about-card-badge::after {\n      content: '';\n      position: absolute;\n      top: -10px;\n      right: -10px;\n      width: 100px;\n      height: 100px;\n      background: radial-gradient(circle, rgba(205,162,80,0.2) 0%, transparent 70%);\n      pointer-events: none;\n    }\n    .about-card-badge h4 {\n      font-family: var(--font-serif);\n      font-size: 1.45rem;\n      color: var(--gold-light);\n      margin-bottom: 14px;\n    }\n    .patron-quote {\n      font-size: 1.1rem;\n      font-style: italic;\n      color: #f8fafc;\n      margin-bottom: 16px;\n      line-height: 1.6;\n    }\n    .key-facts-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-top: 20px;\n    }\n    .key-fact-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      font-size: 0.92rem;\n      color: #cbd5e1;\n    }\n    .key-fact-icon {\n      color: var(--gold-primary);\n      flex-shrink: 0;\n      margin-top: 3px;\n    }<\/p>\n<p>    \/* FAITH IN ACTION TABS *\/\n    .programs-section {\n      background-color: var(--slate-bg);\n    }\n    .tabs-nav {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      margin-bottom: 36px;\n      flex-wrap: wrap;\n    }\n    .tab-btn {\n      padding: 12px 26px;\n      border-radius: 50px;\n      border: 1px solid var(--border-color);\n      background: #ffffff;\n      color: var(--text-main);\n      font-weight: 600;\n      font-size: 0.95rem;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: var(--transition);\n      box-shadow: var(--shadow-sm);\n    }\n    .tab-btn:hover {\n      border-color: var(--gold-primary);\n      color: var(--primary-navy);\n      transform: translateY(-2px);\n    }\n    .tab-btn.active {\n      background: var(--primary-navy);\n      color: #ffffff;\n      border-color: var(--primary-navy);\n      box-shadow: 0 4px 14px rgba(11,35,65,0.25);\n    }\n    .tab-btn.active .tab-badge {\n      background: var(--gold-primary);\n      color: var(--navy-dark);\n    }\n    .tab-badge {\n      background: #e2e8f0;\n      color: var(--text-muted);\n      border-radius: 20px;\n      padding: 2px 8px;\n      font-size: 0.75rem;\n      font-weight: 700;\n      transition: var(--transition);\n    }<\/p>\n<p>    .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease-in-out;\n    }\n    .tab-content.active {\n      display: block;\n    }\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(8px); }\n      to { opacity: 1; transform: translateY(0); }\n    }<\/p>\n<p>    .programs-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n    .program-card {\n      background: #ffffff;\n      border-radius: var(--radius-md);\n      padding: 28px;\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n      display: flex;\n      flex-direction: column;\n      transition: var(--transition);\n    }\n    .program-card:hover {\n      box-shadow: var(--shadow-lg);\n      transform: translateY(-4px);\n      border-color: rgba(205,162,80,0.5);\n    }\n    .program-tag {\n      align-self: flex-start;\n      font-size: 0.75rem;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      padding: 4px 10px;\n      border-radius: 4px;\n      margin-bottom: 16px;\n    }\n    .tag-faith { background: #eff6ff; color: #1d4ed8; }\n    .tag-family { background: #f0fdf4; color: #15803d; }\n    .tag-community { background: #fefce8; color: #a16207; }\n    .tag-life { background: #fdf2f8; color: #be185d; }<\/p>\n<p>    .program-title {\n      font-family: var(--font-serif);\n      font-size: 1.25rem;\n      color: var(--primary-navy);\n      margin-bottom: 12px;\n      line-height: 1.35;\n    }\n    .program-desc {\n      font-size: 0.92rem;\n      color: var(--text-muted);\n      line-height: 1.6;\n      margin-bottom: 20px;\n      flex-grow: 1;\n    }\n    .program-meta {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 0.85rem;\n      color: #64748b;\n      padding-top: 14px;\n      border-top: 1px solid #f1f5f9;\n    }\n    .program-meta svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--gold-dark);\n    }<\/p>\n<p>    \/* EVENTS CALENDAR SECTION *\/\n    .events-section {\n      background-color: #ffffff;\n      border-top: 1px solid var(--border-color);\n    }\n    .events-header-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      margin-bottom: 32px;\n    }\n    .event-filters {\n      display: flex;\n      gap: 8px;\n      flex-wrap: wrap;\n    }\n    .event-filter-btn {\n      padding: 6px 14px;\n      border-radius: 20px;\n      border: 1px solid var(--border-color);\n      background: var(--slate-bg);\n      font-size: 0.85rem;\n      font-weight: 500;\n      cursor: pointer;\n      transition: var(--transition);\n    }\n    .event-filter-btn.active, .event-filter-btn:hover {\n      background: var(--primary-navy);\n      color: #ffffff;\n      border-color: var(--primary-navy);\n    }\n    .events-list {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n    .event-item {\n      display: grid;\n      grid-template-columns: 100px 1fr auto;\n      gap: 24px;\n      align-items: center;\n      background: var(--card-bg);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: 20px 24px;\n      box-shadow: var(--shadow-sm);\n      transition: var(--transition);\n    }\n    .event-item:hover {\n      border-color: var(--gold-primary);\n      box-shadow: var(--shadow-md);\n      transform: translateX(4px);\n    }\n    .event-date-box {\n      text-align: center;\n      background: var(--slate-bg);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-sm);\n      padding: 8px;\n    }\n    .event-month {\n      font-size: 0.75rem;\n      font-weight: 700;\n      color: var(--crimson-red);\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n    .event-day {\n      font-family: var(--font-serif);\n      font-size: 1.65rem;\n      font-weight: 700;\n      color: var(--primary-navy);\n      line-height: 1.1;\n    }\n    .event-time-badge {\n      font-size: 0.72rem;\n      color: var(--text-muted);\n    }\n    .event-content h4 {\n      font-family: var(--font-serif);\n      font-size: 1.2rem;\n      color: var(--primary-navy);\n      margin-bottom: 6px;\n    }\n    .event-content p {\n      font-size: 0.92rem;\n      color: var(--text-muted);\n      line-height: 1.5;\n      margin-bottom: 8px;\n    }\n    .event-loc {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 0.84rem;\n      color: #64748b;\n    }\n    .event-loc svg {\n      width: 14px;\n      height: 14px;\n      fill: var(--gold-dark);\n    }\n    .event-action {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      gap: 8px;\n    }\n    .event-badge {\n      font-size: 0.75rem;\n      font-weight: 600;\n      padding: 4px 10px;\n      border-radius: 20px;\n      background: #eff6ff;\n      color: #1e40af;\n    }<\/p>\n<p>    \/* MEMBERSHIP \/ JOIN SECTION *\/\n    .join-section {\n      background: linear-gradient(135deg, var(--navy-dark) 0%, var(--primary-navy) 100%);\n      color: #ffffff;\n      position: relative;\n    }\n    .join-section::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background-image: radial-gradient(rgba(205,162,80,0.12) 1px, transparent 1px);\n      background-size: 24px 24px;\n      opacity: 0.4;\n      pointer-events: none;\n    }\n    .join-grid {\n      display: grid;\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 52px;\n      position: relative;\n      z-index: 2;\n      align-items: flex-start;\n    }\n    .join-info h3 {\n      font-family: var(--font-serif);\n      font-size: 2.25rem;\n      color: #ffffff;\n      margin-bottom: 18px;\n      line-height: 1.25;\n    }\n    .join-info h3 span {\n      color: var(--gold-accent);\n    }\n    .join-info p {\n      font-size: 1.05rem;\n      color: #cbd5e1;\n      line-height: 1.7;\n      margin-bottom: 24px;\n    }\n    .requirements-box {\n      background: rgba(255,255,255,0.06);\n      border: 1px solid rgba(205,162,80,0.3);\n      border-radius: var(--radius-md);\n      padding: 22px;\n      margin-bottom: 28px;\n    }\n    .requirements-title {\n      font-family: var(--font-serif);\n      font-size: 1.1rem;\n      color: var(--gold-light);\n      margin-bottom: 12px;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .requirements-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    .requirements-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 0.94rem;\n      color: #e2e8f0;\n    }\n    .check-icon {\n      color: var(--gold-accent);\n      flex-shrink: 0;\n    }<\/p>\n<p>    \/* MEMBERSHIP FORM *\/\n    .join-form-card {\n      background: #ffffff;\n      color: var(--text-main);\n      border-radius: var(--radius-lg);\n      padding: 36px 32px;\n      box-shadow: var(--shadow-xl);\n      border: 1px solid rgba(205,162,80,0.35);\n    }\n    .form-header {\n      margin-bottom: 22px;\n      text-align: center;\n    }\n    .form-header h4 {\n      font-family: var(--font-serif);\n      font-size: 1.55rem;\n      color: var(--primary-navy);\n      margin-bottom: 6px;\n    }\n    .form-header p {\n      font-size: 0.88rem;\n      color: var(--text-muted);\n    }\n    .form-group {\n      margin-bottom: 16px;\n    }\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n    }\n    .form-label {\n      display: block;\n      font-size: 0.85rem;\n      font-weight: 600;\n      color: #334155;\n      margin-bottom: 6px;\n    }\n    .form-control {\n      width: 100%;\n      padding: 10px 14px;\n      border: 1.5px solid #cbd5e1;\n      border-radius: var(--radius-sm);\n      font-size: 0.92rem;\n      transition: var(--transition);\n      background-color: #f8fafc;\n    }\n    .form-control:focus {\n      outline: none;\n      border-color: var(--primary-navy);\n      background-color: #ffffff;\n      box-shadow: 0 0 0 3px rgba(11,35,65,0.1);\n    }\n    .form-check-group {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-top: 8px;\n    }\n    .form-check {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 0.88rem;\n      color: #475569;\n      cursor: pointer;\n    }\n    .form-submit-btn {\n      width: 100%;\n      padding: 13px;\n      font-size: 1rem;\n      margin-top: 10px;\n    }\n    .form-success-alert {\n      display: none;\n      background: #ecfdf5;\n      border: 1px solid #10b981;\n      color: #065f46;\n      padding: 16px;\n      border-radius: var(--radius-sm);\n      text-align: center;\n      margin-top: 16px;\n      font-size: 0.92rem;\n    }<\/p>\n<p>    \/* INSURANCE SECTION *\/\n    .insurance-section {\n      background-color: #ffffff;\n      border-bottom: 1px solid var(--border-color);\n    }\n    .insurance-banner {\n      background: linear-gradient(135deg, #fdfbf7 0%, #f7f3e8 100%);\n      border: 1px solid rgba(205,162,80,0.35);\n      border-radius: var(--radius-lg);\n      padding: 44px;\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 40px;\n      align-items: center;\n    }\n    .insurance-content h3 {\n      font-family: var(--font-serif);\n      font-size: 1.85rem;\n      color: var(--primary-navy);\n      margin-bottom: 14px;\n      line-height: 1.3;\n    }\n    .insurance-content p {\n      color: #475569;\n      font-size: 0.98rem;\n      margin-bottom: 20px;\n      line-height: 1.65;\n    }\n    .insurance-perks {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 16px;\n    }\n    .perk-item {\n      background: #ffffff;\n      padding: 16px;\n      border-radius: var(--radius-sm);\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n    .perk-title {\n      font-weight: 700;\n      color: var(--primary-navy);\n      font-size: 0.95rem;\n      margin-bottom: 4px;\n    }\n    .perk-desc {\n      font-size: 0.82rem;\n      color: var(--text-muted);\n    }<\/p>\n<p>    \/* FAQ SECTION *\/\n    .faq-section {\n      background-color: var(--slate-bg);\n    }\n    .faq-container {\n      max-width: 820px;\n      margin: 0 auto;\n    }\n    .faq-item {\n      background: #ffffff;\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      margin-bottom: 14px;\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n      transition: var(--transition);\n    }\n    .faq-item:hover {\n      border-color: rgba(205,162,80,0.4);\n    }\n    .faq-question {\n      width: 100%;\n      text-align: left;\n      padding: 20px 24px;\n      background: none;\n      border: none;\n      font-family: var(--font-serif);\n      font-size: 1.12rem;\n      font-weight: 600;\n      color: var(--primary-navy);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      cursor: pointer;\n    }\n    .faq-icon {\n      width: 20px;\n      height: 20px;\n      color: var(--gold-dark);\n      transition: transform 0.3s ease;\n      flex-shrink: 0;\n    }\n    .faq-item.active .faq-icon {\n      transform: rotate(180deg);\n    }\n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s ease-out, padding 0.3s ease;\n      padding: 0 24px;\n      color: #475569;\n      font-size: 0.95rem;\n      line-height: 1.65;\n    }\n    .faq-item.active .faq-answer {\n      padding-bottom: 22px;\n    }<\/p>\n<p>    \/* CONTACT & LOCATION *\/\n    .contact-section {\n      background-color: #ffffff;\n      border-top: 1px solid var(--border-color);\n    }\n    .contact-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 48px;\n    }\n    .contact-card {\n      background: var(--slate-bg);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 36px 32px;\n    }\n    .contact-card h3 {\n      font-family: var(--font-serif);\n      font-size: 1.65rem;\n      color: var(--primary-navy);\n      margin-bottom: 20px;\n    }\n    .contact-details-list {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      margin-bottom: 28px;\n    }\n    .contact-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n    }\n    .contact-icon-wrap {\n      width: 44px;\n      height: 44px;\n      border-radius: 10px;\n      background: rgba(11,35,65,0.08);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--primary-navy);\n      flex-shrink: 0;\n    }\n    .contact-icon-wrap svg {\n      width: 20px;\n      height: 20px;\n    }\n    .contact-text-label {\n      font-size: 0.8rem;\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      font-weight: 700;\n      color: var(--gold-dark);\n      margin-bottom: 2px;\n    }\n    .contact-text-val {\n      font-size: 0.98rem;\n      color: var(--text-main);\n      font-weight: 500;\n    }\n    .contact-text-sub {\n      font-size: 0.85rem;\n      color: var(--text-muted);\n    }<\/p>\n<p>    .church-info-badge {\n      background: #ffffff;\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: 20px;\n      border-left: 4px solid var(--gold-primary);\n    }\n    .church-info-badge h5 {\n      font-family: var(--font-serif);\n      font-size: 1.05rem;\n      color: var(--primary-navy);\n      margin-bottom: 6px;\n    }\n    .church-info-badge p {\n      font-size: 0.88rem;\n      color: var(--text-muted);\n    }<\/p>\n<p>    \/* FOOTER *\/\n    footer {\n      background-color: var(--navy-dark);\n      color: #94a3b8;\n      padding: 65px 0 25px;\n      border-top: 3px solid var(--gold-primary);\n    }\n    .footer-grid {\n      display: grid;\n      grid-template-columns: 2fr 1fr 1fr 1.2fr;\n      gap: 40px;\n      margin-bottom: 48px;\n    }\n    .footer-brand h4 {\n      font-family: var(--font-serif);\n      font-size: 1.35rem;\n      color: #ffffff;\n      margin-bottom: 12px;\n    }\n    .footer-brand p {\n      font-size: 0.9rem;\n      line-height: 1.65;\n      margin-bottom: 18px;\n      max-width: 320px;\n    }\n    .footer-col h5 {\n      font-family: var(--font-serif);\n      color: var(--gold-light);\n      font-size: 1.05rem;\n      margin-bottom: 18px;\n    }\n    .footer-links {\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n    .footer-links a {\n      font-size: 0.88rem;\n      color: #cbd5e1;\n      transition: var(--transition);\n    }\n    .footer-links a:hover {\n      color: var(--gold-accent);\n      padding-left: 4px;\n    }\n    .footer-bottom {\n      border-top: 1px solid rgba(255,255,255,0.08);\n      padding-top: 24px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      font-size: 0.82rem;\n    }\n    .footer-disclaimer {\n      font-size: 0.78rem;\n      color: #64748b;\n      line-height: 1.5;\n    }<\/p>\n<p>    \/* MODAL *\/\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(7,23,43,0.75);\n      backdrop-filter: blur(4px);\n      z-index: 2000;\n      display: none;\n      align-items: center;\n      justify-content: center;\n      padding: 20px;\n    }\n    .modal-card {\n      background: #ffffff;\n      border-radius: var(--radius-lg);\n      max-width: 580px;\n      width: 100%;\n      padding: 32px;\n      position: relative;\n      box-shadow: var(--shadow-xl);\n      border: 1px solid var(--gold-primary);\n      animation: modalPop 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    @keyframes modalPop {\n      from { transform: scale(0.92); opacity: 0; }\n      to { transform: scale(1); opacity: 1; }\n    }\n    .modal-close {\n      position: absolute;\n      top: 20px;\n      right: 20px;\n      background: none;\n      border: none;\n      cursor: pointer;\n      color: #64748b;\n      padding: 4px;\n    }\n    .modal-close:hover {\n      color: var(--primary-navy);\n    }<\/p>\n<p>    \/* RESPONSIVE BREAKPOINTS *\/\n    @media (max-width: 1024px) {\n      .hero-title { font-size: 2.6rem; }\n      .principles-grid { grid-template-columns: repeat(2, 1fr); }\n      .programs-grid { grid-template-columns: repeat(2, 1fr); }\n      .about-layout { grid-template-columns: 1fr; }\n      .join-grid { grid-template-columns: 1fr; }\n      .insurance-banner { grid-template-columns: 1fr; }\n      .footer-grid { grid-template-columns: 1fr 1fr; }\n    }\n    @media (max-width: 768px) {\n      .top-bar { display: none; }\n      .nav-links, .nav-actions { display: none; }\n      .mobile-menu-btn { display: block; }\n      .hero-title { font-size: 2.15rem; }\n      .hero-subtitle { font-size: 1.05rem; }\n      .hero-stats { grid-template-columns: repeat(2, 1fr); }\n      .principles-grid { grid-template-columns: 1fr; }\n      .programs-grid { grid-template-columns: 1fr; }\n      .event-item { grid-template-columns: 80px 1fr; }\n      .event-action { grid-column: span 2; align-items: flex-start; }\n      .contact-grid { grid-template-columns: 1fr; }\n      .insurance-perks { grid-template-columns: 1fr; }\n      .footer-grid { grid-template-columns: 1fr; }\n      .form-row { grid-template-columns: 1fr; }\n    }<\/p>\n<p>    \/* MOBILE DRAWER NAV *\/\n    .mobile-nav-drawer {\n      position: fixed;\n      top: 76px;\n      left: 0;\n      right: 0;\n      background: var(--navy-dark);\n      border-bottom: 2px solid var(--gold-primary);\n      padding: 24px;\n      display: none;\n      flex-direction: column;\n      gap: 16px;\n      z-index: 999;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.3);\n    }\n    .mobile-nav-drawer.open {\n      display: flex;\n    }\n    .mobile-nav-link {\n      color: #f1f5f9;\n      font-size: 1.05rem;\n      font-weight: 600;\n      padding: 10px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.08);\n    }\n    .mobile-nav-link:hover {\n      color: var(--gold-light);\n    }\n  <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p>  <!-- TOP BAR --><\/p>\n<div class=\"top-bar\">\n<div class=\"container\">\n<div class=\"top-bar-left\">\n<div class=\"top-bar-item\">\n          <!-- Cross \/ Parish Icon --><br \/>\n          <svg viewBox=\"0 0 24 24\"><path d=\"M11 2h2v6h6v2h-6v12h-2v-12h-6v-2h6z\"\/><\/svg><br \/>\n          <span>Saint Benedict Parish, Milton, Ontario<\/span>\n        <\/div>\n<div class=\"top-bar-item\">\n          <!-- Clock Icon --><br \/>\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.2 3.2.8-1.3-4.5-2.7V7z\"\/><\/svg><br \/>\n          <span>Meetings: Every 4th Thursday at 7:30 PM<\/span>\n        <\/div>\n<\/p><\/div>\n<div class=\"top-bar-right\">\n        <a href=\"mailto:koc16746@gmail.com\" class=\"top-bar-item top-bar-link\"><br \/>\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg><br \/>\n          <span>koc16746@gmail.com<\/span><br \/>\n        <\/a><br \/>\n        <a href=\"tel:12898783118\" class=\"top-bar-item top-bar-link\"><br \/>\n          <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg><br \/>\n          <span>(289) 878-3118<\/span><br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- MAIN NAVIGATION --><\/p>\n<header>\n<div class=\"container nav-container\">\n      <a href=\"#hero\" class=\"logo-group\"><\/p>\n<div class=\"logo-crest\" title=\"Knights of Columbus Council 16746\">\n          <!-- K of C Custom Vector Emblem --><br \/>\n          <svg viewBox=\"0 0 100 100\">\n            <!-- Red\/White\/Blue Shield Motif -->\n            <polygon points=\"50,10 85,25 85,60 50,90 15,60 15,25\" fill=\"#0b2341\" stroke=\"#ffffff\" stroke-width=\"3\"\/>\n            <!-- Maltese\/Patonce cross inside -->\n            <path d=\"M50 20 L58 38 L76 38 L62 50 L68 68 L50 56 L32 68 L38 50 L24 38 L42 38 Z\" fill=\"#cda250\" stroke=\"#07172b\" stroke-width=\"1.5\"\/>\n            <!-- Center Anchor & Sword Cross -->\n            <circle cx=\"50\" cy=\"48\" r=\"8\" fill=\"#ffffff\" stroke=\"#8b1827\" stroke-width=\"2\"\/>\n            <path d=\"M50 42 L50 54 M45 46 L55 46\" stroke=\"#8b1827\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n<div class=\"logo-text\">\n          <span class=\"logo-title\">Knights of Columbus<\/span><br \/>\n          <span class=\"logo-subtitle\">St. Benedict of Nursia \u2022 Council 16746 \u2022 Milton<\/span>\n        <\/div>\n<p>      <\/a><\/p>\n<ul class=\"nav-links\">\n<li><a href=\"#about\" class=\"nav-link\">About Council<\/a><\/li>\n<li><a href=\"#principles\" class=\"nav-link\">Principles<\/a><\/li>\n<li><a href=\"#faith-in-action\" class=\"nav-link\">Faith In Action<\/a><\/li>\n<li><a href=\"#events\" class=\"nav-link\">Events<\/a><\/li>\n<li><a href=\"#membership\" class=\"nav-link\">Join Us<\/a><\/li>\n<li><a href=\"#insurance\" class=\"nav-link\">Fraternal Benefits<\/a><\/li>\n<li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\n<li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\n<\/ul>\n<div class=\"nav-actions\">\n        <a href=\"#membership\" class=\"btn btn-gold\">Become a Knight<\/a>\n      <\/div>\n<p>      <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\" aria-label=\"Toggle Navigation\"><br \/>\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n          <path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/>\n        <\/svg><br \/>\n      <\/button>\n    <\/div>\n<\/header>\n<p>  <!-- MOBILE NAV DRAWER --><\/p>\n<div class=\"mobile-nav-drawer\" id=\"mobileNavDrawer\">\n    <a href=\"#about\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">About Council<\/a><br \/>\n    <a href=\"#principles\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">Principles<\/a><br \/>\n    <a href=\"#faith-in-action\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">Faith In Action<\/a><br \/>\n    <a href=\"#events\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">Events Calendar<\/a><br \/>\n    <a href=\"#membership\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">Join Council 16746<\/a><br \/>\n    <a href=\"#insurance\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">Fraternal Insurance<\/a><br \/>\n    <a href=\"#faq\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">FAQ<\/a><br \/>\n    <a href=\"#contact\" class=\"mobile-nav-link\" onclick=\"toggleMobileNav()\">Contact &#038; Location<\/a><br \/>\n    <a href=\"#membership\" class=\"btn btn-gold\" style=\"width:100%; margin-top:8px;\" onclick=\"toggleMobileNav()\">Join Now<\/a>\n  <\/div>\n<p>  <!-- HERO SECTION --><\/p>\n<section class=\"hero\" id=\"hero\">\n<div class=\"container hero-content\">\n<div class=\"hero-badge\">\n        <span class=\"hero-badge-dot\"><\/span><br \/>\n        <span>St. Benedict of Nursia Council 16746 \u2022 Chartered 2017<\/span>\n      <\/div>\n<h1 class=\"hero-title\">\n        Empowering Catholic Men in<br \/>\n        <span>Charity, Unity, &#038; Fraternity<\/span><br \/>\n      <\/h1>\n<p class=\"hero-subtitle\">\n        We are a dedicated brotherhood of Catholic men aged 18+ serving Saint Benedict Parish and the Milton community. Guided by our Catholic faith and our Pastor &#038; Chaplain, we put faith into action every single day.\n      <\/p>\n<div class=\"hero-buttons\">\n        <a href=\"#membership\" class=\"btn btn-gold\" style=\"padding: 13px 28px; font-size: 1rem;\"><br \/>\n          Join Our Brotherhood<br \/>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M5 13h11.86l-5.43 5.43 1.42 1.42L21.14 12l-8.29-8.29-1.42 1.42L16.86 11H5v2z\"\/><\/svg><br \/>\n        <\/a><br \/>\n        <a href=\"#events\" class=\"btn btn-outline-gold\" style=\"padding: 13px 26px; font-size: 1rem;\"><br \/>\n          Upcoming Council Events<br \/>\n        <\/a><br \/>\n        <a href=\"#faith-in-action\" class=\"btn btn-navy\" style=\"padding: 13px 24px; font-size: 1rem;\"><br \/>\n          Faith in Action Programs<br \/>\n        <\/a>\n      <\/div>\n<div class=\"hero-stats\">\n<div class=\"stat-card\">\n<div class=\"stat-number\">2017<\/div>\n<div class=\"stat-label\">Council Established<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n<div class=\"stat-number\">16746<\/div>\n<div class=\"stat-label\">Supreme Council #<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n<div class=\"stat-number\">4 Pillars<\/div>\n<div class=\"stat-label\">Faith, Family, Community, Life<\/div>\n<\/p><\/div>\n<div class=\"stat-card\">\n<div class=\"stat-number\">Milton, ON<\/div>\n<div class=\"stat-label\">St. Benedict Parish Home<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- PRINCIPLES SECTION --><\/p>\n<section class=\"principles-section\" id=\"principles\">\n<div class=\"container\">\n<div class=\"section-header\">\n        <span class=\"section-tag\">Cornerstone of our Order<\/span><\/p>\n<h2 class=\"section-title\">The Four Core Principles<\/h2>\n<p class=\"section-desc\">\n          Founded by Blessed Michael McGivney in 1882, the Knights of Columbus stands upon four timeless pillars that guide every Knight in Council 16746.\n        <\/p>\n<\/p><\/div>\n<div class=\"principles-grid\">\n        <!-- 1. Charity --><\/p>\n<div class=\"principle-card\">\n<div class=\"principle-icon\">\n            <!-- Heart in Hand \/ Charity Icon --><br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n            <\/svg>\n          <\/div>\n<div class=\"principle-motto\">First Principle<\/div>\n<h3 class=\"principle-title\">Charity<\/h3>\n<p class=\"principle-desc\">\n            &#8220;Love thy neighbor as thyself.&#8221; Our Catholic faith teaches us that compassion requires active deeds. From parish food drives with Food for Life to community disaster relief, Coats for Kids, and local Milton families in need.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- 2. Unity --><\/p>\n<div class=\"principle-card\">\n<div class=\"principle-icon\">\n            <!-- Unity \/ Interlocking Links Icon --><br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M16 11V5h4v6h-4zm-2 2h8V3h-8v10zm-4-4V3H2v6h8zm-2 2H0V1h12v10zM6 15v6h4v-6H6zm-2 2H0v8h12v-8H4zm12 0v6h4v-6h-4zm-2 2h8v8h-8v-8z\"\/>\n            <\/svg>\n          <\/div>\n<div class=\"principle-motto\">Second Principle<\/div>\n<h3 class=\"principle-title\">Unity<\/h3>\n<p class=\"principle-desc\">\n            Together we accomplish far more than any individual can alone. By uniting as brother Knights with Saint Benedict Parish and our Pastor, we stand as one body defending our Catholic faith and serving our neighbor.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- 3. Fraternity --><\/p>\n<div class=\"principle-card\">\n<div class=\"principle-icon\">\n            <!-- Brotherhood \/ Group Icon --><br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/>\n            <\/svg>\n          <\/div>\n<div class=\"principle-motto\">Third Principle<\/div>\n<h3 class=\"principle-title\">Fraternity<\/h3>\n<p class=\"principle-desc\">\n            A genuine brotherhood where Catholic men encourage one another spiritually, support each other&#8217;s families through hardships, and forge enduring friendships centered on faith, honor, and mutual respect.\n          <\/p>\n<\/p><\/div>\n<p>        <!-- 4. Patriotism --><\/p>\n<div class=\"principle-card\">\n<div class=\"principle-icon\">\n            <!-- Flag \/ Shield Icon --><br \/>\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z\"\/>\n            <\/svg>\n          <\/div>\n<div class=\"principle-motto\">Fourth Principle<\/div>\n<h3 class=\"principle-title\">Patriotism<\/h3>\n<p class=\"principle-desc\">\n            Proudly supporting our community and our nation. We honor those who serve in uniform, promote civic engagement, and defend religious liberty and moral values in our beloved Canadian society.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- ABOUT & PATRON SAINT SECTION --><\/p>\n<section class=\"about-section\" id=\"about\">\n<div class=\"container\">\n<div class=\"about-layout\">\n<div class=\"about-text\">\n          <span class=\"section-tag\">Rooted in Tradition<\/span><\/p>\n<h3>Saint Benedict of Nursia Council 16746<\/h3>\n<p>\n            Established in <strong>2017<\/strong> in Milton, Ontario, our council takes its name and inspiration from <strong>Saint Benedict of Nursia<\/strong> (c. 480\u2013548 AD), Father of Western Monasticism and Patron of Europe. Benedict&#8217;s motto, <em>&#8220;Ora et Labora&#8221;<\/em> (Prayer and Work), perfectly captures our call as Catholic gentlemen: to unite prayerful devotion with tireless service.\n          <\/p>\n<p>\n            Operating directly under the pastoral guidance of our Pastor and Chaplain at <strong>Saint Benedict Parish<\/strong>, Council 16746 brings together Catholic men from all walks of life\u2014young professionals, fathers, retirees, and community leaders\u2014who share a common goal: living their Catholic faith boldly and making a tangible difference in Milton.\n          <\/p>\n<div class=\"highlight-box\">\n<p>\n              &#8220;The Knights of Columbus is the largest Catholic fraternal service organization in the world with over 2 million members. In our parish, we are sons, husbands, and fathers putting faith into action every single week.&#8221;\n            <\/p>\n<\/p><\/div>\n<p>\n            Whether serving at the parish barbecue, organizing the annual Milton Rosary Rally, providing coats for children in winter, or gathering for fraternal fellowship, our brothers stand ready to serve.\n          <\/p>\n<div style=\"display:flex; gap:14px; margin-top:24px;\">\n            <a href=\"#events\" class=\"btn btn-navy\">View Council Schedule<\/a><br \/>\n            <a href=\"#membership\" class=\"btn btn-gold\">Join St. Benedict Council<\/a>\n          <\/div>\n<\/p><\/div>\n<div class=\"about-card-badge\">\n<h4>Saint Benedict&#8217;s Rule &#038; Motto<\/h4>\n<p class=\"patron-quote\">\n            &#8220;Listen carefully, my son, to the master&#8217;s instructions, and attend to them with the ear of your heart&#8230; Prefer nothing whatever to the love of Christ.&#8221;\n          <\/p>\n<hr style=\"border: 0; border-top: 1px solid rgba(205,162,80,0.3); margin: 18px 0;\">\n<h5 style=\"color:var(--gold-accent); margin-bottom:12px; font-size:1rem;\">Council 16746 Snapshot<\/h5>\n<ul class=\"key-facts-list\">\n<li class=\"key-fact-item\">\n              <span class=\"key-fact-icon\">\u2713<\/span><br \/>\n              <span><strong>Chartered:<\/strong> 2017 in Milton, Ontario (District 105)<\/span>\n            <\/li>\n<li class=\"key-fact-item\">\n              <span class=\"key-fact-icon\">\u2713<\/span><br \/>\n              <span><strong>Parish Home:<\/strong> Saint Benedict Parish, 300 Yates Drive, Milton<\/span>\n            <\/li>\n<li class=\"key-fact-item\">\n              <span class=\"key-fact-icon\">\u2713<\/span><br \/>\n              <span><strong>Pastor &#038; Chaplain:<\/strong> Rev. Jim Petrie<\/span>\n            <\/li>\n<li class=\"key-fact-item\">\n              <span class=\"key-fact-icon\">\u2713<\/span><br \/>\n              <span><strong>Monthly Assembly:<\/strong> Every 4th Thursday at 7:30 PM<\/span>\n            <\/li>\n<li class=\"key-fact-item\">\n              <span class=\"key-fact-icon\">\u2713<\/span><br \/>\n              <span><strong>Council Email:<\/strong> koc16746@gmail.com<\/span>\n            <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- FAITH IN ACTION (4 PILLARS) --><\/p>\n<section class=\"programs-section\" id=\"faith-in-action\">\n<div class=\"container\">\n<div class=\"section-header\">\n        <span class=\"section-tag\">Our Programs<\/span><\/p>\n<h2 class=\"section-title\">Faith in Action<\/h2>\n<p class=\"section-desc\">\n          The Knights of Columbus program model is structured around four foundational areas of service. Explore how Council 16746 serves our Church, our families, and the Milton community.\n        <\/p>\n<\/p><\/div>\n<div class=\"tabs-nav\">\n        <button class=\"tab-btn active\" onclick=\"switchTab('all', this)\"><br \/>\n          <span>All Ministries<\/span><br \/>\n          <span class=\"tab-badge\">12<\/span><br \/>\n        <\/button><br \/>\n        <button class=\"tab-btn\" onclick=\"switchTab('faith', this)\"><br \/>\n          <span>Faith<\/span><br \/>\n          <span class=\"tab-badge\">3<\/span><br \/>\n        <\/button><br \/>\n        <button class=\"tab-btn\" onclick=\"switchTab('family', this)\"><br \/>\n          <span>Family<\/span><br \/>\n          <span class=\"tab-badge\">3<\/span><br \/>\n        <\/button><br \/>\n        <button class=\"tab-btn\" onclick=\"switchTab('community', this)\"><br \/>\n          <span>Community<\/span><br \/>\n          <span class=\"tab-badge\">3<\/span><br \/>\n        <\/button><br \/>\n        <button class=\"tab-btn\" onclick=\"switchTab('life', this)\"><br \/>\n          <span>Life<\/span><br \/>\n          <span class=\"tab-badge\">3<\/span><br \/>\n        <\/button>\n      <\/div>\n<p>      <!-- ALL PROGRAMS CONTAINER --><\/p>\n<div class=\"programs-grid\" id=\"programsGrid\">\n<p>        <!-- FAITH 1 --><\/p>\n<div class=\"program-card\" data-category=\"faith\">\n          <span class=\"program-tag tag-faith\">Faith Pillar<\/span><\/p>\n<h3 class=\"program-title\">Annual Milton Rosary Rally<\/h3>\n<p class=\"program-desc\">\n            Organizing public prayer and Marian devotion on the grounds of Saint Benedict Parish, joining thousands across Canada in peaceful intercession for our Church, our families, and our town.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Annual Fall Parish Gathering<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- FAITH 2 --><\/p>\n<div class=\"program-card\" data-category=\"faith\">\n          <span class=\"program-tag tag-faith\">Faith Pillar<\/span><\/p>\n<h3 class=\"program-title\">Spiritual Reflection &#038; Retreats<\/h3>\n<p class=\"program-desc\">\n            Providing men with quiet time for prayer, sacramental Confession, and fraternal spiritual direction. Strengthening our calling as Catholic husbands, fathers, and spiritual leaders of the domestic church.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Quarterly Evenings of Recollection<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- FAITH 3 --><\/p>\n<div class=\"program-card\" data-category=\"faith\">\n          <span class=\"program-tag tag-faith\">Faith Pillar<\/span><\/p>\n<h3 class=\"program-title\">Sacramental &#038; Altar Support<\/h3>\n<p class=\"program-desc\">\n            Presenting commemorative rosaries and prayer books to parish youth making their First Holy Communion and Confirmation, and supporting altar server appreciation in Saint Benedict Parish.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Ongoing Parish Sacramental Seasons<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- FAMILY 1 --><\/p>\n<div class=\"program-card\" data-category=\"family\">\n          <span class=\"program-tag tag-family\">Family Pillar<\/span><\/p>\n<h3 class=\"program-title\">Family Bowling Night at Champs<\/h3>\n<p class=\"program-desc\">\n            Our signature family fellowship event hosted at Champs Family Entertainment Centre in Milton! Bringing together brother Knights, spouses, and kids for bowling, pizza, prizes, and joyful bonding.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Spring Family Social \u2022 Milton, ON<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- FAMILY 2 --><\/p>\n<div class=\"program-card\" data-category=\"family\">\n          <span class=\"program-tag tag-family\">Family Pillar<\/span><\/p>\n<h3 class=\"program-title\">Consecration to the Holy Family<\/h3>\n<p class=\"program-desc\">\n            Distributing prayer cards and guiding parish families in consecrating their homes to Jesus, Mary, and Joseph, seeking heavenly protection, peace, and grace in our everyday domestic lives.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Feast of the Holy Family \u2022 Parish-wide<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- FAMILY 3 --><\/p>\n<div class=\"program-card\" data-category=\"family\">\n          <span class=\"program-tag tag-family\">Family Pillar<\/span><\/p>\n<h3 class=\"program-title\">Keep Christ in Christmas Contest<\/h3>\n<p class=\"program-desc\">\n            Engaging our parish children and local Catholic schools in artistic posters promoting the true meaning of Christmas, honoring Christ&#8217;s Nativity amidst commercial noise, with prizes and certificate recognition.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Advent &#038; Christmas Youth Initiative<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- COMMUNITY 1 --><\/p>\n<div class=\"program-card\" data-category=\"community\">\n          <span class=\"program-tag tag-community\">Community Pillar<\/span><\/p>\n<h3 class=\"program-title\">Saint Benedict Parish Fest &#038; BBQ<\/h3>\n<p class=\"program-desc\">\n            Firing up the grills to feed hundreds of parish families! The Knights provide volunteers, grilling teams, logistics, and cheerful hospitality for the parish feast day, community BBQs, and seasonal picnics.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Parish Grounds \u2022 300 Yates Dr<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- COMMUNITY 2 --><\/p>\n<div class=\"program-card\" data-category=\"community\">\n          <span class=\"program-tag tag-community\">Community Pillar<\/span><\/p>\n<h3 class=\"program-title\">Milton Charity Car Show<\/h3>\n<p class=\"program-desc\">\n            Welcoming automotive enthusiasts and families from across Halton Region! Featuring classic cars, hot rods, family activities, music, and food, with all proceeds benefiting local Milton charities.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Spring\/Summer Annual Showcase<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- COMMUNITY 3 --><\/p>\n<div class=\"program-card\" data-category=\"community\">\n          <span class=\"program-tag tag-community\">Community Pillar<\/span><\/p>\n<h3 class=\"program-title\">Food for Life &#038; Parish Gift Card Drive<\/h3>\n<p class=\"program-desc\">\n            Partnering with Food for Life Halton to combat local food insecurity. In addition, the Council organizes the Parish Retailer Gift Card fundraising program directly benefiting parish building initiatives.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Active in Narthex \/ Church Foyer<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- LIFE 1 --><\/p>\n<div class=\"program-card\" data-category=\"life\">\n          <span class=\"program-tag tag-life\">Life Pillar<\/span><\/p>\n<h3 class=\"program-title\">Milton Life Chain &#038; Vigils<\/h3>\n<p class=\"program-desc\">\n            Standing in prayerful, silent, and peaceful witness along Milton roadways each autumn to uphold the sanctity of human life from conception to natural death, defending the most vulnerable among us.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Annual Respect Life Sunday<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- LIFE 2 --><\/p>\n<div class=\"program-card\" data-category=\"life\">\n          <span class=\"program-tag tag-life\">Life Pillar<\/span><\/p>\n<h3 class=\"program-title\">March for Life &#038; Culture of Life<\/h3>\n<p class=\"program-desc\">\n            Supporting pilgrimage participation to national March for Life rallies, sponsoring youth ambassadors, and raising awareness and essential supplies for local maternity homes and crisis pregnancy centers.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Respect Life Advocacy<\/span>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- LIFE 3 --><\/p>\n<div class=\"program-card\" data-category=\"life\">\n          <span class=\"program-tag tag-life\">Life Pillar<\/span><\/p>\n<h3 class=\"program-title\">Special Olympics &#038; Senior Outreach<\/h3>\n<p class=\"program-desc\">\n            Proudly assisting athletes with physical and intellectual differences in Halton, alongside visits and festive hampers for elderly and shut-in parishioners residing in Milton care residences.\n          <\/p>\n<div class=\"program-meta\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg><br \/>\n            <span>Year-round Community Support<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- UPCOMING EVENTS SECTION --><\/p>\n<section class=\"events-section\" id=\"events\">\n<div class=\"container\">\n<div class=\"events-header-bar\">\n<div>\n          <span class=\"section-tag\">Council Calendar<\/span><\/p>\n<h2 class=\"section-title\" style=\"margin-bottom:6px;\">Upcoming Events &#038; Gatherings<\/h2>\n<p class=\"section-desc\">Join us in fellowship, spiritual devotion, and parish service.<\/p>\n<\/p><\/div>\n<div class=\"event-filters\">\n          <button class=\"event-filter-btn active\" onclick=\"filterEvents('all', this)\">All Events<\/button><br \/>\n          <button class=\"event-filter-btn\" onclick=\"filterEvents('meeting', this)\">Meetings<\/button><br \/>\n          <button class=\"event-filter-btn\" onclick=\"filterEvents('faith', this)\">Faith<\/button><br \/>\n          <button class=\"event-filter-btn\" onclick=\"filterEvents('community', this)\">Community<\/button>\n        <\/div>\n<\/p><\/div>\n<div class=\"events-list\" id=\"eventsList\">\n<p>        <!-- EVENT 1: Regular Monthly Meeting --><\/p>\n<div class=\"event-item\" data-type=\"meeting\">\n<div class=\"event-date-box\">\n<div class=\"event-month\">MONTHLY<\/div>\n<div class=\"event-day\">4th<\/div>\n<div class=\"event-time-badge\">Thursday<\/div>\n<\/p><\/div>\n<div class=\"event-content\">\n            <span class=\"event-badge\" style=\"background:#f1f5f9; color:#334155; margin-bottom:4px; display:inline-block;\">Council Assembly<\/span><\/p>\n<h4>Council 16746 Monthly General Meeting<\/h4>\n<p>\n              Regular business meeting for brother Knights. Opening prayer, reports on charitable endeavors, upcoming parish initiatives, fraternal support, and refreshments.\n            <\/p>\n<div class=\"event-loc\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><br \/>\n              <span>Saint Benedict Parish Hall \u2022 7:30 PM Start<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"event-action\">\n            <button class=\"btn btn-navy\" style=\"font-size:0.85rem; padding:8px 16px;\" onclick=\"openEventModal('Monthly Council Meeting', 'Every 4th Thursday of each month at 7:30 PM', 'Saint Benedict Parish Hall, 300 Yates Drive, Milton', 'General business and fraternal gathering for all initiated brother Knights. Practicing Catholic men considering joining are welcome to introduce themselves to the Grand Knight prior to the meeting.')\">Event Details<\/button>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- EVENT 2: Columbian Membership Drive --><\/p>\n<div class=\"event-item\" data-type=\"community\">\n<div class=\"event-date-box\">\n<div class=\"event-month\">OCTOBER<\/div>\n<div class=\"event-day\">24-25<\/div>\n<div class=\"event-time-badge\">Weekend<\/div>\n<\/p><\/div>\n<div class=\"event-content\">\n            <span class=\"event-badge\" style=\"background:#fef3c7; color:#92400e; margin-bottom:4px; display:inline-block;\">Parish Drive<\/span><\/p>\n<h4>Fall Columbian Membership Drive<\/h4>\n<p>\n              Knights will be available in the narthex \/ church foyer following all Saturday and Sunday Masses to answer questions, explain fraternal benefits, and welcome new brothers into Council 16746.\n            <\/p>\n<div class=\"event-loc\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><br \/>\n              <span>Saint Benedict Church Foyer \u2022 After All Masses<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"event-action\">\n            <button class=\"btn btn-gold\" style=\"font-size:0.85rem; padding:8px 16px;\" onclick=\"openEventModal('Columbian Membership Drive', 'Following Saturday 5:00 PM &#038; Sunday 9:00 AM, 10:30 AM, 12:00 PM Masses', 'Saint Benedict Parish Foyer, 300 Yates Dr, Milton', 'Meet brother Knights and learn how you can serve our parish while protecting your family with top-rated fraternal benefits. Online membership is free for your first year with promo code.')\">Learn More<\/button>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- EVENT 3: Christmas Bazaar & Hamper Drive --><\/p>\n<div class=\"event-item\" data-type=\"community\">\n<div class=\"event-date-box\">\n<div class=\"event-month\">NOV<\/div>\n<div class=\"event-day\">14<\/div>\n<div class=\"event-time-badge\">Saturday<\/div>\n<\/p><\/div>\n<div class=\"event-content\">\n            <span class=\"event-badge\" style=\"background:#fee2e2; color:#991b1b; margin-bottom:4px; display:inline-block;\">Holiday Fundraiser<\/span><\/p>\n<h4>Annual Christmas Bazaar &#038; Community Hamper Appeal<\/h4>\n<p>\n              Parish craft tables, baked goods, religious gifts, and our annual Christmas hamper collection for Milton families facing economic hardship during the winter holidays.\n            <\/p>\n<div class=\"event-loc\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><br \/>\n              <span>Parish Hall &#038; Foyer \u2022 9:00 AM \u2013 3:30 PM<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"event-action\">\n            <button class=\"btn btn-navy\" style=\"font-size:0.85rem; padding:8px 16px;\" onclick=\"openEventModal('Christmas Bazaar &#038; Hamper Appeal', 'Saturday, November 14 \u2022 9:00 AM - 3:30 PM', 'Saint Benedict Parish Hall', 'Support our parish and bring non-perishable food items or gift cards. Vendor tables and volunteer signups available by emailing koc16746@gmail.com.')\">Event Details<\/button>\n          <\/div>\n<\/p><\/div>\n<p>        <!-- EVENT 4: Annual Rosary Rally --><\/p>\n<div class=\"event-item\" data-type=\"faith\">\n<div class=\"event-date-box\">\n<div class=\"event-month\">OCT<\/div>\n<div class=\"event-day\">17<\/div>\n<div class=\"event-time-badge\">Saturday<\/div>\n<\/p><\/div>\n<div class=\"event-content\">\n            <span class=\"event-badge\" style=\"background:#eff6ff; color:#1e40af; margin-bottom:4px; display:inline-block;\">Public Prayer<\/span><\/p>\n<h4>Public Square Rosary Rally<\/h4>\n<p>\n              Commemorating Our Lady of Fatima. Recitation of the Holy Rosary outdoors on the parish grounds, praying for peace, the sanctity of life, and our parish families.\n            <\/p>\n<div class=\"event-loc\">\n              <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg><br \/>\n              <span>Outdoor Marian Grounds \u2022 12:00 PM Noon<\/span>\n            <\/div>\n<\/p><\/div>\n<div class=\"event-action\">\n            <button class=\"btn btn-navy\" style=\"font-size:0.85rem; padding:8px 16px;\" onclick=\"openEventModal('Public Square Rosary Rally', 'Saturday, October 17 \u2022 12:00 Noon', 'Saint Benedict Parish Grounds (300 Yates Drive, Milton)', 'All parish families, children, and visitors are invited to pray the Holy Rosary in public witness. Rosaries and prayer leaflets provided by the Knights of Columbus.')\">Event Details<\/button>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- MEMBERSHIP SECTION \/ JOIN US --><\/p>\n<section class=\"join-section\" id=\"membership\">\n<div class=\"container\">\n<div class=\"join-grid\">\n<div class=\"join-info\">\n          <span class=\"section-tag\" style=\"color:var(--gold-accent);\">Join The Brotherhood<\/span><\/p>\n<h3>Step Forward as a <span>Knight of Columbus<\/span><\/h3>\n<p>\n            Are you ready to strengthen your faith, lead by example in your family, and serve your parish community alongside brothers who share your values?\n          <\/p>\n<div class=\"requirements-box\">\n<h4 class=\"requirements-title\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg><br \/>\n              Membership Requirements<br \/>\n            <\/h4>\n<ul class=\"requirements-list\">\n<li class=\"requirements-item\">\n                <span class=\"check-icon\">\u2713<\/span><br \/>\n                <span>Male, 18 years of age or older<\/span>\n              <\/li>\n<li class=\"requirements-item\">\n                <span class=\"check-icon\">\u2713<\/span><br \/>\n                <span>A practicing Catholic in union with the Holy See<\/span>\n              <\/li>\n<li class=\"requirements-item\">\n                <span class=\"check-icon\">\u2713<\/span><br \/>\n                <span>Willingness to support our parish and community through charity<\/span>\n              <\/li>\n<\/ul><\/div>\n<h5 style=\"color:var(--gold-light); font-size:1.1rem; margin-bottom:12px;\">Fast-Track Online Registration<\/h5>\n<p style=\"font-size:0.95rem; margin-bottom:18px;\">\n            You can register immediately through the official Supreme Council portal and specify <strong>Council 16746 (St. Benedict of Nursia)<\/strong> as your home council:\n          <\/p>\n<p>          <a href=\"https:\/\/www.kofc.org\/secure\/en\/join\/join-the-knights.html\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-outline-gold\" style=\"padding:12px 22px;\"><br \/>\n            Join Online at KofC.org<br \/>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z\"\/><\/svg><br \/>\n          <\/a>\n        <\/div>\n<p>        <!-- FORM CARD --><\/p>\n<div class=\"join-form-card\">\n<div class=\"form-header\">\n<h4>Inquire With Council 16746<\/h4>\n<p>Fill out this brief interest card and a Council Officer will get in touch with you promptly.<\/p>\n<\/p><\/div>\n<form id=\"membershipForm\" onsubmit=\"handleFormSubmit(event)\">\n<div class=\"form-row\">\n<div class=\"form-group\">\n                <label class=\"form-label\" for=\"firstName\">First Name *<\/label><br \/>\n                <input type=\"text\" id=\"firstName\" class=\"form-control\" placeholder=\"John\" required>\n              <\/div>\n<div class=\"form-group\">\n                <label class=\"form-label\" for=\"lastName\">Last Name *<\/label><br \/>\n                <input type=\"text\" id=\"lastName\" class=\"form-control\" placeholder=\"Smith\" required>\n              <\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"email\">Email Address *<\/label><br \/>\n              <input type=\"email\" id=\"email\" class=\"form-control\" placeholder=\"john.smith@example.com\" required>\n            <\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"phone\">Phone Number<\/label><br \/>\n              <input type=\"tel\" id=\"phone\" class=\"form-control\" placeholder=\"(289) 555-0199\">\n            <\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"parishioner\">Are you a parishioner at St. Benedict?<\/label><br \/>\n              <select id=\"parishioner\" class=\"form-control\"><option value=\"yes\">Yes, registered parishioner<\/option><option value=\"attending\">Yes, attend Mass regularly<\/option><option value=\"other-milton\">Attending another Milton parish (Holy Rosary, etc.)<\/option><option value=\"new\">New to the Milton area<\/option><\/select>\n            <\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\">Areas of Interest (Select all that apply):<\/label><\/p>\n<div class=\"form-check-group\">\n                <label class=\"form-check\"><br \/>\n                  <input type=\"checkbox\" name=\"interest\" value=\"charity\" checked><br \/>\n                  <span>Charity &#038; Community Service (Food drives, BBQs)<\/span><br \/>\n                <\/label><br \/>\n                <label class=\"form-check\"><br \/>\n                  <input type=\"checkbox\" name=\"interest\" value=\"spiritual\" checked><br \/>\n                  <span>Spiritual Growth &#038; Retreats<\/span><br \/>\n                <\/label><br \/>\n                <label class=\"form-check\"><br \/>\n                  <input type=\"checkbox\" name=\"interest\" value=\"family\"><br \/>\n                  <span>Family Events &#038; Youth Programs<\/span><br \/>\n                <\/label><br \/>\n                <label class=\"form-check\"><br \/>\n                  <input type=\"checkbox\" name=\"interest\" value=\"insurance\"><br \/>\n                  <span>Fraternal Financial &#038; Life Insurance Benefits<\/span><br \/>\n                <\/label>\n              <\/div>\n<\/p><\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"notes\">Comments or Questions<\/label><br \/>\n              <textarea id=\"notes\" class=\"form-control\" rows=\"2\" placeholder=\"Let us know how best we can welcome you...\"><\/textarea>\n            <\/div>\n<p>            <button type=\"submit\" class=\"btn btn-gold form-submit-btn\"><br \/>\n              Submit Membership Inquiry<br \/>\n            <\/button><\/p>\n<div class=\"form-success-alert\" id=\"formSuccessAlert\">\n              <strong>Thank you, Brother!<\/strong> Your inquiry has been received. A council officer from St. Benedict of Nursia Council 16746 will reach out via email shortly. God bless you!\n            <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- FRATERNAL INSURANCE & BENEFITS SECTION --><\/p>\n<section class=\"insurance-section\" id=\"insurance\">\n<div class=\"container\">\n<div class=\"insurance-banner\">\n<div class=\"insurance-content\">\n          <span class=\"section-tag\">Fraternal Protection<\/span><\/p>\n<h3>Knights of Columbus Fraternal Benefits<\/h3>\n<p>\n            When Blessed Michael McGivney established the Knights of Columbus, his prime pastoral concern was protecting widows and orphans from poverty. Today, the Order&#8217;s insurance program is recognized as one of the most financially sound and ethically grounded institutions in North America.\n          <\/p>\n<p>\n            As a Knight of Council 16746, you and your family have exclusive access to Fortune 1000-level fraternal financial products that align 100% with Catholic moral teachings\u2014zero investments in companies conflicting with Church doctrine.\n          <\/p>\n<p>          <a href=\"mailto:koc16746@gmail.com?subject=Fraternal%20Insurance%20Inquiry\" class=\"btn btn-navy\"><br \/>\n            Contact Council Field Agent<br \/>\n          <\/a>\n        <\/div>\n<div class=\"insurance-perks\">\n<div class=\"perk-item\">\n<h4 class=\"perk-title\">Permanent &#038; Term Life<\/h4>\n<p class=\"perk-desc\">Tailored coverage ensuring your family\u2019s financial security, mortgage protection, and estate planning.<\/p>\n<\/p><\/div>\n<div class=\"perk-item\">\n<h4 class=\"perk-title\">Retirement Annuities<\/h4>\n<p class=\"perk-desc\">Guaranteed retirement savings options protecting your hard-earned funds from market volatility.<\/p>\n<\/p><\/div>\n<div class=\"perk-item\">\n<h4 class=\"perk-title\">Disability Income<\/h4>\n<p class=\"perk-desc\">Income replacement safeguarding your household when unexpected illness or injury prevents you from working.<\/p>\n<\/p><\/div>\n<div class=\"perk-item\">\n<h4 class=\"perk-title\">Long-Term Care<\/h4>\n<p class=\"perk-desc\">Preserve family savings and dignity against rising costs of in-home care or nursing home stays.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- FAQ ACCORDION SECTION --><\/p>\n<section class=\"faq-section\" id=\"faq\">\n<div class=\"container faq-container\">\n<div class=\"section-header\">\n        <span class=\"section-tag\">Common Questions<\/span><\/p>\n<h2 class=\"section-title\">Frequently Asked Questions<\/h2>\n<p class=\"section-desc\">Learn more about membership, time commitments, and council operations.<\/p>\n<\/p><\/div>\n<div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n          <span>How much time commitment is required to be a Knight?<\/span><br \/>\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<div class=\"faq-answer\">\n<p>\n            You give as much time as your current season of life allows! We firmly uphold the Catholic priority: <strong>Faith first, Family second, Work third, and the Knights fourth.<\/strong> Whether you can volunteer at one event per year or attend every monthly meeting, your fraternal brotherhood is valued.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n          <span>What if I am new to Saint Benedict Parish or Milton?<\/span><br \/>\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<div class=\"faq-answer\">\n<p>\n            Joining Council 16746 is one of the absolute best ways to make friends, meet other faithful families, and integrate into parish life in Milton. We welcome newcomers with open arms and ensure you are introduced to fellow parishioners right away.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n          <span>When and where does the council meet?<\/span><br \/>\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<div class=\"faq-answer\">\n<p>\n            St. Benedict of Nursia Council 16746 meets on the <strong>4th Thursday of every month at 7:30 PM<\/strong> in the Saint Benedict Parish Hall (300 Yates Drive, Milton). Prior to the business meeting, brother Knights often gather for prayer in the sanctuary.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n          <span>I am already a Knight in another council. How do I transfer?<\/span><br \/>\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<div class=\"faq-answer\">\n<p>\n            Transferring your membership to Council 16746 is seamless. Simply email your name, current council number, and membership number to <strong>koc16746@gmail.com<\/strong>, or bring your current membership card to our next monthly meeting. Our Financial Secretary will handle the paperwork.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"faq-item\">\n        <button class=\"faq-question\" onclick=\"toggleFaq(this)\"><br \/>\n          <span>Is insurance mandatory to join the Knights of Columbus?<\/span><br \/>\n          <svg class=\"faq-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg><br \/>\n        <\/button><\/p>\n<div class=\"faq-answer\">\n<p>\n            No. The fraternal benefit and insurance program is an optional privilege open to members and their families. Many brother Knights join purely for fraternity, faith, and parish charitable service.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- CONTACT & LOCATION SECTION --><\/p>\n<section class=\"contact-section\" id=\"contact\">\n<div class=\"container\">\n<div class=\"section-header\">\n        <span class=\"section-tag\">Get In Touch<\/span><\/p>\n<h2 class=\"section-title\">Contact &#038; Parish Location<\/h2>\n<p class=\"section-desc\">Reach out to council officers or visit us at Saint Benedict Catholic Church.<\/p>\n<\/p><\/div>\n<div class=\"contact-grid\">\n<div class=\"contact-card\">\n<h3>Council Information<\/h3>\n<ul class=\"contact-details-list\">\n<li class=\"contact-item\">\n<div class=\"contact-icon-wrap\">\n                <!-- Location Pin --><br \/>\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\n              <\/div>\n<div>\n<div class=\"contact-text-label\">Parish Location<\/div>\n<div class=\"contact-text-val\">Saint Benedict Catholic Church<\/div>\n<div class=\"contact-text-sub\">300 Yates Drive, Milton, ON L9T 2W3<\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"contact-item\">\n<div class=\"contact-icon-wrap\">\n                <!-- Email Envelope --><br \/>\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n              <\/div>\n<div>\n<div class=\"contact-text-label\">Direct Council Email<\/div>\n<div class=\"contact-text-val\"><a href=\"mailto:koc16746@gmail.com\" style=\"color:var(--primary-navy); font-weight:600;\">koc16746@gmail.com<\/a><\/div>\n<div class=\"contact-text-sub\">Prompt responses from Council Officers<\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"contact-item\">\n<div class=\"contact-icon-wrap\">\n                <!-- Phone --><br \/>\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\n              <\/div>\n<div>\n<div class=\"contact-text-label\">Parish Office Phone<\/div>\n<div class=\"contact-text-val\">(289) 878-3118<\/div>\n<div class=\"contact-text-sub\">Mon \u2013 Sun: 9:00 AM \u2013 4:30 PM<\/div>\n<\/p><\/div>\n<\/li>\n<li class=\"contact-item\">\n<div class=\"contact-icon-wrap\">\n                <!-- Calendar --><br \/>\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z\"\/><\/svg>\n              <\/div>\n<div>\n<div class=\"contact-text-label\">Council Assembly<\/div>\n<div class=\"contact-text-val\">Every 4th Thursday of the Month<\/div>\n<div class=\"contact-text-sub\">7:30 PM in St. Benedict Parish Hall<\/div>\n<\/p><\/div>\n<\/li>\n<\/ul>\n<div class=\"church-info-badge\">\n<h5>Pastor &#038; Chaplain<\/h5>\n<p>Rev. Jim Petrie, Pastor of Saint Benedict Parish, serves as our Council Chaplain, providing holy spiritual guidance and pastoral leadership to our brother Knights.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>        <!-- CONTACT MESSAGE FORM --><\/p>\n<div class=\"contact-card\" style=\"background:#ffffff; border-color:var(--border-color);\">\n<h3>Send a Message<\/h3>\n<p style=\"font-size:0.9rem; color:var(--text-muted); margin-bottom:20px;\">\n            Have a question about an upcoming event, volunteer collaboration, or council program? Leave us a message.\n          <\/p>\n<form id=\"contactForm\" onsubmit=\"handleContactSubmit(event)\">\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"contactName\">Your Name *<\/label><br \/>\n              <input type=\"text\" id=\"contactName\" class=\"form-control\" placeholder=\"Full Name\" required>\n            <\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"contactEmail\">Email Address *<\/label><br \/>\n              <input type=\"email\" id=\"contactEmail\" class=\"form-control\" placeholder=\"name@email.com\" required>\n            <\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"contactSubject\">Subject<\/label><br \/>\n              <input type=\"text\" id=\"contactSubject\" class=\"form-control\" placeholder=\"e.g. Parish BBQ Inquiry \/ Event Question\">\n            <\/div>\n<div class=\"form-group\">\n              <label class=\"form-label\" for=\"contactMessage\">Message *<\/label><br \/>\n              <textarea id=\"contactMessage\" class=\"form-control\" rows=\"4\" placeholder=\"How can our Council serve or assist you?\" required><\/textarea>\n            <\/div>\n<p>            <button type=\"submit\" class=\"btn btn-navy\" style=\"width:100%; padding:12px;\"><br \/>\n              Send Message<br \/>\n            <\/button><\/p>\n<div class=\"form-success-alert\" id=\"contactSuccessAlert\">\n              <strong>Message Sent!<\/strong> Thank you for contacting St. Benedict Knights of Columbus Council 16746. We will reply to your inquiry shortly.\n            <\/div>\n<\/p><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- FOOTER --><\/p>\n<footer>\n<div class=\"container\">\n<div class=\"footer-grid\">\n<div class=\"footer-brand\">\n<h4>Knights of Columbus<\/h4>\n<p>\n            St. Benedict of Nursia Council 16746<br \/>\n            Saint Benedict Parish<br \/>\n            300 Yates Drive, Milton, Ontario, Canada L9T 2W3\n          <\/p>\n<p style=\"color:var(--gold-accent); font-weight:600; font-size:0.85rem;\">\n            &#8220;In Service to One, In Service to All&#8221;\n          <\/p>\n<\/p><\/div>\n<div class=\"footer-col\">\n<h5>Navigation<\/h5>\n<ul class=\"footer-links\">\n<li><a href=\"#about\">About Our Council<\/a><\/li>\n<li><a href=\"#principles\">Core Principles<\/a><\/li>\n<li><a href=\"#faith-in-action\">Faith In Action<\/a><\/li>\n<li><a href=\"#events\">Upcoming Events<\/a><\/li>\n<li><a href=\"#insurance\">Fraternal Insurance<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-col\">\n<h5>Affiliated Links<\/h5>\n<ul class=\"footer-links\">\n<li><a href=\"https:\/\/stbenedictparish.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\">St. Benedict Parish Milton<\/a><\/li>\n<li><a href=\"https:\/\/ontariokofc.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ontario State Council K of C<\/a><\/li>\n<li><a href=\"https:\/\/www.kofc.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Supreme Council (KofC.org)<\/a><\/li>\n<li><a href=\"https:\/\/stbenedictknights.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\">stbenedictknights.ca<\/a><\/li>\n<\/ul><\/div>\n<div class=\"footer-col\">\n<h5>Meetings &#038; Contact<\/h5>\n<p style=\"font-size:0.85rem; color:#cbd5e1; margin-bottom:12px;\">\n            <strong>Council 16746 Meetings:<\/strong><br \/>\n            4th Thursday of each month<br \/>\n            7:30 PM \u2022 Parish Hall\n          <\/p>\n<p style=\"font-size:0.85rem; color:#cbd5e1;\">\n            <strong>Email:<\/strong><br \/>\n            <a href=\"mailto:koc16746@gmail.com\" style=\"color:var(--gold-light);\">koc16746@gmail.com<\/a>\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"footer-bottom\">\n<div>\n          &copy; 2026 Knights of Columbus St. Benedict of Nursia Council 16746. All rights reserved.\n        <\/div>\n<div class=\"footer-disclaimer\">\n          Knights of Columbus Council 16746 is a local council of the international Catholic fraternal service organization, affiliated with Saint Benedict Catholic Church, Milton, ON.\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<p>  <!-- EVENT DETAILS MODAL --><\/p>\n<div class=\"modal-overlay\" id=\"eventModal\" onclick=\"closeEventModalOnOverlay(event)\">\n<div class=\"modal-card\">\n      <button class=\"modal-close\" onclick=\"closeEventModal()\" aria-label=\"Close Modal\"><br \/>\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\/><\/svg><br \/>\n      <\/button><br \/>\n      <span class=\"section-tag\" id=\"modalTag\">Council 16746 Event<\/span><\/p>\n<h3 id=\"modalTitle\" style=\"font-family:var(--font-serif); color:var(--primary-navy); margin:8px 0 12px; font-size:1.6rem;\">Event Title<\/h3>\n<p id=\"modalTime\" style=\"font-weight:600; color:var(--crimson-red); margin-bottom:6px; font-size:0.95rem;\">\n<p id=\"modalLocation\" style=\"color:#64748b; font-size:0.9rem; margin-bottom:16px;\">\n<hr style=\"border:0; border-top:1px solid #e2e8f0; margin-bottom:16px;\">\n<p id=\"modalDescription\" style=\"color:#334155; line-height:1.65; font-size:0.95rem; margin-bottom:24px;\">\n<div style=\"display:flex; justify-content:flex-end; gap:12px;\">\n        <button class=\"btn btn-navy\" onclick=\"closeEventModal()\">Close<\/button><br \/>\n        <a href=\"#membership\" class=\"btn btn-gold\" onclick=\"closeEventModal()\">Contact Council<\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- JAVASCRIPT LOGIC --><br \/>\n  <script>\n    \/\/ MOBILE NAV TOGGLE\n    function toggleMobileNav() {\n      const drawer = document.getElementById('mobileNavDrawer');\n      drawer.classList.toggle('open');\n    }\n    document.getElementById('mobileMenuBtn').addEventListener('click', toggleMobileNav);<\/p>\n<p>    \/\/ FAITH IN ACTION TABS FILTER\n    function switchTab(category, btn) {\n      document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');<\/p>\n<p>      const cards = document.querySelectorAll('#programsGrid .program-card');\n      cards.forEach(card => {\n        if (category === 'all' || card.getAttribute('data-category') === category) {\n          card.style.display = 'flex';\n        } else {\n          card.style.display = 'none';\n        }\n      });\n    }<\/p>\n<p>    \/\/ EVENT FILTERING\n    function filterEvents(type, btn) {\n      document.querySelectorAll('.event-filter-btn').forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');<\/p>\n<p>      const items = document.querySelectorAll('#eventsList .event-item');\n      items.forEach(item => {\n        if (type === 'all' || item.getAttribute('data-type') === type) {\n          item.style.display = 'grid';\n        } else {\n          item.style.display = 'none';\n        }\n      });\n    }<\/p>\n<p>    \/\/ FAQ ACCORDION\n    function toggleFaq(btn) {\n      const item = btn.parentElement;\n      const answer = item.querySelector('.faq-answer');\n      const isOpen = item.classList.contains('active');<\/p>\n<p>      document.querySelectorAll('.faq-item').forEach(i => {\n        i.classList.remove('active');\n        i.querySelector('.faq-answer').style.maxHeight = null;\n      });<\/p>\n<p>      if (!isOpen) {\n        item.classList.add('active');\n        answer.style.maxHeight = answer.scrollHeight + 30 + \"px\";\n      }\n    }<\/p>\n<p>    \/\/ EVENT MODAL\n    function openEventModal(title, time, loc, desc) {\n      document.getElementById('modalTitle').textContent = title;\n      document.getElementById('modalTime').textContent = \"\ud83d\udd52 \" + time;\n      document.getElementById('modalLocation').textContent = \"\ud83d\udccd \" + loc;\n      document.getElementById('modalDescription').textContent = desc;<\/p>\n<p>      document.getElementById('eventModal').style.display = 'flex';\n    }\n    function closeEventModal() {\n      document.getElementById('eventModal').style.display = 'none';\n    }\n    function closeEventModalOnOverlay(e) {\n      if (e.target.id === 'eventModal') {\n        closeEventModal();\n      }\n    }<\/p>\n<p>    \/\/ FORM HANDLING\n    function handleFormSubmit(e) {\n      e.preventDefault();\n      const alertBox = document.getElementById('formSuccessAlert');\n      alertBox.style.display = 'block';\n      alertBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      document.getElementById('membershipForm').reset();\n    }<\/p>\n<p>    function handleContactSubmit(e) {\n      e.preventDefault();\n      const alertBox = document.getElementById('contactSuccessAlert');\nalertBox.style.display = 'block';\n      alertBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n      document.getElementById('contactForm').reset();\n    }\n  <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Knights of Columbus | St. Benedict of Nursia Council 16746 \u2013 Milton, ON Saint Benedict Parish, Milton, Ontario Meetings: Every [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"[]","_thinkrank_advanced_robots_meta":"[]","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"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":"","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":""}},"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-1735","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/pages\/1735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/comments?post=1735"}],"version-history":[{"count":3,"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/pages\/1735\/revisions"}],"predecessor-version":[{"id":1740,"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/pages\/1735\/revisions\/1740"}],"wp:attachment":[{"href":"https:\/\/stbenedictknights.ca\/index.php\/wp-json\/wp\/v2\/media?parent=1735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}