/** * 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; } .mapster-wp-maps-loader-container { position: relative; } .mapster-map-loader-initial { position: absolute; top: 0; bottom: 0; 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 { max-height: 300px; overflow: auto; } .mapboxgl-ctrl .suggestions li { margin-bottom: 0; } /* ensuring tips get pointer events */ .maplibregl-popup-tip, .mapboxgl-popup-tip { pointer-events: all; } .mapster-hover-popup .maplibregl-popup-tip, .mapster-hover-popup .mapboxgl-popup-tip { pointer-events: none; } /* 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; } /* elevation control */ .mapster-elevation-control-content { border-radius: 4px; background: #fff; padding: 2px 5px; box-shadow: 0 0 0 2px rgb(0 0 0/10%); } .mapster-elevation-control-active { background: #eee; } .mapster-elevation-control-content:hover { cursor: pointer; background: #eee; } .mapster-elevation-control-content .mapster-svg-mountain { user-select: none; margin-top: 2px; width: 1em; height: 1em; display: inline-block; fill: #333; flex-shrink: 0; font-size: 20px; } /* category and layer 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; } @media screen and (max-width: 600px) { .mapster-category-control { max-height : 100px; overflow-y : auto; } } .mapster-category-control.mapster-google-category-control { margin: 10px; } .mapster-category-control h3 { margin: 0; padding: 0; } .mapster-category-control input, .mapster-layer-control input, .mapster-style-control input { vertical-align: middle; } .mapster-category-control label, .mapster-layer-control label, .mapster-style-control label { margin-bottom: 0px; vertical-align: middle; vertical-align: middle; } .mapster-category-control > div > ul, .mapster-layer-control > div > ul, .mapster-style-control > div > ul { padding-left: 0px; } .mapster-category-control ul, .mapster-layer-control ul, .mapster-style-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, .mapster-layer-control .mapster-switch { position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 15px; margin-top: -4px; margin-right: 5px; } .mapster-category-control .mapster-switch input, .mapster-layer-control .mapster-switch input { all : revert; opacity: 0; width: 0; height: 0; } .mapster-category-control .mapster-slider, .mapster-layer-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, .mapster-layer-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, .mapster-layer-control input:checked + .mapster-slider { background-color: #2196F3; } .mapster-category-control input:focus + .mapster-slider, .mapster-layer-control input:focus + .mapster-slider { box-shadow: 0 0 1px #2196F3; } .mapster-category-control input:checked + .mapster-slider:before, .mapster-layer-control input:checked + .mapster-slider:before { -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transform: translateX(15px); } .mapster-category-control .mapster-slider.mapster-round, .mapster-layer-control .mapster-slider.mapster-round { border-radius: 34px; } .mapster-category-control .mapster-slider.mapster-round:before, .mapster-layer-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; vertical-align: middle; } .mapster-category-control .mapster-icon-swatch { width: 20px; height: 20px; display: inline-block; margin-right: 5px; margin-left: 5px; vertical-align: middle; } /* 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-content { overflow-y: auto; } .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; } /* layer control */ .mapster-layer-control { border-radius: 4px; background: #fff; padding: 10px; box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%); min-width: 200px; } /* style control */ .mapster-style-control { border-radius: 4px; background: #fff; padding: 10px; box-shadow: inset 0 1px 2px rgb(0 0 0 / 4%); min-width: 200px; } /* Accordion behaviour category control */ .mapster-accordion-indicator { float: right; transform: rotate(90deg); cursor: pointer; font-size: 15px; transition: 0.5s; } .mapster-accordion-indicator-closed .mapster-accordion-indicator { color: white; -webkit-text-stroke: 1px black; } .mapster-accordion-indicator-open .mapster-accordion-indicator { color: black; transform: rotate(0deg); } .mapster-accordion-indicator-open .mapster-accordion-indicator:hover, .mapster-accordion-indicator-closed .mapster-accordion-indicator:hover { opacity: 0.7; } li.mapster-accordion-indicator-closed + ul { display:none; } /* // 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; }