/* --- Background image fixed behind content --- */
.background-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1; /* sit behind everything */
}

.mainbg {
  position: relative;
  min-height: 100vh;
}

/* --- Horizontal hero buttons --- */
/* Increase specificity and force flex row to beat theme styles */
.mainbg .contentbtn {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem;
}

/* --- Buttons matching section style --- */
.mainbg .contentbtn a.btn {
  background: rgba(0, 0, 0, 0.55) !important;
  color: #f9fafb !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.mainbg .contentbtn a.btn:hover {
  background: rgba(255, 255, 255, 0.2) !important; /* subtle hover */
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* --- Content sections overlayed on background --- */
.lp-section {
  max-width: 960px;
  margin: 2rem auto;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;

  /* Dark translucent background over the lake image */
  background: rgba(0, 0, 0, 0.55);
  color: #f9fafb;
}

.lp-section h2 {
  margin-top: 0;
}

.lp-section a {
  color: #93c5fd; /* light blue link */
}

.lp-section-last {
  margin-bottom: 3rem;
}