/* Testi*/
@import url('https://fonts.googleapis.com/css2?family=Pridi:wght@200&display=swap');
/* Slider*/
@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');
/* Titoli*/
@import url('https://fonts.googleapis.com/css2?family=Syncopate&display=swap');

.allineaIntestazione {
    margin-top: 5px;
}

.testiStyle, .testiStyle:hover, .sliderStyle, .sliderStyle:hover, titoliStyle, titoliStyle:hover {
    color: black;
}

.titolo, .titolo:hover {
    color: #156c7f;
}

/* Colore del testo per lo slider, da utilizzare soltanto per i menù verticali*/

.coloreMenuV, .coloreMenuV:hover {
    color: white;
}

.coloreMenu, .coloreMenuV {
    background-color: #156c7f;
}

@media screen and (max-width: 599px) {
    .coloreToggle, .coloreToggle:hover {
        font-weight: bold;
        color: #156c7f;
    }

    .coloreMenu {
        background-color: transparent;
    }
}

@media screen and (min-width: 600px) {
    .coloreToggle, .coloreToggle:hover {
        font-weight: bold;
        color: #156c7f;
    }

    .coloreMenu, .coloreMenuV {
        background-color: #156c7f;
    }
}

.titolo, .titolo:hover, titoliStyle, .coloreToggle {
    letter-spacing: 0.05em;
    font-size: 4vmin;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    font-family: Syncopate, 'Century Gothic';
    text-transform: uppercase;
    vertical-align: middle;
}

    .titolo:hover {
        font-weight: bold;
    }

.sliderStyle, .sliderStyle:hover {
    font-family: 'Patua One', 'Century Gothic';
}

.testiStyle, .testiStyle:hover {
    font-family: Pridi, 'Century Gothic';
}

.voceMenu {
    color: #bcbcbc;
    font-family: Arial, 'Open Sans', sans-serif;
}

    .voceMenu:hover {
        color: white;
        font-weight: bold;
    }

.nav > ul > li > a:after {
    background: gray;
}

.voceMenu {
    color: #bcbcbc;
    font-family: Arial, 'Open Sans', sans-serif;
}

    .voceMenu:hover {
        color: white;
        font-weight: bold;
    }

.nav > ul > li > a:after {
    background: gray;
}