/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 #acf-group_61636c62b003e {
   min-height: 400px;
 }

.mapster-map-loader {
  position: absolute;
  z-index: 10000;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding-top: 50px;
}

/* marker hover hack */
.mapster-hide-original {
  opacity: 0 !important;
}
.mapster-remove-hover {
  pointer-events: none !important;
}

/* strengthening geocoder css */
.mapboxgl-ctrl .mapboxgl-ctrl-geocoder--input {
  padding: 6px 35px;
}
.mapboxgl-ctrl .suggestions li {
  margin-bottom: 0;
}

/* ensuring tips get pointer events */
.maplibregl-popup-tip, .mapboxgl-popup-tip {
  pointer-events: all;
}

/* dropdown list modifications */
.mapster-maps-dropdown .mapboxgl-ctrl-geocoder--input:hover {
  cursor: pointer;
  background: #efefef;
}
.mapster-maps-dropdown .mapboxgl-ctrl-geocoder--button {
  background: transparent;
}
.mapster-maps-dropdown .suggestions {
  max-height : 400px;
  overflow-y: scroll;
}
.mapster-maps-dropdown .suggestions li.active > a {
  background: none;
}
.mapster-maps-dropdown .suggestions li > a:hover {
  background: #eee;
}

/* category control */
.mapster-category-control {
  border-radius: 4px;
  background: #fff;
  padding: 10px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
  min-width: 200px;
}
.mapster-category-control.mapster-google-category-control {
  margin: 10px;
}
.mapster-category-control h3 {
  margin: 0;
  padding: 0;
}
.mapster-category-control label {
  margin-bottom: 0px;
  vertical-align: middle;
}
.mapster-category-control > div > ul {
  padding-left: 0px;
}
.mapster-category-control ul {
  margin : 0px;
  padding-left: 10px;
  list-style-type : none;
}
.mapster-category-control.mapster-google-category-control li {
  margin-top: 5px;
}

.mapster-category-control .mapster-switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 15px;
  margin-top: -4px;
  margin-right: 5px;
}

.mapster-category-control .mapster-switch input {
  all : revert;
  opacity: 0;
  width: 0;
  height: 0;
}

.mapster-category-control .mapster-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.mapster-category-control .mapster-slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.mapster-category-control input:checked + .mapster-slider {
  background-color: #2196F3;
}

.mapster-category-control input:focus + .mapster-slider {
  box-shadow: 0 0 1px #2196F3;
}

.mapster-category-control input:checked + .mapster-slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

.mapster-category-control .mapster-slider.mapster-round {
  border-radius: 34px;
}

.mapster-category-control .mapster-slider.mapster-round:before {
  border-radius: 50%;
}

.mapster-category-control .mapster-color-swatch {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
}

/* list control */
.mapster-list-control {
  border-radius: 4px;
  background: #fff;
  padding: 10px;
  font-size: 12px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
  min-width: 200px;
}
.mapster-list-control.outside-map-left {
  margin-left: -355px;
  margin-top: -5px;
}
.mapster-list-control.outside-map-right {
  margin-right: -355px;
  margin-top: -5px;
}
.mapster-list-control ul {
  margin : 0px;
  padding: 0;
  list-style-type : none;
}
.mapster-list-control li {
  padding: 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
}
.mapster-list-control li:hover {
  background: #eee;
  cursor : pointer;
}
.mapster-list-control em {
  font-size: smaller;
}
.mapster-list-control .mapster-paging {
  float: right;
}
.mapster-list-control .mapster-paging span:hover {
  cursor: pointer;
  background : #eee;
}

/* download control */
.mapster-download-control {
  border-radius: 4px;
  background: #fff;
  padding: 10px;
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%);
  min-width: 200px;
}

/* // From: Pitch toggle control for Mapbox GL JS — http://fuzzytolerance.info/blog/2017/01/30/Pitch-toggle-control-for-Mapbox-GL-JS/ */
.mapboxgl-ctrl-pitchtoggle-3d {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+ICAgIDx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkeT0iLjM1ZW0iIHN0eWxlPSJmb250LXNpemU6IDE0cHg7IGZvbnQtZmFtaWx5OiAnSGVsdmV0aWNhIE5ldWUnLEFyaWFsLEhlbHZldGljYSxzYW5zLXNlcmlmOyBmb250LXdlaWdodDogYm9sZDsgdGV4dC1hbmNob3I6IG1pZGRsZTsiPjNEPC90ZXh0Pjwvc3ZnPg==);
}

