/* =====================================================
   RESPONSIVE NAV VISIBILITY (OPTION A)
   ===================================================== */

/* 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) – COLORS FIX
   Nav: black
   Everything else: blue background #1831d6, white text
   ===================================================== */

/* Force entire page background */
body.page-id-243 {
  background: #1831d6 !important;
  color: #ffffff !important;
}

/* Elementor canvas/pages often wrap content in these */
body.page-id-243,
body.page-id-243 html,
body.page-id-243 body,
body.page-id-243 .elementor,
body.page-id-243 .elementor-page,
body.page-id-243 .elementor-page-title,
body.page-id-243 .elementor-element,
body.page-id-243 .elementor-section,
body.page-id-243 .elementor-container,
body.page-id-243 .elementor-column,
body.page-id-243 .elementor-widget-wrap,
body.page-id-243 .elementor-widget,
body.page-id-243 .elementor-widget-container,
body.page-id-243 .elementor-element-populated {
  background-color: transparent !important;
  color: #ffffff !important;
}

/* Force ALL text to white (fixes “ugly yellow”) */
body.page-id-243 p,
body.page-id-243 span,
body.page-id-243 div,
body.page-id-243 li,
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;
}

/* Force ALL links to white so you don’t have to hover to see them */
body.page-id-243 a,
body.page-id-243 a:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

body.page-id-243 a:hover,
body.page-id-243 a:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* If Elementor/Theme styles buttons, force them to be readable */
body.page-id-243 .elementor-button,
body.page-id-243 button,
body.page-id-243 input[type="submit"] {
  color: #ffffff !important;
  background-color: rgba(0,0,0,0.25) !important;
  border-color: #ffffff !important;
}

/* =====================================================
   NAV BAR: black background, white text always
   ===================================================== */

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

/* Nav links always visible */
body.page-id-243 .elementor-nav-menu a.elementor-item,
body.page-id-243 .elementor-nav-menu a.elementor-item:visited {
  color: #ffffff !important;
}

/* Nav hover/active stays 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,
body.page-id-243 .elementor-menu-toggle i {
  color: #ffffff !important;
}