/*body { width: 100%; overflow-x: hidden }*/
svg { max-width: 700px; display: block; }
svg .interactive { -webkit-tap-highlight-color:rgba(0,0,0,0) }
div.map, div.chart { display: flex; flex-direction: column; align-items: center; }
/*p { font-size: 22px; max-width: 800px; margin: auto; margin-bottom: 1em;}*/

.tooltip {
    width: 1px;
    height: 1px;
    position: relative;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}
.tooltip_inner {
    padding: 5px;
    /* background-color: rgba(0, 0, 0, 0.7); */
    background-color: #151515;
    color: silver;
    width: 250px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.5em;
    opacity: 0.9;
}

.ctrl-g { color: #1f5d9c }
.ctrl-c { color: orange }
.ctrl-t { color: #a11728 }

#map_1 .ctrl-g { color:#8c9086 }
#map_1 .ctrl-c { color: #e6ceb5 }
#map_1 .ctrl-t { color: #844622 }

.histogram { max-width:500px; }

/* debug */
/* svg { border: 1px dotted gray; } */

div.map { background-color: #151515; }
div.chart { background-color: #676464; }

.chart-disclaimer {
    font-family: 'Montserrat', sans-serif !important;
    color: #222F3A;
    margin: 1em;
    max-width: 500px;
    font-weight: bold;
}
.chart-preclaimer { text-align: center; color: #d9b77c; }

.tooltip .province_name { font-weight: bold; color: white }

#chart_1 { margin-top: 5em; margin-bottom: 5em }