/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#wpsl-gmap {
  width: 100% !important;
  float: none !important;
}

#wpsl-result-list {
  width: 100% !important;
  float: none !important;
  margin: 0px !important;
}

#wpsl-filter-form,
#more-filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
}

#wpsl-filter-form .form-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0rem;
  margin: 0 !important;
}

#wpsl-filter-form .form-group label {
  text-transform: uppercase;
  font-weight: bold;
}

#wpsl-search-input {
  padding: 8px 15px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: var(--form_input_height) !important;
}

.wpsl-legend-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.wpsl-legend-item-image {
  width: 25px;
  height: auto;
}

.wpsl-legend-item-name.without-img {
}

#wpsl-gmap-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
  color: white;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}
#wpsl-gmap-container {
  position: relative;
}

.wpsl-preloader {
  display: none;
}