/*
Theme Name:cbd-shop
Description:Thème enfant du thème twentythirteen
Author:Sebastien Krisken gaudet
Author URI:https://www.krisken.fr
Template:twentythirteen
*/

/* POLICES */
@font-face {
  font-family: "Biz";
  src: url("./fonts/BIZUDPMincho-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;1,300;1,700&display=swap');



/* CONNEXION WP */
.login{
	background: url(https://beautepassionbienetre.fr/wp-content/uploads/2025/06/beaute-passion-bien-etre-au-quotidien.jpg) no-repeat center/cover;
}
.login form{
	background: rgba(255,255,255,.5);
	border: 0;
}
#login h1 a, .login h1 a {
	background: url(img/logo-cbdsantepassion-green.svg) no-repeat center / 100%;
	height: 75px;
	width: 100%;
}

html{
	font-size: 16px;
	scroll-behavior: smooth;
}
body{
  font-size: 16px;
  font-size: 1em;
  font-family: "Biz", serif;
	font-weight: 400;
	color: #333333;
	height: 100%;
}
h1, h1.entry-title,
.site-title.h1,
h1.page-title,
body.archive h1{
  font: 700 2.5em/1 "Biz", serif;
	margin: 0 auto 10px auto;
}
h3.ea-header a,
.woocommerce div.product form.cart .variations label{
	font: 1.35em/1 'Roboto', sans-serif !important;
	font-weight: 300;
	font-style: italic !important;
	color: #007EA9;
	margin: 0 auto 12px auto;
}
h2{
	font: 700 1.5em/1 "Biz", serif;
	color: #333;
}
body.home h2{
	font-size: 3em;
	color: #30696D;
}
h3{
	font: bold 1.25em/1 'Roboto', sans-serif;
	color: #007EA9;
}
h3.h2{
	font: 700 1.5em/1 "Biz", serif;
	color: #30696D;
	text-shadow: 1px 1px 0 #fff;
}
.none{display: none !important;}
.flex{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.alignwide{
	max-width: 860px !important;
	margin: 0 auto;
}

/* COULEUR */
.bleu-dark{color: #007EA9;}
.bleu-light{color: #99CBDD;}

.vert-dark{color: #30696D;}
.vert-med{color: #487B67;}
.vert-light{color: #70A38E;}

/* inverse */
.inverse,
.inverse > *{color: #fff;}
.inverse h2:after{
  background-color: #fff;
}

/* FULLHEIGHT */
.wp-block-group.fullheight{
	min-height: 90vh;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.fullheight .wp-block-group__inner-container{
	max-width: none !important;
	padding: 0 !important;
}
.fullheight .wp-block-columns{
	gap: 0;
	margin-bottom: 0;
}
.fullheight .wp-block-column > *{
	height: 100%;
	padding: 40px 15px;
}
.fullheight section.produits li.wc-block-grid__product{background: rgba(255,255,255,.5) !important;}
.fullheight section.produits li.wc-block-grid__product:before{display: none !important;}
.fullheight .green .wp-block-group__inner-container{padding: 15px !important;}

/* MADE IN FRANCE */
li.wc-block-grid__product{position: relative;}
li.wc-block-grid__product:after{
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	z-index: 9;
	top: 5px;
	left: 5px;
	background: url(img/fabrique-en-france.svg) no-repeat center/40px;
	
}

.entry-content a {
	/* color: #007EA9 !important; */
	color: #30696D !important;
  text-decoration: none;
	transition: all 0.15s linear;
}
a:visited {
	color: #000;
}
a:focus {
	outline: 0;
}
a:active,
a:hover,
.entry-content a:hover,
.comment-content a:hover {
	outline: 0;
	text-decoration: none;
}
.entry-content p:not(.rounded-blue) a,
.entry-content h3:not(.ea-header) a{
	background: rgba(0,126,169,.1);
}
.entry-content p.return-to-shop a{background: rgba(0,126,169,1);}
.entry-content p:not(.rounded-blue) a:hover,
.entry-content h3:not(.ea-header) a:hover{
	background: rgba(0,126,169,.3);
	color: #000 !important;
}

::marker{display: none;}
.entry-content ul{
	list-style: none;
	padding-left: 0;
}
.entry-content ul li:not(.wc-block-grid__product):not(.product):before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url(img/before-li.svg) no-repeat left 1px;
}
.entry-content ul li.wc_payment_method:before{display: none !important;}

/* MISE EN PAGE */
.site{
  max-width: 100%;
	background: none;
	border-width: 0;
}
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta{
	padding: 0 0;
	margin: 0 0;
	max-width: 100%;
}
footer.entry-meta{display: none;}
.entry-header, .entry-content, .entry-summary, .entry-meta,
.site-header .home-link{max-width: 930px;}

.entry-content > :not(.wp-block-columns),
.entry-content .wp-block-group .wp-block-group__inner-container,
.entry-content .wp-block-group:not(.alignfull):not(.alignwide) > .wp-block-group__inner-container,
body.page:not(.home) h1.entry-title,
body.archive .term-description{
	width: 100%;
	max-width: 870px;
	margin-left: auto;
	margin-right: auto;
}
.entry-content .wp-block-group.alignfull .wp-block-group__inner-container{padding: 0 20px;}
body.archive .term-description{
	max-width: 660px;
	padding: 0 15px;
	padding-bottom: 25px;
}
body.page:not(.home) .entry-header h1.entry-title,
body.archive h1.archive-title,
body.single h1.entry-title:not(.product_title),
body.archive h1{
	width: 100%;
	max-width: 100vw;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 30px 15px;
	position: absolute;
	top: -219px;
	left: 0;
	right: 0;
	z-index: 9;
	background-color: rgba(255,255,255,.2);
	background: linear-gradient(to right, transparent, rgba(255,255,255,.6) 50%, transparent);
}
.wp-block-group:not(.alignfull):not(.alignwide) > .wp-block-group__inner-container > *{
	width: 100% !important;
}
.entry-content .wp-block-group{
	padding-left: 20px;
	padding-right: 20px;
}
.wp-block-media-text img{
	max-width: 320px;
	text-align: center;
}

.entry-content .wp-block-group.alignfull{
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
	max-width: none;
}

#masthead .home-link,
.entry-content .woocommerce,
.site-footer .widget-area,
footer .site-info,
.archive .entry-content,
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content{
	width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
header.woocommerce-products-header,
.woocommerce nav.woocommerce-breadcrumb{
  padding-left: 15px;
  padding-right: 15px;
}

/* HEADER */
body.home #masthead{
	height: calc(100vh - 135px);
}
#masthead{
	height: calc(100vh - 260px);
	min-height: 500px;
	background-size: cover !important;
	background-position: center 70px;
	overflow: hidden;
}
#masthead .wrap{
	position: relative;
	z-index: 9;
	width: 80%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
#masthead .wrap h1.like-p{
	font: normal 1em/1 'Roboto', serif;
	color: #000;
	font-size: 1.25em;
	text-transform: none;
	margin-top: 10px;
	margin-left: 0;
}
#masthead .wrap span.like-p{
	font: normal 1em/1 'Roboto', serif;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	text-transform: none;
	margin-top: 10px;
	margin-left: 0;
}
#masthead .wrap.content{
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	color: #000;
	height: calc(100% - 90px);
	padding: 0 1em;
}
body.home #masthead .wrap.content{
	height: 100%;
}
#masthead .wrap.content:before{
	content: '';
	display: block;
	background: url(img/white-round.svg) no-repeat left top/100% auto;
	position: absolute;
	z-index: -1;
	left: -20%;
	bottom: 0;
	top: auto;
	width: 70%;
	height: 90%;
	min-width: 420px;
}
#masthead .wrap.content p{
	margin-top: 1em;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.site-header .home-link {
  max-width: 1080px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 40px;
}
button.decouvrir,
.woocommerce button.button.alt{
	width: auto !important;
	border-radius: 25px;
	padding: 0.5em 2em;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	background: #30696D !important;
	border: 1px solid transparent;
	transition: all 0.15s linear;
	color: #fff !important;
}
.elmt-contact{
	display: inline-flex;
	align-items: start;
}
.elmt-contact button.decouvrir{margin-right: 1em;}
.elmt-contact > a {
	color: #000;
	font-weight: bold;
	line-height: 44px;
	text-shadow: 1px 1px 1px #fff, 0 0 5px #fff;
}
.elmt-contact > a:hover{
	color: #30696D;
}

button.cmplz-btn{
	background: #007EA9;
	border: 1px solid transparent;
}
button.cmplz-btn,
button.decouvrir:hover,
.woocommerce button.button.alt:hover{
	background: #fff !important;
	color: #30696D !important;
	border: 1px solid #30696D;
}
button.decouvrir a{
	color: #fff;
}
button.decouvrir:hover a{color: #30696D;}
.site-header .site-title{
  width: 100%;
  color: #30696D;
	text-decoration: none !important;
	padding: 0;
	margin: 0;
	font-size: 2.5em;
	font-family: "Biz", serif;
	margin-top: 0;
	text-shadow: 2px 2px 0 #FFF;
}
h2.site-description{
	display: none;
}
.site-header .site-description{
	font: normal 1em/1 'Roboto', serif;
	color: #000;
	margin-top: 15px;
	max-width: 340px;
}

/* NAVIGATION */
/* Barre top page */
#top-nav{
	background-color: #007EA9;
	height: 10vh;
	min-height: 70px;
	position: relative;
	z-index: 999;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#top-nav.fixed{
	position: fixed;
	z-index: 9999;
	background: #30696D;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	min-height: 70px;
}
#top-nav.fixed img.logo{
	padding: 11px 0;
	max-width: 50vw;
}

#top-nav img.logo{
	font-style: italic;
	box-sizing: content-box;
	min-width: 360px;
}
#top-nav p{
	font-size: 0.85em;
	color: #fff;
}
#top-nav ul{
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#top-nav ul li a{
	margin-left: 5px;
	color: #fff;
	padding: 5px 10px;
	display: block;
	font-size: 15px;
	border-radius: 25px;
	border: 1px solid rgba(255,255,255,0);
	transition: all 0.15s linear;
}
#top-nav ul > li:not(.commander) a:hover{opacity: 0.6;}
#top-nav ul li.video a:hover{
	border: 1px solid rgba(255,255,255,1);
}
#top-nav ul li.video a,
#top-nav ul li.huile a,
p.video a{
	display: inline-flex;
	align-items: center;
}
#top-nav ul li.video a:before,
p.video a:before{
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	background: url(img/picto-video.svg) no-repeat center/25px;
	margin-right: 3px;
}
p.video{line-height: 1; padding: 3px 0;}
p.video a:before{background: url(img/picto-video-dark.svg) no-repeat center/25px;}
p.video a{
	font-family: 'Roboto', sans-serif;
	background: none !important;
	color: #000 !important;
	opacity: 0.65;
}
p.video a:hover{opacity: 1;}
#top-nav ul li.commander > a,
footer a.wp-block-button__link{
	border-radius: 25px;
	background-color: #fff;
	color: #007EA9;
}
#top-nav ul li.commander > a:hover,
#top-nav ul li.commander > a:focus{
	background-color: #007EA9;
	color: #FFF;
	border-color: #fff;
}

	#top-nav ul li.commander{
		position: relative;
	}
	#top-nav ul li.commander > a{
		display: flex;
		align-items: center;
		padding: 0 10px 0 5px;
	}
	#top-nav ul li.commander > a:before{
		content: '';
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(img/picto-boutique-bleu.svg) no-repeat center/100%;
	}
	#top-nav ul li.commander > a:hover:before{
		background-image: url(img/picto-boutique.svg);
	}
	#top-nav ul li.commander > ul{
		display: none;
		position: absolute;
		top: 100%;
		z-index: 99999;
		width: 200%;
		max-width: 300px;
		margin: 0;
		border-radius: 15px;
		overflow: hidden;
	}
	#top-nav ul li.commander:hover > ul,
	#top-nav ul li.commander > ul:hover{
		display: block;
		right: -50%;
		left: -50%;
		transition: all 0.3s linear;
		box-shadow: 0 0 0 1px #007EA9;
	}
	#top-nav ul li.commander > ul li{
		background: #fff;
		display: block;
		padding: 3px;
	}
	#top-nav ul li.commander > ul li a{
		color: #007ea9;
		padding: 5px;
		margin: 0;
	}
	#top-nav ul li.commander > ul li a:hover{
		color: #000;
		background: rgba(0,126,169,.3);
	}
