.leaflet-map { 
    height: 600px;
    margin-bottom:20px;
    position:relative;
    z-index: 40
}
.map-byline{
    font-family: GMsanC-Regular,Helvetica,Arial,Verdana,sans-serif;
    font-size:11px;
    line-height:13px;
    height:13px;
    letter-spacing:0.08em;
    color:rgb(88,89,91);
}
.leaflet-map .map-marker{ 
    background-color: none;
    outline:none;
    height:20px;
    min-width: 120px;
    display: inline-block;
    line-height: 20px;
    position: relative;
    font-size: 13px;
    font-family: GMsanC-Regular,Helvetica,Arial,Verdana,sans-serif;
}

.leaflet-map .map-marker .icon.city{
    width:7px;
    height:7px;
    margin:6.5px;
    background-color: #000;
    border-radius: 100%;
    float:left;
}

.leaflet-map .map-marker .icon.none{
    display: none;
}
.leaflet-map .map-marker .label.none{
    left: 0px;
}

.leaflet-map .map-marker .label.none.bold{
    left: 0px;
    font-family: GMsanC-Bold,Helvetica,Arial,Verdana,sans-serif;
}

.leaflet-map .map-marker .label.sea{
    color: #2b87a6;
}

.leaflet-map .map-marker .icon.blast{
    width:20px;
    height:20px;
    background-image: url('https://www.theglobeandmail.com/files/graphics/ukraine-leaflet-map/markers/blast.svg');
}

.leaflet-map .map-marker .icon.blast.info-text{
    width:20px;
    height:20px;
    background-image: url('https://www.theglobeandmail.com/files/graphics/ukraine-leaflet-map/markers/blast-info.svg?token=1');
}

.leaflet-map .map-marker .icon.info{
    width:15px;
    height:15px;
    margin:2.5px;
    background-image: url('https://www.theglobeandmail.com/files/graphics/ukraine-leaflet-map/markers/info.svg?token=1');
}

.leaflet-map .map-marker .label{
    height:20px;
    position:absolute;
    left: 15px;
    top:0px;
    text-shadow: 
        1px 1px 0px #FFFFFF,
        -1px -1px 0px #FFFFFF,
        1px -1px 0px #FFFFFF,
        -1px 1px 0px #FFFFFF;
}


.leaflet-map .map-marker .label.blast,
.leaflet-map .map-marker .label.info{
    left:20px;
    font-family: GMsanC-Bold,Helvetica,Arial,Verdana,sans-serif;
}

.leaflet-popup-content-wrapper{
    border-radius: 3px !important;
}

.leaflet-popup * {
    font-family: 'GMsanC-Regular';
    font-size: 13px;
}

.leaflet-control-zoom{
    box-shadow: 1px 1px 5px #000 !important;
    border-radius: 2px !important;
}

.leaflet-map .legend-box{
    z-index:99999;
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding:10px 10px 0px 10px;
    min-width:200px;
    background-color: #FFFFFF;
    outline: 1px solid #000;
    box-shadow: 5px 5px 0px #ccc;
}
.leaflet-map .legend-box *{
    color: #000000;
    font-family: GMsanC-Regular,Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
}
.leaflet-map .legend-box .legend-hed{
    font-family: GMsanC-Bold,Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
}

.leaflet-map .legend-box .legend-txt{
    font-size: 13px;
    margin-bottom:5px;
}


.leaflet-map .legend-box .legend-item{
    height:20px;
    margin-bottom: 10px;
}
.leaflet-map .legend-box .legend-item .legend-icon{
    width: 20px;
}
.leaflet-map .legend-box .legend-item .legend-icon,
.leaflet-map .legend-box .legend-item .legend-txt{
    height:20px; float:left; margin-right:5px;
    font-size: 13px;
}