
body {
  background-color: #3F4A3C;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  color: white;
}


/* 
.heading {
  color: white;
  background: rgb(203, 180, 162);
  height: auto;
} */

.heading-top{
  color: rgb(236, 241, 215) !important;
  font-family: cursive;
}

.home-cards{
  color: rgb(45, 53, 43);
}

.home-img-fixed-size {
  width: 100%;
  height: 45vh;
  object-fit: cover;
}

.content {
  padding: 15px;
}

.nav-custom{
  background-color: rgb(63,74,60);
  color: white;
  padding: 10px;
}
.nav-item {
  color: rgb(236, 241, 215);
  margin: 0 15px; /* Adds spacing between links */
}

/* Slideshow container settings */
.slideshow-container {
  position: relative;
  width: 100%;
  height: 90vh; /* Default height for larger screens */
  overflow: hidden;
}

/* Ensure images are responsive and maintain aspect ratio */
.slideshow-container img {
  width: 100%; /* Image spans the full width */
  height: 100%; /* Maintains height based on the container */
  object-fit: cover; /* Ensures the image fits while maintaining aspect ratio */
  display: block;
}

/* Make adjustments for smaller devices */
@media (max-width: 900px) {
  .slideshow-container {
    height: 29vh; /* Reduce height on smaller screens */
  }
  .slideshow-container img {
    object-fit: contain; /* Show the full image without cropping */
    max-width: 100%; /* Ensure the image doesn't exceed its container */
    height: auto; /* Maintain aspect ratio */
  }
}

.responsive-email {
  font-size: 17px; /* Default for small screens */
}

@media (min-width: 768px) {
  .responsive-email {
      font-size: 22px; /* Medium screens */
  }
}

@media (min-width: 992px) {
  .responsive-email {
      font-size: 24px; /* Large screens */
  }
}


.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out; /* Smooth fading */
}

.slide.active {
  opacity: 1;
}

footer {
  width: 100%;
  background-color: rgb(63,74,60);
  padding: 20px;
  margin-top: auto; /* Push the footer to the bottom */
}