#top-nav ul li.panier a,
#top-nav ul li.moncompte a{
	display: block;
	width: 32px;
	height: 42px;
	padding: 0;
	overflow: hidden;
	text-indent: -200em;
}
#top-nav ul li.panier a{
	margin-left: 0;
	background: url(img/panier.svg) no-repeat center/32px;
}
#top-nav ul li.moncompte a{
	background: url(img/compte.svg) no-repeat center/32px;
}
#top-nav ul li.panier a:hover,
#top-nav ul li.panier a:focus,
#top-nav ul li.moncompte a:hover,
#top-nav ul li.moncompte a:focus{
	border-color: #fff;
}
#top-nav ul li#wpmenucartli{
	position: absolute;
	right: 0;
	top: 34px;
}
#top-nav ul li#wpmenucartli a{
	font-size: 0.85em;
	background-color: #007EA9;
	border-radius: 0 0 12px 12px;
	margin-left: 0;
}
#top-nav ul li#wpmenucartli.fixed{
	position: fixed;
	z-index: 9999;
	top: 50px;
	right: auto;
	margin-top: 0;
}
body.home #top-nav ul li#wpmenucartli.fixed{margin-top: 0; top: 0;}
body.home #top-nav ul li#wpmenucartli.fixed a{
	background-color: #FFF;
	color: #4F8083;
}

/* Primary-menu = barre verte */
#navbar,
#navbar.navigation{
	max-width: 100%;
  background-color: #4F8083;
	width: 100%;
}
.nav-menu li a,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a{
  padding: 93px 1em 1.5em;
	padding-bottom: 10px;
  font-size: 1em;
  font-style: normal;
  color: inherit;
  text-align: center;
  transition: all 0.3s linear;
}
.toggled-on .nav-menu li > ul a{color: #fff;}
.nav-menu li.menu-item-has-children:after{
  content: '';
  display: block;
  width: 15px;
  height: 65px;
  position: absolute;
  right: 2px;
  top: 0;
  background: url(img/li-children.svg) no-repeat center right/15px;
}
ul#primary-menu{
	width: 100%;
  /* max-width: 960px; */
  margin: 0 auto;
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: 80px 1fr 1fr 1fr 1fr;
}
ul.nav-menu{padding-right: 0;}
ul.nav-menu li{
	height: 100%;
	transition: all 0.15s linear;
}
	.nav-menu li.commander > a{
		text-indent: -2000em;
		overflow: hidden;
		padding: 0;
		position: relative;
	}
	.nav-menu li.commander{
		background-image: url(img/picto-boutique.svg);
		background-size: 80px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.nav-menu li > a{
		height: 100%;
		align-content: center;
		font-family: 'Roboto', sans-serif;
		padding-top: 93px;
		border-width: 0 2px 0 0;
		border-style: solid;
		color: #fff !important;
		border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white) 1 100%;
	}
	.nav-menu li:last-child > a{border: 0;}
	.nav-menu li.ico-produits{
		background: url(img/ico-produits.svg) no-repeat top 10px center/auto 70px;
	}
	.nav-menu li.ico-phyto{
		background: url(img/ico-phyto.svg) no-repeat top 10px center/auto 70px;
	}
	.nav-menu li.ico-gelules{
		background: url(img/ico-gelules.svg) no-repeat top 10px center/auto 70px;
	}
	.nav-menu li.ico-formules{
		background: url(img/ico-formules.svg) no-repeat top 10px center/auto 70px;
	}
	.nav-menu li.ico-fleurs{
		background: url(img/ico-fleurs.svg) no-repeat top 10px center/auto 70px;
	}
	.nav-menu li.ico-creme-soin{
		background: url(img/ico-creme-soin.svg) no-repeat top 10px center/auto 70px;
	}
	.nav-menu li.ico-cart{
		background: url(img/ico-cart.svg) no-repeat top 10px center/auto 70px;
	}
	
	.nav-menu li:hover > a,
	.nav-menu li a:hover,
	.nav-menu li:focus > a,
	.nav-menu li a:focus,
	.nav-menu .sub-menu li:hover > a,
	.nav-menu .children li:focus > a{
		color: #fff !important;
		background: none;
	}
	.nav-menu li:hover,
	.nav-menu .sub-menu li:hover,
	.nav-menu .children li:focus{
		background-color: #6E9699;
	}
		/* Sous-Menu */
		.nav-menu .sub-menu,
		.nav-menu .children{
			display: flex;
			background-color: #354054;
			border: 0;
			margin: 0 !important;
		}
		.nav-menu .sub-menu li,
		.nav-menu .children li{
			background-color: rgba(0,0,0,.25);
		}
		ul.nav-menu li:hover > ul,
		.nav-menu ul li:hover > ul,
		ul.nav-menu .focus > ul,
		.nav-menu .focus > ul{
			display: flex;
			flex-direction: row;
		}

/* bouton toggle */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active{
  background: transparent url(img/toggle-icon-blanc.svg) no-repeat center/36px;
  padding: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: 200em;
	position: absolute;
	z-index: 9999;
	top: -58px;
	right: 0;
	border: 0;
}
#navbar.fixed{
	position: fixed;
	top: 0;
	bottom: auto;
	z-index: 999;
	width: 100%;
	overflow: hidden;
}
#navbar.fixed{top: 70px;}
#navbar.fixed .nav-menu li{
	background-size: 55px;
	background-position: 10px center;
}
#navbar.fixed .nav-menu li.commander{
	background-position: center;
	visibility: visible;
}
#navbar.fixed .nav-menu li a{
	padding: 10px 10px 10px 80px;
	min-height: 56px;
	text-align: left;
	border: 0;
}

/* FORMULAIRES */
body:not(.login) form.search-form{
  border-radius: 20px;
  overflow: hidden;
  margin: 10px;
}
body:not(.login) input.search-field, textarea{
  border: 0;
  color: #000;
  padding: 8px;
  box-shadow: none;
}
input, select, textarea{
  border: 1px solid #007EA9;
  outline: 0 !important;
}

