/*
Theme Name: GBS Child
Theme URI: http://underscores.me/
Author: Global Business Solution S.r.l.
Author URI: http://www.gbs-group.it
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */


@media screen and (max-width: 1620px){
/*variabili es var(--nome)*/
:root { 
    
    /*font size/line height*/

    --size-p:16px;
    --lineH-p:1.6;

    --size-p-small:14px;
    --size-p-smaller:12px;
    
    --size-p-big:18px;
    --lineH-p-big:1.3;
    
    --size-p-check-form:12px;
     
    --size-h1: 50px;
    --lineH-h1: 1.2;

    --size-h2: 40px;
    --lineH-h2: 1.125;

    --size-h3: 34px;
    --lineH-h3: 1.125;

    --size-h4: 26px;
    --lineH-h4: 1.25;

    --size-h5: 24px;
    --lineH-h5: 1.25;

    --size-h6: 20px;
    --lineH-h6: 1.25;


     /*Elementi*/
     --w-container:1100px;
     --w-container-stretto:768px;
     --w-container-header:90%;
     --width-btn: 150px;
     
     --padding-container: 0 40px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    }
    header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu li{
        border-right: 0;
    }
    .page-template-accademia .row-card-corsi button.owl-next {
        right: 50px!important;
    }
    .page-template-accademia .row-card-corsi button.owl-prev {
        left: -10px!important;
    }
    .quadretto {
        min-height: 210px;
    }
}


@media screen and (max-width:1440px){
    :root { 
    
        
    /*font size/line height*/
    --size-p:16px;
    --lineH-p:1.6;

    --size-p-small:14px;
    --size-p-smaller:12px;
    
    --size-p-big:18px;
    --lineH-p-big:1.3;
        
    --size-p-check-form:12px;
     
    --size-h1: 50px;
    --lineH-h1: 1.2;

    --size-h2: 40px;
    --lineH-h2: 1.125;

    --size-h3: 34px;
    --lineH-h3: 1.125;

    --size-h4: 26px;
    --lineH-h4: 1.25;

    --size-h5: 24px;
    --lineH-h5: 1.25;

    --size-h6: 20px;
    --lineH-h6: 1.25;


     /*Elementi*/
     --w-container:1100px;
     --w-container-stretto:768px;
     --w-container-header:1100px;
     --width-btn: 150px;
     
     --padding-container: 0 40px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    }
    
    
    
    
}
@media screen and (max-width:1279px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:17px;

     --size-h1: 44px;
     --lineH-h1: 1.2;


     --size-h2: 36px;
     --lineH-h2: 1.2;


     --size-h3: 30px;
     --lineH-h3: 1.2;


     --size-h4: 24px;
     --lineH-h4: 1.3;


     --size-h5: 22px;
     --lineH-h5: 1.5;


     --size-h6: 17px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container: 100%;
     --w-container-stretto:995px;
     --width-btn: 150px;
     
     --padding-container: 0 40px;
     --padding-singolo:40px;

     --padding-colonne:25px;
     --padding-box:30px;
     --space-margin:60px;
    }
    header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu{
        padding-right: 40px;
        padding-left: 40px;
    }
    .page-template-accademia .row-card-corsi button.owl-next {
        right: 65px!important;
    }
}

@media screen and (max-width:1024px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:17px;

     --size-h1: 40px;
     --lineH-h1: 1.2;


     --size-h2: 34px;
     --lineH-h2: 1.2;


     --size-h3: 28px;
     --lineH-h3: 1.2;


     --size-h4: 22px;
     --lineH-h4: 1.3;


     --size-h5: 20px;
     --lineH-h5: 1.5;


     --size-h6: 17px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:150px;
     
     --padding-container: 0 40px;
     --padding-singolo:40px;

     --padding-colonne:20px;
     --padding-box:30px;
     --space-margin:50px;
    }

    /* grid */
    .grid-column-start-3,
    .grid-column-start-4 {grid-column-start:2}
    .cell.g8,
    .cell.g6 {grid-column-end: span 10!important}

}

@media screen and (max-width:767px){
    :root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:17px;

     --size-h1: 36px;
     --lineH-h1: 1.2;


     --size-h2: 32px;
     --lineH-h2: 1.2;


     --size-h3: 28px;
     --lineH-h3: 1.2;


     --size-h4: 24px;
     --lineH-h4: 1.3;


     --size-h5: 20px;
     --lineH-h5: 1.5;


     --size-h6: 17px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn: 150px;
     
     --padding-container: 0 40px;
     --padding-singolo:35px;

     --padding-colonne:20px;
     --padding-box:30px;
     --space-margin:50px;
    }

    /* grid */
    .grid-column-start-2,
    .grid-column-start-3,
    .grid-column-start-4 {grid-column-start:1}
    .cell.g8,
    .cell.g6,
    .cell.g10 {grid-column-end: span 12!important}
    
}

