/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */  
 /* === Fix mini-cart (site-header-cart) === */

 
  /*pour la page stock restant après incendie*/
 .ves-filter { margin-bottom: 30px; text-align: center; }
.ves-filter select { padding: 8px 12px; font-size: 16px; }

.ves-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px,1fr));
  gap: 30px;
}
.ves-item {
  text-align: center;
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  transition: box-shadow .3s;
}
.ves-item:hover {
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.ves-item img {
  max-width: 100%;
  height: auto;
}
.ves-item h3 {
  font-size: 1.1em;
  margin: 12px 0 8px;
}
.ves-label {
  font-size: 0.9em;
  color: #555;
  margin-bottom: 8px;
}
.ves-price {
  font-size: 1.2em;
  font-weight: bold;
  color: #222;
}

 
 
 
 
 
 /*pour la page nouvelle banane 2024*/
 .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product, .page-template-template-homepage-php .site-main ul.products.columns-4 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-4 li.product, .storefront-full-width-content .site-main ul.products.columns-4 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product{
	 margin-right:3.1%
 }
 
 
 .pageWidth h2{
	 font-size:3.1em!important;
	 margin-top: 1.3em!important;
 }

.button3{
	font-weight: 500;
  padding: 1em 1.387em;
  border-style: solid;
  border-color: #c19a69;
  border-width: 2px ;
  text-transform: uppercase;
  text-decoration: none !important;
  color: black;
  letter-spacing: 2px;
}

.button3:hover{
	background-color: rgba(0, 0, 0, 0.1);
	transition: background .5s;
	
}
.woocommerce-loop-category__title .count{display:none}
 
 
 
 
 .site-content{
	/*  padding-top: 98px;*/

 }
 
 a {
	 color:black;
}

p a {
	 color:black;
	text-decoration: underline 1px;
}


p a:hover {

	text-decoration: none;
}
	 
 }
 .navleft{
	 float: left;
  margin-right: 55px;
  margin-left: 55px;
  Margin-top:15px;
 }
 
 .button2{
	 font-weight: 500;
  padding: 1em 0.5%;
  border-style: solid;
  border-color:white!important;
  border-width: 2px!important;
  text-transform:uppercase;
  background:none;
  text-decoration:none!important;
  color:white;
  letter-spacing:2px;
 }
 
  .button2:hover{
	   transition: background .5s;
	   background:white;
	   color:black;
  }
 
 
 .fullwidth44{
	 width:85%;
	 Margin:auto;
 }
 
 @media only screen and (max-width: 768px){
	.fullwidth44{
	  width:100%;
 }
 }
 

 
 


 
 
 
 h1, h2, h3, h4, h5, h6, body, button, input, textarea, a, nav, select {
    font-family: 'Roboto',sans-serif!important;
	
}
body{
line-height: 1.3;
  font-weight: 300;
  letter-spacing: 0.5px;
}

 .dnRHAh2{margin:2%!important;}
 
 p  {text-align:justify;}
 
 .site-header{width:100%; transition-duration: 1s;position:fixed;} .site-headerOpacity{opacity:0.7} .site-headerOpacity:hover{opacity:1; transition-duration: 1s}  .site-headerOpacity1{opacity:1}  
 .storefront-breadcrumb{padding-top:106px; margin:0}  .page-template-template-homepage-php .content-area{padding-top:208px}  
 
 .site {
    overflow-x: unset!important;
}
 
 
 @media screen and (max-width: 67.141em){
 .site {padding:0}}
 
 p.cacherle{
    overflow-y: hidden;
    height: 40px;
}
 
p.cacherle:hover, p.cacherle:active {
    height: auto;
}
 
 
 /*********
 
 MEDIA QUERIES 
  MEDIA QUERIES
   MEDIA QUERIES
 ******/
 
 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
 /*MEGA MENU*/
