/* ============================================================
   Front page only.
   The landing ships its own complete stylesheet inline. Nothing
   here rewrites that design; this file only reconciles the
   places where the global Elementor header and footer meet it.
   Delete this file and the front page returns to exactly what
   it was before the global chrome was switched on.
   ============================================================ */

/* 1. The landing carries its own navigation bar at position:fixed.
      With the global header above it the two occupy the same strip
      and overlap rather than stack. The global one wins, so the
      inline one steps aside. Nothing is removed, only hidden. */
.home #nav{display:none}

/* 2. The landing was built for a fixed bar floating over the hero,
      with 150px of hero padding reserved beneath it. Putting the
      global header in normal flow instead pushed the hero down and
      left a flat band above the hero's glow, which read as a seam.
      Restoring both the fixed position and the original reserve
      puts the header back over the artwork, where it belongs. */
.home header.elementor-location-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
}
.home .hero{padding-top:150px}
@media (max-width:980px){
  .home .hero{padding-top:118px}
}

/* 3. The landing styles the bare `footer` element. That rule also
      lands on the Elementor footer template, doubling its padding
      and border. Neutralise it there, and only there. */
.home footer.elementor-location-footer{
  border-top:0;padding:0;background:transparent;
}

/* 4. The landing's universal reset (`*{margin:0;padding:0}`) loads
      after the header stylesheet, so the menu spacing and the
      container gutter both need restating. */
.home .rf-nav .elementor-nav-menu,
.home .rf-nav .elementor-nav-menu li{margin:0;padding:0}
.home header.elementor-location-header > .e-con > .e-con-inner{
  padding-left:24px;padding-right:24px;
}
@media (max-width:720px){
  .home header.elementor-location-header > .e-con > .e-con-inner{
    padding-left:18px;padding-right:18px;
  }
}
/* 5. The landing embeds its own <footer> inside the html widget. Switching the
      page to a template that renders the global footer meant the page ended
      with two of them. The inline one was a table of contents for the page's
      own sections plus the only Terms and Privacy links on the site; those two
      have been moved into the global footer, so this one can step aside.
      Scoped to the widget so no other footer is ever caught. */
.home .elementor-widget-html footer{display:none}