@font-face {
    font-family: 'Bree Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../webfonts/BreeSerif-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../webfonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../webfonts/Roboto-Bold.ttf') format('truetype');
}


.embed-wrapper {
    width:100%;
    height:100%;
}

#map-landscape {
    min-height:80vh;
    width:100%;
}
.mapboxgl-map {
    font-family:Roboto !important;
}
.mapboxgl-map canvas {
    width:100% !important;
    height:100% !important;
}
.mapboxgl-map .label {
    font-weight:400;
    color: #333;
}
.mapboxgl-map .value {
    font-weight:600;
    color: #007d8a;
}
.mapboxgl-map .mapboxgl-popup-close-button {
    font-size:16px;
    color:#007d8a;
    font-weight:bold;
}
.mapboxgl-map .mapboxgl-popup-tip {
    border-top-color:#ccc;
}
.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    border:1px solid #ccc;
}
.mapboxgl-map .mapboxgl-popup-hover {
    background-color:#007d8a;
}