@media screen and (max-width:479px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:16px;

     --size-h1: 30px;
     --lineH-h1: 1.2;


     --size-h2: 28px;
     --lineH-h2: 1.2;


     --size-h3: 24px;
     --lineH-h3: 1.2;


     --size-h4: 22px;
     --lineH-h4: 1.3;


     --size-h5: 18px;
     --lineH-h5: 1.5;


     --size-h6: 17px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:150px;
     
     --padding-container: 0 25px;
     --padding-singolo:25px;

     --padding-colonne:20px;
     --padding-box:20px;
     --space-margin:50px;
    }
}

@media screen and (max-width:374px){
:root { 
    /*font size/line height*/
     --size-p:15px;
     --size-p-small:14px;
     --size-p-big:16px;

     --size-h1: 26px;
     --lineH-h1: 1.2;


     --size-h2: 24px;
     --lineH-h2: 1.2;


     --size-h3: 22px;
     --lineH-h3: 1.2;


     --size-h4: 20px;
     --lineH-h4: 1.3;


     --size-h5: 16px;
     --lineH-h5: 1.5;


     --size-h6: 16px;
     --lineH-h6: 1.6;


    /*Elementi*/
     --w-container:100%;
     --w-container-stretto:100%;
     --width-btn:200px;
     
     --padding-container: 0 20px;
     --padding-singolo:20px;

     --padding-colonne:20px;
     --padding-box:20px;
     --space-margin:50px;
    }
}





/* GENERICHE */
@media screen and (max-width: 1620px) and (min-width: 768px) {}

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

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

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

@media screen and (max-width:1024px){
    section .grid-container {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

    .full-width .contenuto.w-container-small,
    #widget-area, #social-area, #copyright-area {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* HEADER */   
    header #navigation-bar .header-content .site-branding .logo-container #logo{width:120px}
    header #navigation-bar .header-content .site-menu #burger-btn .menu-icon{width:40p}

    #content-hub .hub-list article.hub-card {padding: 30px 25px; min-height:330px}
}

@media only screen and (max-width: 959px){
    /*colonne-flex + gap*/
    .col-20-flex,
    .col-30-flex,
    .col-40-flex,
    .col-50-flex,
    .col-60-flex{
        flex-basis: 44%;
    }
    .col-80-flex {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis:90%;
    }

    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        padding: 30px 25px;
        min-height:300px
    }
    #content-hub .hub-list article.hub-card.col-40-flex .article-head,
    #content-hub .hub-list article.hub-card.col-40-flex .article-body,
    #content-hub .hub-list article.hub-card.col-40-flex .article-footer    
    #content-hub .hub-list article.hub-card.col-60-flex .article-head,
    #content-hub .hub-list article.hub-card.col-60-flex .article-body,
    #content-hub .hub-list article.hub-card.col-60-flex .article-footer {max-width:100%;}
    #content-hub .hub-list article.hub-card  .article-footer .plus-icon {width: 24px; height: 24px;}
    #content-hub .hub-list article.hub-card  .article-footer .plus-icon *{stroke-width:3px!important}
    header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu{
        padding-left: 150px;
    }
    header #navigation-bar .site-menu nav#site-navigation.desk ul.menu .sub-menu a{
        font-size: 13px;
    }
    .main-navigation ul ul a{
        width: 100%;
    }
    #site-navigation:not(.mobile), #menu-bar {
        display: none;
    }
    #site-navigation.mobile {
        display: block;
    }
    #navigation-bar #contact-link {display: none;}
    
}

