/*
Theme Name:   Progetti
Description:  Tema dei progetti europei
Author:       Michele Martinello
Author URL:   https://www.polimi.it
Template:     shapely
Version:      1.14.3
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.14.3 modificata la lista dei plugin obbligatori e consigliati
* 1.14.2 wp-block figure, padding e margini delle immagini
* 1.14.1 shortcode ultimate teaser-loop
* 1.14.0 Aggiunto tra i plugin necessari B Slider e Font Awesome. Progetti_top_callout sostituisce shapley_top_callout
* 1.13.2 Integrazione menu polilang nelle landing page
* 1.13.1 Corretto comportamento immagine principale nella template-parts content-search
* 1.13.0 Introdotto layout lista per il blog index
* 1.12.6 Corretto data di pubblicazione
* 1.12.0 Aggiunto un nuovo template di pagina, landing page (senza menu)
* 1.11.2 Aggiunto plugin local google fonts, ospita i font google sul tuo server, evitando di scambiare informazioni con google (GDPR)
* 1.11.1 Correzione testo alternativo delle bandiere del language switcher di WPML
* 1.11.0 Aggiunto terzo logo
* 1.10.0 Aggiunta funzione per nascondere nei menu le pagine in Draft
* 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;
}


.my-page-title-section {
    height: unset;
    padding: 96px 0 0 0;
}

.archive section.content-area{
    padding: 0 0 96px 0;
}

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

.content-area figure {
    padding: 2.5%;
    padding-left: 0;
}

.content-area  .wp-block-column figure{
    margin-left:0;
    margin-right:0;
}

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

/*### Blog index List Layout ###*/
.post-content.post-list-small {
    width: 100%;
}

.post-content.post-list-small hr{
    margin: 24px 0 0 0;
}

#content .su-posts-default-loop h2.su-post-title, #content .su-posts-teaser-loop h2.su-post-title {
    clear: none;
    margin: 0.3rem 0 0.3em 0;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    font-size: 1.2em;
    line-height: normal;
    font-weight: 700;
}

#content .su-posts-default-loop h2.su-post-title a, #content .su-posts-teaser-loop h2.su-post-title a{
    display: inline-block;
    margin-top: 1rem;
}

#content .su-posts-default-loop p, #content .su-posts-teaser-loop p, #content .su-posts-default-loop .su-post-meta, #content .su-posts-teaser-loop .su-post-meta {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    font-size: unset;
}

#content .su-posts-teaser-loop .su-post .btn{
    display: none;
}

#content .su-posts-teaser-loop .su-post img {
    margin:0;
    padding:0;
    border: 1px solid #a0a5aa;
}

.su-post-title a, .su-post-title a:visited{
    color: unset;
}
.su-posts.su-posts-default-loop .su-post-column, .su-posts.su-posts-teaser-loop .su-post-column{
    width:100%;
}

@media (min-width:576px){
    .su-posts.su-posts-default-loop, .su-posts.su-posts-teaser-loop {
        display: flex;
        flex-wrap: wrap;
    }

    .su-posts.su-posts-default-loop .su-post, .su-posts.su-posts-teaser-loop .su-post {
        width:50%;
    }

}

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

    .su-posts.su-posts-default-loop .su-post, .su-posts.su-posts-teaser-loop .su-post {
        width:33%;
    }

}
@media (min-width:1200px) {
    .home :is(.kaliforms-form-container, .shortcodes-ultimate){
        width:1170px
    }

    .su-posts.su-posts-default-loop .su-post, .su-posts.su-posts-teaser-loop .su-post {
        width:33%;
    }
}