/* =========================================================
   NAV FIXES + ABOUT-US COLORS
   - Keep both nav widgets (desktop + mobile) for responsiveness
   - Force About page background blue (#1831d6)
   - Force nav text white (no hover-only visibility)
   - Nav bar stays black like the other pages
   ========================================================= */

/* Desktop: hide mobile nav */
@media (min-width: 768px) {
  .elementor-hidden-desktop,
  .elementor-hidden-tablet {
    display: none !important;
  }
}

/* Mobile & tablet: hide desktop nav */
@media (max-width: 767px) {
  .elementor-hidden-mobile {
    display: none !important;
  }
}

/* ================================
   ABOUT US (page-id-243) BACKGROUND
   ================================ */

/* Make the whole page blue */
html body.page-id-243,
body.page-id-243 {
  background: #1831d6 !important;
}

/* Canvas template pages can have wrapper elements that paint white */
body.page-id-243 .elementor,
body.page-id-243 .elementor-page,
body.page-id-243 .elementor-element,
body.page-id-243 .elementor-section,
body.page-id-243 .elementor-container,
body.page-id-243 .elementor-widget-wrap,
body.page-id-243 .elementor-widget-container {
  background: transparent !important;
}

/* Also kill any default “white card” backgrounds on common WP elements */
body.page-id-243 p,
body.page-id-243 h1,
body.page-id-243 h2,
body.page-id-243 h3,
body.page-id-243 h4,
body.page-id-243 h5,
body.page-id-243 h6,
body.page-id-243 div,
body.page-id-243 section {
  background-color: transparent !important;
}

/* Make text readable on the blue background */
body.page-id-243,
body.page-id-243 p,
body.page-id-243 h1,
body.page-id-243 h2,
body.page-id-243 h3,
body.page-id-243 h4,
body.page-id-243 h5,
body.page-id-243 h6 {
  color: #ffffff !important;
}

/* Make links readable (fixes the “ugly yellow / hover to see” problem) */
body.page-id-243 a,
body.page-id-243 a:visited {
  color: #ffffff !important;
  text-decoration-color: rgba(255,255,255,0.6) !important;
}
body.page-id-243 a:hover {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* ================================
   ABOUT US – NAV BAR (black + white)
   ================================ */

/* Black nav background */
body.page-id-243 .elementor-widget-nav-menu,
body.page-id-243 .elementor-nav-menu__container,
body.page-id-243 .elementor-nav-menu--main {
  background-color: #000000 !important;
}

/* Ensure nav items are ALWAYS white */
body.page-id-243 .elementor-nav-menu a.elementor-item,
body.page-id-243 .elementor-nav-menu a.elementor-item:visited {
  color: #ffffff !important;
}

/* Hover/active keep white */
body.page-id-243 .elementor-nav-menu a.elementor-item:hover,
body.page-id-243 .elementor-nav-menu a.elementor-item-active,
body.page-id-243 .elementor-nav-menu a.elementor-item:focus {
  color: #ffffff !important;
}

/* Hamburger icon */
body.page-id-243 .elementor-menu-toggle i {
  color: #ffffff !important;
}
/* ================================
   GALLERY (page-id-273) – make tiles visible on static hosting
   ================================ */
body.page-id-273 .elementor-gallery__container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.page-id-273 a.e-gallery-item.elementor-gallery-item {
  display: block !important;
  width: 240px !important;          /* makes a grid-ish layout without JS */
  max-width: 100% !important;
}

body.page-id-273 .e-gallery-image.elementor-gallery-item__image {
  display: block !important;
  width: 100% !important;
  height: 200px !important;         /* KEY: gives background-image something to paint into */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}