.mapboxgl-ctrl-pitchtoggle-2d {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+ICAgIDx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBkeT0iLjM1ZW0iIHN0eWxlPSJmb250LXNpemU6IDE0cHg7IGZvbnQtZmFtaWx5OiAnSGVsdmV0aWNhIE5ldWUnLEFyaWFsLEhlbHZldGljYSxzYW5zLXNlcmlmOyBmb250LXdlaWdodDogYm9sZDsgdGV4dC1hbmNob3I6IG1pZGRsZTsiPjJEPC90ZXh0Pjwvc3ZnPg==);
}

.mapster-sidebar-popup {
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  background: white;
  padding: 10px;
  overflow: auto;
  overflow-x: visible;
}
.mapster-sidebar-popup-exit {
  text-align: right;
  cursor: pointer;
}

/* Slider */
#mapster-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#mapster-slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#mapster-slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#mapster-slider .mapster-slider-control_prev, .mapster-slider-control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

#mapster-slider .mapster-slider-control_prev:hover, .mapster-slider-control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

#mapster-slider .mapster-slider-control_prev {
  border-radius: 0 2px 2px 0;
}

#mapster-slider .mapster-slider-control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

/* Modal popup */
.mapster-modal-content-in-popup {
  display : none;
}

/* Google Maps special styles */
body .mapster-wp-maps .gm-style-iw {
   padding: 0px;
}
body .mapster-wp-maps .gm-style-iw-d {
   overflow: auto !important;
}
body .mapster-wp-maps .gm-style-iw button.gm-ui-hover-effect {
   visibility: hidden;
}
body .mapster-wp-maps .gm-style .mapster-google-geolocation-button,
body #mapster-wp-maps-preview .gm-style .mapster-google-geolocation-button {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E");
   background-position: center center;
   background-repeat: none;
   background-color: white;
   border: thin solid #ccc;
   color: black;
   width: 30px;
   height: 30px;
   padding: 0px;
   margin: 0px;
   border-radius: 3px;
   box-shadow: 1px 1px 2px #888;
   margin: 10px;
}
body .mapster-wp-maps .gm-style .mapster-google-geolocation-button:hover,
body #mapster-wp-maps-preview .gm-style .mapster-google-geolocation-button:hover {
  background-color: #eee;
}

body .mapster-wp-maps .gm-style .mapster-google-download-button,
body #mapster-wp-maps-preview .gm-style .mapster-google-download-button {
   background-color: white;
   border: thin solid #ccc;
   color: black;
   padding: 5px 10px;
   font-size: 14px;
   margin: 0px;
   border-radius: 3px;
   box-shadow: 1px 1px 2px #888;
   margin: 10px;
}
body .mapster-wp-maps .gm-style .mapster-google-download-button:hover,
body #mapster-wp-maps-preview .gm-style .mapster-google-download-button:hover {
  background-color: #eee;
}

body .mapster-wp-maps .gm-style .mapster-google-geocoder-input,
body #mapster-wp-maps-preview .gm-style .mapster-google-geocoder-input {
  margin: 10px;
  padding: 5px 10px;
  border-radius: 3px;
  border: thin solid #ccc;
  box-shadow: 1px 1px 2px #888;
  width: 250px;
  height: 30px;
}

body .mapster-wp-maps .gm-style .mapster-google-filter-dropdown,
body #mapster-wp-maps-preview .gm-style .mapster-google-filter-dropdown {
  min-width: 100px;
  margin: 10px;
  padding: 5px 10px;
  border-radius: 3px;
  border: thin solid #ccc;
  box-shadow: 1px 1px 2px #888;
  min-height: 30px;
}

body .mapster-wp-maps .gm-style .mapster-list-control.mapster-list-control-google,
body #mapster-wp-maps-preview .gm-style .mapster-list-control.mapster-list-control-google {
  margin: 10px;
  border-radius: 3px;
  border: thin solid #ccc;
  width: 300px;
  box-shadow: 1px 1px 2px #888;
}
body .mapster-wp-maps.google-maps-store-locator-overflow {
  overflow: visible !important;
}
body .mapster-wp-maps-container .mapster-list-control.google-maps-list-locator-mobile {
  margin: 0px;
  width: 100%;
}
body .mapster-wp-maps-container .mapster-list-control.google-maps-list-locator-mobile .mapster-google-geocoder-input.geocoder-google-store-locator {
  padding: 10px;
}
body .mapster-wp-maps-container .mapster-google-geocoder-input.geocoder-google-store-locator {
  left: 0px !important;
  margin: 0px;
  width: 100%;
  margin-bottom: 10px;
  position: relative !important;
}

body .pac-item.custom-search-filter-result {
  display: none;
}
body .pac-container.mapster-no-geocoder .pac-item:not(.custom-search-filter-result) {
  display: none !important;
}
