/*
Author: Global Business Solution S.r.l.
Author URI: https://www.gbs-group.it/
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
*/

:root {

/*Layout Group*/

--w-container: 1204px;
--w-container-stretto: 1204px;
--w-container-header: 1280px;

--width-btn: auto;

--padding-container: 0 25px 0 25px;
--padding-singolo: 25px;
--padding-colonne: 25px;

--padding-box: 40px;
--baseline: 40px;

--space-margin: 60px;

--padding-esterno: calc(100% - var(--w-container));
--single-padding-esterno: calc( var(--padding-esterno) / 2 );

--header-breakpoint: 767px ;


/*Layout Group*/
/*sub Group - Colori generico*/
--accent-color: rgb(219,55,0);
--accent-color-alt: rgb(60,56,57);
--custom-color-1: rgb(219,55,0);
--custom-color-2: rgb(60,56,57);
--custom-color-3: ;
--custom-color-4: ;

/*sub Group - Colori generico*/
--background-color-body: #FFFFFF;
--background-color: #ffffff;
--background-color-alt: #f3f3f1;

--background-color-header: #ffffff;
--background-color-transparent: rgba(255,255,255,0);

--text-color-header: rgb(60,56,57);
--text-color-header-transparent: #ffffff;

--background-scrollbar-track: #e9e8e8;
--background-scrollbar-thumb: #3c3839;
--width-scrollbar: 8px;
--radius-scrollbar: 0px;

/*sub Group - Colore del testi*/
--text-color: rgb(60,56,57);
--text-color-alt: rgb(219,55,0);


/*Font Group*/
/*font family*/
--font-principale: 'Graphik Regular', sans-serif; ;
--font-secondario: 'Graphik Regular', sans-serif; ;

/*sub Group - Tipografia P*/
--family-p: var(--font-principale);
--weight-p: 400;
--size-p: 16px;
--lineH-p: 1.55;

/*sub Group - Tipografia Pbig*/
--family-p-big: var(--font-principale);
--weight-p-big: 400;
--size-p-big: 18px;
--lineH-p-big: 1.45;

/*sub Group - Tipografia Psmall*/
--family-p-small: var(--font-principale);
--weight-p-small: 400;
--size-p-small: 14px;
--lineH-p-small: 1.6;

/*sub Group - Tipografia h1*/
--family-h1: var(--font-principale);
--weight-h1: 400;
--size-h1: 90px;
--lineH-h1: 1.2;
--spacing-h1: -0.67px;

/*sub Group - Tipografia h2*/
--family-h2: var(--font-principale);
--weight-h2: 400;
--size-h2: 67px;
--lineH-h2: 1.2;
--spacing-h2: -0.5px;

/*sub Group - Tipografia h3*/
--family-h3: var(--font-principale);
--weight-h3: 400;
--size-h3: 50px;
--lineH-h3: 1.4;
--spacing-h3: -0.38px;

/*sub Group - Tipografia h4*/
--family-h4: var(--font-principale);
--weight-h4: 400;
--size-h4: 38px;
--lineH-h4: 1.3;
--spacing-h4: -0.28px;

/*sub Group - Tipografia h5*/
--family-h5: var(--font-principale);
--weight-h5: 400;
--size-h5: 28px;
--lineH-h5: 1.4;
--spacing-h5: -0.21px;

/*sub Group - Tipografia h6*/
--family-h6: var(--font-principale);
--weight-h6: 400;
--size-h6: 21px;
--lineH-h6: 1.4;
--spacing-h6: -0.18px;


/*sub Group - Stile Bottone Normale*/
--family-btn-s1: var(--font-principale);
--spacing-btn-s1: -0.14;
--weight-btn-s1: 600;
--transform-btn-s1: capitalize;
--size-btn-s1: 14px;
--lineH-btn-s1: 1.4;
--padding-btn-s1: 15px 32px 15px 32px;
--margin-btn-s1: 0px 0px 0px 0px;
--radius-btn-s1: 30px;
--border-btn-s1: 1px;

/*sub Group - Stile Bottone grande*/
--family-btn-s2: var(--font-principale);
--spacing-btn-s2: -0.14;
--weight-btn-s2: 600;
--transform-btn-s2: capitalize;
--size-btn-s2: 14px;
--lineH-btn-s2: 1.4;
--padding-btn-s2: 22px 32px 22px 32px;
--margin-btn-s2: 0px 0px 0px 0px;
--radius-btn-s2: 30px;
--border-btn-s2: 1px;

/*sub Group - Stile Bottone piccolo*/
--family-btn-s3: var(--font-principale);
--spacing-btn-s3: 0;
--weight-btn-s3: 500;
--transform-btn-s3: capitalize;
--size-btn-s3: 14px;
--lineH-btn-s3: 1.4;
--padding-btn-s3: 0px 0px 0px 0px;
--margin-btn-s3: 0px 0px 0px 0px;
--radius-btn-s3: 0px;
--border-btn-s3: 0px;


/*sub Group - Bottone Stile 1*/
--color-btn-type-1: #ffffff;
--border-btn-type-1: rgb(219,55,0);
--bg-top-btn-type-1: rgb(219,55,0);
--bg-bottom-btn-type-1: ;
--color-btn-type-1-h: #ffffff;
--border-btn-type-1-h: rgb(163,41,0);
--bg-top-btn-type-1-h: rgb(163,41,0);
--bg-bottom-btn-type-1-h: ;

/*sub Group - Bottone Stile 2*/
--color-btn-type-2: rgb(255,255,255);
--border-btn-type-2: rgb(60,56,57);
--bg-top-btn-type-2: rgb(60,56,57);
--bg-bottom-btn-type-2: rgb(60,56,57);
--color-btn-type-2-h: rgb(255,255,255);
--border-btn-type-2-h: rgb(0,0,0);
--bg-top-btn-type-2-h: rgb(0,0,0);
--bg-bottom-btn-type-2-h: rgb(0,0,0);

/*sub Group - Bottone Stile 3*/
--color-btn-type-3: rgb(219,55,0);
--border-btn-type-3: rgb(219,55,0);
--bg-top-btn-type-3: rgb(255,255,255);
--bg-bottom-btn-type-3: rgb(255,255,255);
--color-btn-type-3-h: rgb(163,41,0);
--border-btn-type-3-h: rgb(163,41,0);
--bg-top-btn-type-3-h: rgb(255,255,255);
--bg-bottom-btn-type-3-h: rgb(255,255,255);

/*sub Group - Bottone Stile 4*/
--color-btn-type-4: rgb(60,56,57);
--border-btn-type-4: rgb(60,56,57);
--bg-top-btn-type-4: rgb(255,255,255);
--bg-bottom-btn-type-4: rgb(255,255,255);
--color-btn-type-4-h: rgb(255,255,255);
--border-btn-type-4-h: rgb(60,56,57);
--bg-top-btn-type-4-h: rgb(60,56,57);
--bg-bottom-btn-type-4-h: rgb(60,56,57);

/*sub Group - Bottone Stile 4*/
--color-btn-type-4: rgb(60,56,57);
--border-btn-type-4: rgb(60,56,57);
--bg-top-btn-type-4: rgb(255,255,255);
--bg-bottom-btn-type-4: rgb(255,255,255);
--color-btn-type-4-h: rgb(255,255,255);
--border-btn-type-4-h: rgb(60,56,57);
--bg-top-btn-type-4-h: rgb(60,56,57);
--bg-bottom-btn-type-4-h: rgb(60,56,57);

/*sub Group - Bottone Stile 5*/
--color-btn-type-5: rgb(219,55,0);
--border-btn-type-5: ;
--bg-top-btn-type-5: ;
--bg-bottom-btn-type-5: ;
--color-btn-type-5-h: rgb(163,41,0);
--border-btn-type-5-h: ;
--bg-top-btn-type-5-h: ;
--bg-bottom-btn-type-5-h: ;


/*sub Group - Widget Area*/
--footer-padding: 48px px 32px px;

--background-widget: #ffffff;
--widget-color: rgb(60,56,57);
--widget-link-color: rgb(60,56,57);
--widget-padding-top: px;
--widget-padding-bottom: 0px;


/*sub Group - Widget Area font titoli */
--family-widget-title: var(--font-principale);
--weight-widget-title: 400;
--size-widget-title: 16px;
--lineH-widget-title: 1.4;

/*sub Group - Widget Area font testo */
--family-widget-text: var(--font-principale);
--weight-widget-text: 400;
--size-widget-text: 16px;
--lineH-widget-text: 1.4;

/*sub Group - Socket Copyright colori */
--background-socket: #ffffff;
--socket-color: rgb(60,56,57);
--socket-link-color: rgb(60,56,57);
--socket-padding-top: 32px;
--socket-padding-bottom: 32px;

/*sub Group - Socket Copyright font testo */
--family-socket-text: var(--font-principale);
--weight-socket-text: 400;
--size-socket-text: 13px;
--lineH-socket-text: 1.4;

/*sub Group - Header Settings - Header*/
--padding-header:0px 16px 0px 16px;
--padding-header-sticky:10px 25px 10px 25px;

/*sub Group - Header Settings - Actionbar*/
--padding-actionbar-top:px ;
--padding-actionbar-bottom: px;
--bg-actionbar: ;
--color-actionbar: ;
--link-actionbar: ;

/*sub Group - Header Settings - Menu*/
--family-menu: var(--font-principale);
--weight-menu: 400;
--size-menu: 16px;
--lineH-menu: 1.4;
--spacing-menu: 0px;
--padding-menu:0px 0px 0px 0px;

/*sub Group - Header Settings - Menu*/
--family-menu_2: var(--font-principale);
--weight-menu_2: 400;
--size-menu_2: 16px;
--lineH-menu_2: 1.4;
--spacing-menu_2: 0px;


/*non dinamiche*/
--white: #FFFFFF;
--black: #000000;

--grey: #F3F3F3;
--darkgrey: #CCCCCC;
--darkgrey2: #E6E6E6;
--darkgrey3: #464646;
--darkergrey: #323232;
--darkergrey2: #232323;

/*griglia 12colonne*/
--spacing-1: var(--baseline);
--spacing-2: calc(var(--baseline) * 2);
--spacing-3: calc(var(--baseline) * 3);
--spacing-4: calc(var(--baseline) * 4);
--spacing-5: calc(var(--baseline) * 5);
--spacing-6: calc(var(--baseline) * 6);
--spacing-7: calc(var(--baseline) * 7);
--spacing-8: calc(var(--baseline) * 8);
--spacing-9: calc(var(--baseline) * 9);
--spacing-10: calc(var(--baseline) * 10);
--spacing-11: calc(var(--baseline) * 11);
--spacing-12: calc(var(--baseline) * 12);
--spacing-13: calc(var(--baseline) * 13);
--spacing-14: calc(var(--baseline) * 14);

--radius: 10px;
--radius-small: 4px;
--shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width:1720px){
:root {
--w-container: 1400px;
}
}

