.bg-navy {
    background: #003088; /* 0A1F44 */
}
.text-blue {
	color:#003088;
} 
.bg-orange {
    background: #F36C21; /* FF6600 */
	color:#FFFFFF;
}
.get-quote, .get-quote a, .get-quote a:hover {
    color: #FFFFFF;
}
.membership {
	color: #ffffff !important;
}
.membership a{
	color: #ffffff !important;
	text-decoration:underline;
}
.membership a:hover{
	font-style:italic;
}
.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #F36C21;
    --bs-btn-border-color: #F36C21;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #F36C21;
    --bs-btn-disabled-border-color: #F36C21
}

      /* ----- Page Title ----- */
      .page-title-bar {
        background: var(--navy);
        color: #fff;
        padding: 40px 20px;
      }

      .page-title-bar .inner {
        max-width: 1200px;
        margin: 0 auto;
      }

      .page-title-bar h1 {
        margin: 0 0 8px;
        font-size: 2rem;
        font-weight: 700;
      }

      .breadcrumb {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 8px;
        font-size: 0.9rem;
        opacity: 0.85;
      }

      .breadcrumb a {
        color: #fff;
        text-decoration: none;
      }

      .breadcrumb li:not(:last-child)::after {
        content: "/";
        margin-left: 8px;
        opacity: 0.6;
      }

      /* ----- Main Content ----- */
      .main-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 40px 20px 60px;
        width: 100%;
      }

      /* Event cards – stacked with Grid for internal layout */
      .event-card {
        background: var(--card-bg);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 28px 32px 24px;
        margin-bottom: 28px;
        border: 1px solid #f0f0f0;
        display: grid;
        grid-template-rows: auto auto auto auto;
        gap: 6px;
      }

      .event-card h2 {
        color: var(--navy);
        font-size: 1.4rem;
        font-weight: 700;
        margin: 0 0 6px;
        line-height: 1.35;
      }

      .event-meta {
        color: var(--muted);
        font-size: 0.95rem;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
      }

      .event-meta i {
        color: #888;
        font-size: 0.9rem;
      }

      /* Images row – pure CSS Grid */
      .event-images {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin: 16px 0 20px;
      }

      .event-images img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 10px;
        transition: transform 0.25s ease;
        display: block;
      }

      .event-images img:hover {
        transform: scale(1.03);
      }

      .btn-view-more {
        background: var(--navy);
        color: #fff !important;
        border: none;
        padding: 10px 22px;
        border-radius: 8px;
        font-weight: 600;
        font-size: 0.95rem;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        transition: background 0.2s;
        justify-self: start;
      }

      .btn-view-more:hover {
        background: var(--navy-dark);
      }

      /* ----- Footer ----- */
      .site-footer {
        background: var(--navy);
        color: #fff;
        padding: 48px 20px 24px;
      }

      .footer-inner {
        max-width: 1200px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr;
        gap: 40px;
      }

      .site-footer h5 {
        font-size: 1.05rem;
        margin: 0 0 16px;
        font-weight: 600;
      }

      .site-footer p,
      .site-footer a {
        color: rgba(255,255,255,0.75);
        font-size: 0.925rem;
        text-decoration: none;
        line-height: 1.6;
      }

      .site-footer a:hover {
        color: #fff;
      }

      .site-footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }

      .site-footer li {
        margin-bottom: 8px;
      }

      .footer-bottom {
        max-width: 1200px;
        margin: 32px auto 0;
        padding-top: 20px;
        border-top: 1px solid rgba(255,255,255,0.15);
        text-align: center;
        font-size: 0.85rem;
        color: rgba(255,255,255,0.6);
      }

      /* ----- Responsive ----- */
      @media (max-width: 991px) {
        .event-images {
          grid-template-columns: repeat(2, 1fr);
        }
        .event-images img {
          height: 150px;
        }
        .footer-inner {
          grid-template-columns: 1fr 1fr;
        }
      }

      @media (max-width: 768px) {
        .header-inner {
          grid-template-columns: auto 1fr;
        }
        .main-nav {
          display: none; /* simple mobile – can be enhanced later */
        }
        .header-contact {
          display: none;
        }
        .footer-inner {
          grid-template-columns: 1fr;
          gap: 28px;
        }
      }

      @media (max-width: 575px) {
        .event-card {
          padding: 20px 16px;
        }
        .event-card h2 {
          font-size: 1.2rem;
        }
        .event-images img {
          height: 120px;
        }
        .page-title-bar h1 {
          font-size: 1.6rem;
        }
      }

 /* ===== GALLERY Full-page CSS Grid Layout ===== */