/*
 Theme Name:   Guisnel
 Author:       Perfecto
 Template:     generatepress
 Version:      0.1
*/

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* libre-bodoni-regular - latin */
@font-face {
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/libre-bodoni-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/libre-bodoni-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/libre-bodoni-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/libre-bodoni-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/libre-bodoni-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/libre-bodoni-v3-latin-regular.svg#LibreBodoni') format('svg'); /* Legacy iOS */
}

:root{
    --primary:#004B96;  	/* bleu foncé*/
    --secondary:#E52B38; 	/* rouge */
    --black:#000000;		/* noir */
	--white:#ffffff;		/* blanc */	
	--grey:#0000004D;
    --font:'Roboto', Helvetica, Arial, sans-serif;
	--condensed:'Roboto Condensed', Helvetica, Arial, sans-serif;
	--serif:'Libre Bodoni', "Times New Roman", serif;
}

body {
	min-height:100vh;
	font-family:var(--font); font-weight:400; font-size:16px; line-height:1.3;
}

.site-footer {
	border-top:3px solid var(--primary);
}
.site-footer, .site-footer a {
	text-decoration:none; font-size:14px; 
}	
.site-footer a {}
.site-footer .widget_text img {
  vertical-align: bottom;
}

/*--- header */
.site-logo {
	max-width:515px; height:auto; width:25%; margin-top: 13px;
}
.nav-float-right #site-navigation {
   width: 73%;
}
#masthead {
	
}
#primary-menu {
  width: 100%;
}
.inside-header {
   align-items: start; padding-top: 0px;
}
.main-navigation, .main-navigation ul ul {
  background-color: transparent;
}
.main-navigation .main-nav > ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-evenly;
}
.main-navigation li {
   padding-top: 6px;
}
.main-navigation .main-nav ul li a {
	padding: 20px 10px 0px 10px;
	background-color: white;
	height: 120px; line-height:1rem;
	max-width:120px;
	-webkit-transition:  all 0.35s linear;
    -ms-transition:  all 0.35s linear;
	transition: all 0.5s linear;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a {
	color:var(--secondary);
}

/*--- footer */


/*--- main content */

#main, .separate-containers .page-header-image {
  margin-top: -54px;
  z-index: 100;
  position: relative;  padding-bottom: 75px;
}

h2 {
	font-family:var(--condensed);
	text-align:center;
	text-transform: uppercase;
}
a.button {
	box-shadow: 0px 3px 6px #00000029; border-radius: 44px;
	background:var(--primary); color:var(--white);
	padding: 15px 60px;	
}

.clearfix {clear:both;}

/*---- formulaire de commande ---- */

.ginput_product_price_wrapper, .ginput_product_price_label, .ginput_product_price,
.ginput_quantity_label.gform-field-label {
	display:none;
}
#field_2_199 {
  display: table;
}
.gform_wrapper.gravity-theme .gfield--input-type-singleproduct {
  display: table-row;
  border: 1px solid #ccc;
  border-top-width:0;
  padding: 0 10px;
}
.gform_wrapper.gravity-theme .gfield--input-type-singleproduct > label, 
.gform_wrapper.gravity-theme .gfield--input-type-singleproduct > .ginput_container_singleproduct{
  display: table-cell;
}
span.nom {
  width: 250px;
  display: inline-block;
}
span.ref {
  width: 75px;
  display: inline-block;
}
span.condt {
  width: 150px;
  display: inline-block;
}
body .gform_wrapper.gravity-theme .gfield .ginput_quantity {
  width: 85px;
}
#field_2_99 {
  background: #E6F5FD;
  padding: 20px;
  margin: 20px 0 0;
  border: 1px solid #ccc;
  border-bottom-width:0;
}
.gform_wrapper.gravity-theme .gform_fields#gform_fields_2_2{
	grid-row-gap:0;
}
.ginput_quantity {
  background: #E6F5FD !important;
  outline: 1px solid #fff;
  outline-offset: -2px;
}
.categ {
  background: #004B96;
  width: calc(100% + 20px);
  display: table-caption;
  margin: 0 -10px;
  padding: 7px;
  text-align: center;
  color: white;
  font-weight: bold;
}
#field_2_10000 {
  display: block;
  margin: 20px;
  text-align: right;
}
#field_2_10000  > .ginput_container {
	display:inline-block; 
	margin-left:10px;
}


@media (max-width: 767px) {
	
}

.generate-back-to-top {
   bottom: 100px; z-index:100;
}

@media (max-width:768px) {
	#main, .page-header-image {
		margin-top: -21px;
	}
	.has-inline-mobile-toggle #site-navigation.toggled {
		background-color: transparent;
		margin-bottom: 50px;
	}
	.main-navigation .main-nav ul li a {
		margin:10px auto;
		height: 84px;
	}
	.main-navigation.toggled .main-nav li {
		width: 50%;
		text-align: center;
		float: left;
	}
	
	a.generate-back-to-top {
		display:none;
	}
	
}
@media (max-width:450px) {
	
}