.mapp-layout{border:1px solid #d3d3d3;color:#000;margin:5px;max-width:none!important;min-width:100px;padding:0;font-family:sans-serif}.mapp-layout *{box-sizing:border-box;font-size:13px}.mapp-canvas{user-select:none}.mapp-canvas img{max-width:none!important}.mapp-layout input,.mapp-layout button,.mapp-layout select,.mapp-layout textarea,.mapp-layout p,.mapp-layout a{font-family:sans-serif}.mapp-layout .mapp-wrapper{min-height:50px;position:relative}.mapp-layout .mapp-content{display:flex;flex-direction:column;position:absolute;top:0;left:0;bottom:0;right:0}.mapp-layout .mapp-main{display:flex;flex:1;overflow:hidden;position:relative}.mapp-hidden{display:none}.mapp-canvas-panel{flex:1;height:100%;margin:0;overflow:hidden!important;padding:0!important;position:relative}.mapp-canvas{height:100%;word-wrap:normal}.mapp-canvas img{background:0 0;box-shadow:none!important;border-radius:0!important;visibility:inherit!important}.leaflet-container .leaflet-control-attribution *{font-size:8px}.leaflet-popup-close-button{box-shadow:none!important;text-decoration:none!important}a.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-decoration:none!important}@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){background-size: 640px 640px; } .mapp-dialog { background-color: white; color: black; display: none; min-height: 40px; opacity: .95; padding: 10px; position: absolute; text-align: center; top: 0; left: 0; right: 0; z-index: 1000; } .mapp-dialog .mapp-spinner { display: inline-block; } .mapp-list { display : none; } .mapp-has-list .mapp-list { background-color: white; border-right: 1px solid lightgray; display: flex; flex-direction: column; max-width: 45%; position: relative; transition-property : all; transition-duration: .1s; width: 0; } .mapp-list-open .mapp-list { width: 300px; } .mapp-list-toggle { align-items: center; background-color: white; border: 1px solid lightgray; cursor: pointer; display: flex; height: 40px; justify-content: center; margin: auto; position: absolute; top: 0; left: 100%; bottom: 0; width: 20px; z-index: 1000; } .mapp-list-toggle::before { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid black; content: ''; } .mapp-list-open .mapp-list-toggle::before { width: 0; height: 0; border-left: none; border-right: 6px solid black; } .mapp-list .mapp-list-header { border-bottom: 1px solid lightgray; padding: 5px; text-align: center; } .mapp-list .mapp-items { overflow: auto; } .mapp-list .mapp-item { align-items: start; border-bottom: 1px solid lightgray; display: flex; cursor: pointer; overflow: hidden; padding: 10px; } .mapp-list .mapp-info { align-items: center; display: flex; flex: 1; } .mapp-list .mapp-item .mapp-title { overflow: hidden; vertical-align: middle; } .mapp-list .mapp-item.mapp-selected { background-color: #f6f6f6; } .mapp-list .mapp-item.mapp-selected .mapp-title { font-weight: 500; } .mapp-list .mapp-item:hover { background-color: #f6f6f6; } .mapp-list .mapp-item .mapp-icon { border: none; float: left; margin-right: 5px; max-width: 32px !important; max-height: 32px; padding: 0; } .mapp-list .mapp-item .mapp-thumbnail { max-width: 40%; } .mapp-list.mapp-thumb-top .mapp-thumbnail { max-width: 100%; padding-bottom: 10px; } .mapp-list.mapp-thumb-left .mapp-item { flex-direction: row-reverse; } .mapp-list.mapp-thumb-top .mapp-item { flex-direction: column; } .mapp-list.mapp-thumb-top .mapp-info { padding-top: 10px; } .mapp-header { background-color: #eee; border-bottom: 1px solid lightgray; display: flex; } .mapp-header-button { cursor: pointer; min-width: 70px; padding: 5px; text-align: center; text-transform: uppercase; } .mapp-search { flex: 1; position: relative; } .mapp-search input.mapp-error { outline: 1px solid red !important; } .mapp-search input.mapp-places { background-color: white !important; color: black !important; } .mapp-search ::placeholder { color: black !important; } .mapp-search .mapp-geolocate { background: white url('../images/geolocate-2x.png') no-repeat center center; background-size: 18px 18px; height: 18px; margin: -9px 10px; position: absolute; top: 50%; right:0; width: 18px; } .mapp-places { border: 1px solid #bbb ; box-shadow: none ; color: black ; height: 34px ; line-height: 34px ; margin: 0 ; padding: 5px 28px 5px 5px ; vertical-align: middle ; width: 100% ; } .mapp-search .ui-autocomplete { background: none; background-color: white; border: 1px solid lightgray; box-shadow: 0px 1px 2px grey; color: inherit; cursor: pointer; font: inherit; list-style: none; margin: 0; max-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; z-index: 10000; } .mapp-search .ui-autocomplete li.ui-menu-item { background-color: inherit; border-bottom: 1px solid lightgray; border-top: none; border-right: none; border-left: none; box-shadow: none; color: inherit; cursor: inherit; font: inherit; margin: 0; padding: 5px; } .mapp-search .ui-autocomplete li.ui-menu-item:hover { background-color: #fafafa; } .mapp-search .ui-autocomplete div.ui-menu-item-wrapper { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mapp-search .ui-autocomplete li.ui-state-focus { background-image: none; background-color: #f6f6f6; } .mapp-filters-toggle { vertical-align: middle; } .mapp-filters { background-color: white; border-bottom: 1px solid lightgray; display: none; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .mapp-filters-list { flex: 1; overflow: auto; padding: 5px 10px 5px 10px; } .mapp-filters-toolbar { border-top: 1px solid lightgray; padding: 5px; } .mapp-filter { margin-bottom: 5px; } .mapp-filter-label { font-weight: bold; } .mapp-filter.mapp-select .mapp-filter-label { display: inline-block; margin-right: 20px; } .mapp-filter.mapp-select .mapp-filter-values { display: inline-block; } .mapp-filter-values { display: flex; display: grid; grid-template-columns: auto auto auto auto; } .mapp-filter-values>label { display: inline-block; font-weight: normal; margin-right: 10px; white-space: nowrap; } .mapp-filter-values input[type=checkbox] { margin-right: 5px; } .mapp-filters-reset { float: right; } .mapp-ib-wrapper { display: none; height: 0px; position: absolute; width: 9999px; } .mapp-ib-wrapper.mapp-open { display: flex; } .mapp-ib-content { bottom: 0; left: 0; display: flex; flex-direction: column; line-height: 0; max-height: 300px; max-width: 400px; position: absolute; z-index: 1005; } .mapp-ib-content .mapp-ib-flip { flex-direction: column-reverse; } :fullscreen~.mapp-ib-wrapper { z-index: 10000000000; } :-webkit-full-screen~.mapp-ib-wrapper { z-index: 10000000000; } :-moz-full-screen~.mapp-ib-wrapper { z-index: 10000000000; } :-ms-fullscreen~.mapp-ib-wrapper { z-index: 10000000000; } .mapp-ib { background-color: white; box-sizing: border-box; display: flex; flex-direction: column; line-height: normal; outline: none; overflow: hidden; box-shadow: 0 0px 7px 0px rgba(0,0,0,0.20); } .mapp-ib-tip { display: flex; flex: 0 0 auto; left: 50%; position: relative; width: 0; } .mapp-ib-tip:before { border: 10px solid transparent; content: ""; } .mapp-ib-tip:before { border-top: 10px solid white; border-bottom: none; left: -10px; position: relative; width: 0; } .mapp-ib-flip .mapp-ib-tip { transform: rotate(180deg); } .mapp-ib-dark .mapp-ib { background-color: black; border: 5px solid white; color: white; } .mapp-ib-dark .mapp-ib-tip { height: 10px; } .mapp-ib-dark .mapp-ib-tip:before,.mapp-ib-dark .mapp-ib-tip:after { border: 15px solid transparent; } .mapp-ib-dark .mapp-ib-tip:before { border-top: 15px solid white; border-bottom: none; left: -15px; top: -4px; } .mapp-ib-dark .mapp-ib-tip:after { border: 10px solid transparent; border-top: 10px solid black; border-bottom: none; content: ""; left: -10px; position: absolute; top: -6px } .mapp-ib-light .mapp-ib { background-color: white; box-shadow: 10px 10px 0px rgb(0 0 0 / 40%); border: 5px solid black; color: black; } .mapp-ib-light .mapp-ib-tip { height: 10px; } .mapp-ib-light .mapp-ib-tip:before,.mapp-ib-light .mapp-ib-tip:after { border: 15px solid transparent; } .mapp-ib-light .mapp-ib-tip:before { border-top: 15px solid black; border-bottom: none; left: -15px; top: -4px; } .mapp-ib-light .mapp-ib-tip:after { border: 10px solid transparent; border-top: 10px solid white; border-bottom: none; content: ""; left: -10px; position: absolute; top: -6px } .mapp-iw { display: flex; flex-direction: column; min-width: 200px; overflow: hidden; } .mapp-iw * { font-size: 13px; } .block-editor-page .mapp-iw * { font-size: 13px !important; } .mapp-layout .mapp-iw * { color: black; line-height: normal; } .mapp-iw p { margin: 0 !important; padding: 0; } .mapp-iw iframe { max-height: 100%; max-width: 100%; } .mapp-iw a,.mapp-iw a:link,.mapp-iw a:active,.mapp-iw a:visited,.mapp-iw a:hover { border: none !important; box-shadow: none !important; color: #4272db !important; margin: 0; padding: 0; text-decoration: none !important; } .mapp-iw .mapp-info { display: flex; flex: 1; flex-direction: column; overflow: hidden; padding: 10px; } .mapp-iw .mapp-title { font-weight: bold; } .mapp-iw .mapp-body { flex: 1; overflow: auto; overflow-wrap: break-word; } .mapp-iw .mapp-links { margin-top: 10px; } .mapp-iw .mapp-dir { color: #4272db; } .mapp-ie .mapp-iw { display: block; overflow: auto; } .mapp-ie .mapp-iw .mapp-body { flex: none; overflow: none; } .mapp-iw .mapp-thumbnail { overflow: hidden; } .mapp-iw .mapp-thumbnail a { display: flex; } .mapp-iw .mapp-thumbnail img { max-width: 100% !important; object-fit: cover; } .mapp-iw.mapp-thumb-left { flex-direction: row; } .mapp-iw.mapp-thumb-left .mapp-thumbnail { max-width: 40%; } .mapp-iw.mapp-thumb-right { flex-direction: row-reverse; } .mapp-iw.mapp-thumb-right .mapp-thumbnail { max-width: 40%; } .mapp-iw.mapp-thumb-top { flex-direction: column; } .mapp-iw.mapp-thumb-top .mapp-info { min-width: 100%; width: 0; } @keyframes floatdown { from{margin-top:0}to{margin-top:5px}}@keyframes floatup{from{margin-top:0}to{margin-top:-5px}}.mapp-ib-wrapper.mapp-ib-float{animation:floatup .4s forwards}.mapp-ib-wrapper.mapp-ib-flip.mapp-ib-float{animation:floatdown .4s forwards}.mapp-inline .mapp-main{flex-direction:column-reverse}.mapp-inline .mapp-list{border-right:none;border-top:1px solid #d3d3d3;max-height:250px;max-width:none;width:auto}.mapp-inline .mapp-directions{width:auto}.mapp-view-filters .mapp-filters{display:flex;flex-direction:column;z-index:10000}.mapp-view-menu .mapp-menu{display:block}.mapp-view-directions .mapp-directions{display:block}.mapp-view-directions .mapp-list{display:none}.mapp-footer{background-color:#f5f5f5;border-top:1px solid #d3d3d3;display:none;padding:7px;text-align:center}.mapp-footer [data-mapp-action=view-map]{display:none}.mapp-view-mini .mapp-main{flex-direction:column-reverse}.mapp-view-mini .mapp-main{position:relative}.mapp-view-mini .mapp-list{bottom:0;height:0;max-width:none;position:absolute;transition-property:all;transition-duration:.3s;width:100%;z-index:10000}.mapp-view-mini.mapp-list-open .mapp-list{height:100%}.mapp-view-mini.mapp-poi-open .mapp-list{height:0}.mapp-view-mini .mapp-footer{display:block}.mapp-view-mini.mapp-list-open .mapp-footer [data-mapp-action=view-list]{display:none}.mapp-view-mini.mapp-list-open .mapp-footer [data-mapp-action=view-map]{display:block}.mapp-marker{cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.4));position:absolute;touch-action:none}.mapp-marker img:nth-child(2){height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%}.mapp-marker img{transform-origin:50% 100%;transition:transform .2s;width:100%}.mapp-marker-scale img{transform-origin:50% 100%;transform:scale(1.2);perspective:1001px}.mapp-marker-scale img:nth-child(2){transform:translate(-50%,-50%) scale(1.5)}.mapp-marker-circle{overflow:visible!important}.mapp-marker-circle::before{background-color:rgba(255,255,255,.7);border:3px solid #fff;border-radius:50%;box-sizing:border-box;content:"";left:-25%;top:-25%;width:150%;height:150%;position:absolute;z-index:-1}.mapp-directions{background-color:#fff;display:none;padding:10px;position:relative;max-width:45%;overflow:auto;width:250px}.mapp-view-mini .mapp-directions{width:auto}.mapp-directions input{border:1px solid gray;padding:3px}.mapp-directions .mapp-dir-toolbar{margin-top:10px}.mapp-directions .mapp-dir-swap{display:inline-block;border:none!important;text-align:center;vertical-align:middle;width:24px;height:24px;line-height:24px;background-color:transparent;padding:0;margin:0;position:relative;vertical-align:bottom}.mapp-directions .mapp-route{margin:10px 0 0}.mapp-directions .mapp-dir-saddr,.mapp-directions .mapp-dir-daddr{width:80%;line-height:normal}.mapp-directions .mapp-dir-saddr{margin-bottom:5px}.mapp-directions .mapp-dir-arrows{background:transparent url(../images/directions.png) no-repeat center center;background-position:-10px -489px;cursor:pointer;display:inline-block;height:12px;margin:0;padding:0;position:relative;top:10px;left:5px;vertical-align:middle;width:10px}.mapp-menu-toggle{background:#fff url(../images/menu-2x.png) no-repeat center center;background-size:24px 24px;box-shadow:rgba(0,0,0,.298039) 0 1px 4px -1px;color:#777;cursor:pointer;height:29px;outline:none;outline:none;position:absolute;top:10px;left:10px;bottom:0;right:0;width:32px;z-index:1000}.mapp-menu{background-color:#fff;border:1px solid #d3d3d3;color:#606060;cursor:default;display:none;overflow:auto;padding:5px 0;position:absolute;top:0;left:0;bottom:0;width:150px;z-index:1010}.mapp-menu-item{cursor:pointer;line-height:20px;padding:5px 10px}.mapp-menu-item:hover{background-color:#f8f8f8;color:#000}.mapp-menu-item.mapp-active{background-color:#f6f6f6;color:#000;font-weight:700}.mapp-menu-separator{padding:0;border-bottom:1px solid #d3d3d3}body.mapp-modal-noscroll{overflow-y:hidden}.mapp-modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:100000}.mapp-modal-title{margin-bottom:15px}.mapp-modal-content{background-color:#fff;box-shadow:5px 5px 10px #888;box-sizing:content-box;display:flex;flex-direction:row;height:80vh;max-height:900px;max-width:1024px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;z-index:1}.mapp-modal-featured{max-width:40%}.mapp-modal-featured img{height:100%!important;object-fit:cover;width:100%!important;max-width:none!important}.mapp-modal-article{display:flex;flex:1;flex-direction:column;overflow:auto;padding:30px}.mapp-modal-meta{display:flex;font-size:12px;justify-content:space-between;margin-top:50px}.mapp-modal-focus{outline:none}.mapp-modal-backdrop{background-color:#000;opacity:.6;height:100vh;width:100vw;user-select:none}.mapp-modal-close{color:#fff;cursor:pointer;display:inline-block;font-family:helvetica neue,Helvetica,Arial,sans-serif;font-size:36px;line-height:36px;position:absolute;text-align:center;top:5px;right:-40px;z-index:1}.mapp-modal-close:hover{color:#000}.mapp-modal-spinner-wrapper{transform:translate(-200%,-200%);width:5px;height:5px}.mapp-modal-spinner{background:transparent url(../images/spinner-2x.gif) no-repeat center center;height:40px;width:40px;margin-left:10px;margin-right:10px;position:absolute;top:50%;left:50%}.mapp-align-left{float:left}.mapp-align-right{float:right}.mapp-align-center{margin-left:auto;margin-right:auto}.mapp-align-default{}.mapp-close{color:gray;cursor:pointer;display:inline-block;font-family:helvetica neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;height:20px;line-height:20px;position:absolute;text-align:center;top:0;right:0;width:20px;z-index:1}.mapp-close:after{content:"x"}.mapp-close:hover{color:#000}img.mapp-icon,.mapp-icon img{box-shadow:none!important;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.4));height:32px;width:32px;vertical-align:middle}.mapp-error{background-color:#ffebe8;margin:0;padding:2px;background-color:pink;border:1px solid red!important}.mapp-spinner{background:transparent url(../images/loading.gif) no-repeat center center;height:16px;width:16px;margin-left:10px;margin-right:10px}*[data-mapp-action]{cursor:pointer}.mapp-max{width:100%}.mapp-caret:after{content:"";display:inline-block;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;border-bottom:none;margin-left:5px;vertical-align:middle}.mapp-button,.mapp-button-submit{color:#666;margin-right:5px;text-transform:uppercase}.mapp-button-submit{color:#4285f4}