/*
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: 1340px;
--w-container-stretto: 920px;
--w-container-header: 1340px;

--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: 1024px ;


/*Layout Group*/
/*sub Group - Colori generico*/
--accent-color: rgb(243,144,0);
--accent-color-alt: #150090;
--custom-color-1: rgb(20,20,20);
--custom-color-2: ;
--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(51,51,51);
--text-color-header-transparent: rgb(51,51,51);

--background-scrollbar-track: #f7f6f3;
--background-scrollbar-thumb: #eb6024;
--width-scrollbar: 8px;
--radius-scrollbar: 0px;

/*sub Group - Colore del testi*/
--text-color: #333333;
--text-color-alt: rgb(243,144,0);


/*Font Group*/
/*font family*/
--font-principale: "Inter", sans-serif;;
--font-secondario: "Poppins", sans-serif;;

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

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

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

/*sub Group - Tipografia h1*/
--family-h1: var(--font-secondario);
--weight-h1: 400;
--size-h1: 48px;
--lineH-h1: 1.2;
--spacing-h1: 0px;

/*sub Group - Tipografia h2*/
--family-h2: var(--font-secondario);
--weight-h2: 400;
--size-h2: 40px;
--lineH-h2: 1.2;
--spacing-h2: 0px;

/*sub Group - Tipografia h3*/
--family-h3: var(--font-secondario);
--weight-h3: 400;
--size-h3: 36px;
--lineH-h3: 1.2;
--spacing-h3: 0px;

/*sub Group - Tipografia h4*/
--family-h4: var(--font-secondario);
--weight-h4: 400;
--size-h4: 30px;
--lineH-h4: 1.2;
--spacing-h4: 0px;

/*sub Group - Tipografia h5*/
--family-h5: var(--font-secondario);
--weight-h5: 400;
--size-h5: 28px;
--lineH-h5: 1.2;
--spacing-h5: 0px;

/*sub Group - Tipografia h6*/
--family-h6: var(--font-secondario);
--weight-h6: 400;
--size-h6: 24px;
--lineH-h6: 1.2;
--spacing-h6: 0px;


/*sub Group - Stile Bottone Normale*/
--family-btn-s1: var(--font-principale);
--spacing-btn-s1: 0;
--weight-btn-s1: 600;
--transform-btn-s1: uppercase;
--size-btn-s1: 14px;
--lineH-btn-s1: 1.45;
--padding-btn-s1: 13px 34px 13px 34px;
--margin-btn-s1: 0px 0px 0px 0px;
--radius-btn-s1: 120px;
--border-btn-s1: 1px;

/*sub Group - Stile Bottone grande*/
--family-btn-s2: var(--font-principale);
--spacing-btn-s2: 0;
--weight-btn-s2: 400;
--transform-btn-s2: none;
--size-btn-s2: 18px;
--lineH-btn-s2: 1.4;
--padding-btn-s2: 12px 24px 12px 24px;
--margin-btn-s2: 0px 0px 0px 0px;
--radius-btn-s2: 0px;
--border-btn-s2: 1px;

/*sub Group - Stile Bottone piccolo*/
--family-btn-s3: var(--font-principale);
--spacing-btn-s3: 0;
--weight-btn-s3: 600;
--transform-btn-s3: none;
--size-btn-s3: 14px;
--lineH-btn-s3: 1.45;
--padding-btn-s3: 10px 20px 10px 20px;
--margin-btn-s3: 0px 0px 0px 0px;
--radius-btn-s3: 120px;
--border-btn-s3: 1px;


/*sub Group - Bottone Stile 1*/
--color-btn-type-1: #ffffff;
--border-btn-type-1: rgb(243,144,0);
--bg-top-btn-type-1: rgb(243,144,0);
--bg-bottom-btn-type-1: ;
--color-btn-type-1-h: #ffffff;
--border-btn-type-1-h: rgb(68,68,68);
--bg-top-btn-type-1-h: rgb(68,68,68);
--bg-bottom-btn-type-1-h: ;

/*sub Group - Bottone Stile 2*/
--color-btn-type-2: rgb(51,51,51);
--border-btn-type-2: rgb(255,255,255);
--bg-top-btn-type-2: rgb(255,255,255);
--bg-bottom-btn-type-2: rgb(255,255,255);
--color-btn-type-2-h: rgb(255,255,255);
--border-btn-type-2-h: rgb(68,68,68);
--bg-top-btn-type-2-h: rgb(68,68,68);
--bg-bottom-btn-type-2-h: rgb(68,68,68);

/*sub Group - Bottone Stile 3*/
--color-btn-type-3: rgb(255,255,255);
--border-btn-type-3: rgb(243,144,0);
--bg-top-btn-type-3: rgb(243,144,0);
--bg-bottom-btn-type-3: rgb(243,144,0);
--color-btn-type-3-h: rgb(255,255,255);
--border-btn-type-3-h: rgb(68,68,68);
--bg-top-btn-type-3-h: rgb(68,68,68);
--bg-bottom-btn-type-3-h: rgb(68,68,68);

