/* 
Version:		 1.1.1
*/

@media screen and (max-width: 1022px) {

    /* RESET DELLE GRANDEZZE FONT */
    :root{
     --wp--preset--font-size--x-large:1rem;
    }



    
}

@media screen and (min-width: 1024px) {
   
   
   
    /*  ============================================= 
	GENERALI
	==============================================  */
    :root{
        --medium:1.063rem;
        --large:1.25rem;
        --extra-large:1.875rem;
        --extra-extra-large:2.5rem;
        --titolo-grande:3rem;

        --padding-fascia:5rem;
        --padding-fascia-big:6.25rem;
    }

    .show_pc{
        display:block;
    }
    .show_mobile{
        display:none;
    }

    /* FLEX COLUMN nel MOBILE */
    .flex_column_mobile{
        flex-direction: row;
    }


    

    /*  ============================================= 
	HEADER
	==============================================  */
    
    /* MENU TOP */
    .fascia_logo{
        padding-top:0.3rem;
    }
    ul.menu_top{
        font-size:1rem;
    }
    ul.menu_top li{
        padding-inline:1rem;
    }
	ul.menu_top li ul li a{
		font-size:0.8rem;
	}
    ul.menu_top li a{
        font-weight:500;
    }
    .btn_my_egaf a{
        background:url("/wp-content/themes/egaf/assets/images/ico_user.svg") no-repeat left center #fff;
        background-size:21px 24px;
        background-position:1.7rem;
        font-size:1rem;
        font-weight:500;
        padding-left: 3.5rem;
        padding-right: 2rem;
        padding-block: 0.5rem;
        color:#000;
    }
    .btn_egaf_shop a{
        background:url("/wp-content/themes/egaf/assets/images/ico_cart.svg") no-repeat left center #fff;
        background-size:23px 22px;
        background-position:1.7rem;
        font-size:1rem;
        font-weight:500;
        padding-left: 3.5rem;
        padding-right: 2rem;
        padding-block: 0.5rem;
        color:#000;
    }
    .btn_my_egaf a:hover{
        background:url("/wp-content/themes/egaf/assets/images/ico_user.svg") no-repeat left center #efefef;
        background-size:21px 24px;
        background-position:1.7rem;
    }
    .btn_egaf_shop a:hover{
        background:url("/wp-content/themes/egaf/assets/images/ico_cart.svg") no-repeat left center #efefef;
        background-size:21px 24px;
        background-position:1.7rem;
    }
	nav.main_menu ul li ul.wp-block-navigation__submenu-container{
		width:250px!important;
	}
	nav.main_menu ul li ul li a{
		padding-top:0.2rem!important;
		padding-bottom:0.2rem!important;
		padding-left:0.3rem!important;
		text-align:center;
		flex:1 0 auto;
		font-size:0.9rem;
		font-weight:500;
	}
    /*  ============================================= 
    HOME
    ==============================================  */

    /* FASCIA ISTITUZIONALE */
    .fascia_istituzionale h1{
        font-size:2.5rem;
        font-weight:800;
    }
    .box_numero p strong{
        display:block;
    }
    .box_numero strong{
        font-size:2.5rem;
        font-weight:900;
    }

    /* IN EVIDENZA */
    .fascia_in_evidenza{
        padding:50px 0 50px 0;
    }
    .fascia_in_evidenza figure{
        margin-right:2.5rem;
    }

	
/* Forza le colonne ad avere tutte la stessa altezza,
   qualunque allineamento verticale sia impostato */
.fascia_in_evidenza .wp-block-columns.colonne_evidenza {
  align-items: stretch !important;
}

.fascia_in_evidenza .colonne_evidenza > .wp-block-column {
  align-self: stretch !important;
  display: flex;
  flex-direction: column;
}
	
	
    /* FASCIA ITER */
    .fascia_iter{
        padding:1.5rem 0 1.5rem 0;
    }

    /* SOLUZIONI PER*/
    .griglia_soluzioni_per{
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: var(--wp--preset--spacing--50);
    }
    .box_soluzione{
        border-radius:10px;
        padding:1rem 1.2rem;
    }
    .box_soluzione figure{
        text-align:center;
        max-width:90px;
    }
    .box_soluzione p{
        line-height:1.2rem;
    }

    /* FASCIA FORMAZIONE */
    .fascia_formazione{
        padding:2.5rem 1.5rem;
    }
    p.cta_home_titolo{
        font-size:3rem;
        line-height:3rem;
    }

    /* ARTICOLI */
    .fascia_articoli{
        padding:var(--padding-fascia) 0;
    }
    .box_prodotto figure{
        max-width:100%;
    }
    .box_prodotto_titolo{
        font-weight:800;
        line-height:1.2;
        font-size:var(--large);
        margin-bottom:0;
    }
    .box_prodotto_autore{
        font-size:1rem;
        margin-top:rem;
    }

    /* LIBRI APP */
    .fascia_libri_app figure{
        flex:1 0 auto;
        max-width:700px;
        text-align:right;
    }
    .libri_app_testo{
        padding:6rem 0 4rem 0;
    }
    .fascia_libri_app .col_1{
        border-right:5px solid #fff!important;
    }
    .fascia_libri_app .col_2{
        padding-left:3rem;
    }



    /* PRODOTTI */
    .griglia_ultimi_prodotti{
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--wp--preset--spacing--30);
    }

    /*  ============================================= 
    PAGINA INTERNA
    ==============================================  */
    .fascia_titolo{
        padding:80px 0;
        text-color:#fff;
    }

}

