.slider-container {
  border: 1px solid rgb(0, 0, 0);
  padding-top: 10px;
  background-image: url("../images/slider-bg-2.jpg");
  background-image: url("../images/slide_cover_wikimedia.jpg");
  background-image: url("../images/King_in_Paris_1660.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-container img {
  float: left;
  padding-right: 20px;
}

.vvjs,
.vvjs .hero-slideshow {
  height: 60vh;
  overflow: hidden;
}

.vvjs .slide-indicators,
.vvjs .hero-slideshow .slide-indicators {
  display: none !important;
}

/* Replace '.vvjs-slideshow-container' with the actual class name */
.vvjs-slideshow-container {
  height: 300px !important;
  /* Use !important if inline styles are overriding your CSS */
  overflow: hidden;
  /* Hide content that exceeds the defined height */
}

/* Replace '.vvjs-slideshow-container' with the actual class name */
.vvjs-slideshow-container {
  max-height: 40vh;
  /* This limits the height to 80% of the viewport height */
  height: auto;
  overflow: auto;
  /* Adds a scrollbar if content exceeds max-height */
}

.vvjs-item .views-field .views-field-body .field-content,
.vvjs-item .active {
  height: 300px !important;
  /* Use !important if inline styles are overriding your CSS */
  overflow: hidden;
  /* Hide content that exceeds the defined height */
  margin-left: auto;
  margin-right: auto;
  background-color: #888895;
  padding: 10px;
  color: whitesmoke;
  background: rgba(45, 44, 43, 0.61) !important;
  border-radius: 10px 10px 10px 10px;
}

#zzzvvjs-inner-18580293-1-pane > div.vvjs-hero-content.d-top-middle > div > div:nth-child(1) > div {
  background: rgba(211, 112, 112, 0.5) !important;
  background: rgba(45, 44, 43, 0.61) !important;
  color: whitesmoke !important;
  /* Semi-transparent background */
  padding: 20px;
  border: 1px solid rgb(2, 0, 0);
  border-radius: 10px 10px 10px 10px;
  /* Optional: Adds padding around the content */
  /* Optional: Rounds the corners of the background */
}

.vvjs button {
  display: none !important;
}

.vvjs-content,
.vvjs-hero-content {
  margin-top: 8vh !important;
  background: rgba(111, 111, 114, 0.61) !important;
  color: whitesmoke !important;
  border-radius: 16px;
  /* Semi-transparent background */
  padding: 20px;
  border: 1px solid rgb(48, 48, 48);
  /* Optional: Adds padding around the content */
  /* Optional: Rounds the corners of the background */
}

media .media--type-image .media--view-mode-default p {
  /* Maintains aspect ratio */
  display: block;
  /* Ensures the image is treated as a block element */
  max-width: 100%;
  /* Ensures image doesn't exceed container width */
  height: auto;
  /* Helps with centering and layout issues */
  margin: 0 auto;
  /* Centers the image horizontally within the div */
}

.vvjs-emf-image-style-wrapper {
  display: block;
  /* Ensures the image is treated as a block element */
  width: 240px;
  max-width: 240px;
  float: left;
  /* Ensures image doesn't exceed container width */
  height: auto;
  /* Helps with centering and layout issues */
  margin: 0 auto;
  /* Centers the image horizontally within the div */
}