/* Carousel Container */
.carousel-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  overflow: hidden;
}

/* Base styles for home images */
.home-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  filter: grayscale(0.4);
}

/* Carousel slide specific styles */
.carousel-slide {
  opacity: 0;
  transition: opacity 1.2s ease-in-out;
  pointer-events: none;
}

.carousel-slide.active {
  opacity: 1;
  pointer-events: auto;
}


/* Main container */
#main-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#header a {
  color: white;
}

.footer-wrapper {
  color: white;
}

/* Dark overlay layer */
.home-layer {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

#navbar > a:not(:last-child) {
  border-right: 1px solid white;
}