/*sub Group - Bottone Stile 4*/
--color-btn-type-4: rgb(255,255,255);
--border-btn-type-4: rgb(68,68,68);
--bg-top-btn-type-4: rgb(68,68,68);
--bg-bottom-btn-type-4: rgb(68,68,68);
--color-btn-type-4-h: rgb(255,255,255);
--border-btn-type-4-h: rgb(243,144,0);
--bg-top-btn-type-4-h: rgb(243,144,0);
--bg-bottom-btn-type-4-h: rgb(243,144,0);

/*sub Group - Bottone Stile 4*/
--color-btn-type-4: rgb(255,255,255);
--border-btn-type-4: rgb(68,68,68);
--bg-top-btn-type-4: rgb(68,68,68);
--bg-bottom-btn-type-4: rgb(68,68,68);
--color-btn-type-4-h: rgb(255,255,255);
--border-btn-type-4-h: rgb(243,144,0);
--bg-top-btn-type-4-h: rgb(243,144,0);
--bg-bottom-btn-type-4-h: rgb(243,144,0);

/*sub Group - Bottone Stile 5*/
--color-btn-type-5: ;
--border-btn-type-5: ;
--bg-top-btn-type-5: ;
--bg-bottom-btn-type-5: ;
--color-btn-type-5-h: ;
--border-btn-type-5-h: ;
--bg-top-btn-type-5-h: ;
--bg-bottom-btn-type-5-h: ;


/*sub Group - Widget Area*/
--footer-padding: 80px 25px 40px 25px;

--background-widget: #141414;
--widget-color: rgb(255,255,255);
--widget-link-color: rgb(255,255,255);
--widget-padding-top: 40px;
--widget-padding-bottom: 80px;


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

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

/*sub Group - Socket Copyright colori */
--background-socket: #141414;
--socket-color: rgb(255,255,255);
--socket-link-color: rgb(255,255,255);
--socket-padding-top: 40px;
--socket-padding-bottom: 20px;

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

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

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

/*sub Group - Header Settings - Menu*/
--family-menu: var(--font-principale);
--weight-menu: 400;
--size-menu: 15px;
--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: 14px;
--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: 24px;
--radius-small: 10px;
--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: 1340px;
--w-container-stretto: 920px;
--w-container-header: 1340px;

--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:20px 25px 20px 25px;
--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.3;

/*sub Group - Tipografia Pbig*/
--size-p-big: 20px;
--lineH-p-big: 1.3;

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

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

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

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

/*sub Group - Tipografia h4*/
--size-h4: 30px;
--lineH-h4: 1.2;

/*sub Group - Tipografia h5*/
--size-h5: 28px;
--lineH-h5: 1.2;

/*sub Group - Tipografia h6*/
--size-h6: 24px;
--lineH-h6: 1.2;

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

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

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

/*sub Group - Widget Area*/

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

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

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

/*sub Group - Header Settings - Menu*/
--size-menu: 15px;
--lineH-menu: 1.4;
--padding-menu:0px 0px 0px 0px;
--size-menu_2: 14px;
--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:10px 15px 10px 15px;
--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.3;

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

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

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

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

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

/*sub Group - Tipografia h4*/
--size-h4: 30px;
--lineH-h4: 1.2;

/*sub Group - Tipografia h5*/
--size-h5: 28px;
--lineH-h5: 1.2;

/*sub Group - Tipografia h6*/
--size-h6: 24px;
--lineH-h6: 1.2;

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

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

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

/*sub Group - Widget Area*/

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

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

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

/*sub Group - Header Settings - Menu*/
--size-menu: 15px;
--lineH-menu: 1.4;
--padding-menu:0px 0px 0px 0px;
--size-menu_2: 14px;
--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:10px 15px 10px 15px;
--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.3;

/*sub Group - Tipografia Pbig*/
--size-p-big: 16px;
--lineH-p-big: 1.3;

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

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

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

/*sub Group - Tipografia h3*/
--size-h3: 26px;
--lineH-h3: 1.2;

/*sub Group - Tipografia h4*/
--size-h4: 24px;
--lineH-h4: 1.2;

/*sub Group - Tipografia h5*/
--size-h5: 22px;
--lineH-h5: 1.2;

/*sub Group - Tipografia h6*/
--size-h6: 20px;
--lineH-h6: 1.2;

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

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

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

/*sub Group - Widget Area*/

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

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

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

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

}
}






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

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:1024px ) {




header #navigation-bar .navigation-content.type_menu_1 .site-branding {
width: 100%;
justify-content: center;
}


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


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

}