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



/* 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;
}

@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;
}

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

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

/* Force mobile header to stop sticking */
@media only screen and (max-width: 767px) {

  header,
  .site-header,
  .elementor-location-header,
  .elementor-location-header > *,
  .elementor-sticky,
  .elementor-sticky--active,
  .elementor-sticky--effects,
  .sticky,
  .sticky-header,
  .header-sticky,
  .header-with-sticky,
  .navbar,
  .navbar-fixed-top,
  .fixed-top,
  .appear-down-section {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    transform: none !important;
    animation: none !important;
  }

  .elementor-sticky__spacer,
  .sticky-header-spacer,
  .header-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {

  /* Header */
  #masthead {
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: auto !important;
  }

  #masthead .navbar,
  #masthead .header-wrapper,
  #masthead .container,
  #masthead .container-fluid {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    min-height: auto !important;
  }

  /* Remove fake spacer below sticky header */
  body {
    padding-top: 0 !important;
  }

  .site-content,
  #content,
  .main-content,
  .elementor-location-single,
  .elementor-section-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

 
}



/* MOBILE ONLY — SINGLE POST HERO TITLE */
@media (max-width: 767px) {

    .single-post .litho-main-title.alt-font {
        font-size: 35px !important;
        line-height: 1.3em !important;
        letter-spacing: -0.02em !important;
    }

}