.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-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: 250px; } .mapp-list-toggle { align-items: center; background-color: white; border: 1px solid lightgray; 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 { border-bottom: 1px solid lightgray; cursor: pointer; overflow: hidden; padding: 5px; } .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-title { overflow: hidden; vertical-align: middle; } .mapp-list .mapp-item .mapp-icon { border: none; float: left; margin-right: 5px; max-width: 24px !important; max-height: 24px; padding: 0; } .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; flex-direction: column; line-height: 0; max-height: calc(100% - 50px); max-width: calc(100% - 50px); position: absolute; z-index: 1005; } .mapp-ib-wrapper.mapp-open { display: flex; } .mapp-ib-wrapper.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; border: 1px solid lightgray; box-sizing: border-box; display: flex; flex-direction: column; line-height: normal; outline: none; overflow: hidden; } .mapp-ib-tip { display: flex; flex: 0 0 auto; 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: 150px; 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; margin: 0; padding: 0; } .mapp-iw iframe { max-height: 100%; max-width: 100%; } .mapp-iw p { margin: 5px 0 5px 0 !important; } .mapp-iw .mapp-body { flex: 1; overflow: auto; overflow-wrap: break-word; } .mapp-iw .mapp-title { font-weight: bold; padding-bottom: 10px; } .mapp-iw .mapp-body .wp-post-image { vertical-align: top; float: left; margin: 3px 3px 3px 0px; padding: 0; width: 32px; height: 32px; } .mapp-iw .mapp-links { clear: both; white-space: nowrap; margin: 0 !important; padding-top: 4px !important; } .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; text-decoration: none !important; } .mapp-ib .mapp-iw { padding: 10px; } .mapp-ib-tooltip { max-height: 50%; } .mapp-ib-tooltip .mapp-iw { overflow: hidden; padding: 10px; } @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:1001}.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-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-dir-toolbar{margin-top:10px}.mapp-dir-google{float:right}.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-route{margin:10px 0 0}.mapp-dir-saddr,.mapp-dir-daddr{width:80%;line-height:normal}.mapp-dir-saddr{margin-bottom:5px}.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}.mapp-table{display:table;width:100%}.mapp-table>div{display:table-row}.mapp-table>div>div,.mapp-table>div>label{display:table-cell}.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{max-width:24px!important;max-height:24px;vertical-align:middle;box-shadow:none!important}.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}