body:not(.login) input:focus, textarea:focus{
  outline: 0 !important;
  border: 0 !important;
}
  ::-webkit-input-placeholder {font-style: italic;}
  ::-moz-placeholder {font-style: italic;}
  :-ms-input-placeholder {font-style: italic;}
  :-moz-placeholder {font-style: italic;}

/* bouton defaut */
.wp-block-button a.wp-block-button__link,
footer .wp-block-button a.wp-block-button__link,
body:not(.login) form input[type="submit"]{
	border: 1px solid #487b67 !important;
	background: #FFF !important;
	padding: 0.5em 1em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 300;
	color: #487b67 !important;
	margin-bottom: 0;
}
footer .wp-block-button a.wp-block-button__link{
	background: #fff !important;
}
.wp-block-button a.wp-block-button__link,
body:not(.login) form input[type="submit"]{
	border: 1px solid #007EA9 !important;
	color: #007EA9 !important;
}

.green .wp-block-button a.wp-block-button__link:hover,
.green .wp-block-button a.wp-block-button__link:focus,
footer .wp-block-button a.wp-block-button__link:hover,
footer .wp-block-button a.wp-block-button__link:focus{
	background: #487b67 !important;
	color: #fff !important;
	padding: 0.5em 1em;
}

#phytotherapie .buttons-cat .wp-block-button a.wp-block-button__link{
	border: 1px solid #487b67 !important;
	color: #487b67 !important;
	line-height: 1;
}
#phytotherapie .buttons-cat .wp-block-button a.wp-block-button__link:hover,
#phytotherapie .buttons-cat .wp-block-button a.wp-block-button__link:focus{
	background: #487b67 !important;
	color: #fff !important;
}
.wp-block-button a.wp-block-button__link:hover,
.wp-block-button a.wp-block-button__link:focus,
form input[type="submit"]:hover{
	background: #007EA9 !important;
	color: #FFF !important;
	padding: 0.5em 1em;
}

/* POPUP */
html.pum-open.pum-open-overlay,
html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay,
html.pum-open.pum-open-overlay .pum-theme-theme-par-defaut{
	background: rgba(0,0,0,.4) !important;
}
.pum-container{
	border-radius: 12px !important;
	overflow: hidden !important;
	padding: 0 !important;
}
.pum-content h2{font-size: 2em !important;}
.pum-content.popmake-content{padding-bottom: 30px;}
.pum-content > *:not(figure){padding: 0 30px;}
.pum-content + .pum-close{
	top: 135px !important;
	right: 15px !important;
	width: 70px !important;
	height: 70px !important;
	border-radius: 35px !important;
	background: #007ea9 !important;
	animation-duration: 2s !important;
	animation-name: anim-close !important;
}
	@keyframes anim-close {
		from {opacity: 1;}
		10% {opacity: 0;}
		20% {opacity: 1;}
		30% {opacity: 0;}
		40% {opacity: 0;}
		50% {opacity: 1;}
		60% {opacity: 0;}
		70% {opacity: 0;}
		80% {opacity: 1;}
		90% {opacity: 0;}
		to {opacity: 1;}
	}
.pum-container img:not(.ico){
	margin: 0 auto;
	min-width: 100%;
}
.wp-block-button__link{
	margin: 0 auto 30px;
	background: url(../../..//wp-content/uploads/2022/09/ico-soutien-fb.svg) no-repeat 20px center/70px,linear-gradient(to left,#70a38e,#487b67) !important;
}
.pum-content figure{margin-bottom: 15px;}
.pum-content p a{
	background: rgba(0,126,169,.1);
	color: #007ea9 !important;
	text-decoration: none;
	transition: all .2s linear;
}
.pum-content p a:hover{
	background: rgba(0,126,169,.3);
	color: #000 !important;
}

/* Bouton commander */
.btn-ordered .wp-block-button{
	background: url(img/shadow-button.png) no-repeat center/contain;
}
.btn-ordered .wp-block-button a.wp-block-button__link{
	position: relative;
	z-index: 5;
	margin: 2em auto;
	border: 0 !important;
	color: #fff !important;
	border-radius: 80px;
	padding: 12px 32px 12px 95px;
	background: url(img/ico-cbd.svg) no-repeat 20px center/70px, linear-gradient(to left, #70A38E, #487b67) !important;
	font: 900 1.7em/1 'Roboto', sans-serif;
	text-align: left;
	transition: all 0.15s linear;
}
.btn-ordered .wp-block-button a.wp-block-button__link:hover,
.btn-ordered .wp-block-button a.wp-block-button__link:active{
	border: 0 !important;
	padding: 12px 22px 12px 120px;
	background: url(img/ico-cbd.svg) no-repeat 20px center/80px, linear-gradient(#487b67, #487b67) !important;
	transition: all 0.15s linear;
}
.btn-ordered .wp-block-button a.wp-block-button__link span{
	font: 300 0.8em 'Roboto', serif;
	color: #262626;
	text-shadow: 1px 1px 0 #6FA28D;
}

.site-footer .widget .confidentialite + a{
  line-height: 35px;
  padding-left: 3px;
  color: #3997CF;
}

/* HOME-PAGE */
body.home #phytotherapie{
	padding: 50px 0;
	background: url(img/papier-recycle.jpg);
	margin-bottom: 0 !important;
}
body.home section{
	margin-top: 60px !important;
	margin-bottom: 60px !important;
}
.fullheight#produits-huiles .wp-block-columns .wp-block-column:first-of-type{order: 2;}

section.produits ul.wc-block-grid__products,
.categories-produits ul.wc-block-grid__products{
	row-gap: 80px;
	justify-content: center;
	column-gap: 2%;
	max-width: 1360px;
	margin: 0 auto;
}
.entry-content .categories-produits .wp-block-group__inner-container,
section.produits > .wp-block-columns,
section.produits .wp-block-columns.colonnes-produits,
section.produits .bloc-titre-h2{
	margin: 0 auto;
	max-width: 1360px;
}
section.produits .wc-block-grid__product-add-to-cart .add_to_cart_button{font-size: 14px;}
section.alignfull.produits .wp-block-group__inner-container > *{
	max-width: 100%;
	margin: 0 auto;
}
section.produits .wp-block-columns.colonnes-produits{padding-bottom: 40px;}
section.produits .colonnes-produits ul.wc-block-grid__products{max-width: 100%;}
section.produits{margin: 0 auto !important;}
section.produits .bloc-titre-h2{padding: 40px 0;}
section.produits .bloc-titre-h2 .wp-block-heading{margin: 0;}
section.produits .wp-block-group__inner-container{max-width: none !important;}
section.produits .bloc-titre-h2 h2{
	color: #30696D !important;
	font: 700 1.5em/1 "Biz", serif;
  margin: 50px auto 0;
	text-shadow: 1px 1px 0 #fff;
}
section.produits ul.wc-block-grid__products{max-width: none;}
	section.produits ul.wc-block-grid__products li.wc-block-grid__product,
	.categories-produits ul.wc-block-grid__products li.wc-block-grid__product{max-width: 300px;}
	body.home section.produits ul.wc-block-grid__products li.wc-block-grid__product{
		max-width: 300px;
		outline: 1px solid transparent;
		transition: all 0.15s linear;
	}
	body.home section.produits ul.wc-block-grid__products li.wc-block-grid__product:hover{
		outline-color: #30696D;
		box-shadow: 0 0 12px rgba(48,105,109,.4);
	}
	section.produits .colonnes-produits ul.wc-block-grid__products li.wc-block-grid__product{font-size: .75em;}
	section.produits ul.wc-block-grid__products li.wc-block-grid__product a,
	section.produits ul.wc-block-grid__products li.wc-block-grid__product p{
		position: relative;
		z-index: 5;
		font-size: 14px;
	}

/* Produit contre la douleurs */
body.home #produits-contre-douleurs{
	margin-top: -30px !important;
	position: relative;
	z-index: 1;
}

section#best-products li.wc-block-product img{
	outline: 1px solid transparent;
	box-shadow: 0 0 12px #FFF;
	transition: all 0.15s linear;
}
section#best-products li.wc-block-product img{
	border-radius: 16px;
}
section#best-products li.wc-block-product:hover img{
	outline: 1px solid #007EA9;
	box-shadow: 0 0 12px rgba(0, 126, 169, .4);
}

aside#conseil{margin-top: 60px;}
aside#categories-boutique{
	margin-bottom: 0;
	padding: 50px 0;
	background: url(img/papier-recycle.jpg);
}
aside#categories-boutique a.wp-block-button__link{
	font: normal 1em/1 'Roboto', serif;
	color: #30696D !important;
	text-transform: capitalize;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	border-radius: 22px;
	border: 1px solid #30696D !important;
}
aside#categories-boutique a.wp-block-button__link:hover,
aside#categories-boutique a.wp-block-button__link:focus,
aside#categories-boutique a.wp-block-button__link:active{
	color: #FFF !important;
	background-color: #30696D !important;
	transition: all 0.15s linear;
	padding: 0.5em 1em;
}
aside#categories-boutique a.wp-block-button__link:focus,
aside#categories-boutique a.wp-block-button__link:active{
	border-color: #333333 !important;
}