/*laptop*/
@media screen and (max-width:1440px){
:root {

--w-container: 1180px;
--w-container-stretto: 80%;
--w-container-header: 1180px;

--padding-container: 0 25px 0 25px;
--padding-singolo: 25px;
--padding-colonne: 25px;

--padding-box: 40px;
--baseline: 40px;

--space-margin: 40px;

/*sub Group - Header Settings - Header*/
--padding-header:0px 16px 0px 16px;
--padding-header-sticky:10px 25px 10px 25px;

/*sub Group - Widget Area*/
--footer-padding: 60px 25px 20px 25px;

/*sub Group - Tipografia P*/
--size-p: 16px;
--lineH-p: 1.55;

/*sub Group - Tipografia Pbig*/
--size-p-big: 18px;
--lineH-p-big: 1.45;

/*sub Group - Tipografia Psmall*/
--size-p-small: 14px;
--lineH-p-small: 1.6;

/*sub Group - Tipografia h1*/
--size-h1: 75px;
--lineH-h1: 1.2;

/*sub Group - Tipografia h2*/
--size-h2: 57px;
--lineH-h2: 1.2;

/*sub Group - Tipografia h3*/
--size-h3: 43px;
--lineH-h3: 1.4;

/*sub Group - Tipografia h4*/
--size-h4: 33px;
--lineH-h4: 1.3;

/*sub Group - Tipografia h5*/
--size-h5: 24px;
--lineH-h5: 1.4;

/*sub Group - Tipografia h6*/
--size-h6: 19px;
--lineH-h6: 1.4;

/*sub Group - Stile Bottone Normale*/
--size-btn-s1: 14px;
--lineH-btn-s1: 1.4;

/*sub Group - Stile Bottone grande*/
--size-btn-s2: 14px;
--lineH-btn-s2: 1.4;

/*sub Group - Stile Bottone piccolo*/
--size-btn-s3: 14px;
--lineH-btn-s3: 1.4;

/*sub Group - Widget Area*/

/*sub Group - Widget Area font titoli */
--size-widget-title: 16px;
--lineH-widget-title: 1.4;

/*sub Group - Widget Area font testo */
--size-widget-text: 16px;
--lineH-widget-text: 1.4;

/*sub Group - Socket Copyright font testo */
--size-socket-text: 13px;
--lineH-socket-text: 1.4;

/*sub Group - Header Settings - Menu*/
--size-menu: 16px;
--lineH-menu: 1.4;
--padding-menu:0px 0px 0px 0px;
--size-menu_2: 16px;
--lineH-menu_2: 1.4;

}
}


