.leafletmap {
    background-color: #262626;
    height: 800px;
    height:77vh;
    width:100%;
    margin:0 auto;
    z-index:0;
}

.leaflet-tooltip
{
    color: var(--textcolor);
    background-color: var(--highlightlight);
    border-color: var(--highlightlight2);
    font-weight:bold;
    font-size:1.2em;
    line-height:0.5em;
}

.leaflet-tooltip-right::before {
    border-right-color: #87e1ff;
}

.marker-cluster-small, .marker-cluster-medium {
    color: var(--textcolor);
    background-color: var(--highlightlight2);
}

.marker-cluster-small div, .marker-cluster-medium div {
    background-color: var(--highlight);
}

.marker-cluster div {
    font-weight:900;
    /* font-size:1.2em; */
}

.marker-cluster-medium {
    margin-left:-23px!important;
    margin-top:-23px!important;
    width:46px!important;
    height:46px!important;
    border-radius: 46px;
    font-size: 0.6vw;
    color: #fff;
    font-weight: 900;
    font-family: Open Sans;
    text-transform: uppercase;
 }

 .marker-cluster.marker-cluster-medium div {
    width:36px;
    height:36px;
 }

 .marker-cluster.marker-cluster-medium span {
     line-height:36px;
 }

.legend {
    line-height: 18px;
    color: var(--text-color);
}

.legend i {
    width: 18px;
    height: 18px;
    display:inline-block;
    margin-right: 3px;
    opacity: 0.7;
}

.legend span {
    position:relative;
    top: -5px;
}