@import "variabiliComuni.less";

.barTopLogo {
    background-color: @colore-cinque; /*Bianco*/
    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;
    align-items: center;
    /*border-bottom: 3px solid @colore-tre; Arancione*/
}

/* DA CONTROLLARE NELL'HTML PERCHE' E' LA CLASSE RICHIAMATA PER I SEPARATORI DEL MENU DROP DOWN, NEL CASO TOGLIERE LA RIGA IN PIU IN SERVIZI
.dropdown-divider{
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid @colore-sette; /*Bianco Sporco
}*/

.btn, .dropdown-toggle {
    margin-left: 10px;
    color: @colore-uno; /*Azzurro-Verde*/
    text-decoration: none;
    font-weight: bold;
}

.btn:hover, .dropdown-toggle:hover, .dropdown-item:hover {
    color: @colore-tre !important;
}

.dropdown-menu {
    margin-left: 12px;
}

.dropdown-item {
    color: @colore-uno; /*Azzurro-Verde*/
    text-decoration: none;
}

.barTopLogo a.logoTop span {
    // color: @colore-cinque !important; /*Bianco*/        CONTROLLARE
    /*font-family: 'Quicksand Bold'; 'Raleway Bold';*/
    //font-family: @font-regular, cursive;                CONTROLLARE
    /*font-style: italic;*/
    //font-size: @h2-size; /*28px*/                       CONTROLLARE
    position: relative;
    top: 4px;
}
/*
*/
.barTopLogo a.logoTop span:first-child {
    display: inline-block;
    width: 63px;
    height: 63px;
    margin-right: 5px;
    // border-radius: 100px;                                CONTROLLARE
    // border: 1px solid @colore-cinque; /*Bianco*/         CONTROLLARE
    //background-color: rgba(256,256,256,1);
    text-align: center;
}

.barTopLogo a.logoTop img {
    margin-top: 3px;
    width: 100%;
    max-width: 80px;
}

.barTopLogo a.logoTop:hover {
    opacity: 0.7;
}

.barMenuBlock {
    display: inline-flex;
}

.topnav {
    overflow: hidden;
    background-color: @colore-sei; /*Grigio Scuro*/
    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;
    align-items: center;
}

.topnav a {
    font-family: @font-bold;
    color: @colore-cinque; /*Bianco*/
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a.noPaddingTopBottom {
    padding: 0 16px;
}

.topnav a:hover {
    background-color: @colore-sette; /*Bianco Sporco*/
    color: @colore-sei !important; /*Grigio Scuro*/
}

.topnav a.noPaddingTopBottom:hover {
    background-color: transparent !important;
    color: inherit;
    opacity: 0.7;
}

/*.topnav a.logo img {
            border-radius: 500px;
        }*/

.active {
    background-color: @colore-cinque;
    color: @colore-sei !important; /*Grigio Scuro*/
}

.topnav .icon {
    display: none;
}

.topnav .icon .fa {
    font-size: 22px;
}

.imgSocial { // CLASSE CREATA PER I LINK SOCIAL DA CONTROLLARE
    margin-top: 3px;
    width: 100%;
    max-width: 50px;
}

// VERIFICARE E INCLUDERE PER IL SITO SU SMARTPHONE
@media screen and (max-width: 600px) {
    .topnav {
        display: block;
    }
    /*.topnav a:not(:first-child) {
            display: none;
        }*/
    .topnav a {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }

    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: center;
    }

    .barTopLogo {
        padding-bottom: 5px;
    }
}

.imgNewsHighlights {
    width: 100%;
    text-align: center;
}

.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;
}


.divSingolaNewsHighlights {
    width: 23%;
    padding: 5px;
    min-width: 250px;
}



.titoloNewsEvidenza {
    width: 100%;
    font-size: 20px;
    font-family: 'Roboto Regular', 'Verdana', 'Arial', 'Sans Serif';
    color: #282556 !important;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}



.testoNewsHighlights {
    width: 100%;
    font-family: 'Roboto Light', 'Verdana', 'Arial', 'Sans Serif';
    font-size: 16px;
    color: #4a4a4a /*aet200.1 vecchio colore sotituito #000000*/;
    text-align: center;
}

.btnCookie {
    color: @colore-otto;
    text-decoration: none;
    font-weight: bold;
    padding: 15px;
}

.btnCookie:hover {
    color: @colore-tre !important;
    font-weight: bold;
}

.btnAccettaTutto {
    background-color: @colore-uno;
    border-radius: 6px;
    border: solid;
    border-color: @colore-uno;
    padding: 3px;
}

.btnAccettaTutto:hover {
    color: @colore-tre;
    background-color: @colore-cinque;
    border-color: @colore-tre;
    border-radius: 6px;
    padding: 3px;
}

.btnCookieNecessari {
    border: solid;
    border-color: @colore-uno;
    border-radius: 6px;
    padding: 3px;
}

.btnCookieNecessari:hover {
    color: @colore-tre;
    background-color: none;
    border-color: @colore-uno;
    border-radius: 6px;
    padding: 3px;
}

.modelloButtonCookie{
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
background-color: var(--bs-modal-footer-bg);
border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
border-bottom-right-radius: var(--bs-modal-inner-border-radius);
border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

/* Inizio Stile Form Step */
.ButtonFormStep {
    min-width: 200px;
    margin: 5px 10px 5px 10px !important;
}

.ButtonIndietro {
    background-color: #fff !important;
    color: #4568dc !important;
    display: inline-block !important;
}

.ButtonProsegui {
    opacity: 0.8;
    display: inline-block !important;
}

.ButtonConferma {
    display: inline-block !important;
}

.rblSezioneForm label {
    font-weight: normal !important;
    margin-left: 5px;
}

.ProgressInfo {
    background-color: #777;
    opacity: 0.7;
}

.AvvisoInForm p {
    margin: 5px 0 5px;
}
/* Fine Stile Form Step */