/* ============================================================
   EBW — MOBILE OVERFLOW + HEADER FIX
   Paste this at the very BOTTOM of:
   wp-admin  →  Appearance  →  Customize  →  Additional CSS
   Applies site-wide (every page). Scoped to phones only —
   desktop layout is untouched.
   Added: 2026-06-30
   ============================================================ */

@media (max-width: 767px) {

  /* 1. Kill horizontal overflow / the dark side-gutters + zoom-out.
        overflow-x:clip stops the sideways scroll WITHOUT breaking a
        sticky/fixed header (which plain overflow:hidden can do).     */
  html, body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* 2. Nothing may push past the screen edge. */
  img, svg, video, iframe, table,
  .elementor-widget-image,
  .e-con, .elementor-section, .elementor-container {
    max-width: 100% !important;
  }

  /* 3. Header: remove the inline "Book A Free Tour" button on phones.
        It crowds the logo + hamburger. The bottom sticky bar already
        carries the mobile call-to-action, so no conversion is lost.
        (To KEEP it instead of hiding, delete this rule and use the
         shrink rule in the commented block at the bottom.)            */
  .uicore-cta-wrapper { display: none !important; }

  /* 4. "As seen in" press bar: drop the 72px desktop gutters so the
        logos aren't crushed into the middle on a narrow screen.       */
  .press-bar  { padding: 16px 18px !important; }
  .press-inner { gap: 14px !important; }

}

/* ------------------------------------------------------------
   OPTIONAL — keep the header button but make it fit instead of
   hiding it. If you prefer this, delete rule #3 above and
   uncomment this block:

@media (max-width: 767px) {
  .uicore-cta-wrapper .uicore-btn {
    padding: 8px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}
   ------------------------------------------------------------ */


/* ============================================================
   EBW — DESKTOP WIDTH FIX (content was too narrow on wide screens)
   Widens the main content containers. Only applies above 1100px,
   so mobile/tablet are untouched. Sections keep their built-in
   72px side gutters, so content never hits the screen edge.
   Want it wider/narrower? Just nudge the three numbers below.
   ============================================================ */
@media (min-width: 1101px) {
  .inner        { max-width: 1440px !important; }  /* was 1240 — main grid sections */
  .inner-sm     { max-width: 1120px !important; }  /* was  960 — narrow text sections */
  .hero-content { max-width: 1200px !important; }  /* was  960 — hero block          */
}
/* ============================================================
   EBW — MOBILE OVERFLOW + HEADER FIX
   Paste this at the very BOTTOM of:
   wp-admin  →  Appearance  →  Customize  →  Additional CSS
   Applies site-wide (every page). Scoped to phones only —
   desktop layout is untouched.
   Added: 2026-06-30
   ============================================================ */

@media (max-width: 767px) {

  /* 1. Kill horizontal overflow / the dark side-gutters + zoom-out.
        overflow-x:clip stops the sideways scroll WITHOUT breaking a
        sticky/fixed header (which plain overflow:hidden can do).     */
  html, body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* 2. Nothing may push past the screen edge. */
  img, svg, video, iframe, table,
  .elementor-widget-image,
  .e-con, .elementor-section, .elementor-container {
    max-width: 100% !important;
  }

  /* 3. Header: remove the inline "Book A Free Tour" button on phones.
        It crowds the logo + hamburger. The bottom sticky bar already
        carries the mobile call-to-action, so no conversion is lost.
        (To KEEP it instead of hiding, delete this rule and use the
         shrink rule in the commented block at the bottom.)            */
  .uicore-cta-wrapper { display: none !important; }

  /* 4. "As seen in" press bar: drop the 72px desktop gutters so the
        logos aren't crushed into the middle on a narrow screen.       */
  .press-bar  { padding: 16px 18px !important; }
  .press-inner { gap: 14px !important; }

}

/* ------------------------------------------------------------
   OPTIONAL — keep the header button but make it fit instead of
   hiding it. If you prefer this, delete rule #3 above and
   uncomment this block:

@media (max-width: 767px) {
  .uicore-cta-wrapper .uicore-btn {
    padding: 8px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}
   ------------------------------------------------------------ */

/* Quylo nav — navy background */
#site-header { background: #1B2D5A !important; }
#site-navigation ul li a { color: #fff !important; }
#site-navigation ul li a:hover { color: #E05C1A !important; }
#site-navigation ul ul { background: #0F1E3D !important; }
#site-navigation ul ul a { color: rgba(255,255,255,.8) !important; }