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

 /* Street view modification */
 body .mapster-wp-maps .gm-svpc img {
   max-width: none;
 }

 /* Increasing specificity of Mapbox classes */
body .mapster-submission-map .mapboxgl-ctrl-group button:not(:hover):not(:active),
body .mapster-submission-map .maplibregl-ctrl-group button:not(:hover):not(:active),
body .mapster-wp-maps .mapboxgl-ctrl-group button:not(:hover):not(:active),
body .mapster-wp-maps .maplibregl-ctrl-group button:not(:hover):not(:active) {
  background-color: transparent;
  padding: 0;
  border: 0;
  line-height: 1;
  min-height: unset;
  display: block;
}
body .mapster-submission-map button.maplibregl-ctrl-attrib-button:not(:hover):not(:active),
body .mapster-submission-map button.mapboxgl-ctrl-attrib-button:not(:hover):not(:active),
body .mapster-submission-map button.maplibregl-ctrl-attrib-button:hover:not(:active),
body .mapster-submission-map button.mapboxgl-ctrl-attrib-button:hover:not(:active)
body .mapster-wp-maps button.maplibregl-ctrl-attrib-button:not(:hover):not(:active),
body .mapster-wp-maps button.mapboxgl-ctrl-attrib-button:not(:hover):not(:active),
body .mapster-wp-maps button.maplibregl-ctrl-attrib-button:hover:not(:active),
body .mapster-wp-maps button.mapboxgl-ctrl-attrib-button:hover:not(:active) {
  background-color: hsla(0,0%,100%,.5);
  padding: 0;
}

body .mapster-submission-map .mapboxgl-ctrl input[type=text].mapboxgl-ctrl-geocoder--input,
body .mapster-submission-map .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input,
body .mapster-submission-map .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input:focus
body .mapster-wp-maps .mapboxgl-ctrl input[type=text].mapboxgl-ctrl-geocoder--input,
body .mapster-wp-maps .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input,
body .mapster-wp-maps .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input:focus {
  border: 0;
  background-color: transparent;
  margin: 0;
  height: 50px;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  outline: none;
}

body .mapster-submission-map .mapboxgl-ctrl-geocoder--button:not(:hover):not(:active),
body .mapster-wp-maps .mapboxgl-ctrl-geocoder--button:not(:hover):not(:active) {
  background-color: unset;
  color: unset;
}

@media screen and (min-width: 640px) {
  body .mapster-submission-map .mapboxgl-ctrl input[type=text].mapboxgl-ctrl-geocoder--input,
  body .mapster-submission-map .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input,
  body .mapster-wp-maps .mapboxgl-ctrl input[type=text].mapboxgl-ctrl-geocoder--input,
  body .mapster-wp-maps .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input {
      height: 36px;
      padding: 6px 35px;
  }
}

/*! <fs_premium_only> */
body #mapster-geocoder-mapbox .mapboxgl-ctrl input[type=text].mapboxgl-ctrl-geocoder--input,
body #mapster-geocoder-mapbox .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input,
body #mapster-geocoder-mapbox .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input:focus
body #mapster-geocoder-mapbox .mapboxgl-ctrl input[type=text].mapboxgl-ctrl-geocoder--input,
body #mapster-geocoder-mapbox .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input,
body #mapster-geocoder-mapbox .maplibre-ctrl input[type=text].maplibre-ctrl-geocoder--input:focus {
  border: 0;
  background-color: transparent;
  margin: 0;
  color: #404040;
  color: rgba(0, 0, 0, 0.75);
  padding: 6px 45px;
  outline: none;
  width: 100%;
}
body #mapster-geocoder-mapbox .mapboxgl-ctrl.mapboxgl-ctrl-geocoder,
body #mapster-geocoder-mapbox .maplibre-ctrl.mapboxgl-ctrl-geocoder {
  z-index: 999;
  width: 100%;
  max-width: none;
}
body #mapster-geocoder-mapbox .mapboxgl-ctrl .mapboxgl-ctrl-geocoder--button,
body #mapster-geocoder-mapbox .maplibre-ctrl .mapboxgl-ctrl-geocoder--button {
  background-color: #FFF;
}

#mapster-chartjs-container {
  position: absolute;
  z-index: 999;
  background: white;
  width: calc(100% - 20px);
  bottom: 0;
  height: 150px;
  margin: 10px;
  border-radius: 4px;
  padding-right: 5px;
  box-shadow: 0 0 0 2px rgb(0 0 0/10%);
}

.mapster-map-submission-frontend.mapster-map-container {
  display: block;
}
.mapster-map-submission-frontend.mapster-map-container > div {
  width: 100%;
  margin-bottom: 10px;
}

/* General hiding */
.acf-field-626492dbed193, .acf-field-62728e641cb9d {
  display: none;
}
/* Line hiding */
.acf-field-616378425c334, .acf-field-6163780caf36d, .acf-field-6163782e5c333, .acf-field-616378845c338, .acf-field-616a60c610c96, .acf-field-61ca464a6f328 {
  display: none;
}
/* Location hiding */
.acf-field-61637347292a4, .acf-field-6163751088e44, .acf-field-6206d36b2ce8f, .acf-field-616373e5cca5e {
  display: none;
}
/* Polygon */
.acf-field-61637967f8c24, .acf-field-61637980f8c25, .acf-field-6169fb5075f7f {
  display: none;
}

#mapster-search-input {
  width: 100%;
}
#mapster-search-button {
  width: 100%;
  margin-bottom: 20px;
}

