/* Reserve space for Litho sticky header to prevent CLS */
body {
  padding-top: 100px;
}

/* Tablet */
@media (max-width: 1024px) {
  body {
    padding-top: 74.5px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  body {
    padding-top: 74.5px;
  }
}
/* Prevent above-the-fold sections from collapsing then expanding (CLS fix) */
.elementor-section,
.elementor-top-section {
  min-height: 1px;
}

/* ===============================
   SITE-WIDE HEADER TRANSPARENCY
   Transparent before scroll
   50% white after scroll
   =============================== */

/* BEFORE scroll (default state) */
.elementor-location-header .navbar {
  background: rgba(255, 255, 255, 0) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* AFTER scroll (sticky state — site-wide) */
.elementor-sticky--active .navbar,
.elementor-sticky--effects .navbar,
.header-sticky .navbar,
.is-sticky .navbar,
.sticky .navbar,
.fixed .navbar {
  background: rgba(255, 255, 255, 0.75) !important;
  background-color: rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

@font-face {
  font-family: 'FontAwesome';
  src: url('https://brittanylettich.com/wp-content/plugins/litho-addons/includes/assets/fonts/fa-solid-900.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('https://brittanylettich.com/wp-content/plugins/litho-addons/includes/assets/fonts/fa-regular-400.woff2') format('woff2');
  font-display: swap;
}

/* hide overflow X on all devices */

@media (max-width: 1024px) {
  [data-mobile-nav-style="modern"] .navbar-show-modern-bg {
    width: 100% !important;
    max-width: 100% !important;
    left: 50% !important;
    right: auto !important;

    /* Keep the scale effect but prevent overflow */
    transform: translateX(-50%) scale(1.75) !important;
    -webkit-transform: translateX(-50%) scale(1.75) !important;

    overflow: hidden !important;
  }
}

/* Safety net (recommended) */
html, body {
  overflow-x: hidden;
}