@media screen and (max-width: 600px) {
  .column {
    width: 100%!important;
    height: auto!importants;
  }
 
 }
 

 
 /*plus petit que 768*/
 @media screen and (max-width: 768px) {
	 
	 .mc-layout__bannerContent{margin-top:70px}
	 .grid-containernewfooter2 > div {
		 border:none!important;
	 }
	 
	 .posH4footer{
		 top:0!important;
	 }
	 .grid-containernewfooter2{

grid-template-columns: auto!important;
height: 750px;

}
	 
	 .grid-containernewfooter > div > figure 
	 {
		 width:8%!important;
	 }
	 
	 
	 .grid-containernewfooter{
		 grid-template-columns: auto!important;
		 height:370px;
	 }
	
	 
	 .button3{
		 font-size:0.7em;
	 }
	 
	 .site-content{
		/*padding-top:34px;*/
	 }

	 
	 .col-full {
    margin-left: 0!important;
	 margin-right: 0!important;}
	 
	 
	 .type-page .entry-title{ 
	 font-size:2em!important;/*avant il était à 2.8 à cause des kits j'ai passé à 2em*/
	 background-attachment: scroll!important;
	     padding-top: 80px!important;
    height: 300px!important;
	 } 
	 
	 
	 .pageWidth{width:95%!important;}
	 /**ICONE EN PAGE PRODUIT*/
	 
	 /*.single-product div.product .woocommerce-product-gallery .flex-control-thumbs{DISPLAY:none;}*/
	/* .single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery{margin:0}   PARCE QUE CLS DE GOOGLE*/
	 .product_title{font-size: 1.5em;}
	 .single-product div.product p.price{font-size: 1em;}
	 
	
	
 
	 
	



	.container-homepage{
	width:100%!important;
	margin:auto;
	}
	
	
	
	.Serviceclient:before{
	display: block;
    text-align: center;
	}

	.Paiement:before{display: block;
    text-align: center;}

	.Livraison:before{display: block;
    text-align: center;}

	.Retour:before{display: block;
    text-align: center;}
	
	.storefront-breadcrumb {
    padding-top: 30px!important;
	margin-bottom:0!important;
	}


  
} 
 .col-full {max-width:100%}
 
 
   /*plus grand que 768*/
 @media (min-width: 768px){
	
	.woocommerce-active .site-header .site-header-cart{
		display: block;
    width: 12.5%;
    float: right;
    margin: 0 auto 0 auto !important;
    padding-top: 2.1em;
  
	}
	
	
	.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart{
		top:100%;
	}
	 .woocommerce-active .site-header .g-top-bar .site-header-cart{margin-right:1%!important}
	 .woocommerce-active .site-header .g-top-bar .site-header-cart{float:right!important;}
	 
	.site-header{
		padding-top:0!important;
	}


	#primary{
		padding-top: 0em!important;
		float: right!important;
	}




 
 }
 
.site-header .g-top-bar > .site-branding img, .site-header .g-top-bar > .site-logo-anchor img, .site-header .g-top-bar > .site-logo-link img, .site-header .g-top-bar > .custom-logo-link img, .site-header .site-branding img{
	 width:100%;
	 height:auto;
 }
 
  /*plus grand que 1300*/
  @media screen and (min-width: 1300px){	 

 .woocommerce-active .site-header .g-top-bar>.site-branding, .woocommerce-active .site-header .g-top-bar>.site-logo-anchor, .woocommerce-active .site-header .g-top-bar>.site-logo-link, .woocommerce-active .site-header .g-top-bar>.custom-logo-link, .woocommerce-active .site-header .site-branding	 {	
 
width: 3.5%;
    padding-top: 1em;
    padding-bottom: .6em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: none;
	margin-bottom:0px;}	  
 
 }
 
 
 