@media screen and (max-width: 1280px){
    .autori-index{
        padding: 0px 20px;
        gap: 10px;
        align-items: baseline;
    }
    .autori-index .letter-container{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
    }
    .autori-index .checkbox-non-attivi input{
        height: 20px;
        width: 20px;
    }
    .autori-sezione{
        padding: 10px 50px;
    }
    .autori-sezione .lettera-bordo{
        margin: 20px 0px 10px;
    }
    .autori-sezione .container-tutti-gli-autori{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }
    .eventi-sezione .eventi-sezione-inner .eventi-anno-sezione .eventi-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 640px){
    .wp-block-group.is-layout-flow.wp-container-core-group-is-layout-a5d5a1bd.wp-block-group-is-layout-flow.has-background{
        padding: 20px !important;
    }
    .autori-index{
        padding: 0px 20px;
        gap: 10px;
        align-items: baseline;
        flex-direction: column;
    }
    .autori-index .letter-container{
        display: flex;
        flex-direction: row;
        gap: 10px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .autori-index .letter-container .autori-lettera{
        font-size: 1.5rem;
        line-height: 2rem;
        text-decoration: none;
    }
    .autori-index .checkbox-non-attivi{
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .autori-index .checkbox-non-attivi input{
        height: 20px;
        width: 20px;
    }
    .autori-sezione{
        padding: 10px 20px;
    }
    .autori-sezione .lettera-bordo{
        margin: 20px 0px 10px;
    }
    .autori-sezione .container-tutti-gli-autori{
        grid-template-columns: 1fr;
    }
    .autori-sezione .container-tutti-gli-autori .autore-card{
        padding: 10px 0px;
    }
    .autori-sezione .container-tutti-gli-autori .autore-foto{
        width: 90px;
        height: 90px;
    }
    .autori-sezione .container-tutti-gli-autori .autore-card .autore-bottoni{
        gap: 8px;
    }


    .row-photo-info-author{
        flex-direction: column;
        gap: 20px;
    }
    .row-photo-info-author .wp-block-post-featured-image{
        max-width: 250px;
    }
    .row-photo-info-author .description-title-time-group{
        border-left: none;
    }
    .row-bio-link-ecommerce-author{
        flex-direction: column;
    }
    .row-bio-link-ecommerce-author #biografia-completa-container{
        padding: 0px;
    }
    .row-bio-link-ecommerce-author #biografia-completa-container p{
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
    .row-bio-link-ecommerce-author #biografia-completa-container p strong{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .eventi-sezione .eventi-sezione-inner{
        padding: 0px 20px;
    }
    .eventi-sezione .eventi-sezione-inner .eventi-anno-sezione .eventi-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 40px;
    }



    .evento-photo-text{
        flex-direction: column;
    }
    .evento-photo-text .scheda-evento-foto{
        flex-basis: auto;   
    }
    .evento-photo-text .wp-block-post-featured-image{
        max-width: 350px;
    }
    .evento-programma-organizzazione{
        flex-direction: column;
        gap: 20px;
    }
    .evento-programma-organizzazione p, li{
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
    }
    .scheda-evento-sponsors{
        flex-direction: column;
    }
    .scheda-evento-sponsors .sponsor-gruppo{
        width: 100%;
        padding: 10px 0px;
        border-bottom: 1px solid #635852;
        border-right: none;
    }
    .scheda-evento-sponsors .sponsor-gruppo .sponsor-loghi{
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .scheda-evento-sponsors .sponsor-gruppo .sponsor-loghi img{
        max-width: 90px;
    }
}