/* 
 * Always set the map height explicitly to define the size of the div element
 * that contains the map. 
 */
html, body, #map {
    height: 100%;
}
/*#map {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}*/
.marker {
    background-image: url('../img/maps_tree_icon_32x32.png');
    background-size: cover;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
}
/*.mapboxgl-popup, .mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
    max-width: 200px !important;
	min-width: 200px !important;
}
.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}*/

.mapboxgl-popup-content h3 {
    font-size: 16px !important;
    font-weight: bold !important;
}

/*InfoWindow
.iw_header h3 {
    font-size: 16px !important;
    font-weight: bold !important;
}
.iw_w3w a {
    color: #0a3049 !important;
    font-weight: bold;
    text-decoration: none;
}
.w3w_slashes {
    color: #E11F26 !important;
}
.iw_gm_dir a {
    color: #0000EE;
    font-weight: bold;
    text-decoration: none !important;
}
.marker_text {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}*/