#biennialAccordion .accordion-button::after,
#venueHireAccordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: contain;
}

#biennialAccordion .accordion-button:not(.collapsed)::after,
#venueHireAccordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-dash-lg' viewBox='0 0 16 16' %3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: contain;
}


#biennialAccordion .accordion-item,
#venueHireAccordion .accordion-item {
  border-bottom: 1px solid !important;
}

#biennialAccordion .accordion-item:last-child,
#venueHireAccordion .accordion-item:last-child {
  border-bottom: none !important;
}

/* Custom CSS for responsive max-height */
.mh-overview {
  max-height: 100%;
  /* Default for mobile (small screens and below) */
}

@media (min-width: 768px) {

  /* Medium screens (md) and up */
  .mh-overview {
    max-height: 1500px;
  }
}

@media (min-width: 992px) {

  /* Large screens (lg) and up */
  .mh-overview {
    max-height: 1500px;
  }
}


.choices {
  font-family: 'Source Sans 3', sans-serif;
  background: none;
  border: 1px solid #000;
  font-size: 1.15rem;
}

.choices__input {
  font-size: 1.15rem;
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.choices__inner {
  background-color: #fff;
  /* Dropdown background */
  color: #000;
  font-size: 1.15rem;
  padding: 5px 10px;
  border-radius: 0;
}

.choices__list--multiple .choices__item {
  font-family: 'Source Sans 3', sans-serif;
  background-color: #000;
  font-size: 1rem;
  border: 1px solid #000;
  word-break: break-word;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #000;
  border: 1px solid #000;
}


#biennialMap {
  height: 500px;
  width: 100%;
  background-color: grey;
}

/* Style for the marker container */
.marker-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* Style for the marker image */
.marker-image {
  width: 32.25px;
  height: 32.25px;
}

/* Style for the venue marker container */
.venue-marker-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Style for the venue circle */
.venue-circle {
  width: 32.25px;
  height: 32.25px;
  border-radius: 50%;
  background-color: #cfcdcd;
  color: #fff;
  font-size: 0.8rem;
  /* Default color, will be overridden by JavaScript */
}

.filter-wrapper {
  z-index: 999;
  /* display: inline-block; */
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  /* Adjust as needed */
  position: relative;
  /* New CSS for responsive */
  display: flex;
  flex-wrap: wrap;
  /* Allow wrapping on smaller screens */
  align-items: center;
}

.city-select-wrapper {
  z-index: 1000;
  display: inline-block;
  width: max-content;
  /* Adjust as needed */
  position: relative;
  flex: 1 1 100%;
  /* Full width on small screens */
  max-width: max-content;
  /* Limit width on larger screens */
}

#biennialMap .city-select-wrapper::after {
  content: url("https://www.dev.sharjahart.org:8443/icons/icon-down.svg");
  position: absolute;
  right: 12px;
  top: 25%;
  width: 18px;
  height: 18px;
}

/* Responsive Checkboxes */
.filter-item {
  flex: 1 1 auto;
  /* Allow wrapping */
  white-space: nowrap;
}

.google-maps-content {
  display: none;
}

.checkbox-wrapper-placetype *,
.checkbox-wrapper-placetype *:after,
.checkbox-wrapper-placetype *:before {
  box-sizing: border-box;
}

.checkbox-wrapper-placetype input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
}

.checkbox-wrapper-placetype input:checked+label svg path {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-placetype input:focus+label {
  transform: scale(1.03);
}

.checkbox-wrapper-placetype input+label {
  display: block;
  border: 2px solid #000;
  width: 20px;
  height: 20px;
  border-radius: 0px;
  cursor: pointer;
  transition: all .2s ease;
}

.checkbox-wrapper-placetype input+label:active {
  transform: scale(1.05);
  border-radius: 12px;
}

.checkbox-wrapper-placetype input+label svg {
  pointer-events: none;
  padding: 5%;
  cursor: pointer;
  z-index: 25;
}

.checkbox-wrapper-placetype input+label svg path {
  fill: none;
  stroke: #000;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 101;
  transition: all 250ms cubic-bezier(1, 0, .37, .91);
}

.lblPlaceType {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.9rem;
}

#biennialMap .hamburger-container {
  display: none;
}

/* Mobile-Friendly Filter Wrapper */
@media (max-width: 768px) {
  .filter-wrapper {
    flex-direction: row;
    /* Stack items vertically */
    align-items: flex-start;
  }

  .city-select-wrapper {
    max-width: 100%;
    /* Full width on small screens */
  }

  .filter-item {
    width: max-content;
    /* Full width for checkboxes */
  }
}

/* Hamburger Menu for Filters  */
.filter-toggle {
  display: none;
  /* Hidden by default */
  background: #007bff;
  color: white;
  border: none;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 10px;
  /* Space below the button */
}

.filter-toggle .hamburger-icon span {
  width: 24px;
  height: 3px;
  background: white;
  border-radius: 2px;
}

/* Hamburger Icon Bars */
.filter-toggle .hamburger-icon {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 768px) {
  .filter-toggle {
    display: block;
    /* Show on small screens */
  }

  .filter-wrapper {
    display: none !important;
    /* Hide by default on small screens */
  }

  .filter-wrapper.active {
    display: flex !important;
    top: 3rem !important;
    /* Show when active */
  }

  #biennialMap .hamburger-container {
    display: flex !important;
    height: auto;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
  }

  #biennialMap .hamburger-container .hamburger-lines,
  #biennialMap .hamburger-container .checkbox {
    top: 25%;
    right: 10px;
  }

  #biennialMap .hamburger-container .hamburger-lines .line {
    background-color: #000 !important;
  }
}

/* Styles for the projects slider images  */
.slick-slide img{
  display: block;
}

.thumbnail-slider .slick-slide img{
  opacity: 0.5;
}

.thumbnail-slider .slick-current.slick-active img{
  opacity: 1;
  border: 1px solid #e54b61;
}