@media (min-width:768px) and (max-width:1300px) {	 
 .woocommerce-active .site-header .g-top-bar>.site-branding, .woocommerce-active .site-header .g-top-bar>.site-logo-anchor, .woocommerce-active .site-header .g-top-bar>.site-logo-link, .woocommerce-active .site-header .g-top-bar>.custom-logo-link, .woocommerce-active .site-header .site-branding	 {	
 width: 4.5%;    
		 	 
 }	  
 

 
 
 
 }
 
 @media screen and (min-width: 67.141em){
.col-full {
    padding-left: 0!important;
    padding-right: 0!important;
 }
 
 
 
 
 
 
 }
 
 .site-search{display:none;}
 
 /***********
 
 MENU ACCOUNT 
 
 
 ******/ 
 
.woocommerce-active .site-header .g-top-bar .site-search{
    margin:  2em 2% 0 2%;
 }
   .woocommerce-active .site-header .g-top-bar .site-header-cart {
    margin-top: 2em; 
	width:auto;}
 
.storefront-handheld-footer-bar ul li{float:right!important}
.storefront-handheld-footer-bar{height:82px!important}
.storefront-handheld-footer-bar ul li.search .site-search{
	    bottom: -4em!important;
}

.site-header-account {
	 position: relative;
    list-style: none;
   /* width: 13%;*/
    float: right;
    margin-right: 55px;
    margin-left: 0px;
    margin-bottom: 0;
	    padding-top: 2.1em;
}

.text-account{
	color:#6c6c6c
}

.text-account:hover{
	color:black
}

.text-account::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	vertical-align: -0.525em;
    content: url('https://www.bhallot.eu/wp-content/uploads/2023/09/compte.jpg');
	margin-left:2%;
	    margin-right: 10px;
}

.textmoncompte{
	    color: black;
    padding: 2.1em 0 0 0;
    display: block;
    position: relative;
    background-color: transparent;
    height: auto;
    width: auto;
    text-indent: 0;
}
/******
CART 
******/

.site-header-cart .cart-contents{padding:0!important}

.woocommerce-active .site-header .site-header-cart a.cart-contents:after{
	    content: url('https://www.bhallot.eu/wp-content/uploads/2023/09/cart.jpg');
		margin-right:20px;
		float:right;
		line-height:0;
}

 .quantity{font-family: 'Roboto',sans-serif!important;}
 
 
 
 /**********
 
 MEGA MENU 
   MEGA MENU 
     MEGA MENU 
 
 *******/ 
 
 .page-template-template-homepage-php .site-header{padding:0 5%;}
 

.dropdown {
  float: left!important;
  overflow: hidden;
}



.dropdown .dropbtn {
 text-transform: uppercase;
    font-size: .857em;
    font-style: normal;
    border: none;
    padding: 1.618em 1em;
    background-color: inherit;
    margin: 0;
    letter-spacing: 1.5px;
	font-weight: 400;
}



.dropbtn2 {
 text-transform: uppercase;
    font-size: .857em;
    font-style: normal;
    border: none;
    padding: 1.618em 1em;
    background-color: inherit;
    margin: 0;
    letter-spacing: 1px;
    font-weight: 700!important;
	line-height: 1.618!important;
}

.dropdown-content {
  display: none!important;
  position: absolute!important;
  width: auto;
  /*left: 0;*/

  z-index: 1;
}

.dropdown-content .header {
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block!important;
}



/* Create three equal columns that floats next to each other */
.column {


  padding: 5px 60px 5px 25px;
  background-color: #fff;
      height: auto;
	  box-shadow: 10px 10px 5px rgba(0,0,0,.2);
	
}

.column2 {

  
  padding: 5px 60px 5px 25px;
  background-color: #fff;
      height: auto;
	  box-shadow: 10px 10px 5px rgba(0,0,0,.2);
	
}

.column a {
	font-weight: 400;
    font-size: .875em;
	line-height: 100%;
	
  float: none!important;
  color: #2b2b2b;
      padding: .4em 0.71575em;
  text-decoration: none;
  display: block;
  text-align: left;
}



.column a:hover {
  background-color: rgba(0,0,0,.025);
}



.h4menu{
	    text-transform: uppercase;
    font-size: 0.9em;
	letter-spacing:1px;
    color: #000000e0;
	font-weight:600;
}

