@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');

.metro-interactive{
    max-width:1400px;
    padding:15px 5px;
    margin:1em auto;
    border:1px solid #000000;
    border-width:1px 0px;
}

.rm-this{
    display:none;
}

select{
    font-size:18px;
    padding:5px;
    border-color:#dddddd;
    border-width:0px 0px 1px 0px;
    font-weight:bold;
    background-color:transparent;
}
select:hover{
    border-color:#111111;
}

.flex-container{
    max-width:1200px;
    margin:1em auto;
    display:flex;
    flex-direction: row;
}

.flex-container > div.flex-control{
    width:25%;
    min-width:250px;
    padding:10px;
}

.flex-container > div.flex-graphics{
    width:75%;
}

path{
    transition: fill 0.5s;
}

.metro-interactive p{
    font-family: 'Roboto', sans-serif !important;
    color:#111111 !important;
    padding:3px 10px !important;
    margin:0em 0em 1em 0em !important;
    max-width:none !important;
}

.metro-interactive a{
    font-family:inherit;
    font-weight:inherit;
    color:inherit;
    text-decoration:none;
    border-bottom:none;
    border-bottom-width:0px;
}

.metro-interactive a:hover{
    color:#4278a3;
}

.metro-interactive .button-selected{
    background:transparent !important;
}

.metro-interactive .button-selected p{
    background-color:#FFDD00;
    color:#111111 !important;
    border-radius:10px;
}

.metro-interactive #map-buttons > div > div p{
    color:#444444;;
}

.metro-interactive #map-buttons > div > div{
    cursor:pointer;
}

.metro-interactive #map-buttons > div > div:hover{
    background-color:#dddddd;
    border-radius:10px;
}

.metro-interactive #map-buttons > div > div:hover p{
    color:#111111;
}

.metro-interactive .v-tooltip{
    background-color:#ffffff;
    border:1px solid #111111;
    border-radius:3px;
    padding:10px;
    pointer-events:none;
}

.metro-interactive .v-tooltip p{
    margin:0px 0px 5px 0px !important;
}

.metro-interactive .v-tooltip p:first-child{
    font-weight:bold;
}

.metro-interactive .v-tooltip p:last-child:after{
    content:"";
    color:#111111;
    display:none;
    margin-top:10px;
}

.findings-group{
    background-color:#e2eaee !important;
    padding-top:2em;
    padding-bottom:15px;
}

.findings-group h4{
    padding-top:35px !important;
    position:relative;
}

.findings-group h4:before{
    content:"";
    position:absolute;
    width:240px;
    height:3px;
    top:10px;
    left:0px;
    background-color:#111111;
}

.findings-group .chart-title{
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 5px !important;
}

.block--essay-author__wrapper{
    border-radius:15px;
}

@media (min-width:0px){
    .data-and-downloads{
        border:3px solid #111111;
        border-width:3px 0px;
        padding:25px 10px 25px 10px;
        margin:1em 0px;
    }
}

@media (min-width:760px){
    .data-and-downloads{
        border-width:3px 0px 0px 0px;
        float:right;
        width:33%;
        max-width:400px;
        margin:0px 50px 25px 25px;
    }

    .block--heading-h3{
        margin:60px auto;
    }
}

@media (min-width:1200px){
    .data-and-downloads{
        margin-right:calc((100% - 1160px) / 2);
    }

    .chart-group{
        background-color:#ffffff !important;
        padding:25px;
        width:860px;
        margin:1em auto;
        border-radius:15px;
    }
}