@import '_reset.less';
@import '_grid.less';
@import '_mixins.less';

// Grid

@column-width: 90;
@gutter-width: 23;
@columns: 12;
@total-width: 100%;
@line-height: 24px;

// Breakpoints

@bp-xxl: 1400px;
@bp-xl: 1200px;
@bp-lg: 1000px;
@bp-md: 700px;
@bp-sm: 600px;
@bp-xs: 500px;

@bp-nav-collapse: @bp-lg;

// Fonts

@font-face {
    font-family: 'GT Pressura';
    src: url('../fonts/GTPressura-LightItalic.woff2') format('woff2'),
        url('../fonts/GTPressura-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Pressura';
    src: url('../fonts/GTPressura-Light.woff2') format('woff2'),
        url('../fonts/GTPressura-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Pressura';
    src: url('../fonts/GTPressura-Bold.woff2') format('woff2'),
        url('../fonts/GTPressura-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Pressura';
    src: url('../fonts/GTPressura-BoldItalic.woff2') format('woff2'),
        url('../fonts/GTPressura-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Pressura';
    src: url('../fonts/GTPressura.woff2') format('woff2'),
        url('../fonts/GTPressura.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Pressura';
    src: url('../fonts/GTPressura-RegularItalic.woff2') format('woff2'),
        url('../fonts/GTPressura-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

// GT Pressura

.font-family-1-regular { font-family: 'GT Pressura', sans-serif; font-weight: 300; }
.font-family-1-medium { font-family: 'GT Pressura', sans-serif; font-weight: 500; }
.font-family-1-bold { font-family: 'GT Pressura', sans-serif; font-weight: 700; }

// Sizes

.font-size-sm { font-size: 13px; line-height: 110%; }
.font-size-base { font-size: 16px; line-height: 110%; }
.font-size-md { font-size: 18px; line-height: 110%; }
.font-size-lg { font-size: 20px; line-height: 130%; }
.font-size-xl { font-size: 23px; line-height: 110%; }
.font-size-xxl { font-size: 29px; line-height: 110%; }
.font-size-xxxl { font-size: 36px; line-height: 110%; }
.font-size-xxxxl { font-size: 56px; line-height: 110%; }

// Colors

@color-white: 								#FFFFFF; 
@color-black: 								#000000;

@color-white:                 #FFFFFF; 
@color-black:                 #000000;
@color-grey-dark:							#333333;
@color-grey:                  #BFBFBF; 
@color-grey-light:            #9B9B9B;
@color-grey-lighter:          #DDDDDD;
@color-grey-lightest:					#F1F2F2; 

@color-main: 				  				#000000; // grigio
@color-main-2: 				  			#62CC29; // Verde FVB

@color-text:                  @color-main;

@color-link-text:             @color-main;
@color-link-hover-text:       @color-main;

// Base

html {
	width: 100%;
	height: 100%;
}

body { 
	.font-family-1-regular; 
	.font-size-base;
	color: @color-black; 
	height: 100%;
	background-color: @color-white;
	
	&.modal-open, &.locked { 
		overflow: hidden; 
	}
}

// Wrapper

.wrapper { 
	z-index: 100; 
	max-width: 1600px; 
	margin: 0 0; 
	padding: 0 @gutter-width*1px; 
	overflow: hidden; 
			
	.responsive(@bp-xl, {
		padding: 0 @gutter-width*0.75px; 
	});
    
	.responsive(@bp-lg, {

  });
  
  &.wrapper-full {
	  max-width: 100%;
	  margin: 0 auto;
	  
  }
}

// Links

a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: @color-link-text;
  
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  
  &:hover {
    color: @color-link-hover-text;
    text-decoration: none;
  }
}

// Paragraphs

p {
	.font-family-1-regular;
	.font-size-lg;
	color: @color-main;
	margin-bottom: @line-height;
	
	.responsive(@bp-md, {
		.font-size-lg;
	});		
}

b, strong {
	font-family: inherit;
  color: @color-main;
}

.center {
	text-align: center;
}

// Imports

@import '_blocks.less';
@import '_header.less';
@import '_content.less';
@import '_footer.less';
@import '_chocolat.less';
@import '_hamburger.less';
@import '_swiper.less';

p, h1, h2, h3, h4, li {

	i, em {
		font-style: italic !important;
		font-family: inherit !important;
	}

}

.row {
  .row(12);
}

.overflow-visible {
	overflow: visible;
}

.responsive-img {
	max-width: 100%;
	height: auto;
}

.desk {
  display: inline-block;
  .responsive(@bp-lg, {
    display: none;
  });
}

.mob {
  display: none;
  .responsive(@bp-lg, {
    display: inline-block;
  });   
}