/* Reduce large whitespace below the navbar on the first visible section */
.main-wrapper > section:first-of-type {
  margin-top: 0 !important;
  padding-top: 40px !important;   /* was very large in the theme */
  padding-bottom: 60px;           /* keep bottom pleasant */
}

@media (min-width: 992px) {
  .main-wrapper > section:first-of-type {
    padding-top: 70px !important; /* a bit more on desktop, still tight */
  }
}

/* If the theme names the hero/banner, tighten those too */
.hero-area, .banner-area, .home-hero, .home-banner {
  padding-top: 70px !important;
  margin-top: 0 !important;
}

/* Ensure the navbar itself doesn’t push content down */
header, .navbar { margin-bottom: 0 !important; }

/* Optional: make the main H1 start closer */
.main-wrapper h1.h1 { margin-top: 0.25rem !important; }