/* Basic spacing and ratio container height override */
.acf-map-canvas {
  margin-bottom: 1rem;
}
.acf-map-canvas .acf-map {
  width: 100%;
  height: var(--map-height, 520px);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.acf-map-infowindow p {
  margin-bottom: .5rem;
}
.acf-map-filters {
  margin-bottom: 3rem;
}
.acf-map-filters .form-select {
  border-radius: 50px;
  line-height: 1.9;
  padding: .375rem 2.25rem .35rem 1.1rem;
  cursor: pointer;
}
.form-select:focus {
  box-shadow: 0 0 0 .25rem #c51d333f;
  border-color: var(--primary-color);
}
.acf-map-filters .map-item-value:hover {
  background-color: var(--primary-color);
}
.acf-map-wrapper .ratio::before {
    display: block;
    min-height: 540px;
    content: "";
    padding: auto;
}

@media (max-width: 767.98px) {
  .acf-map-canvas {
    --map-height: 260px !important;
  }

  .acf-map-canvas.ratio::before {
    min-height: 260px;
  }

}