/*
 Theme Name:   Twenty Twenty-Two Child
 Template:     twentytwentytwo
 Version: 1.0
*/

/* Font-family globale */
@font-face {
    font-family: Poppins;
    src: url(https://www.biospec3.eu/wp-content/themes/twentytwentytwo-child/fonts/Poppins/Poppins-Regular.ttf);
    font-weight: normal;
}
body, h1, h2, h3, h4, h5, h6, a, p, div {
    font-family: "Poppins"!important;
}

/* allinea a sinistra i separatori nel footer */
.wp-block-separator {
    margin: 0px;
}

/* aggiunge lo sfondo lilla alla sezione "Visione di progetto" nella home, solo nella versione desktop */
@media only screen and (min-width: 900px) {
    .sfondo-obliquo {
        position: absolute;
        right: 0;
        left: 0;
        width: 100%;
        background: #8177D9;
        transform: skewY(-2deg);
        z-index: -1;
    }
    /* rimuove lo skew dal contenuto interno di "Visione di progetto" */
    .testo-sfondo-obliquo {
        transform: skewY(2deg);
        color: #FAFAFA;
    }
    #innovazione-desktop, #tecnologia-desktop, #connessione-desktop {
        display: block;
    }
    #innovazione-mobile, #tecnologia-mobile, #connessione-mobile {
        display: none;
    }
}
@media only screen and (max-width: 900px) {
    /* rimuove lo sfondo lilla nella versione mobile */
    p.testo-sfondo-obliquo, .testo-sfondo-obliquo p {
        color: #8177D9;
    }
    #innovazione-desktop, #tecnologia-desktop, #connessione-desktop {
        display: none;
    }
    #innovazione-mobile, #tecnologia-mobile, #connessione-mobile {
        display: block;
    }

    /* nasconde un elemento nella versione mobile */
    .hide-on-mobile {
        display:none;
    }

    /* rimuove lo spazio tra Visione di progetto e Aspettative nella homepage */
    #spazio-vuoto-visione {
        display: none;
    }

    /* aggiunge lo stile "card" alla sezione Visione di progetto */
    #visione-di-progetto {
        box-shadow: 5px 10px 10px 10px rgba(0,0,0,0.2);
        border-radius: 5px;
        padding: 10px;
    }
}

/* sfondo del footer */
.sfondo-footer {
    position: absolute;
    left:0;
    width: 100%;
    padding-top: 30em;
    margin-top: -20em;
    background-image: url("img/background_footer.png");
    z-index: -1;
}

/* bootstrap sui form */
input#invia-modulo {
    background-color: #8177D9;
    color: #FAFAFA;
}

/* modifica il colore dei border, utile per il separatore verticale nei template "sidebar" */
div.border-violet {
    border-color: #8177D9!important;
}

/* modifica il colore dei titoli delle pagine */
.wp-block-post-title {
    color: #8177D9;
    font-weight: bold;
}

/* aggiunge l'ombra ad alcuni testi */
.text-shadow {
    text-shadow: 1px 1px rgba(0,0,0,0.5);
}

/* modifica il css di titolo e sottotitolo delle metaslide di tipo nivoslider */
.nivo-caption {
    position: absolute;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 5px 10px;
    opacity: 1;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter: alpha(opacity=8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    top: 50%;
    text-align: center;
    text-shadow: 1px 1px rgba(0,0,0,0.5);
    background-color: transparent;
}

/* aggiunge box-shadow agli elementi della pagina Articoli */
ul.wp-block-latest-posts.is-grid li {
    box-shadow: 5px 10px 10px 10px rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 10px;
}

/* link degli articoli del colore del sito */
ul.wp-block-latest-posts__list.is-grid a {
    color: #8177D9!important;
}

/* crop immagine di copertina degli articoli */
.center-cropped {
    width: 100%;
    height: 27em;
    overflow: hidden;
}

/* style per i link a Cookie Policy e Privacy Policy nel footer */
p.policies a {
    text-decoration: none;
}
p.policies a:hover {
    text-decoration: underline;
    color: white;
}