@charset "UTF-8";
.slideShow {
  width: 100%; /* Takes the full width available */
  max-width: none; /* Removes any previous width restriction */
  margin: 0 auto; /* Keeps it centered, but now with no max limit */
  padding: 0; /* Removes any unwanted side padding */
  position: relative;
  text-align: center;
}

.slide {
  position: relative;
  display: none; /* Hide every slide by default */
}

.slide img {
  width: 100%;
  height: auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth – optional */
  display: block;
}

.slide:first-child {
  display: block;
}

.overlayBottomRight {
  position: absolute;
  top: 60%;
  right: 5%;
  width: 20%; /* Covers from ~5% to 25% from the right edge */
  height: 20%; /* Covers from 60% to 80% from the top */
  text-align: center; /* Anchors text to the right, flowing leftward visually */
  color: white;
  background-color: rgb(25, 0, 25);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); /* Maintains readability */
  z-index: 10;
  padding: 1rem; /* Inner breathing room – adjust as needed */
  box-sizing: border-box; /* Ensures padding fits within the 20% dimensions */
  display: flex; /* For easy vertical centering inside the box */
  flex-direction: column;
  justify-content: center; /* Centers text vertically within the 20% height */
}

.overlayBottomRight a {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayBottomRight p {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayBottomLeft {
  position: absolute;
  top: 60%;
  right: 75%;
  width: 20%; /* Covers from ~5% to 25% from the right edge */
  height: 20%; /* Covers from 60% to 80% from the top */
  text-align: center; /* Anchors text to the right, flowing leftward visually */
  color: white;
  background-color: rgb(25, 0, 25);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); /* Maintains readability */
  z-index: 10;
  padding: 1rem; /* Inner breathing room – adjust as needed */
  box-sizing: border-box; /* Ensures padding fits within the 20% dimensions */
  display: flex; /* For easy vertical centering inside the box */
  flex-direction: column;
  justify-content: center; /* Centers text vertically within the 20% height */
}

.overlayBottomLeft a {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayBottomLeft p {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayTopRight {
  position: absolute;
  top: 20%;
  right: 5%;
  width: 20%; /* Covers from ~5% to 25% from the right edge */
  height: 20%; /* Covers from 60% to 80% from the top */
  text-align: center; /* Anchors text to the right, flowing leftward visually */
  color: white;
  background-color: rgb(25, 0, 25);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); /* Maintains readability */
  z-index: 10;
  padding: 1rem; /* Inner breathing room – adjust as needed */
  box-sizing: border-box; /* Ensures padding fits within the 20% dimensions */
  display: flex; /* For easy vertical centering inside the box */
  flex-direction: column;
  justify-content: center; /* Centers text vertically within the 20% height */
}

.bigOverlayTopRight {
  position: absolute;
  top: 20%;
  right: 5%;
  width: 20%; /* Covers from ~5% to 25% from the right edge */
  height: 40%; /* Covers from 60% to 80% from the top */
  text-align: center; /* Anchors text to the right, flowing leftward visually */
  color: white;
  background-color: rgb(25, 0, 25);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); /* Maintains readability */
  z-index: 10;
  padding: 1rem; /* Inner breathing room – adjust as needed */
  box-sizing: border-box; /* Ensures padding fits within the 20% dimensions */
  display: flex; /* For easy vertical centering inside the box */
  flex-direction: column;
  justify-content: center; /* Centers text vertically within the 20% height */
}

.overlayTopRight a {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.bigOverlayTopRight a {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayTopRight p {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.bigOverlayTopRight p {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayTopLeft {
  position: absolute;
  top: 20%;
  right: 75%;
  width: 20%; /* Covers from ~5% to 25% from the right edge */
  height: 20%; /* Covers from 60% to 80% from the top */
  text-align: center; /* Anchors text to the right, flowing leftward visually */
  color: white;
  background-color: rgb(25, 0, 25);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8); /* Maintains readability */
  z-index: 10;
  padding: 1rem; /* Inner breathing room – adjust as needed */
  box-sizing: border-box; /* Ensures padding fits within the 20% dimensions */
  display: flex; /* For easy vertical centering inside the box */
  flex-direction: column;
  justify-content: center; /* Centers text vertically within the 20% height */
}

.overlayTopLeft a {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

.overlayTopLeft p {
  color: rgb(223, 205, 191);
  text-decoration: none;
  font-size: 1.6rem;
  font-family: "Philosopher", sans-serif;
  text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black; /* Creates a black halo effect simulating larger black text behind */
  padding: 0.5rem;
}

/* Mobile styles - hamburger menu (robust version) */
@media (max-width: 768px) {
  .overlayBottomRight {
    font-size: 0.5rem;
  }
  .overlayBottomRight a {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayBottomRight p {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayBottomLeft {
    font-size: 0.5rem;
  }
  .overlayBottomLeft p {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayBottomLeft a {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayTopRight {
    font-size: 0.5rem;
  }
  .bigOverlayTopRight {
    font-size: 0.5rem;
  }
  .overlayTopRight a {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .bigOverlayTopRight a {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayTopRight p {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .bigOverlayTopRight p {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayTopLeft {
    font-size: 0.5rem;
  }
  .overlayTopLeft a {
    font-size: 0.5rem;
    padding: 0rem;
  }
  .overlayTopLeft p {
    font-size: 0.5rem;
    padding: 0rem;
  }
}/*# sourceMappingURL=slideshow.css.map */