/*colour palette */
/* #594c34 (Dark Olive) */
/* #f2cab3 (Pale Dusky Pink) */
/* #736334 (Medium Olive) */
/* #D9B18F (Medium Dusky Pink) */
/* #A68C6D (Muted Olive/Pink) */
/* #F2B199 (Bright Peach) */
/* #73654D (Muted Olive) */


/* Navbar */
.navbar-brand,
.navbar-nav .nav-link {
  color: white !important;
}

.navbar-nav .nav-link:hover {
  color: #f2cab3 !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar {
  background-color: #594c34 !important;
}

/* Hero */
.hero-section {
  background-image: url("../images/hero-image-brighter.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* Footer */
.footer {
  background-color: #594c34;
}