.hentry{padding-bottom: 0;}
.bg-fleurbleu,
#concentration-cbd,
.green,
#boutique,
#nourriture-sante{
	position: relative;
	z-index: 5;
	margin-bottom: 0 !important;
}
.bg-fleurbleu{
	margin-bottom: 50px !important;
}
.bg-fleurbleu .wp-block-media-text__media{text-align: center;}
.bg-fleurbleu .wp-block-media-text{width: 100%;}
.bg-fleurbleu .sp-ea-one{
	margin-bottom: 20px !important;
}
.sp-ea-one{
	max-width: 600px !important;
	margin: 0 auto 40px !important;
}
.sp-ea-one p{padding-left: 25px;}
h3.ea-header{
	border: 1px solid #007EA9;
	background: #fff !important;
}
.sp-ea-single{
	background: transparent !important;
	border: 0 !important;
}
.ea-body{background: transparent !important;}
h3.ea-header{
	font-size: 0.85em !important;
	padding-left: 10px;
	border-radius: 22px !important;
}
h3.ea-header a{
	padding: 5px 1em 5px 0 !important;
	margin-bottom: 0 !important;
	color: #007EA9 !important;
	line-height: 28px !important;
}
.ea-header a .ea-expand-icon.fa{
	height: 38px;
	width: 38px;
	line-height: 38px !important;
	margin-top: -5px;
	display: inline-block;
	background-color: #007EA9;
}
.ea-expand-icon.fa:before{color: #fff;}
.bg-fleurbleu:before,
#nourriture-sante:before{
	content: '';
	display: block;
	background: url(img/before-whatiscbd.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: absolute;
	z-index: -1;
	width: 100%;
	left: -40%;
	height: 100%;
}
#concentration-cbd{
	margin-top: 80px;
	margin-bottom: 80px !important;
	background: url(img/bg-concentration-cbd.svg) no-repeat center/100%;
}
#concentration-cbd:before{
	content: '';
	display: block;
	background: url(img/before-concentration-cbd.svg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: -1;
	width: 100%;
	left: -5%;
	top: 0;
	bottom: 0;
}
#concentration-cbd figcaption{
	font: 1em/1.2 'Roboto', serif;
	color: #007EA9;
}
/* bouton dispo en boutique */
.rounded-blue{
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #99CBDD, #007ea9);
	width: 110px !important;
	height: 110px;
	border-radius: 55px;
	margin: 0 auto;
	transition: all 0.3s linear;
}
.rounded-vert{
	background: linear-gradient(135deg, #70A38E, #487b67);
}
.rounded-blue:hover{
	background: linear-gradient(135deg, #007ea9, #007ea9);
}
.rounded-vert:hover{
	background: linear-gradient(135deg, #487b67, #487b67);
}
.rounded-blue a{
	width: 100px;
	height: 100px;
	padding: 10px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	flex-direction: column;
	border: 1px solid #fff;
	font: 300 1em/1 'Roboto', sans-serif;
	color: #fff !important;
}
.rounded-blue a:hover{
	color: #fff !important;
}
.rounded-blue a:before{
	content: '•';
	color: #fff;
	display: block;
	font-size: 4em;
	line-height: 20px;
}
.green{
	background: #e4ebdf url(img/bg-green.svg) no-repeat center/50%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.green .wp-block-group__inner-container{
	padding: 0 50px !important;
}
.green h2,
#boutique h2,
.green h3,
.green h3.ea-header a,
.green strong{
	color: #30696D !important;
}
.green h2,
#boutique h2,
body.home .green h2{
	font: 700 1.5em/1 "Biz", serif;
  margin: 50px auto 0;
	text-shadow: 1px 1px 0 #fff;
}
.green h2{margin: 0 auto 50px;}
.green h2:after{
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-color: #30696D;
	margin: 1em auto 0;
}
#boutique .alignwide{max-width: 80%; margin: 0 10%;}
#boutique h2{margin-bottom: 1em;}
#boutique h2:after,
#boutique .h2:after{
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	background-color: #30696D;
	margin: 1em auto 0;
}
.green h3.ea-header{
	border-color: #30696D !important;
}
.green .ea-header a .ea-expand-icon.fa{
	background-color: #30696D !important;
}

/* Temoignages */
#temoins{
	display: flex;
  align-items: center;
}
#temoins .strong-view{
	display: block;
	position: relative;
	z-index: 9;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
	border: 1px solid rgba(0,126,169,0.3);
}
#temoins .wpmtst-testimonial,
#temoins .testimonial-inner{border: 0;}
#temoins .wpmtst-testimonial{padding: 10px;}
#temoins .testimonial-heading{
	margin-bottom: -10px;
	margin-left: 320px;
}
#temoins .testimonial-content .testimonial-image{margin: 0;}
#temoins .testimonial-content .testimonial-image img{
	width: 300px;
	border: 0;
	padding: 0;
	margin-right: 20px;
	margin-top: -10px;
	border-radius: 12px;
}
#temoins .testimonial-content p{
	font-style: italic;
	font-size: 0.85em;
	margin-bottom: 0.5em;
}
#temoins .testimonial-content p:first-of-type{margin-top: 20px;}
#temoins .wpmslider-controls{
	position: absolute;
	margin: 0 auto;
	right: 0;
}
#temoins .wpmslider-controls .wpmslider-next,
#temoins .wpmslider-controls .wpmslider-prev,
#temoins .wpmslider-controls .wpmslider-stop,
#temoins .wpmslider-controls .wpmslider-start{
	background: transparent;
}
#temoins .wpmslider-controls .wpmslider-next:before,
#temoins .wpmslider-controls .wpmslider-prev:before,
#temoins .wpmslider-controls .wpmslider-stop:before,
#temoins .wpmslider-controls .wpmslider-start:before{
	background-color: #007EA9;
}

#nourriture-sante{
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0 15px;
}

/* BOUTIQUE - ARCHIVE */
body.archive .entry-content{
	background-color: #f2ebdb !important;
	max-width: 100%;
}
body.archive.tax-product_cat.woocommerce #content{background: #fff !important;}
body.archive.tax-product_cat.woocommerce .products{
	background: #e2ede8 url(img/bg-green.svg) repeat-x center/50% !important;
	max-width: 100%;
}
body.archive .entry-content .woocommerce-products-header{
	max-width: none;
	padding-top: 50px;
	background: #FFF;
	max-width: 100%;
}
body.archive.woocommerce .page-description .wp-block-columns{
	padding: 0 15px;
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
body.archive.woocommerce ul.products,
#boutique,
.boutique{
	background-color: #f2ebdb !important;
	padding-top: 30px;
	padding-bottom: 50px;
}
#boutique,
body.single section.boutique,
body.archive .entry-content,
body.archive.woocommerce div.boutique,
body.archive.woocommerce ul.products{background: url(img/papier-recycle.jpg);}

#boutique.green{background-color: #e2ede8 !important;}
body.archive.woocommerce .woocommerce-products-header{
	margin-bottom: 0;
	padding: 0;
}
body.archive.woocommerce .woocommerce-products-header .boutique{
	margin-bottom: 0;
	padding-top: 40px;
}
body.archive.woocommerce .woocommerce-products-header h3{
	font: 700 1.5em/1 "Biz", serif;
	color: #30696D;
}
body.archive.woocommerce ul.products{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
}
body.archive.woocommerce .woocommerce-result-count,
body.archive.woocommerce .woocommerce-ordering{
	display: none;
}
	/* section boutique */
	#boutique >.wp-block-group{margin-bottom: 0;}
	body.archive.woocommerce ul.products,
	#boutique .wp-block-group__inner-container{
		max-width: 1200px;
		margin: 0 auto;
		row-gap: 40px;
	}
	#boutique .wp-block-group__inner-container{max-width: 100%;}
	#boutique .wp-block-columns .wp-block-column:not(:first-child){
		margin-left: 56px;
	}
	#boutique ul.wc-block-grid__products{
		height: 100%;
		justify-content: center;
	}
	li.wc-block-grid__product,
	body.archive.woocommerce ul.products li.product{
		border-radius: 12px;
		border: 0;
		text-align: left;
		padding: 0;
	}
	body.archive.woocommerce ul.products li.product img{
		border-radius: 12px 12px 0 0;
	}
	li.wc-block-grid__product > div{
		padding: 10px;
	}
	#boutique li.wc-block-grid__product > *:not(.wp-block-button),
	ul.wc-block-grid__products li a,
	ul.wc-block-grid__products li div,
	body.archive.woocommerce li.product a,
	body.archive.woocommerce li.product p{
		position: relative;
		z-index: 5;
	}
	#boutique li.wc-block-grid__product,
	body.archive.woocommerce ul.products li.product{
		max-width: 300px;
		margin: 0 1% 40px;
		width: 23%;
		flex: auto;
		font-size: 1em;
	}
	#boutique li.wc-block-grid__product{margin: 40px 15px;}
	body.archive.woocommerce ul.products li.product{
		margin-bottom: 40px;
	}
	body.archive.woocommerce ul.products li.product:hover{
    box-shadow: 0 0 12px rgba(48, 105, 109, .4);
	}
	body.archive.woocommerce ul.products li.product.first-line{
		width: 22% !important;
		margin: 0 1%;
	}
	body.archive.woocommerce ul.products li.product.first-line:nth-child(7){
		margin-right: 58%;
	}