@media screen and (max-width:767px){
    /*colonne-flex + gap*/
    .col-20-flex,
    .col-30-flex,
    .col-40-flex,
    .col-50-flex,
    .col-60-flex{
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis:90%;
      }

    /*singolo post*/
    #content-hub .hub-list article.hub-card {min-height:calc(90vw - (var(--padding-singolo) * 2))}
    #content-hub .hub-list article.hub-card .article-body .article-title {-webkit-line-clamp: 3;}
    #content-hub .hub-list article.hub-card .article-body .article-excerpt {-webkit-line-clamp: 3;}
    #content-hub .hub-list article.hub-card .article-body *{text-align: left;}

    #content-hub .hub-list article.hub-card .article-body *,
    #content-hub .hub-list article.hub-card #article-head *{text-align: left;}

    /*.flex {display: block;}*/
    .wpcf7 .col-100, .form .col-100, .wpcf7 .col-80, .form .col-80, .wpcf7 .col-75, .form .col-75, .wpcf7 .col-70, .form .col-70, .wpcf7 .col-60, .form .col-60, .wpcf7 .col-50, .form .col-50, .wpcf7 .col-40, .form .col-40, .wpcf7 .col-33, .form .col-33, .wpcf7 .col-30, .form .col-30, .wpcf7 .col-25, .form .col-25, .wpcf7 .col-15, .form .col-15 {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .col-85, .col-80, .col-75, .col-70, .col-60, .col-50, .col-40, .col-33, .col-30, .col-35, .col-25, .col-15 {
        width: 100%!important;
        margin-left: 0px;
        margin-right: 0px;
    }
    .col-100 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .max50 {max-width: none!important;}
    .flex-nowrap {flex-wrap: wrap;}
    .row .col-50:nth-child(even) {
        padding-left: 0;
        margin-bottom: 20px;
    }
    .row .col-50:nth-child(odd) {
        padding-right: 0;
        margin-bottom: 20px;
    }
    p {margin: 0 0 5px;}   
    /*Fine generiche*/

    .title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
        padding-right: 0px!important;
        padding-left: 0px!important;
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
    }
    .btn, div.wpcf7 input[type="submit"] {
        line-height: 1.4;
        padding: 10px 20px;
        margin: 7.5px 0;
        width: auto;
        text-align:center;
    }
    .btn-row.flex .btn,
    .btn {width: auto; text-align: center;}

    section#video .grid-container .cell.g4 {grid-column-end: span 6;}
    section#video .grid-container .cell.g2 {grid-column-end: span 6;}
    section#contact-wic .title-h6,
    section#contact-accademia .title-h6 {text-align: left;}
}

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











/* SPECIFICHE DEL SITO */
@media screen and (max-width: 1620px){
    .box-verdi {min-height: 177px;}

    header #navigation-bar .header-content .logo-vergnano a.custom-logo-link {max-width: 120px}
}

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

@media screen and (max-width:1279px){
    /* HEADER */
    header #navigation-bar .header-content {padding: var(--padding-container);}
    header #navigation-bar .header-content #menu-bar ul#primary-menu li.menu-item-has-children li:last-of-type{
        padding-right: 40px;
    }
    #content-hub .hub-list article.hub-card {min-height:350px}

    /* WIC */
    section.scacchiera-contenuti figure.pet-icon {margin-top: -30px; margin-right: -20px; max-width: 100px}
}

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

@media screen and (max-width:1024px){
    /* HOME PAGE */
    section#visore-home .cell.g6 {grid-column-end: span 6!important;}

    .blocks-overflow .inner-block {row-gap: 30px}
    .blocks-overflow .inner-block {grid-column-end: span 2; aspect-ratio: 2/1}
    .blocks-overflow .inner-block .hidden-area {top:0%; max-height: 180px; opacity: 1;}
    .blocks-overflow .inner-block:after {background: linear-gradient(180deg,rgb(0 0 0 / 50%) 30%,rgb(0 0 0)); opacity: 0.8;}
    .blocks-overflow .inner-block.cell.g4 {grid-column-end: span 12;}

    /* COFFEE SHOPS */
    section#how-we-work.box-processo {flex-direction:row; flex-wrap:nowrap;}
    section#modular-solutions .box-modular.cell.g6,
    section#why-choose .grid-container .cell.g6,
    section#dedicated-to .cell.g6 {grid-column-end: span 6!important;}
    section#where-we-are .box-numeri-shops {grid-column-end: span 6!important}

    /* HORECA */
    .hidden-area .btn-outline-negativo {background-color: var(--white); color: var(--black)}

    /* WIC */
    section#chi-siamo .cell.g3.bordo-rosa {grid-column-end: span 6}
    section#chi-siamo .cell.g3.bordo-rosa div {justify-content: left;}

    /* ACCADEMIA */
    section#accademia-live .cell.g6,
    section#casa-famiglia .cell.g6,
    section#contact-wic .cell.g6,
    section.scacchiera-contenuti .cell.g6,
    .box-verdi {grid-column-end: span 6!important;}

    /* SOSTENIBILITA */
    section#welcome.sustainability .cta-1.cell.g6,
    section#welcome.sustainability .cta-2.cell.g6,
    section#erre .lista-erre .cell.g6,
    section#women-scacchiera .cell.g6 {grid-column-end: span 6!important;}

    section#women-banner .women-illustrazione {display: none}
    section#women-banner .cell.g10 {grid-column-end: span 12; grid-column-start: 1; margin-top: 0}
    section#women-banner .text-banner-women-container {
        padding: 30px 15px;
        position: relative;
        transform: none;
        left: 0;
        top: 0;
        grid-column-end: 12 span;
        background-size: cover;
        border-radius: var(--radius);
        width: 100%;
    }
    section#women-banner .gb-wic-mobile {
        display: block;
    }

    #copyright-area{padding-left: 0; padding-right: 0;}
    .hide-1023 {display: none}
    .display-1023 {display: initial}
}