.mapster-tab-buttons {
  display: flex;
  margin-bottom: 0px;
}
.mapster-tab-buttons > div.acf-label {
  margin-right: 10px;
  border: medium solid #333;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px 10px;
  background: #eee;
  box-shadow: 2px -2px 2px #aaa;
  font-weight: normal;
  margin-bottom: 0px;
}
.mapster-tab-buttons > div.acf-label.active {
  background: #fff;
}
.mapster-tab-buttons > div.acf-label:hover {
  background: #fff;
  cursor: pointer;
}
.mapster-tab-buttons > div.acf-label label:hover {
  cursor: pointer !important;
}
.mapster-manual-container {
  display: none;
}
.mapster-manual-container > div {
  display: flex;
}
.mapster-search-container p, .mapster-manual-container p {
  margin-bottom: 5px;
}

.mapster-search-results ul {
  list-style-type: none;
  padding: 0;
}
.mapster-search-results ul li {
  border-bottom: thin solid black;
}
.mapster-search-link {
  text-align: right;
}
.mapster-search-page-prev, .mapster-search-page-next {
  margin-top: 10px;
  display: none;
}

/* Modal overlay popup */
.mapster-modal-overlay {
  transition: opacity 0.2s ease-out;
  /* pointer-events: none; */
  background: rgba(15, 23, 42, 0.5);
  position: fixed;
  /* display: none; */
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 2000;
}

.mapster-modal {
  background: #ffffff;
  border-radius: 0.5em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  left: 50%;
  max-width: 90%;
  position: fixed;
  top: 5%;
  transform: translate(-50%, 0%);
  width: 30em;
  text-align: left;
  max-height: 90vh;
  overflow-y: auto;
  flex-direction: column;
  z-index: 2001;
}

.mapster-modal .mapster-modal-close {
  align-items: center;
  color: #111827;
  display: flex;
  height: 4.5em;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5em;
  z-index: 999;
}
.mapster-modal .mapster-modal-close svg {
  display: block;
}
.mapster-modal .mapster-modal-title {
  color: #111827;
  padding: 1.5em 2em;
  pointer-events: all;
  position: relative;
  width: calc(100% - 4.5em);
}
.mapster-modal .mapster-modal-title h1 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: normal;
}
.mapster-modal .mapster-modal-content {
  border-top: 1px solid #e0e0e0;
  padding: 2em;
  pointer-events: all;
  overflow: auto;
}

.mapster-modal .mapster-map {
  height: 400px;
  width: 100%;
}

.mapster-modal hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* submission modal */
.mapster-submission-modal-overlay {
  transition: opacity 0.2s ease-out;
  pointer-events: none;
  background: rgba(15, 23, 42, 0.5);
  position: fixed;
  display: none;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  z-index: 999999;
}

.mapster-submission-modal {
  background: #ffffff;
  border-radius: 0.5em;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  left: 50%;
  max-width: 90%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30em;
  text-align: left;
  max-height: 90vh;
  overflow-y: auto;
  display: none;
  flex-direction: column;
  z-index: 9999999;
}
.mapster-submission-modal.mapster-modal-lg {
  width: 90%;
}

.mapster-submission-modal .mapster-submission-modal-close {
  align-items: center;
  color: #111827;
  display: flex;
  height: 4.5em;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5em;
  z-index: 999;
}
.mapster-submission-modal .mapster-submission-modal-close svg {
  display: block;
}

.mapster-submission-modal .mapster-submission-modal-title {
  color: #111827;
  padding: 1.5em 2em;
  pointer-events: all;
  position: relative;
  width: calc(100% - 4.5em);
}
.mapster-submission-modal .mapster-submission-modal-title h2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: normal;
}
.mapster-submission-modal .mapster-submission-modal-content {
  border-top: 1px solid #e0e0e0;
  padding: 2em;
  pointer-events: all;
  overflow: auto;
}
.mapster-submission-modal .mapster-submission-modal-content .mapboxgl-ctrl-geocoder {
  margin: 0 auto;
  margin-bottom: 200px;
}
.mapster-submission-modal .mapster-submission-embed {
  width: 100%;
  height: 400px;
  border: none;
}
.mapster-submission-modal .mapster-category-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.mapster-submission-modal .mapster-category-tile {
  max-width: 150px;
  flex-grow: 1;
  border-radius: 5px;
  border: thin solid #eee;
  box-shadow: 2px 2px 10px #eee;
  cursor: pointer;
  background: #fff;
  padding: 10px;
  text-align: center;
  margin: 5px;
}
.mapster-submission-modal .mapster-category-tile:hover {
  background: #eee;
}
.mapster-submission-modal .mapster-category-image {
  max-width: 100px;
  margin: 0 auto;
}
.mapster-submission-modal .mapster-category-image img {
  width: 100%;
}
.mapster-submission-modal .mapster-category-description p {
  font-size: 12px;
}
.mapster-submission-modal .mapster-description-text {
  text-align: center;
}
.mapster-wp-maps-container .mapster-wp-maps .mapster-selection-overlay {
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255, 0.4);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.mapster-wp-maps-container .mapster-wp-maps .mapster-selection-overlay .mapster-selection-instructions {
  position: absolute;
  text-align: center;
  margin-top: -30%;
}
.mapster-wp-maps-container .mapster-wp-maps .mapster-selection-overlay .mapster-selection-instructions button {
  margin-top: 10px;
  pointer-events: auto;
}
/* listing page */
.mapster-image-grid {
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
.mapster-image-grid .mapster-listing-container-image {
  height: 300px;
  padding: 10px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mapster-image-grid a {
  color: white;
  text-align: center;
  text-decoration: none;
}
/* shortcode popup */
.map-popup-body .mapster-popup-shortcode-iframe {
  border: none;
  width: 100%;
}
/*! </fs_premium_only> */