/*
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:1100px;
     --width-btn:80px;
     
     --padding-container: 0 10px;
     --padding-singolo:10px;

     --padding-colonne:25px;
     --padding-box:40px;
     --space-margin:55px;
    }
    
    
}


@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:80px;
     
     --padding-container: 0 10px;
     --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:1024px;
     --w-container-stretto:995px;
     --width-btn:20px;
     
     --padding-container: 0 40px;
     --padding-singolo:40px;

     --padding-colonne:25px;
     --padding-box:30px;
     --space-margin:60px;
    }
}

@media screen and (max-width:1023px){
: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:20px;
     
     --padding-container: 0 40px;
     --padding-singolo:40px;

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

}

@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:20px;
     
     --padding-container: 0 35px;
     --padding-singolo:35px;

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

@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:80px;
     
     --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:180px;
     
     --padding-container: 0 20px;
     --padding-singolo:20px;

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


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

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

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

@media screen and (max-width:1023px){
    body:before,
    body:after {
        filter: blur(300px);
    }
}

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


@media screen and (max-width:767px){
    .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;
    }
    /*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: left;
    }
    .btn {
        width:100%;
        text-align:center;
    }
    div.wpcf7 input[type="submit"] {
        line-height: 1.4;
        padding: 10px 20px;
        margin: 7.5px 0;
        width:100%;
        text-align:center;
    }
    .btn-row.flex .btn,
    .btn {
        width: 100%;
        text-align: center;
    }
    .btn.btn-style-2 {
        width: auto;
    }

    /*section#welcome h2 {text-align: left}
    section#welcome .gruppo-img-header {width: 40%!important;}

    section#benefici ul li p.testo-1 {text-align:left}
    section#benefici ul li.col-50-flex {flex-basis: 44%!important;}

    section#articoli .lista-articoli .articolo-riga .col-50 {width: 50%!important}
    section#articoli .lista-articoli .articolo-riga .titolo-articolo {text-align: left;}

    section#newsletter .newsletter-text {width: 80%!important;}
    section#newsletter .newsletter-submit {width: 20%;}*/

    section#about .contenuto {
        flex-direction: column-reverse;
    }

    body:before,
    body:after {
        filter: blur(200px);
    }
}



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

    section#articoli .lista-articoli .articolo-riga .col-50 {width: 100%!important}

    section#metodo #carosello-metodo-gbs .metodo-card {
        max-width: 100%!important;
        padding: 0 20px;
    }

}



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

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

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

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






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


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

@media screen and (max-width: 425px) {
    body:before,
    body:after {
        filter: blur(100px);
    }
}



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