@font-face {
    font-family: 'Merriweather Sans';
    src: url('https://dlib.biblhertz.it/fonts/MerriweatherSans/MerriweatherSans-Regular.eot?') format('eot'), url('https://dlib.biblhertz.it/fonts/MerriweatherSans/MerriweatherSans-Regular.woff') format('woff'), url('https://dlib.biblhertz.it/fonts/MerriweatherSans/MerriweatherSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Merriweather';
    src: url('https://dlib.biblhertz.it/fonts/Merriweather/Merriweather-Regular.eot?') format('eot'), url('https://dlib.biblhertz.it/fonts/Merriweather/Merriweather-Regular.woff') format('woff'), url('https://dlib.biblhertz.it/fonts/Merriweather/Merriweather-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('https://dlib.biblhertz.it/fonts/Roboto/Roboto-Regular.eot?') format('eot'), url('https://dlib.biblhertz.it/fonts/Roboto/Roboto-Regular.woff') format('woff'), url('https://dlib.biblhertz.it/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('https://dlib.biblhertz.it/fonts/Roboto/Roboto-Medium.eot?') format('eot'), url('https://dlib.biblhertz.it/fonts/Roboto/Roboto-Medium.woff') format('woff'), url('https://dlib.biblhertz.it/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.map-overlay {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    max-width: 50%;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.map-overlay .map-overlay-inner {
    background-color: rgba(245, 245, 245, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.map-overlay label {
    display: block;
    margin: 0 0 10px;
}

.map-overlay input {
    background-color: transparent;
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0;
    cursor: ew-resize;
}
label {
    font-size: 0.85em;
    font-weight: 600;
    color: black
}

/*#background {*/
/*    position: fixed;*/
/*    left: 20px;*/
/*    bottom: 20px;*/
/*    padding: 4px;*/
/*    border: thin groove white;*/
/*    border-radius: 4px;*/
/*    font-family: 'Merriweather Sans', sans-serif;*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*    color: black;*/
/*}*/

/*label {*/
/*    font-size: small;*/
/*}*/

.mapboxgl-ctrl-attrib {
    visibility: hidden;
}

#sidebar0, #sidebar1, #sidebar2 {
    position: absolute;
    color: rgb(42, 42, 42);
    background-color: rgba(245, 245, 245, 0.75);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 500;
    overflow-y: auto;
    z-index: 100;
}

#sidebar0 {
    text-shadow: 1px 1px 1px lightgrey;
    letter-spacing: 0.05em;
    padding: 10px;
    left: 10px;
    top: 10px;
    height: 20px
}

#sidebar1 {
    padding: 10px;
    left: 10px;
    top: 10px;
    height: 210px
}
#sidebar1 a { padding-left: 5px; padding-right: 5px }

#sidebar2 {
    padding: 5px;
    left: 10px;
    top: 250px;
    max-height: 30vw
}
#sidebar2 img
{
    filter: grayscale(0.75);
    -webkit-filter: grayscale(0.75);
}

mark {background-color: transparent}
em {
    text-shadow: 1px 1px 1px whitesmoke;
}
td, th {
    text-align: left;
    font-size: 80%;
    padding-left: 2em;
}
td:first-child, th:first-child {
    padding-left: 0em;
}

.hidden {
    display: none;
}

.shown {
    display: inline-block;
}

#map {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-right: thin groove black;
    overflow: hidden;
}

#pitch {
    position: relative;
    font-size: 150%;
    padding: 5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20id%3D%22svg2%22%20version%3D%221.1%22%3E%3Crect%20style%3D%22fill%3A%23e6e6e6%3Bfill-opacity%3A1%3Bstroke%3A%23000000%3Bstroke-width%3A1.4289844%3Bstroke-linecap%3Abutt%3Bstroke-linejoin%3Abevel%3Bstroke-miterlimit%3A4%3Bstroke-dasharray%3Anone%3Bstroke-opacity%3A1%22%20id%3D%22rect4184%22%20width%3D%226.3801188%22%20height%3D%227.9892497%22%20x%3D%2213.022924%22%20y%3D%227.778275%22%20ry%3D%220.64057821%22%20transform%3D%22matrix(1%2C0%2C-0.52773606%2C0.84940841%2C0%2C0)%22%20%2F%3E%3C%2Fsvg%3E");
}

#menu .mapboxgl-ctrl-group {
    padding: 0.5em;
    margin: 0.75em;
    pointer-events: auto;
    font-weight: bold;
    color: black;
}


a {
    font-size: 95%;
    color: rgb(42, 42, 42);
    font-weight: bold;
    text-decoration: none;
    /*border: thin dotted gray;*/
    /*display: inline-block;*/
    /*padding-left: 0.25em;*/
    /*padding-right: 0.25em;*/
    /*margin-right: 0.25em;*/
    /*margin-left: 0.25em;*/
}

#sidebar1 a:before {content: '↗ '}

/*a:hover, mark:hover {*/
/*    color: darkred;*/
/*}*/

/*section {*/
/*    border-top: thin solid gray;*/
/*    border-bottom: thin solid gray;*/
/*}*/