@import url('https://fonts.googleapis.com/css?family=Lato:400,900&display=swap');

.referendum_wrapper { margin-bottom:1rem; max-height:250px;  }
.referendum_update {  margin-left: 5px; margin-bottom:2rem; }

.referendum_widget {font-family: 'Lato' , sans-serif !important; margin-top:1rem; }

.referendum_widget * {font-family: 'Lato' , sans-serif !important; }

.referendum_widget *:focus { outline:0; }

.referendum_widget {
    --black: #222222;
    --grey: #6E6E6E;
    --light-grey: #F2F2F2;
    --red: #8C1219;
    position: relative;
    display: none;
}

.referendum_widget .collegio-scheda{
    background: #fff;
    padding: 3rem 1rem 2.2rem 1rem;
    margin-bottom: 1rem;
    color: var(--grey);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    margin-top:0;
}

.referendum_widget .link_spoglio {
    background: var(--black);
    color: #fff;
    font-weight: 900;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    top: 17px;
    left: 0rem;
    right: 0rem;
    padding: 0.5rem .2rem;
    text-align:center;
}

.referendum_widget .link_spoglio a:link,
.referendum_widget .link_spoglio a:visited,
.referendum_widget .link_spoglio a:hover,
.referendum_widget .link_spoglio a:focus,
.referendum_widget .link_spoglio a:active {

    color:white;
}

.row-elezioni { }

a.row-elezioni { color: white; }

.referendum_widget .more-button{
    background: var(--red);
    font-weight: 900;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0.5rem 1rem;
    min-height: 21px;
}
.referendum_widget .more-button a { color: #fff; }

.referendum-special-link a {

    padding: 6px 10px;
    background: #8f151b;
    text-transform: uppercase;
    border-radius: 4px;

}

.referendum-last-update {

    text-align: right;

}

.referendum-special-link a:link,
.referendum-special-link a:visited,
.referendum-special-link a:hover,
.referendum-special-link a:focus,
.referendum-special-link a:active {

    color:white;
    text-decoration: none;

}

.referendum_widget .affluenza_perc span {

    font-weight:bold;
    font-size:125%;
}

.referendum_wrapper .slick-prev {

    left:-19px;

}

.referendum_wrapper .slick-next {

    right:-13px;

}

.referendum_wrapper .data-row {

    align-items: center;

}

.referendum_wrapper .slick-prev,
.referendum_wrapper .slick-next {

    background-color:white;

}

.referendum_wrapper .slick-prev:before,
.referendum_wrapper .slick-next:before {

    color: black;

}


.referendum_widget .dati{
    padding: 0 10px 10px;
    /*min-height:80px;*/
    display: flex;
    flex: 0 0 20%;
}

.candidati-container {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0 0;
}

.referendum_widget .dati .dati-info, .referendum_widget .dati .dati-dettaglio {
    padding: 0;
    display: flex;
    flex-flow: column;
}

.referendum_widget .referendum_widget .dati-dettaglio{
    padding: 0rem;
}

.referendum_widget .dati-anagrafico{
    font-weight: 900;
    font-size: .8rem;
    color: var(--grey);
    text-transform: uppercase;
    line-height: 13px;
}

.referendum_widget .dati-percentuale{
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--black);
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.referendum_widget .non-eletto{opacity: .5}

.referendum_widget .eletto .dati-anagrafico, .referendum_widget .slick-prev:before, .referendum_widget .slick-next:before{color: var(--black);}

.referendum_widget .row-elezioni.widget .slick-list{ width: 100%; }


.box-wrapper .dati.row-elezioni:nth-child(n+3) { display:none; }

.box-wrapper .dati.row-elezioni:nth-child(n+3).dati_visible { display:flex; }

.widget:not(.slick-initialized) {display:none; }

.referendum_widget .dati-img { /*max-width:60px;*/ position:relative; }
.dati-img img.img-candidato { width: 65px; height: 65px; }

.referendum_widget  .widget_footer { background-color: #000; font-weight:bold; color:white; padding-top:.5rem; padding-bottom:.5rem; text-transform:uppercase; }

.referendum_widget  .widget_footer a:link,
.referendum_widget  .widget_footer a:visited,
.referendum_widget  .widget_footer a:hover,
.referendum_widget  .widget_footer a:focus,
.referendum_widget  .widget_footer a:active {

    color:white;
    text-decoration:none;

}

.referendum_widget .elezioni_aggiornamento { font-weight:normal; font-style: italic; }
.referendum_widget .elezioni_aggiornamento_vai { text-align:right; }

.referendum_widget .label-right {

    text-align:right;
}

.referendum_widget a:focus { outline: 0; }
.referendum_widget .dati-info { padding-right:0; position:relative; }

.referendum_widget .results { margin-bottom: -15px; }
.referendum_widget .results .referendum-yes, .referendum_widget .results .referendum-no { font-size: 30px; font-weight: 800; }
.referendum_widget .results .referendum-yes  { color: #9a141c; padding-left: 5px }
.referendum_widget .results .referendum-no  { color: #6e6e6e; padding-right: 5px; }
.referendum_widget .results #referendum-yes, .referendum_widget .results #referendum-no  { font-size: 20px; }

.referendum-container { height: 20px; margin: 20px 0 10px; }

.middle-marker {
    display: flex;
    flex-flow: column;
    align-items: center;
    z-index: 10;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;

}

.middle-marker .line {
    font-size: 35px;
    font-weight: 100;
    /*line-height: 25px;*/
}

.referendum_widget .slick-prev {

    left:-8px;
}

@media (max-width: 991.98px){

    .referendum_widget .collegio-scheda{
        padding: 3rem 1rem 2rem 1rem;
    }


}

@media (max-width: 767.98px) {

    .referendum_widget .dati-img img.img_eletto {
        max-width: 20px;

    }
}
@media (max-width: 575.98px) {

    .referendum_widget .dati {
        flex: 0 0 50%;
    }

    .referendum_widget .dati:nth-child(n+5){
        display: none;
    }

    .referendum_widget .bottom .label-left { text-align: center; }
    .referendum_widget .bottom .label-right { text-align: center; padding-top: 10px; }
    .middle-marker { bottom: 32px; }

    .referendum_widget .info_affluenza {

        display: flex;
        justify-content: space-between;

    }

    .referendum-last-update {

        text-align: left;
        margin-top: 1rem;

    }


    }

@media (max-width: 320px) {
    .referendum_widget .dati-img {
        margin: 0 -.5rem;
    }
}