@media screen and (min-width:960px) and (max-width:1024px){
    /* PRODOTTI */
    section#products .product-card.cell.g6 {grid-column-end: span 6!important}
}

@media (max-width:360px){
    .mobile-300 {
        min-height: 220px;
    }
    }

@media only screen and (max-width: 959px){
    /* HEADER */
    header #navigation-bar .logo-vergnano {padding-top: 0px;}
    header #navigation-bar .header-content {padding: 15px 40px;}
    header #navigation-bar .header-content .site-menu {justify-content: end; padding: 10px}

    ul.list-clients .col-20-flex {flex-basis: 23%;}

    /* PRODOTTI */
    section#products .product-card.cell.g6 {grid-column-end: span 12!important}
}

@media screen and (max-width: 800px){
.radius-top-mobile{
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

}
@media screen and (max-width: 781px){
    footer #widget-area .wp-block-column:not(:only-child),
    footer #copyright-area .wp-block-column:not(:only-child){
        flex-basis: 100%!important;
        margin-left:0;
        text-align:center;
        margin-bottom:20px;
    }
    footer #widget-area .wp-block-column .wp-block-spacer {
        display: none;
    }
    footer #widget-area .logo-footer-container #logo-footer {
        margin:0 auto;
    }
    footer #copyright-area ul.social-footer {
        padding: 0;
        margin: 0;
        justify-content:center;
    }
}