/*tablet*/
@media screen and (max-width:1220px){
:root {

--w-container: 100%;
--w-container-stretto: 90%;
--w-container-header: 100%;

--padding-container: 0 15px 0 15px;
--padding-singolo: 15px;
--padding-colonne: 15px;

--padding-box: 20px;
--baseline: 20px;

--space-margin: 40px;

/*sub Group - Header Settings - Header*/
--padding-header:0px 16px 0px 16px;
--padding-header-sticky:10px 15px 10px 15px;

/*sub Group - Widget Area*/
--footer-padding: 40px 15px 20px 15px;

/*sub Group - Tipografia P*/
--size-p: 16px;
--lineH-p: 1.55;

/*sub Group - Tipografia Pbig*/
--size-p-big: 18px;
--lineH-p-big: 1.45;

/*sub Group - Tipografia Psmall*/
--size-p-small: 14px;
--lineH-p-small: 1.6;

/*sub Group - Tipografia h1*/
--size-h1: 58px;
--lineH-h1: 1.2;

/*sub Group - Tipografia h2*/
--size-h2: 48px;
--lineH-h2: 1.2;

/*sub Group - Tipografia h3*/
--size-h3: 36px;
--lineH-h3: 1.4;

/*sub Group - Tipografia h4*/
--size-h4: 28px;
--lineH-h4: 1.3;

/*sub Group - Tipografia h5*/
--size-h5: 20px;
--lineH-h5: 1.4;

/*sub Group - Tipografia h6*/
--size-h6: 17px;
--lineH-h6: 1.4;

/*sub Group - Stile Bottone Normale*/
--size-btn-s1: 14px;
--lineH-btn-s1: 1.4;

/*sub Group - Stile Bottone grande*/
--size-btn-s2: 14px;
--lineH-btn-s2: 1.4;

/*sub Group - Stile Bottone piccolo*/
--size-btn-s3: 14px;
--lineH-btn-s3: 1.4;

/*sub Group - Widget Area*/

/*sub Group - Widget Area font titoli */
--size-widget-title: 16px;
--lineH-widget-title: 1.4;

/*sub Group - Widget Area font testo */
--size-widget-text: 16px;
--lineH-widget-text: 1.4;

/*sub Group - Socket Copyright font testo */
--size-socket-text: 13px;
--lineH-socket-text: 1.4;

/*sub Group - Header Settings - Menu*/
--size-menu: 16px;
--lineH-menu: 1.4;
--padding-menu:0px 0px 0px 0px;
--size-menu_2: 16px;
--lineH-menu_2: 1.4;

}
}


