@import "variabiliComuni.less";

/*inizio stile per l'effetto typing sugli h1*/

h1 span.typingText {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    animation: type 4s steps(60, end);
}

h1 span.typingText span {
    /*animation: blink 1s infinite;*/
    display: none;
}

p {
    text-align: justify;
}

@keyframes type {
    from {
        width: 0;
    }
}

@keyframes blink {
    to {
        opacity: .0;
    }
}

::selection {
    background: @colore-sette; /*Bianco Sporco*/
}
/*fine stile per l'effetto typing sugli h1*/

.divContNewsHighlights {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}

/*inizio stile NEWS IN EVIDENZA RC ai200.0*/
.divNewsEvidenza {
    width: 100%;
    /*max-width: 2000px;*/
    margin: 20px auto 0 auto;
    padding: 4px;
    overflow: hidden;
    /*----flexbox-----*/
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.divSingolaNewsEvidenza {
    /*width: 15%;*/
    flex: 1;
    min-width: 240px;
    /*margin: 0 10px 10px 10px;*/
    padding: 10px 20px 10px 20px;
    text-align: center;
}

.divSingolaNewsEvidenza a, .divSingolaNewsEvidenza a p {
    text-decoration: none !important;
}

.divSingolaNewsEvidenza a:first-of-type {
    font-weight: inherit;
}

.divSingolaNewsEvidenza a:hover, .divSingolaNewsEvidenza a p:hover {
    opacity: 0.7;
}

.divSingolaNewsEvidenza a:visited {
    text-decoration: none;
}

.divSingolaNewsEvidenza p {
    color: @colore-sei; /*Grigio Scuro*/
}

a.divSingolaNewsEvidenza:hover {
    opacity: 0.7;
}

a.divSingolaNewsEvidenza:visited {
    text-decoration: none;
}

.borderRiquadroColore(@colore) { //    NON CAPISCO DA DOVE ARRIVI @colore
    border-color: @colore;
}

.titoloNewsEvidenza {
    width: 100%;
    font-size: @h3-size; /*24px*/
    font-family: @font-regular;
    color: @colore-due !important; /*Blu-Viola*/
    font-weight: bold;
    text-align: center;
    padding: 3px;
}
/*fine stile NEWS IN EVIDENZA*/

/*inizio stile NEWS ANTEPRIMA*/
.divSingolaNewsAnteprima {
    width: 23%;
    min-width: 250px;
    font-size: 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.imgAnteprima {
    float: left;
    margin: 0;
    padding: 0;
    background: @colore-cinque;
    border: none;
}

.titoloNewsAnteprima {
    width: 100%;
    font-size: @h3-size; /*24px*/
    font-family: @font-regular;
    color: @colore-cinque;
    /*    font-weight: bold;*/
    text-align: center;
    padding: 3px;
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: @colore-cinque;
    background: @colore-sei;
    background: rgba(0,0,0,0.0);
    position: absolute;
    left: 0;
}

.titoloNewsAnteprima:hover {
    color: @colore-sette !important;
}

.abstractNewsAnteprima {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: @colore-cinque;
    background: @colore-sei;
    background: rgba(0,0,0,0.1);
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    font-weight: normal;
}

.abstractNewsAnteprima:hover {
    color: @colore-sette !important;
}

.abstractNewsAnteprima:hover span {
    color: @colore-sette !important;
}

    .divContNewsAnteprima {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 1000px;
    }

    .divNewsAnteprima {
        text-align: -webkit-center;
        margin-top: 25px;
    }

    .singolaNewsAnteprima {
        margin-top: -25px;
        overflow: hidden;
    }

    .singolaNewsAnteprima:hover {
        /*box-shadow: 0 0px 8px 0 @colore-uno, 0 0px 20px 0 @colore-uno;*/
    }

    .singolaNewsAnteprima div {
        object-fit: cover;
        transition: transform .2s;
        width: 100%;
        height: 100%;
    }

    .singolaNewsAnteprima div:hover {
        transform: translateY(-20px);
    }
    /*fine stile NEWS ANTEPRIMA*/