/* =======================================
 * MAP
 * ======================================= */

body:not(.change-form) {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    margin: 0px !important;
    padding: 0px !important;
}

#map {
    width: 100%;
    height: 100%;
}

.leaflet-control-rotate {
    display: none !important;
}

/* =======================================
 * POPUPS
 * ======================================= */

.leaflet-container h2 {
    font-size: 1em !important;
    line-height: 1.125;
    font-style: italic;
    margin-bottom: 4px 0px !important;
}

.leaflet-container p {
    margin: 4px 0px !important;
}

/* =======================================
 * MARKERS (DEFAULT)
 * ======================================= */

#map .leaflet-marker-pane img.leaflet-marker-icon {
    width: auto !important;
}

#marker_gps {
    border-radius: 50%;
}

.zoom-level-8 .leaflet-marker-pane {
    font-size: 0.5em;
}
.zoom-level-9 .leaflet-marker-pane  {
    font-size: 0.7em;
}
.zoom-level-10 .leaflet-marker-pane  {
    font-size: 0.9em;
}
.zoom-level-11 .leaflet-marker-pane  {
    font-size: 1.0em;
}
.zoom-level-12 .leaflet-marker-pane  {
    font-size: 1.2em;
}
.zoom-level-13 .leaflet-marker-pane  {
    font-size: 1.4em;
}
.zoom-level-14 .leaflet-marker-pane  {
    font-size: 1.6em;
}
.zoom-level-15 .leaflet-marker-pane  {
    font-size: 1.8em;
}
.zoom-level-16 .leaflet-marker-pane  {
    font-size: 2.2em;
}
.zoom-level-17 .leaflet-marker-pane  {
    font-size: 3.25em;
}
.zoom-level-18 .leaflet-marker-pane  {
    font-size: 4.0em;
}
.zoom-level-19 .leaflet-marker-pane  {
    font-size: 4.5em;
}
.zoom-level-20 .leaflet-marker-pane  {
    font-size: 4.5em;
}

.leaflet-marker-pane .marker-small {
    margin-left: -0.75em !important;
    margin-top: -0.75em !important;
    width: auto !important;
    height: 1.5em !important;
}
.leaflet-marker-pane .marker-medium {
    margin-left: -1.5em !important;
    margin-top: -1.5em !important;
    width: auto !important;
    height: 3.0em !important;
}
.leaflet-marker-pane .marker-large {
    margin-left: -2.0em !important;
    margin-top: -2.0em !important;
    width: auto!important;
    height: 4.0em !important;
}
.leaflet-marker-pane .marker-xlarge {
    margin-left: -2.5em !important;
    margin-top: -2.5em !important;
    width: auto !important;
    height: 5.0em !important;
}

/* =======================================
 * MARKERS (SPECIFIC)
 * ======================================= */

.leaflet-marker-pane .marker-small.marker-quest-1 {
    margin-left: -0.25em !important;
    margin-top: -0.25em !important;
    width: auto !important;
    height: 0.5em !important;
}
.leaflet-marker-pane .marker-medium.marker-quest-1 {
    margin-left: -0.375em !important;
    margin-top: -0.375em !important;
    width: auto !important;
    height: 0.75em !important;
}
.leaflet-marker-pane .marker-large.marker-quest-1 {
    margin-left: -0.625em !important;
    margin-top: -0.625em !important;
    width: auto !important;
    height: 1.25em !important;
}
.leaflet-marker-pane .marker-xlarge.marker-quest-1 {
    margin-left: -1.0em !important;
    margin-top: -1.0em !important;
    width: auto !important;
    height: 2.0em !important;
}

/* =======================================
 * MARKER GROUP
 * ======================================= */

.leaflet-container {
    font-size: 1.0em !important;
}

.leaflet-marker-icon.marker-cluster {
    margin-left: -1.25em !important;
    margin-top: -1.25em !important;
    width: 2.5em !important;
    height: 2.5em !important;
    border-radius: 50% !important;
    font-size: 0.875em;
}
.leaflet-marker-icon.marker-cluster > div {
    width: 1.875em !important;
    height: 1.875em !important;
    margin-left: 0.3125em !important;
    margin-top: 0.3125em !important;
    border-radius: 50% !important;
    font-size: 1.0em !important;
}
.leaflet-marker-icon.marker-cluster > div > span {
    font-size: 1.0em !important;
    line-height: 1.875em !important;
}

/* =======================================
 * TOOLTIPS
 * ======================================= */

.leaflet-tooltip {
    font-size: 16px;
    padding: 2px 8px;
}
.leaflet-tooltip-bottom {
    margin-top: 2em;
}

/* =======================================
 * ZOOM BUTTONS
 * ======================================= */

#map .leaflet-control-zoom {
    display: none !important;
}
.zoom-buttons {
    z-index: 9999 !important;
}