@media only screen and (max-width: 767px){
    section .grid-container {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    section#universe .list-content {text-align: center;}
    section#universe .list-content .col-10 {width: 100%; margin-top: 10px;}
    section#value {text-align: center;}
    .addtoany_share_save_container {text-align: center;}

    ul.list-posizioni ul.lista-specifiche {justify-content: center;}
    ul.list-posizioni p {text-align: center;}


    /* HOME PAGE */
    section#mondo-vergnano .box-mondo.cell.g4 {grid-column-end: span 12; flex-wrap: nowrap;}
    section#mondo-vergnano .grid-container {row-gap: 40px}
    section#mondo-vergnano .titolo-news-home {text-align: left}

    /* COFFEE SHOPS */
    section#why-choose .why-choose-card {width: 100%; flex-wrap: nowrap}
    section#why-choose .why-choose-card h3 {text-align: left}
    section#why-choose .cell.g12.grid-container {row-gap:20px}

    section#how-we-work .box-processo {grid-column-end: span 6;}
    section#how-we-work .container-box-processo {row-gap: 20px}

    section#personalized-solutions-horeca .griglia-personalized-solutions .cell.g4 {grid-column-end: span 12}

    section#modular-solutions .box-modular.cell.g6,
    section#why-choose .grid-container .cell.g6,
    section#dedicated-to .cell.g6 {grid-column-end: span 12!important;}

    section#where-we-are .box-numeri-shops p {text-align: left}

    /* ABOUT US */
    .order-2-mb {order:2}
    .scacchiera-contenuti p {text-align: center; margin-bottom:50px}

    /* WIC */
    section#scacchiera-prodotti .col-100

    /* SOSTENIBILITA */
    section#welcome .environment-cta .cell.g6 {grid-column-end: span 6!important}
    section#erre .cell.g6 {grid-column-end: span 6!important}
    .no-radius-mobile{border-radius: 0;}
    .radius-top-mobile{
        border-top-left-radius: var(--radius);
        border-top-right-radius: var(--radius);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .text-banner-women-container {
        padding: 30px 15px;
        position: relative;
        grid-column-end: 12 span;
        background-image: url(https://cv-be.caffevergnano.com/wp-content/uploads/2022/03/bg-manifesto-tbl-min.jpg);
        background-size: cover;
        border-bottom-left-radius: var(--radius);
        border-bottom-right-radius: var(--radius);
    }
    .page-template-accademia .row-card-corsi button.owl-prev {left: -33px!important;}
    .page-template-accademia .row-card-corsi button.owl-next {right: 55px!important;}
    .page-template-coffee-shops #gallery .cell.g4{grid-column-end: span 12;}
    section#scacchiera-women .title-green {text-align:center}

    /* ACCADEMIA */
    section#accademia-live .cell.g6,
    section#casa-famiglia .cell.g6,
    section#contact-wic .cell.g6,
    section.scacchiera-contenuti .cell.g6,
    section#women-scacchiera .cell.g6 {grid-column-end: span 12!important;}
    footer section#copyright-area ul#menu-footer{
        text-align: center;
    }
    footer section#copyright-area{text-align: center;}
    footer section#copyright-area .wp-block-social-links{
        justify-content: center;
    }

    /* PRODOTTI */
    section#products .product-card .col-40 {width:40%!important}
    section#products .product-card .col-60 {width:60%!important}
    section#products .product-card .product-card-title {text-align:left}

    section#products .btn:hover {box-shadow: none; transform: none}
}





@media screen and (max-width:599px){
    /* HOME PAGE */
    section#visore-home .cell.g6 {grid-column-end: span 12!important; justify-content: center;}
    section#visore-home .cell.g12 {row-gap: 0px}
    section#visore-home .cta-1-home {margin-top: 40px}

    .blocks-overflow .inner-block {aspect-ratio: 1/1}

    /* WIC */
    section#chi-siamo .cell.g3.bordo-rosa {grid-column-end: span 12}

    /* HORECA */
    section#on-the-road .box-on-the-road.cell.g4 {grid-column-end: span 12}

    /* SOSTENIBILITA */
    section#welcome.sustainability .cta-1.cell.g6,
    section#welcome.sustainability .cta-2.cell.g6 {justify-content: center; grid-column-end: span 12!important;}

    /* PRODOTTI */
    section#products .products-grid {row-gap:20px; column-gap: 0px; padding-top: 20px}
    section#products .product-card-info,
    section#products .product-card-info ul li {font-size: var(--size-p-smaller)}
    section#products .titolo-info-prodotto {width: 80px}
    section#products .product-card-title {margin-bottom: 0px}
    section#products .product-card-description {font-size: var(--size-p-smaller)}
    section#products .suitable-for img {width: 16px}
}





@media screen and (max-width:479px){
    section .grid-container {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    /*----------------header----------------*/   
    header #navigation-bar .header-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /*singolo post*/
    #content-hub .hub-list article.hub-card {
        min-height:calc(100vw - (var(--padding-singolo) * 2))
    }

    /* COFFEE SHOPS */
    section#why-choose .cf-why-choose {padding: 20px}

    section#how-we-work .box-processo {grid-column-end: span 12;}

    .page-template-accademia .row-card-corsi button.owl-prev {left: -11px!important;}
    .page-template-accademia .row-card-corsi button.owl-next {right: 35px!important;}

    section#where-we-are .box-numeri-shops {grid-column-end: span 12!important}

    /* ACCADEMIA */
    .box-verdi {grid-column-end: span 12!important;}

    /* WIC */
    section.scacchiera-contenuti figure.pet-icon {max-width: 80px}

    /* PRODOTTI */
    section#products .product-card {padding: 0px; height: auto; min-height: 270px}
    section#products .product-card figure img {border-radius: 20px 0 0 20px}
    section#products .product-card .product-card-text {padding: 15px}
    section#products .product-card-info.highlight {top: 15px;}

    section#products .tablinks {width: 100%}

    section#prodotti-contatti .box-contatti {padding: 40px 20px}

    section#products .menu-filtri {justify-content: end;}

    /* OUR COFFE */
    section#certificazioni .certificazione-card.g4 {grid-column-end: span 6}
}





@media screen and (max-width:360px){
    section#products .product-card {flex-direction: column;}
    section#products .product-card figure.col-40 {width: 100%!important;}
    section#products .product-card figure img {border-radius: 20px 20px 0 0;}
    section#products .product-card .product-card-text {width: 100%!important;}
    section#products .product-card-data {top: -500px;}

}