/*mobile*/
@media screen and (max-width:480px){
:root {

--w-container: 100%;
--w-container-stretto: 100%;
--w-container-header: 100%;

--padding-container: 0 15px 0 15px;
--padding-singolo: 15px;
--padding-colonne: 15px;

--padding-box: 20px;
--baseline: 20px;

--space-margin: 30px;

/*sub Group - Header Settings - Header*/
--padding-header:0px 16px 0px 16px;
--padding-header-sticky:10px 15px 10px 15px;

/*sub Group - Widget Area*/
--footer-padding: 40px 15px 20px 15px;

/*sub Group - Tipografia P*/
--size-p: 16px;
--lineH-p: 1.55;

/*sub Group - Tipografia Pbig*/
--size-p-big: 18px;
--lineH-p-big: 1.45;

/*sub Group - Tipografia Psmall*/
--size-p-small: 14px;
--lineH-p-small: 1.6;

/*sub Group - Tipografia h1*/
--size-h1: 44px;
--lineH-h1: 1.2;

/*sub Group - Tipografia h2*/
--size-h2: 38px;
--lineH-h2: 1.2;

/*sub Group - Tipografia h3*/
--size-h3: 28px;
--lineH-h3: 1.4;

/*sub Group - Tipografia h4*/
--size-h4: 22px;
--lineH-h4: 1.3;

/*sub Group - Tipografia h5*/
--size-h5: 19px;
--lineH-h5: 1.4;

/*sub Group - Tipografia h6*/
--size-h6: 16px;
--lineH-h6: 1.4;

/*sub Group - Stile Bottone Normale*/
--size-btn-s1: 14px;
--lineH-btn-s1: 1.4;

/*sub Group - Stile Bottone grande*/
--size-btn-s2: 14px;
--lineH-btn-s2: 1.4;

/*sub Group - Stile Bottone piccolo*/
--size-btn-s3: 14px;
--lineH-btn-s3: 1.4;

/*sub Group - Widget Area*/

/*sub Group - Widget Area font titoli */
--size-widget-title: 16px;
--lineH-widget-title: 1.4;

/*sub Group - Widget Area font testo */
--size-widget-text: 16px;
--lineH-widget-text: 1.4;

/*sub Group - Socket Copyright font testo */
--size-socket-text: 13px;
--lineH-socket-text: 1.4;

/*sub Group - Header Settings - Menu*/
--size-menu: 16px;
--lineH-menu: 1.4;
--padding-menu:0px 0px 0px 0px;
--size-menu_2: 16px;
--lineH-menu_2: 1.4;

}
}






@media screen and (min-width:767px ) {

header #navigation-bar .navigation-content.type_menu_1 .menu-toggle {
display: none;
}

header #navigation-bar .navigation-content.type_menu_1 .site-menu .menu {
display: flex;
align-items:center;
}

header #navigation-bar .navigation-content.type_menu_3 .menu-desktop {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}


header #navigation-bar .navigation-content.type_menu_3 .menu-mobile {
display: none;
}


}


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

header #navigation-bar .navigation-content.type_menu_3 .menu-desktop {
display: none;
}

header #navigation-bar .navigation-content.type_menu_3 .menu-mobile {
display: flex;
}

header #navigation-bar .navigation-content.type_menu_3 .menu-mobile .site-branding{
flex:auto;
width:100%;
justify-content: center;
}

}