/*
Theme Name:   Progetti
Description:  Tema dei progetti europei
Author:       Michele Martinello
Author URL:   https://www.polimi.it
Template:     shapely
Version:      1.9.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Progetti
*/

/*
* ######## Version History #########
* 1.9.6 revisionati stili dei titoli
* 1.9.5 Content grid, mostra immagine featured solo se presente, niente segnaposto
* 1.9.4 Corretto data di pubblicazione replicata nei metatag - template-tags
* 1.9.3 Rimosso plugin wp-gdpr-compliance, sostituito con complianz-gdpr
* 1.9.2 Rimosso plugin wp-piwik, statistiche matomo
* 1.9.1 Aumentata la lunghezza dei titoli che utilizzano la funzione wp_trim_words( get_the_title() ...);
* 1.9.0 aggiunto Loop personalizzato thumbnailAndtitle-loop.php per shortcode ultimate
* 1.8.0 Aggiunto plugin wp-piwik, statistiche matomo
* 1.7.10 Rivista sequenza di inclusione dei file css
* 1.7.9 Aggiunti stili per icone youtube e pinterest
* 1.7.8 Icona play in automatico sulle immagini che puntano su youtube
* 1.7.7 Lista articoli, get_the_post_thumbnail size, shapely-full
* 1.7.6 Incluso via CDN fontawesome 4.7
* 1.7.5 La lista degli articoli ora usa the_excerpt
* 1.7.4 Aggiunto un plugin obbligatorio per controllare la featured image
* 1.7.3 ora la featured image viene visualizzata per tutte le categorie di articoli
* 1.7.2 modifica my_get_header_logo(), classi per title (name) e tagline del sito (description)
* 1.7.1 aggiunta descrizione sito (tagline)
* 1.7.0 aggiunta opzione secondo logo
* 1.6.5 Aggiunto i file della classe update, cambiato $url riga 32 in get_stylesheet_directory() in function.php
* 1.6.4 Aggiunta l'opzione nascondi il search
* 1.6.3 Correzione stili parallax window
* 1.6.2 Commentata la verifica dell'attivazione del modulo widgets di jetpack per usare (viene comunque mostrato) features icon color nel customizer
* 1.6.1 Verifica dell'attivazione del modulo widgets di jetpack per mostrare features icon color nel customizer
* 1.6.0 Aggiunta la possibilità di impostare il colore delle icone feature nel customizer
* 1.5.0 Aggiunta la possibilità di spostare il primary menu "on top"
* 1.4.0 Corretto il comportamento di Show Site Title and Tagline (quello di shapely non funzionava)
* 1.3.3 class_progetti_related_posts la gestione degli headers è da ora basata su di un array
* 1.3.2 Correzioni minori stili css
* 1.3.1 Correzioni minori stili css
* 1.3.0 Copiata class_shapely_related_posts e modificata in classe class_progetti_related_posts, ora gli articoli con categoria consortium mostrano "Partners" in luogo di "Related Articles"
* 1.2.3 Correzioni minori stili mobile
* 1.2.2 Se si tratta di news le featured image verranno utilizzate
* 1.2.0 shortcode ultimate, creata nuova default template
* 1.1.0 Rimosso i font google di shapely
* 1.0.0 Prima Release
*
*/

/* Scrivi qui il tuo foglio di stile personalizzato */

/* Fontawesome 4.7*/

body{
    color:#333;
    font-size: 16px;
    line-height: 26px;
}

h1{
    font-size: 40px;
    line-height: 44px;
}
h2 {
    font-size: 35px;
    line-height: 38px;
}
h3 {
    font-size: 30px;
    line-height: 33px;
}
h4 {
    font-size: 25px;
    line-height: 30px;
}

.fa, .far, .fas {
    font-family: "FontAwesome";
}


#social li a[href*="facebook.com"] .fa::before,
.fa-facebook-f:before,
.fa-facebook:before {
    font-family:'FontAwesome';
    content: "\f09a";
    font-weight: 300;
}

#social li a[href*="instagram"] .fa::before,
.fa-instagram-f:before,
.fa-instagram:before {
    font-family:'FontAwesome';
    content: "\f16d";
    font-weight: 300;
}


#social li a[href*="linkedin"] .fa::before,
.fa-linkedin-f:before,
.fa-linkedin:before {
    font-family:'FontAwesome';
    content: "\f0e1";
    font-weight: 300;
}

#social li a[href*="twitter"] .fa::before,
.fa-twitter-f:before,
.fa-twitter:before {
    font-family:'FontAwesome';
    content: "\f099";
    font-weight: 300;
}

#social li a[href*="youtu"] .fa::before,
.fa-youtube-f:before,
.fa-youtube:before {
    font-family:'FontAwesome';
    content: "\f166";
    font-weight: 300;
}

#social li a[href*="pinterest"] .fa::before,
.fa-pinterest-f:before,
.fa-pinterest:before {
    font-family:'FontAwesome';
    content: "\f0d3";
    font-weight: 300;
}

figure a[href*="youtu"]{
    position:relative;
    display: block;
    height: 100%;
}

figure a[href*="youtu"]::before{
    font-family:'FontAwesome';
    position:absolute;
    top:45%;
    left:45%;
    content: "\f01d";
    color:#fff;
    font-size: 4rem;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    z-index: 100;
}


#site-navigation .module.left{
    display:flex;
    align-items:center;
}

.site-title{
    display:block;
    padding: 0 2rem;
    line-height:normal;
}

.main-navigation{
    position:fixed;
    top:0;
    z-index:1000;
}

.row{
    margin-right:unset;
    margin-left:unset;
}

.shapely-related-posts .related-item-thumbnail{
    background-size:auto;
}


.home .kaliforms-form-container, .home .shortcodes-ultimate{
    padding-top:96px;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}

.home .kaliforms-form-container h3, .home .shortcodes-ultimate h2{
    text-align:center;
    width:100%;
    margin: 24px 0 0.67em 0;
    font-size: 60px;
    line-height:64px;
}

.su-posts-default-loop{
    padding:96px 0;
}

.menuOnTop .search{
    margin-bottom:1rem;
}

.menuOnTop .toggle-search .function {
    margin-bottom: 3rem;
}

.parallax-window{
    margin-top:6rem;
}
.cover .parallax-window.fullscreen{
    margin-top:0;
}

@media (min-width:768px) {
    .home .kaliforms-form-container, .home .shortcodes-ultimate{
        width:750px
    }

    :is(#shapely_home_parallax-3, .su-post.row) .col-md-7{
        width:40%;
    }
    .row{
        margin-right:-15px;
        margin-left:-15px;
    }

    .col-sm-9 {
        width: 70%;
    }

    .col-sm-3 {
        width: 30%;
    }
}
@media (min-width:992px) {
    .home :is(.kaliforms-form-container, .shortcodes-ultimate){
        width:970px
    }

    .main-navigation{
    top:unset;
    position:unset;
    z-index:unset;
    }

    .menuOnTop .search{
        margin-bottom:unset;
    }

    .menuOnTop .toggle-search .function {
        margin-bottom: unset;
    }
}
@media (min-width:1200px) {
    .home :is(.kaliforms-form-container, .shortcodes-ultimate){
        width:1170px
    }
}