.h4menu:before{
	content: "•"; 
	color: #c0996f;
    display: inline-block;
	width: 1em;
  margin-left: -0.6em;
  font-size: 1.3em;
  }

/* Clear floats after the columns */
.row2:after {
  content: ""!important;
  display: table!important;
  clear: both!important;
}




/*******
POST HOME PAGE 

******/

.container-homepage{
	width:80%;
	margin:auto;
}


/******
*******
FOOTER
********
*******/



.grid-containernewfooter{
	  display: grid;
grid-template-columns: 22% 22% 22% 22%;
  grid-gap: 4%;
  padding: 3%;
  background-color: #c39a63;
  color:white;
}

.grid-containernewfooter2{
	  display: grid;
grid-template-columns: 33% 33% 33%;
  padding: 3%;
background-color: #c39a6317;
}

.grid-containernewfooter2 img {
	display:block;
	margin:auto;
}

.grid-containernewfooter > div > p { 
margin:0;
width:75%;
font-size:0.9em;
}
.grid-containernewfooter > div { 
display: flex;
  justify-content: center;
  align-items: center;
  height: max-content;
	
}

.grid-containernewfooter2 > div { 
display: flex;
flex-direction:column;
padding:0 10%;
border-inline-end: 1px solid;
  justify-content: center;
	
}

#info{
	 border-inline-end: none;
}


.grid-containernewfooter > div > figure {
  width: 17%;
margin: 0 6% 0 0;
	
}

.posH4footer{
	TOP:-10%;
	position:relative;
}



.site-footer{    background-color: #f3f3f3;
padding: 0;}






.LOCALISATION:before{
      content: url('https://www.bhallot.eu/wp-content/uploads/2023/11/LOCALISATION2.png');}
.OUVERTURE:before{	
      content: url('https://www.bhallot.eu/wp-content/uploads/2023/11/OUVERTURE2.png');}
.MAIL:before{
	  content: url('https://www.bhallot.eu/wp-content/uploads/2023/11/MAIL2.png');
}	  
.TEL:before{
	    content: url('https://www.bhallot.eu/wp-content/uploads/2023/11/PHONE2.png');}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
padding-right: 5px;}

.linkfooter{
	text-decoration:none!important;
	color: #555555!important;
}

.list-unstyled{
	list-style:none;
	margin: 0;
}

.iconfooter{
	display: inline-block;
    text-align: left;
    margin-top: 10px;
    vertical-align: middle;
	color: #555555!important;
}

.Serviceclient:before{
	content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/discussion.jpg');
	vertical-align:middle;
	margin-right: 10px;
}

.Paiement:before{content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/securisé.jpg');
vertical-align:middle;margin-right: 10px;}

.Livraison:before{content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/livraison.jpg');vertical-align:middle;margin-right: 10px;}

.Retour:before{content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/retourechange-bhallot.jpg');vertical-align:middle;margin-right: 10px;}

.fb:before{content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/FACEBOOK.jpg');}
.ytb:before{content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/YOUTUBE.jpg');}
.insta:before{content: url('https://www.bhallot.eu/wp-content/uploads/2020/02/INSTA.jpg');}

.fa-facebook-f:before{
	
}

/****
Navigation menu haute de page

****/


.storefront-breadcrumb .woocommerce-breadcrumb{
	    padding: 0 1em;
}


.type-page .entry-title{
	text-shadow: 1px 1px 3px #605f5f;
	    padding-top: 335px;
		padding-left:5%;
    text-transform: uppercase; 
	    height: 700px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color:white;
	letter-spacing: 5px;
  font-size: 4.6em;
}

.pageWidth{width:60%;margin:auto;}
.error404.right-sidebar .content-area, .error404.left-sidebar .content-area{width:93%;}

/****
Quantité pour page panier /cart / quantity / Qty
***/



.woocommerce-cart-form__contents .qty {
	position:relative!important;
	bottom:0px!important}