/* Mobile Navbar Fix */
@media (max-width: 768px) {
  .navbar .container-fluid {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .navbar-brand {
    order: 1;
    flex: 1;
  }

  .d-flex {
    order: 2;
    margin-left: auto !important;
  }
  .hero-spacer {
    height: calc(100vh);
  }
}

/* Layout */
body {
  padding-top: 56px;
  position: relative;
  min-height: 100vh;
}

/* Shared background layer */
body::before {
  content: "";
  position: fixed;
  top: 56px;
  left: 0;
  width: 100%;
  height: calc(100% - 56px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  opacity: 0.9;
}

/* INDEX */
.page-index::before {
  background-image: url("/assets/images/khg_1.jpeg");
}

/* CAMP */
.page-camp::before {
  background-image: url("/assets/images/art_1.jpeg");
}

/* NETWORK */
.page-network::before {
  background-image: url("/assets/images/khg_5.jpeg");
}

/* GET INVOLVED */
.page-getInvolved::before {
  background-image: url("/assets/images/art_2.jpeg");
}

/* DONATE */
.page-donate::before {
  background-image: url("/assets/images/khg_2.jpeg");
}


/* Content overlay */
.main-content {
  background-color: rgba(255, 255, 255, 0.90);
  padding: 2rem;
  border-radius: 0.5rem;
}