@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
.div-categoria {
    background-color: #e30613;
    color: #fff;
    padding: 0 15px;
    font-size: 40px;
}

.riga-candidati {
    margin: 10px -15px 20px -15px;
}

    .riga-candidati > .col-candidato {
        margin-bottom: 25px;
    }

.div-categoria > .titolo-cat {
    font-family: 'Playfair Display', serif;
}

.cont-candidato.fase1 {
    padding: 0px 8px;
}

.cont-candidato.fase2 {
    padding: 0px 16px;
}

.cont-candidato.fase3 {
    padding: 0px 23px;
}

    .cont-candidato > img {
        border-radius: 50%;
        width: 100%;
        border: 6px solid gray;
        cursor: pointer;
        display:inline-block;
        position:relative;
    }

        .cont-candidato > img.candidato_selected {
            border-color: #e30613!important;
        }
        .cont-candidato > img.candidato_vincitore_oldedition {
            border-color: goldenrod;
        }
.dett-candidato {
    padding: 10px 15px;
}

    .dett-candidato > .nome {
        font-family: Roboto condensed;
        font-weight: bold;
        width: 100%;
        font-size: 16px;
        display: block;
        color: #e30613;
        cursor: pointer;
    }

    .dett-candidato > .ristorante {
        font-family: Roboto condensed;
        font-style: italic;
        font-size: 15px;
        width: 100%;
        display: block;
    }

        .dett-candidato > .nome.fase1,
        .dett-candidato > .ristorante.fase1 {
            font-size: 16px;
        }

        .dett-candidato > .nome.fase2,
        .dett-candidato > .ristorante.fase2 {
            font-size: 18px;
        }

        .dett-candidato > .nome.fase3,
        .dett-candidato > .ristorante.fase3 {
            font-size: 20px;
        }

/*************************************/
/* fase 1 - COL2 */
.riga-candidati > .col-md-2 > .cont-candidato > .bg-redlight {
    background-color: #FDE9E0;
    height: 50px;
    position: absolute;
    top: 20.5%;
    width: 100%;
    z-index: 0;
    left: 15px;
}

.row > .col-md-2:nth-of-type(6n) > .cont-candidato > .bg-redlight,
.row > .col-md-2:last-child > .cont-candidato > .bg-redlight {
    width: 86%;
}


/*fase 2 - COL3 */
.riga-candidati > .col-md-3 > .cont-candidato > .bg-redlight {
    background-color: #FDE9E0;
    height: 50px;
    position: absolute;
    top: 30.5%;
    width: 100%;
    z-index: -1;
    left: 15px;
}

.row > .col-md-3:nth-of-type(4n) > .cont-candidato > .bg-redlight,
.row > .col-md-3:last-child > .cont-candidato > .bg-redlight {
    width: 91% !important;
}


/*fase 3 - COL4 */
.riga-candidati > .col-md-4 > .cont-candidato > .bg-redlight {
    background-color: #FDE9E0;
    height: 50px;
    position: absolute;
    top: 36.5%;
    width: 100%;
    z-index: -1;
    left: 15px;
}

.row > .col-md-4:nth-of-type(3n) > .cont-candidato > .bg-redlight,
.row > .col-md-4:last-child > .cont-candidato > .bg-redlight {
    width: 93%;
}

.btInviaSondaggio {
    font-size: 30px;
    border: 0px;
    margin-bottom: 30px;
    background-color: #969a27 !important;
    padding: 20px 0px;
}
.titoloSondaggio > .votanti, .titolo-cat > .votanti {
    font-size: 19px;
}

/* media query css */

/* VERSIONE MOBILE : <767px */
/* VERSIONE DESKTOP : >768px*/

/*v. Mobile*/
@media screen and (max-width: 767px) {
    .cont-candidato > img {
        border-width: 3px !important;
    }
    .dett-candidato {
        padding: 10px 5px!important;
    }
    .cont-candidato {
    padding:0 5px!important;
    }
    .mobile-noPadd {
        padding: 0px;
    }
    .riga-candidati > .col-candidato {
    margin-bottom:18px;
    }
    .riga-candidati {
        margin: 10px auto;
    }

        /* fase 1 - COL3 */
        .riga-candidati > .col-3 > .cont-candidato > .bg-redlight {
            background-color: #FDE9E0;
            height: 25px;
            position: absolute;
            top: 15.5%;
            width: 100% !important;
            z-index: 0;
            left: 0px;
        }
    .dett-candidato > .preferenze {
    font-size:12px;
    }
    .dett-candidato > .nome.fase1,
    .dett-candidato > .nome.fase2,
    .dett-candidato > .nome.fase3 {
        font-size: 14px;
        word-break:break-word;
    }

    .dett-candidato > .ristorante.fase1,
    .dett-candidato > .ristorante.fase2,
    .dett-candidato > .ristorante.fase3 {
        word-break: break-word;
        font-size: 13px;
    }

    .row > .col-3:nth-of-type(4n) > .cont-candidato > .bg-redlight,
    .row > .col-3:last-child > .cont-candidato > .bg-redlight,
    .row > .col-4:nth-of-type(4n) > .cont-candidato > .bg-redlight,
    .row > .col-4:last-child > .cont-candidato > .bg-redlight,
    .row > .col-6:nth-of-type(2n) > .cont-candidato > .bg-redlight,
    .row > .col-6:last-child > .cont-candidato > .bg-redlight {
        width: 100% !important;
    }


    /*fase 2 - COL3 */
    .riga-candidati > .col-4 > .cont-candidato > .bg-redlight {
        height: 25px;
        top: 18.5%;
        width: 100%;
        z-index: 0;
        left: 0px;
    }
    /*fase 3 - COL2 */
    .riga-candidati > .col-6 > .cont-candidato > .bg-redlight {
        height: 35px;
        top: 25.5%;
        width: 100% !important;
        z-index: 0;
        left: 0px;
    }
    .div-categoria > .titolo-cat {
    font-size:25px!important;
    line-height:20px;
    }

    .btInviaSondaggio {
        font-size: 28px;
        background-color: #969a27 !important;
        border: 0px;
        margin-bottom: 30px
    }
    .titoloSondaggio {
        font-size: 30px;
    }
    .titoloSondaggio > .votanti {
        font-size: 18px;
    }
    .titolo-cat > .votanti {
        font-size: 13px !important;
    }
    .div-categoria{
        padding-top:10px;
        padding-bottom:1px;
    }
}


/*v. desktop*/
@media screen and (min-width: 768px) {
}


/*v.*/
@media screen and (min-width: 768px) and (max-width:991px) {
    .riga-candidati > .col-md-2 > .cont-candidato > .bg-redlight {
        height: 30px;
        top: 11.5%!important;
    }
    .riga-candidati > .col-md-3 > .cont-candidato > .bg-redlight {
        top: 17.5% !important;
    }
    .riga-candidati > .col-md-4 > .cont-candidato > .bg-redlight{
        top:23.5%!important;
    }
}