/* li categories */
.woocommerce ul.products li.product-category a mark{display: none;}
.woocommerce ul.products li.product-category a h2{
	font: bold 1.5em/1 'Roboto', serif;
	color: #30696D;
	text-transform: capitalize;
	text-align: center;
	border-radius: 22px;
	border: 1px solid #30696D;
}
.woocommerce ul.products li.product-category a:hover h2,
.woocommerce ul.products li.product-category a:focus h2{
	color: #FFF;
	background-color: #30696D;
	transition: all 0.15s linear;
}

/* CATEGORIES */
body.archive #masthead{
	background: url(img/beautepassionbienetre-boutique.jpg) no-repeat scroll top;
	background-size: 1600px auto;
}
body.archive.woocommerce .btn-ordered{
	display: flex;
	justify-content: center;
	align-items: center;
}
	#boutique .product_cat-nos-produits-en-gelules li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-nos-produits-en-gelules,
	section.produits .product_cat-nos-produits-en-gelules li.wc-block-grid__product{
		background: url(img/produits-phytotherapie.webp) no-repeat center/cover;
	}
	#boutique .produit-huile li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-huiles-de-cbd,
	section.produits .produit-huile li.wc-block-grid__product,
	body.single div.produit-huile li{
		background: url(img/produit-huile-cbd.jpg) no-repeat center/cover;
	}
	#boutique .produit-fleur li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-cbd-relaxant-et-anti-stress,
	section.produits .produit-fleur li.wc-block-grid__product,
	body.single div.produit-fleur li{
		background: url(img/produit-fleur-cbd.jpg) no-repeat center/cover;
	}
	#boutique .produit-formule li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-formules-bien-etre,
	section.produits .produit-formule li.wc-block-grid__product,
	.categories-produits .produit-formule li.wc-block-grid__product,
	body.single div.produit-formule li > a{
		background: url(img/produit-formule-cbd.jpg) no-repeat center/cover;
	}
	#boutique .produit-baume li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-cbd-anti-douleur,
	body.single div.produit-baume{
		background: url(img/cbdsantepassion-baume-anti-douleur-illustration.jpg) no-repeat center/cover;
	}
	#boutique .four-flowers li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-fleurs-de-cbd li{
		background: url(img/produit-fleur-cbd.jpg) no-repeat center/cover;
	}
	#boutique .product_cat-phytotherapie li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-phytotherapie,
	body.single div.produit-phytotherapie li{
		background: url(img/produits-phytotherapie.jpg) no-repeat center/cover;
	}
	#boutique .product_cat-cremes-et-soins li.wc-block-grid__product,
	body.archive.woocommerce li.product_cat-cremes-et-soins,
	body.single div.product_cat-cremes-et-soins li{
		background: url(img/baume-anti-douleur-illustration.jpg) no-repeat center/cover;
	}
	
	#boutique .product_cat-nos-produits-en-gelules li.wc-block-grid__product:before,
	#boutique .produit-formule li.wc-block-grid__product:before,
	#boutique .produit-fleur li.wc-block-grid__product:before,
	#boutique .produit-huile li.wc-block-grid__product:before,
	#boutique .produit-baume li.wc-block-grid__product:before,
	#boutique .four-flowers li.wc-block-grid__product:before,
	ul.wc-block-grid__products li.wc-block-grid__product:before,
	body.archive.woocommerce ul.products li.product:not(.product-category):before{
		content: '';
		display: block;
		position: absolute;
		border-radius: 0 0 12px 12px;
		background: rgba(255,255,255,.85);
		width: 100%;
		height: 50%;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	#boutique li.wc-block-grid__product a:hover{color: #fff;}
	
		li.wc-block-grid__product .wc-block-grid__product-image{
			text-align: center;
			min-height: 50%;
			margin-bottom: 0 !important;
			border-radius: 12px 12px 0 0;
			overflow: hidden;
		}
		li.wc-block-grid__product .wc-block-grid__product-title,
		h2.woocommerce-loop-product__title{
			display: flex;
			align-items: start;
			text-align: left;
			font: normal 900 1.2em/1 'Roboto', sans-serif !important;
			text-transform: uppercase;
			min-height: 75px;
			margin: 20px auto 0;
			padding-left: 15px !important;
			padding-right: 15px !important;
			color: #30696D !important;
		}
		li.wc-block-grid__product .wc-block-grid__product-title{padding: 0 10px;}
		li.wc-block-grid__product .wc-block-grid__product-short-description,
		body.archive.woocommerce li.product p.wc-block-grid__product-short-description,
		body.archive.woocommerce li.product p{
			font: normal 14px/1.1 'Roboto',sans-serif;
			text-align: left;
			height: 103px;
			max-height: 103px;
			overflow: hidden;
		}
		body.archive.woocommerce li.product p{
			height: auto;
			max-height: 90px;
			overflow: hidden;
			margin-bottom: 1em;
			padding-left: 15px !important;
			padding-right: 15px !important;
		}
		body.archive.woocommerce li.product p.wc-block-grid__product-short-description{
			height: auto;
			max-height: 76px;
			overflow: hidden;
			margin-bottom: 1em;
		}
		li.wc-block-grid__product .wc-block-grid__product-price,
		.woocommerce ul.products li.product .price{
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 900;
			color: #30696D;
			color: #333;
			margin: 0;
			margin-bottom: 0.5em;
			text-align: center;
		}
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart,
		body.archive.woocommerce ul.products li.product a.button {
			position: absolute;
			z-index: 20;
			left: 0;
			right: 0;
			top: 260px;
			margin: 0 auto;
			min-width: 180px;
			max-width: 80%;
		}
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:not(.added_to_cart){
			border: 0 !important;
			background: linear-gradient(to right, #70A38E, #487b67) !important;
			width: 100%;
			padding: 0.5em 1em;
			font-family: 'Roboto', sans-serif;
			font-size: 1em;
			font-weight: 300;
			color: #fff !important;
		}
		.decouvrir.video a.wp-block-button__link,
		.decouvrir a.wp-block-button__link{
			border: 0 !important;
			width: 100%;
			padding: 0.5em 2em 0.5em 50px;
			font-family: 'Roboto', sans-serif;
			font-size: 1em;
			font-weight: 300;
			color: #fff !important;
			background: url(img/picto-video.svg) no-repeat center left 15px/ 25px, linear-gradient(to right, #70A38E, #487b67) !important;
			transition: all 0.15s linear;
		}
		.decouvrir a.wp-block-button__link{
			padding-left: 2em;
			background: linear-gradient(to right, #70A38E, #487b67) !important;
		}
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a.added_to_cart,
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a.added_to_cart:hover,
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a.added_to_cart:focus{
			display: block;
			background: none !important;
			color: #333;
			font-weight: 900;
			text-align: center;
			width: 100%;
		}
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a.added_to_cart:hover,
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a.added_to_cart:focus{
			color: #30696D;
		}

		#secondary li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:not(.ajax_add_to_cart):not(.added_to_cart){
			text-indent: -200em;
			overflow: hidden;
		}
		/* #boutique li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:before, */
		#secondary li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:not(.ajax_add_to_cart):not(.added_to_cart):before{
			content: "Voir plus d'infos";
			text-indent: 0;
		}
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:hover,
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:focus,
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a:active{
			padding: 0.5em 1em !important;
			background: linear-gradient(to right, #487b67, #487b67) !important;
			color: #fff;
		}
		.decouvrir a.wp-block-button__link:hover,
		.decouvrir a.wp-block-button__link:focus,
		.decouvrir a.wp-block-button__link:active,
		.decouvrir.video a.wp-block-button__link:hover,
		.decouvrir.video a.wp-block-button__link:focus,
		.decouvrir.video a.wp-block-button__link:active{
			background: url(img/picto-video.svg) no-repeat center left 22px/ 25px, linear-gradient(to right, #487b67, #487b67) !important;
			padding: 0.5em 2em 0.5em 50px;
		}
		.decouvrir a.wp-block-button__link:hover,
		.decouvrir a.wp-block-button__link:focus,
		.decouvrir a.wp-block-button__link:active{
			padding-left: 2em;
			background: linear-gradient(to right, #487b67, #487b67) !important;	
		}
		li.wc-block-grid__product > .wc-block-grid__product-add-to-cart a.added_to_cart{position: absolute;}

/* PAGES WOOCOMMERCE */
body.single-product div.product.type-product{
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}
body.single-product div.product.type-product > *:not(.alignfull),
body.single-product div.product.type-product > section.upsells ul.products{
	padding: 0 20px;
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
body.single-product div.product.type-product .woocommerce-product-gallery{
	max-width: 600px;
	margin: 0 0 0 auto;
}
body.single-product div.product > .woocommerce-product-gallery{
	background: rgb(214,225,226);
	background: linear-gradient(45deg, rgba(193,210,211,1) 0%, rgba(214,225,226,1) 100%);
	padding: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
body.single-product div.product.type-product .summary.entry-summary{
	max-width: 600px;
	margin: 0 auto 40px 0;
	padding: 40px;
	background: #fff;
	display: flex;
	flex-direction: column;
}
body.single-product p img.aligncenter{padding: 0 50px;}
	.summary.entry-summary h1.product_title{order: 1;}
	.summary.entry-summary p.price{order: 2;}
	.summary.entry-summary div.woocommerce-product-details__short-description{order: 3;}
	.summary.entry-summary > *{order: 4;}
	.woocommerce div.product div.images img{
		/* max-width: 450px; */
		max-width: 600px;
		margin: 0 auto;
	}

body.single-product.woocommerce div.product section.content h2:first-of-type{
	padding-top: 20px;
	border-top: 1px solid rgba(0,0,0,.15)
}
body.single-product.woocommerce div.product h1.product_title{
	position: relative;
	padding: 0 0;
	font-size: 2.8em;
}
body.single-product div.product.type-product > section.upsells{
	max-width: none;
	position: relative;
	z-index: 9;
	background: #f2ebdb url(img/papier-recycle.jpg);
}
body.single-product section.upsells h2{
	font: 700 1.5em/1 "Biz", serif;
	color: #30696d;
	text-align: center;
}
/* Panier */
.woocommerce-breadcrumb{display: none;}
.woocommerce-products-header{margin-bottom: 50px;}
.woocommerce-cart-form .product-thumbnail{max-width: 150px;}
form.checkout h3{
	margin: 0 auto 10px auto;
	text-transform: uppercase;
}

	/* button woocommerce */
	.woocommerce ul.products li.product .button,
	.woocommerce a.button{
		border-radius: 22px;
		font-weight: 300;
		background: linear-gradient(to right, #70A38E, #487b67);
		color: #fff !important;
		display: block;
		text-align: center;
	}
	.woocommerce .cart button.button,
	.woocommerce a.button.alt{
		font: 300 1em/38px 'Roboto', sans-serif;
		background: linear-gradient(to right, #70A38E, #487b67);
		border-radius: 25px;
		color: #fff !important;
		opacity: 1 !important;
		height: 38px;
		padding: 0 !important;
	}
	.woocommerce div.product form.cart .button{
		border-radius: 0 25px 25px 0;
		width: 220px !important;
    padding: 0 15px;
	}
	.woocommerce div.product form.cart .button:hover{color: #fff !important;}
	.woocommerce ul.products li.product .button:hover,
	.woocommerce ul.products li.product .button:focus,
	.woocommerce .cart button.button:hover,
	.woocommerce .cart button.button:focus,
	.woocommerce a.button:hover,
	.woocommerce a.button:focus,
	.woocommerce a.button.alt:hover,
	.woocommerce a.button.alt:focus{
		background: #487b67 !important;
	}
.woocommerce-cart-form td.actions div.coupon{visibility: hidden;}

body.woocommerce-cart .entry-content .cart-collaterals{
	display: flex;
	justify-content: space-between;
	column-gap: 4%;
}
body.woocommerce-cart .entry-content .cart-collaterals .cross-sells ul.products{
	display: flex;
	flex-direction: column;
}
body.woocommerce-cart .entry-content .cart-collaterals .cross-sells ul.products li{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
body.woocommerce-cart .entry-content .cart-collaterals .cart_totals {order: 1;}
body.woocommerce-cart .entry-content .cart-collaterals .cross-sells{order: 2;}

/* cart */
.woocommerce div.product form.cart div.quantity{
	margin-right: 0;
	width: 80px !important;
}
.woocommerce div.product form.cart .quantity .qty{
  border-radius: 22px 0 0 22px;
  border: 1px solid grey;
  border-right-width: 0;
  height: 38px;
	width: 100%;
}
.woocommerce-message{
  border: 1px solid #f1f1f1;
  background: #fff;
  border-radius: 80px;
}
.woocommerce-message:before{color: #3997CF;}
.woocommerce div.product form.cart .variations select{
	min-height: 35px;
	width: 100%;
	margin-right: 0;
}
.woocommerce div.product form.cart .variations label{line-height: 35px;}

.woocommerce div.product form.cart .variations{margin-bottom: 50px;}
.woocommerce div.product form.cart .variations th{vertical-align: middle;}
.woocommerce div.product form.cart .variations label{
	font-size: 1em !important;
	font-weight: 900 !important;
}
.woocommerce-variation-add-to-cart div.quantity{width: 20%;}
.woocommerce-variation-add-to-cart button.button.alt.single_add_to_cart_button{width: 80% !important;}
.product .product_meta{display: none;}
.woocommerce div.product form.cart .reset_variations{
	position: absolute;
	right: 0;
	margin-top: 30px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
}
.woocommerce div.product p.price span{
	border-bottom: 2px solid #30696D;
	padding-bottom: 12px;
}
.woocommerce-variation-add-to-cart{
	width: 100% !important;
	margin-top: 1em;
}

/* COMMANDE woocommerce-checkout */
form.checkout.woocommerce-checkout{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
form.checkout.woocommerce-checkout input:focus{
	border: 1px solid #007EA9 !important;
	background: rgba(0,126,169,0.1);
}
form.checkout.woocommerce-checkout span.select2-selection--single{
	display: block;
	border-radius: 20px;
	padding: 0 1em;
	border: 1px solid #007EA9 !important;
	outline: 0 !important;
	min-height: 38px;
}
form.checkout.woocommerce-checkout span.select2-selection--single .select2-selection__rendered{
	line-height: 38px;
	padding: 0 !important;
}

#customer_details .col-1{width: 100%;}
#customer_details .col-2{display: none;}

#customer_details, #order_review{flex-basis: 48%; margin-bottom: 40px;}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box,
#order_review #payment.woocommerce-checkout-payment{
	background: rgba(48,105,109,0.1);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before{
	top: -13px;
	border-bottom-color: rgba(48,105,109,0.1);
}

/* FOOTER */
#tertiary{
	position: relative;
	height: auto;
	top: 0;
}
#tertiary .widget-area{
	left: 0 !important;
	float: none !important;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 15px;
}
#tertiary .widget-area aside.widget,
#tertiary .widget-area aside.widget .wp-block-columns{
	width: 100%;
	padding: 1em 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#tertiary .widget-area aside.widget .wp-block-column:first-of-type img{margin-bottom: 22px;}
#tertiary .widget-area aside.widget p{margin-bottom: 0;}

#rassure{
	background: #30696DB3;
	width: 100%;
	position: relative;
	padding: 15px;
}
#rassure .wp-block-group{
	max-width: 930px;
	margin: 0 auto;
	padding: 0;
}
#rassure .wp-block-columns{
	margin-bottom: 0;
	gap: 0 !important;
}
#rassure p{
	color: #fff;
	margin-bottom: 0;
	font-family: sans-serif;
}

/* PAGE REMERCIEMENT */
.wc-block-checkout button.components-button{display: none !important;}

p.dflorent{
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
}
.consult{
	color: #30696D;
	margin: 10px 0 !important;
}
#masthead p.dflorent em,
#masthead p.dflorent span{
	font-size: 0.85em;
	font-style: italic;
}
p.adresse{font-size: 1em;}
.site-footer h3{color: #fff; margin-bottom: 0;}

.site-footer{
  background-color: #000;
  color: #fff;
}
.site-footer a{color: #fff;}
.site-footer .sidebar-container{
	background-color: #30696D;
	overflow: hidden;
}
nav.menu-legal{
	width: 100%;
}

/* SINGLES ARTICLES */
body.single:not(.single-product) #masthead .wrap.content{
	justify-content: flex-start;
	padding-top: 100px;
}
body.single:not(.single-product) #masthead .wrap.content:before{
	background-image: url(img/white-round.svg);
	top: 0;
	height: auto;
	left: -5%;
}
body.single:not(.single-product) #masthead .site-title{text-shadow: none;}
/* body.single:not(.single-product) h1.entry-title{color: #007EA9;} */
body.single:not(.single-product) div.entry-meta{
	position: absolute;
	left: 0;
	width: auto;
	padding: 3px 10px !important;
	background-color: #007EA9;
	padding: 20px;
	border-radius: 0 12px 12px 0;
}
body.single:not(.single-product) div.entry-meta > span a{
	font-style: italic;
	color: #FFF;
}
body.single:not(.single-product) div.entry-meta span.date a:hover{color: #333;}
body.single:not(.single-product) div.entry-meta span.date a:before{
	content: 'Le';
	padding-right: 3px;
	font: italic 14px 'Roboto', serif;
}
body.single:not(.single-product) div.entry-meta span.categories-links,
body.single:not(.single-product) div.entry-meta span.edit-link{display: none;}

body.single:not(.single-product) section.boutique{margin-bottom: 0;}
body.single:not(.single-product) section.boutique h2{color: #30696D;}
body.single:not(.single-product) section:not(.boutique).alignfull{
	margin-top: 80px;
	margin-bottom: 80px !important;
	background-image: url(img/blue-round.svg);
	background-repeat: no-repeat;
	background-position: -120px top;
}
body.single .entry-content p.chapo{
	font-size: 1.2em;
	font-style: italic;
}
body.single:not(.single-product) blockquote{position: relative;}
body.single:not(.single-product) blockquote:before{
	content: '';
	display: block;
	position: absolute;
	top: -20px;
	left: -20px;
	background: url(img/blockquote.svg) no-repeat left top/contain;
	width: 80px;
	height: 80px;
}
	body.single:not(.single-product) .hentry article.wp-block-group{margin: 80px auto;}
	body.single:not(.single-product) .hentry article.wp-block-group h2{color: #007EA9;}
	/* produit dans un article */
	body.single:not(.single-product) li.wc-block-grid__product{
		display: grid;
		grid-template-columns: 300px auto;
		grid-template-rows: auto;
		grid-template-areas: "image ." "image desc" "image price" "image addtocart";
	}
	body.single:not(.single-product) ul:not(.has-1-columns){margin-bottom: 40px;}
	body.single:not(.single-product) ul:not(.has-1-columns) li.wc-block-grid__product{
		grid-template-columns: 300px;
		grid-template-areas: "image image" "image desc" "image price" "imageaddtocart";
		justify-content: center;
		margin-bottom: 40px;
	}
	body.single:not(.single-product) div.wp-block-handpicked-products li{
		background-size: 50% auto;
		background-position: left top;
	}
	body.single:not(.single-product) div.wp-block-handpicked-products li{
		margin-top: 20px;
	}
	body.single:not(.single-product) li.wc-block-grid__product:before{display: none;}
	body.single:not(.single-product) li.wc-block-grid__product a.wc-block-grid__product-link{
		grid-area: image;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		max-height: 300px;
	}
	body.single:not(.single-product) li.wc-block-grid__product a.wc-block-grid__product-link .wc-block-grid__product-title{
		position: absolute;
		color: #fff !important;
		bottom: 0;
		background: rgba(0,0,0,.2);
		border-radius: 0 0 8px 8px;
		text-align: center;
		width: 100%;
		justify-content: center;
	}
	body.single:not(.single-product) li.wc-block-grid__product div.wc-block-grid__product-short-description{
		grid-area: desc;
		font-size: 1em;
		line-height: 1.2;
		max-height: 100%;
		height: auto;
	}
	body.single:not(.single-product) li.wc-block-grid__product div.wc-block-grid__product-short-description > p{margin-bottom: 0;}
	body.single:not(.single-product) li.wc-block-grid__product div.price{grid-area: price; font-size: 2em;}
	body.single:not(.single-product) li.wc-block-grid__product div.wp-block-button{grid-area: addtocart;}

body.single:not(.single-product) .post-navigation a{
	font: normal 900 1.2em/1 'Roboto', sans-serif;
	color: #333;
}
body.single:not(.single-product) .post-navigation a:hover{color: #007EA9;}

ul.wp-block-social-links li{
	width: 44px;
	height: 44px;
}
ul.wp-block-social-links li:before{display: none !important;}
ul.wp-block-social-links li a svg{
	width: 36px !important;
	height: 32px !important;
	fill: #fff !important;
}

/* CATEGORY */
body.category section.articles-blog{
	width: 100%;
	max-width: 870px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
body.category section.articles-blog article{
	display: flex;
	gap: 10px;
	justify-content: space-around;
	padding: 40px 15px;
}
body.category section.articles-blog article div.entry-summary{padding: 20px 0; font-style: italic;}
body.category section.articles-blog article div.entry-summary p{margin-bottom: 0;}
a.lire-tout{
	font-style: italic;
	float: right;
	color: #007EA9;
}
body.category section.articles-blog h2.entry-title a,
a.lire-tout{color: #007EA9;}
body.category section.articles-blog h2.entry-title a:hover,
a.lire-tout:hover{color: #333;}
body.category section.articles-blog .entry-header{
	position: relative;
}
body.category section.articles-blog .entry-meta{
	position: absolute;
	top: 20px;
	left: 0;
	padding: 10px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	width: auto;
}
body.category section.articles-blog .entry-meta span{margin: 0;}
body.category section.articles-blog .entry-meta span:not(.date){display: none;}
body.category time.entry-date,
body.category .date a:before{color: #007EA9;}

body.category .blog-nav{
	background: #007EA9;
	border-radius: 3em;
	margin: 2em auto;
}
body.category .blog-nav a{
	display: block;
	background: #007EA9;
	color: #FFF;
	padding: 1em;
	text-align: center;
	transition: all 0.15s linear;
}
body.category .blog-nav .nav-prev{
	min-width: 50%;
	align-content: start;
}
body.category .blog-nav .nav-prev a{border-radius: 3em 0 0 3em;}
body.category .blog-nav .nav-next{
	min-width: 50%;
	align-content: end;
}
body.category .blog-nav .nav-next a{border-radius: 0 3em 3em 0;}
body.category .blog-nav a:hover{
	background: #7fbed4;
	color: #333;
}

/* SIDEBAR */
body.home:before{
	display: none;
	content: '';
	position: fixed;
	z-index: -1;
	bottom: 0;
	top: 0;
	right: 0;
	left: auto;
	width: 300px;
	background-color: #E2EDE8;
}

#secondary{
	display: block;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding-top: 80px;
	background: url(img/bg-secondary.svg) repeat-y top center/ 90% auto;
}
body.home #secondary{display: block;}
#secondary .widget-area.masonry{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
	flex-direction: column;
	margin-right: 0 !important;
}
#secondary .widget-area.masonry .widget{
	background: transparent;
}
#secondary .widget-area.masonry .widget li.wc-block-grid__product{margin-bottom: 80px;}
#secondary .widget-area.masonry .widget li.wc-block-grid__product:hover{background: rgba(255,255,255,.5);}
#secondary .widget-area.masonry .widget li.wc-block-grid__product .wp-block-button{
	position: relative;
	bottom: 0;
	margin: 0 auto;
}

/* RESO SOCIAUX */
footer .site-info{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#reseaux-sociaux{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
}
.menu-social li{
	width: 36px;
	height: 36px;
	margin: 5px;
	background-size: 36px;
	background-position: center;
	border-radius: 18px;
	overflow: hidden;
}
.menu-social li.fb{background-image: url(img/fb.svg);}
.menu-social li.lk{background-image: url(img/lk.svg);}
.menu-social li.ig{background-image: url(img/ig.svg);}
.menu-social li.yt{background-image: url(img/yt.svg);}
.menu-social li.tw{background-image: url(img/tw.svg);}
.menu-social li a{
	display: block;
	text-indent: 200em;
	overflow: hidden;
}

/* MENU LEGAL */
#menu-legal{
	display: flex;
	justify-content: center;
	padding-left: 0;
}
#menu-legal li:after{
	display: inline;
	content: '|';
	margin: 0 5px;
}
#menu-legal li:last-child:after{display: none;}
#menu-legal li a:hover{color: #007EA9;}

/* MENU MON-COMPTE */
body.woocommerce-account .entry-content .woocommerce{
	padding: 40px 15px;
}
nav.woocommerce-MyAccount-navigation{}
nav.woocommerce-MyAccount-navigation ul li{margin: 1.5em 0;}
nav.woocommerce-MyAccount-navigation ul li a{
	background: rgba(0,126,169,.1);
	border-radius: 20px;
	padding: 5px;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{background: rgba(0,126,169,.3);}
nav.woocommerce-MyAccount-navigation ul li a:hover{color: #007EA9;}

body.woocommerce-account form .woocommerce-address-fields__field-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.woocommerce-account form .woocommerce-address-fields__field-wrapper > *{
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
body.woocommerce-account .woocommerce-Address-title{
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}
body.woocommerce-account .woocommerce-Address-title a.edit,
button[type="submit"]{
	display: block;
	border: 0 !important;
	background: linear-gradient(to right, #70A38E, #487b67) !important;
	width: 100%;
	border-radius: 26px;
	padding: 0.5em 1em;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	color: #fff !important;
}
body.woocommerce-account .woocommerce-Address-title a.edit:hover,
button[type="submit"]:hover{
	padding: 0.5em 1em !important;
	background: linear-gradient(to right, #487b67, #487b67) !important;
	color: #fff;
}
button[type="submit"]:focus{color: #000 !important;}
body.woocommerce-account form label{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
body.woocommerce-account form input,
body.woocommerce-account form select{
	border-color: #AAA;
	border-radius: 4px;
	padding: 10px;
}
body.woocommerce-account form select + span > span.selection > span{height: 38px;}
body.woocommerce-account form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;}
body.woocommerce-account form input:focus,
body.woocommerce-account form textarea:focus{
	border: 2px solid #30696D !important;
	border-bottom-width: 2px !important;
}
	#billing_postcode_field{width: 33%; min-width: 120px; display: inline-block;}
	#billing_city_field{width: 66%; display: inline-block;}
.woocommerce form .form-row .required{color: #30696D;}

/* CONTACT */
body:not(.login) form p:not(.info){
	margin: 0;
	width: 100%;
	max-width: 760px;
	padding: 10px 15px;
}
body:not(.login) form input,
body:not(.login) form textarea,
body:not(.login) form input[type="submit"]{
	border-radius: 20px;
	padding: 10px 1em;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
body:not(.login) form input[type="checkbox"],
body:not(.login) form input[type="radio"]{
	width: auto;
}
.woocommerce .quantity .qty{
	padding: 0 5px 0 20px;
	line-height: 36px;
	min-width: 60px !important;
}
form label{
	color: #007EA9;
}
input:focus,
textarea:focus{border: 1px solid #000 !important;}
input:focus::-webkit-input-placeholder {color: #fff;}
input:focus::-moz-placeholder {color: pink;}
input:focus:-ms-input-placeholder {color: #fff;}
input:focus:-moz-placeholder {color: #fff;}
p.confidentialite .wpcf7-list-item input[type="checkbox"]{
	float: left;
	width: 1em;
	height: 1em;
	margin-right: 5px;
	margin-top: 3px;
}
.wpcf7 form.sent .wpcf7-response-output{
	color: #30696D;
	border: 0 !important;
	text-align: center;
}


/* RESPONSIVE   */
@media screen and (max-width: 1100px) {
	#masthead .wrap{
		max-width: 100%;
		justify-content: flex-start;
		padding: 0;
	}
	#boutique li.wc-block-grid__product,
	body.archive.woocommerce ul.products li.product{width: 24%;}
}

@media screen and (max-width: 880px) {
	#masthead .site-description{display: none;}
	body.single:not(.single-product) #masthead .wrap.content:before{width: 80%;}
	body.page:not(.home) .entry-header h1.entry-title,
	body.archive h1.archive-title,
	body.single h1.entry-title:not(.product_title), body.archive h1{
		position: relative;
		top: 0;
	}
	li.video{display: none;}
	body.archive.woocommerce ul.products li.product a.button{font-size: 0.8em;}
}

@media screen and (max-width: 768px) {
	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active{
		display: block;
		margin: 0 15px 0 auto;
	}
	ul#primary-menu{
		width: auto;
		margin: 0 55px 0 auto;
	}
	#top-nav ul li.panier a, #top-nav ul li.moncompte a{
		width: 44px;
		height: 44px;
		margin-left: 0;
		background-size: 44px;
	}
	#navbar,
	#navbar.navigation,
	#navbar.fixed{
		position: fixed;
		z-index: 9999;
		top: 70px;
    background: transparent;
		overflow: visible;
	}	
	#navbar .nav-menu li,
	#navbar.fixed  .nav-menu li,
	#navbar.fixed  .nav-menu li.commander{
		width: 100%;
		height: auto;
		margin: 1em 0;
		background-size: 70px;
		background-position: 20px center;
	}
	#navbar .nav-menu li > a,
	#navbar.fixed .nav-menu li > a{
		padding: 1em 10px 1em 110px;
    text-align: left;
    border: 0;
		text-indent: 0;
		font-size: 1.2em;
	}
	#navbar .navigation.toggled-on #primary-menu{
		height: calc(100vh - 70px);
		background-color: #4F8083;
		margin: 0;
		top: 0;
	}
	#navbar.fixed .navigation.toggled-on #primary-menu{height: calc(100vh - 50px);}
	#navbar.fixed .navigation{flex-direction: column;}
	#navbar.fixed .nav-menu li a:hover{background-color: inherit;}

	#site-navigation ul#primary-menu{
		display: none;
		margin-left: 0;
		margin-top: 0;
	}
	#site-navigation.toggled-on ul#primary-menu{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 15px;
	}
	
	#masthead{height: 100vh;}
	#masthead .wrap.content{
		height: 90vh;
		margin: 0;
		padding: 15px;
		width: 100%;
	}
	#masthead .site-title{
		font-size: 2.2em;
	}
	body.home #masthead .wrap.content{
		height: 100%;
    justify-content: center;
		align-items: center;
		text-align: center;
		max-width: 90%;
	}
	#masthead .menu-menu-top-container{width: 100%;}
	#top-nav img.logo{min-width: 300px;}
	#top-nav{padding: 10px 60px 10px 10px;}
	#top-nav img.logo{max-width: 50vw;}
	#top-nav ul{justify-content: space-around;}
	#top-nav ul li.commander:hover > ul,
	#top-nav ul li.commander > ul{display: none;}
	#top-nav ul li.panier a, #top-nav ul li.moncompte a{margin-left: 1em;}
	#top-nav ul li#wpmenucartli,
	#top-nav ul li#wpmenucartli.fixed{
		left: 0;
		right: 0;
		text-align: center;
		margin-top: 10px;
		width: 100%;
	}
	#top-nav ul li#wpmenucartli{top: 130px;}
	#top-nav ul li#wpmenucartli.fixed{
		width: 96%;
		left: 2%;
		right: 2%;
		top: 90px;
	}	
	#top-nav ul li.commander a{margin-left: 0; font-size: 1em;}
	#top-nav ul li:first-child,
	#top-nav ul li:nth-child(2),
	#top-nav ul li:nth-child(3){display: none;}
	
	body.single:not(.single-product) #masthead .wrap.content{
		justify-content: center;
	}
	#masthead .wrap.content p{
		display: none;
	}
	body.home #primary{
		margin-right: 0;
		margin-top: 0;
	}
	body.home #secondary{
		display: none;
	}
	.sp-ea-one{
		margin-left: 0 !important;
		margin-bottom: 0 !important;
	}
	#boutique .wp-block-columns{flex-direction: column;}
	section.produits ul.wc-block-grid__products li.wc-block-grid__product,
	.categories-produits ul.wc-block-grid__products li.wc-block-grid__product,
	section.produits .colonnes-produits ul.wc-block-grid__products li.wc-block-grid__product{
		max-width: 49%;
		flex: 1 0 49%;
	}
	section.produits ul.wc-block-grid__products,
	.categories-produits ul.wc-block-grid__products{row-gap: 40px;}
	.bg-fleurbleu:before, #nourriture-sante:before{
		opacity: 0.5;
		left: 0;
	}
	#boutique .wp-block-columns .wp-block-column{
		width: 100%;
		box-sizing: border-box;
		padding: 0 16px;
		margin: 1em auto !important;
	}
	nav.menu-legal li{
		text-align: center;
		padding: 5px 0;
	}
	#menu-legal{flex-direction: column;}
	
	/* Contenus */
	.hentry{padding: 0;}
	.entry-content .wp-block-group,
	.green .wp-block-group__inner-container,
	.entry-content .wp-block-group.alignfull{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.wp-block-media-text .wp-block-media-text__content{
		padding-left: 0;
		padding-right: 0;
	}
	.btn-ordered .wp-block-button a.wp-block-button__link{
		font-size: 1.3em;;
	}
	#boutique li.wc-block-grid__product,
	body.archive.woocommerce ul.products li.product{
		margin: 0 auto 40px;
		width: 100%;
		padding: 10px !important;
	}
	body.single:not(.single-product) div.entry-meta{top: -27px;}	
	body.single-product div.product{margin-top: 20px;}
	body.single-product div.product.type-product > *{order: 2;}	
	body.single-product div.product.type-product .woocommerce-product-gallery{margin: 0 auto;}
	body.single-product p img.aligncenter{padding: 0 15px;}
	body.archive.woocommerce ul.products li.product.first-line{width: 100% !important;}
	body.woocommerce-page #content div.product div.summary{padding: 0 15px; margin: 40px auto 20px; order: 1;}
	body.woocommerce-page #content div.product .product_title,
	body.woocommerce-page #content div.product p.price{text-align: center;}
	body.woocommerce-page #content div.product form.cart{margin: 0 15px 30px;}
	body.woocommerce-page #content div.product form.cart div.quantity{max-width: 50%;}
	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product{
		width: 96%;
		float: none;
		margin: 0 auto;
		max-width: 320px;
	}
	body.single:not(.single-product) div.wp-block-handpicked-products li{
		max-width: 380px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		margin-top: 40px;
		background-size: 100%;
	}
	body.single:not(.single-product) div.wp-block-handpicked-products li:before{
		content: '';
    display: block;
    position: absolute;
    border-radius: 0 0 12px 12px;
    background: rgba(255,255,255,.85);
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    z-index: 1;
	}
	li.wc-block-grid__product > .wc-block-grid__product-add-to-cart{
		position: relative;
		bottom: -30px;
	}
}

@media screen and (max-width: 664px) {
	#temoins{display: none;}
	#concentration-cbd:before{width: 115%;}
	#concentration-cbd .wp-block-image{text-align: center;}
	
	body.home:before{display: none;}
	body.home section.produits{display: none;}	
	
  #content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links{
		padding: 0 0;
	}
	
	#content .entry-content > *{padding-left: 15px; padding-right: 15px;}
	.wp-block-media-text__media{text-align: center !important;}
  
  .woocommerce .products ul, .woocommerce ul.products{
    flex-direction: column;
    align-items: center;
  }
  .woocommerce.columns-3 ul.products li.product{
    margin: 0 auto 1em;
    width: 320px;
  }
  .wp-block-group{padding: 2em 1em;}

	#concentration-cbd,
	#composition-huiles .wp-block-buttons {display: none;}
	
	section.produits ul.wc-block-grid__products li.wc-block-grid__product,
	.categories-produits ul.wc-block-grid__products li.wc-block-grid__product,
	section.produits .colonnes-produits ul.wc-block-grid__products li.wc-block-grid__product{
		max-width: 100%;
		flex: 1 0 100%;
	}

	/* Footer */
	#tertiary figure{display: none;}
	#tertiary .wp-block-button,
	#tertiary .wp-block-button__link{
		width: 100%;
		margin-top: 1em;
		font-size: 18px;
	}
	#tertiary p.adresse,
	#tertiary p.dflorent{
		text-align: center;
		font-size: 0.85em;
	}
	#menu-legal li:after{display: none;}
}