/*--------------------------------------------------------------
>>> TABLE DES MATIERES :
----------------------------------------------------------------
# Typo
# Variables CSS
# Main
# Couleurs
# Autres
# Slick carousel
# Pagination
# Boutons et liens
# Message d'info Woocommerce
# Fil d'ariane
# Alignement
# Images - articles - colonnes
# Sticky en avant
# Notification de la boutique
# Navigation
# Header
# Slider produits page accueil
# Livre de recettes
# Produits phare
# Presentation
# Où nous trouver
# Témoignages
# Evenements
# Blog / actualités
# Page catégorie produits / page boutique
# Page produtis
# Page panier
# Page validation commande
# Page mon compte
# Page contact
# Footer
# Page 404
# Tarte au citron
# Skip Links
# Gutenberg
# Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# TYPO
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
	font-family: 'Magnolia';
	src: url('../fonts/magnolia_script-webfont.eot');
	src: url('../fonts/magnolia_script-webfont?#iefix') format('embedded-opentype'),
		 url('../fonts/magnolia_script-webfont.woff2') format('woff2'),
		 url('../fonts/magnolia_script-webfont.woff') format('woff'),
		 url('../fonts/magnolia_script-webfont.svg#magnolia_script') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }

/*--------------------------------------------------------------
# VARIABLES CSS
--------------------------------------------------------------*/
:root {
	--white: #ffffff;
	--grey: #dedede;
	--black: #000000;
	--color-1: #ff9922;  /* orange */
	--color-2: #663300;  /* marron */
	--color-3: #fff1e0; /* beige */
	--color-4: #999999; /* gris moyen */
	--color-5: #ffff00;
	--transparent: transparent;
	--main-text-color: var(--black);
	--link: var(--color-1);
	--link-hover: var(--color-2);
	--btn-color: var(--white);
	--btn-bg-color: var(--black);
	--btn-color-hover: var(--black);
	--btn-bg-color-hover: var(--white);
	--font-family-1: 'Open Sans', sans-serif;
	--font-family-2: 'Magnolia', sans-serif;

	/* Menu ----------------------------------------------*/
	--menu-bg-color: var(--white);
	--menu-bg-color-hover: var(--white);
	--menu-color: var(--black);
	--menu-color-hover: var(--color-1);

	--menu-bg-color-dropdown: var(--white);
	--menu-bg-color-dropdown-hover: var(--white);
	--menu-color-dropdown: var(--black);
	--menu-color-hover-dropdown: var(--color-1);

	--font-size-menu: 0.9rem;

	/* Menu burger-----------------------------------------*/
	--menu-bg-burger-active: var(--white);
	--menu-color-burger-active: var(--black);
}


/*--------------------------------------------------------------
# MAIN
--------------------------------------------------------------*/
body {
	overflow-x: hidden;
	font-family: var(--font-family-1);
	color: var(--main-text-color);
	font-weight: 400;
}
body:not(.home) main{
	background-image: url(img/bordure-body-top-left.svg), url(img/bordure-body-top-right.svg), url(img/bordure-body-bottom-left.svg), url(img/bordure-body-bottom-right.svg);
	background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%;
	background-repeat: no-repeat;
	background-size: 150px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.subtitle,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content .title,
.content .subtitle {
	font-family: var(--font-family-2);
	font-weight: 400;
	color: var(--black);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.title a,
.subtitle a,
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a,
.content .title a,
.content .subtitle a {
	color: inherit;
}


/*--------------------------------------------------------------
# COULEURS
--------------------------------------------------------------*/
/* Couleurs de background */
.background-color-white {
	background-color: var(--white);
}
.background-color-grey {
	background-color: var(--grey);
}
.background-color-black {
	background-color: var(--black);
}
.background-color-1 {
	background-color: var(--color-1);
}
.background-color-2 {
	background-color: var(--color-2);
}
.background-color-3 {
	background-color: var(--color-3);
}
.background-color-4 {
	background-color: var(--color-4);
}
.background-color-5 {
	background-color: var(--color-5);
}

/* Couleurs de texte */
.color-white {
	color: var(--white);
}
.color-grey {
	color: var(--grey);
}
.color-black {
	color: var(--black);
}
.color-1 {
	color: var(--color-1);
}
.color-2 {
	color: var(--color-2);
}
.color-3 {
	color: var(--color-3);
}
.color-4 {
	color: var(--color-4);
}
.color-5 {
	color: var(--color-5);
}
/* Couleurs remplissage SVG */
.fill-color-1 {
	fill: var(--color-1)
}
.fill-color-2 {
	fill: var(--color-2)
}
.fill-color-3 {
	fill: var(--color-3)
}
.fill-color-4 {
	fill: var(--color-4)
}
.fill-color-5 {
	fill: var(--color-5)
}

/* Ombres et bordures */
.shadow {
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease-in-out;
}

.shadow:hover {
	box-shadow: 1px 3px 3px 1px rgba(50, 50, 50, 0.5);
}

.radius {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/*--------------------------------------------------------------
# AUTRES
--------------------------------------------------------------*/
.box, .card {
	color: var(--main-text-color);
	height: 100%;
}
strong,
.subtitle strong,
.title strong {
	color: inherit;
}
.subtitle,
.title {
	word-break: unset;
}
::selection {
	color: var(--white);
	background: var(--color-1);
}
button,
input,
select,
textarea,
.label {
	font-family: inherit;
}
mark {
	background-color: transparent;
	color: inherit;
}
.panel {
	border-radius: 0;
	box-shadow: none;
}
.textwidget {
	word-wrap: break-word;
}
.is-size-8 {
	font-size: .9rem;
}
.font-family-1 {
	font-family: var(--font-family-1);
}
.font-family-2 {
	font-family: var(--font-family-2);
}
.tabs {
	justify-content: start;
}
.tabs a{
	border: none;
}
svg{
	fill: currentColor;
}


/*--------------------------------------------------------------
# SLICK CAROUSEL
--------------------------------------------------------------*/
.slick-initialized .slick-slide,
.slick-track,
.slick-list,
.slick-slider,
.slick-slide>div {
	height: 100%;
	width: 100%;
}
.slick-loading .slick-list {
	background-image: url(img/ajax-loader.gif);
}
.slick-next,
.slick-prev {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border-radius: 0;
	width: 30px;
	height: 30px;
	transition: all 0.5s ease-in-out;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: var(--color-1);
	background-color: transparent;
}
.slick-next:before,
.slick-prev:before {
	color: var(--color-1);
	font-family: var(--font-family-1);
	font-weight: 400;
	font-size: 30px;
	transition: all 0.5s ease-in-out;
}
.slick-prev:before {
	content: "\0027E8";
}
.slick-next:before {
	content: "\0027E9";
}
.slick-dots li button:before {
	font-family: var(--font-family-1);
	font-size: 60px;
	color: var(--color-1);
	content: '\002022';
}
.slick-dots li.slick-active button:before{
	color: var(--color-1);
	opacity: 1;
}
.slick-slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

/*--------------------------------------------------------------
# PAGINATION
--------------------------------------------------------------*/
.woocommerce nav.woocommerce-pagination ul {
	border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
	border: none;
	padding-right: 0.25em;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	background-color: var(--link);
	color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background-color: var(--link-hover);
	color: #fff;
}
.pagination-link,
.pagination-next,
.pagination-previous {
	border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	border-radius: 0;
}
.pagination-link svg.icon,
.pagination-next svg.icon,
.pagination-previous svg.icon {
	fill: var(--btn-color);
}
.pagination-link.is-current,
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-color-hover);
	color: var(--btn-color-hover);
}
.pagination-link.is-current svg.icon,
.pagination-link:hover svg.icon,
.pagination-next:hover svg.icon,
.pagination-previous:hover svg.icon {
	fill: var(--btn-color-hover);
}

/*--------------------------------------------------------------
# BOUTONS ET LIENS
--------------------------------------------------------------*/
/* Bouton principal */
.button,
a.button,
.content .button,
.content a.button,
input[type="submit"].button {
	border-color: var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	transition: all 0.5s ease-in-out;
	white-space: unset;
	border-radius: 0;
}
.content a.wp-block-button__link,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	display: inline-flex;
	border-radius: 0;
	border: 1px solid var(--btn-bg-color);
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
	font-size: inherit;
	font-weight: 400;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	line-height: 1.5;
	transition: all 0.5s ease-in-out;
	white-space: unset;
}
.button svg.icon,
a.button svg.icon,
.content .button svg.icon,
.content a.button svg.icon,
input[type="submit"].button svg.icon,
.content a.wp-block-button__link svg.icon,
.woocommerce #respond input#submit svg.icon,
.woocommerce a.button svg.icon,
.woocommerce button.button svg.icon,
.woocommerce input.button svg.icon,
.woocommerce #respond input#submit.alt svg.icon,
.woocommerce a.button.alt svg.icon,
.woocommerce button.button.alt svg.icon,
.woocommerce input.button.alt svg.icon{
	fill: var(--btn-color);
	transition: all 0.5s ease-in-out;
}
.button:hover,
a.button:hover,
.content .button:hover,
.content a.button:hover,
input[type="submit"].button:hover,
.content a.wp-block-button__link:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--btn-bg-color-hover);
	border-color: var(--btn-color-hover);
	color: var(--btn-color-hover);
}
.button:hover svg.icon,
a.button:hover svg.icon,
.content .button:hover svg.icon,
.content a.button:hover svg.icon,
input[type="submit"].button:hover svg.icon,
.content a.wp-block-button__link:hover svg.icon,
.woocommerce #respond input#submit:hover svg.icon,
.woocommerce a.button:hover svg.icon,
.woocommerce button.button:hover svg.icon,
.woocommerce input.button:hover svg.icon,
.woocommerce #respond input#submit.alt:hover svg.icon,
.woocommerce a.button.alt:hover svg.icon,
.woocommerce button.button.alt:hover svg.icon,
.woocommerce input.button.alt:hover svg.icon{
	fill: var(--btn-color-hover);
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
	background-color: var(--btn-bg-color);
	color: var(--btn-color);
}

/* Liens */
a,
.content a {
	color: var(--link);
	transition: all 0.5s ease-in-out;
}
a:hover,
.content a:hover {
	color: var(--link-hover);
}


/*--------------------------------------------------------------
# MESSAGES D'INFO WOOCOMMERCE
--------------------------------------------------------------*/
.woocommerce-error, .woocommerce-info, .woocommerce-message{
	background-color: #fff1e0;
	color: var(--color-1);
	border-top-color: var(--color-1);
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	color: var(--color-1);
}  


/*--------------------------------------------------------------
# FIL D'ARIANE
--------------------------------------------------------------*/
.woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb {
	font-size: inherit;
  	color: inherit;
  	padding: 1rem 0 0 0;
  	text-align: center;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.single-product .woocommerce-breadcrumb{
	padding: 0 0 3rem 0;
	justify-content: flex-start;
	text-align: left;
}
.woocommerce .woocommerce-breadcrumb{
	color: var(--main-text-color);
}
.woocommerce .woocommerce-breadcrumb .breadcrumb-separator, .woocommerce-breadcrumb .breadcrumb-separator {
	padding: 0 0.75em;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce-breadcrumb a {
	color: var(--link);
}
.woocommerce .woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb a:hover {
	color: var(--link-hover);
}

/*--------------------------------------------------------------
# ALIGNEMENT
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
  }
  .alignright {
	float: right;
	margin:0 0 10px 10px;
  }
  .aligncenter {
	margin: 0 auto;
  }
  .v-align {
	vertical-align: middle;
	margin: auto 0;
  }
  .tabs{
	justify-content: start;
  }
  .button{
	height: auto;
  }
  .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
	width: auto;
  }
  #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{
	padding: 0.6em;
  }
  .content ul.wp-block-gallery{
	margin-left: 0;
  }

/*--------------------------------------------------------------
# IMAGES - ARTICLES - COLONNES
--------------------------------------------------------------*/
.content img {
	display: block;
}
.columns:last-child {
	margin-bottom: 0rem;
}
.content .shipping img {
	display: inline-block;
}
.columns {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}


/*--------------------------------------------------------------
# STICKY EN AVANT
--------------------------------------------------------------*/
/* Fix styles bulma */
.modal {
	z-index: 300;
}
.modal-card {
	max-height: unset;
	overflow: auto;
}
.modal-card-title {
	flex-shrink: 1;
}
/* .bulma-card-body à décommenter si pas de footer dans le modal */
.modal-card-body {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}


/*--------------------------------------------------------------
# NOTIFICATION DE LA BOUTIQUE
--------------------------------------------------------------*/
.woocommerce-store-notice, p.demo_store {
	background-color: #222222;
	position: relative;
	box-shadow:  0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	padding: 1em;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}
.demo_store a.woocommerce-store-notice__dismiss-link {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.woocommerce-store-notice__dismiss-link:before{
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	line-height: 1;
	margin-right: 0.5rem;
	content: "";
	  mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/></svg>") center no-repeat;
	  background-color: currentColor;
}


/*--------------------------------------------------------------
# NAVIGATION
--------------------------------------------------------------*/
/* SECTION "TOP" */
.top .icon{
	transition: all 0.5s ease-in-out;
	width: 1.25rem;
	height: 1.25rem;
}
.top a{
	color: var(--white);
}
.top a:hover{
	color: var(--color-1);
}

/* BOUTON PANIER HEADER */
.panier{
	margin-right: 1rem;
}
.panier:hover{
	color: var(--color-1);
}
.cart-contents {
	position: relative;
	cursor: pointer;
	z-index: 10;
}
.cart-contents-count {
	text-indent: 0;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2;
	box-sizing: content-box;
	font-size: 0.6em;
	position: absolute;
    top: -10px;
    right: -10px;
	border: solid 1px var(--black);
	border-radius: 50%;
	text-align: center;
	background-color: var(--white);
	color: var(--black);
	transition: all 0.5s ease-in-out;
}
.panier:hover .cart-contents-count {
	background-color: var(--link-hover);
}

/* Mini panier qui s'affiche au clic */
.widget.woocommerce.widget_shopping_cart{
	position: fixed;
	width: 350px;
	max-width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	transform: translateX(100%);
	z-index: 10000;
	color: var(--white);
	background-color: var(--black);
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	padding: 1rem;
	transition: all 0.5s ease-in-out;
}
.widget.woocommerce.widget_shopping_cart.is-active {
	transform: translateX(0);
}
.widget.woocommerce.widget_shopping_cart h2.title{
	color: var(--white);
	transition: all 0.5s ease-in-out;
}
.widget.woocommerce.widget_shopping_cart a:hover h2.title{
	color: var(--color-1);
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
	border-top: 1px solid #ebe9eb;
	padding: 1rem 0;
	text-align: center;
}
.woocommerce-mini-cart__buttons.buttons {
	justify-content: center;
}
.woocommerce-mini-cart__buttons.buttons .button{
	color: var(--black);
	background-color: var(--white);
	border-color: var(--white);
}
.woocommerce-mini-cart__buttons.buttons .button:hover{
	color: var(--white);
	background-color: var(--black);
	border-color: var(--white);
}
.widget_shopping_cart_content{
	display: flex;
	flex-direction: column;
}
.mini-cart-close-button{
	align-self: flex-end;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 25px;
    line-height: 1;
    margin: 0 0 40px;
    position: relative;
    transition: .5s;
    width: 25px;
}
.mini-cart-close-button::before, .mini-cart-close-button::after{
	background-color: var(--link);
    border-radius: 1px;
    content: "";
    height: 3px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.mini-cart-close-button:hover::before, .mini-cart-close-button:hover::after{
	background-color: var(--link-hover);
}
.mini-cart-close-button::before{
    transform: rotate(45deg);
}
.mini-cart-close-button::after{
    transform: rotate(-45deg);
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
	display: flex;
	flex-wrap: wrap;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a{
	display: flex;
	align-items: center;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{
	justify-content: center;
	top: 25%;
}
.woocommerce.widget_shopping_cart .cart_list li.woocommerce-mini-cart-item{
	display: block;
	width: 100%;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
	float: none;
	margin-left: 0;
	margin-right: 5px;
	width: 75px;
}

/* MENU NAVIGATION */
.menu-top-fixed {
	background-color: var(--menu-bg-color);
	box-shadow: 1px 3px 3px 1px rgba(50, 50, 50, 0.5);
}
.menu-top-fixed.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.navbar {
	background-color: var(--menu-bg-color);
	width: 100%;
}
.navbar-menu {
	font-size: var(--font-size-menu);
	background-color: var(--menu-bg-color);
}
.navbar-dropdown {
	background: var(--menu-bg-color-dropdown);
}
.navbar-dropdown a.navbar-item:not(.is-active,.is-selected){
	margin: 0 5px;
	font-size: calc(var(--font-size-menu) - 0.1rem);
	opacity: 1;
	color: var(--menu-color-dropdown);
}
.navbar-item,
.navbar-link {
	color: var(--menu-color);
	font-size: var(--font-size-menu);
	text-transform: uppercase;
}
.navbar-link:not(.is-arrowless) {
	font-size: inherit;
	padding-right: 1.4em;
}
.navbar-link:not(.is-arrowless)::after {
	border-color: var(--menu-color);
	width: 10px;
	height: 10px;
	border-radius: 2px;
	top: 50%;
	right: 0.4em;
}
.navbar-link:not(.is-arrowless):hover::after,
.navbar-link.is-active:not(.is-arrowless)::after,
.navbar-item.has-dropdown.is-active .navbar-link:not(.is-arrowless)::after,
.navbar-item.has-dropdown:focus .navbar-link:not(.is-arrowless)::after,
.navbar-item.has-dropdown:hover .navbar-link:not(.is-arrowless)::after {
	border-color: var(--menu-color-hover);
}
a.navbar-item:hover,
a.navbar-item.is-active,
a.navbar-item.is-active:not(:focus):not(:hover),
.navbar-link:hover,
.navbar-link.is-active,
.navbar-link.is-active:not(:focus):not(:hover),
.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item:focus,
a.navbar-item:focus-within,
.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link {
	color: var(--menu-color-hover);
	background-color: var(--menu-bg-color-hover);
}
.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
	background-color: var(--menu-bg-color-dropdown-hover);
	color: var(--menu-color-hover-dropdown);
	margin: 0 5px;
}
.navbar-brand img {
	max-height: unset;
}
.navbar-brand a.navbar-item:hover {
	background-color: transparent;
}

/* Recherche de produits */
.recherche{
	margin-right: 1rem;
}
.recherche .container-recherche{
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color: rgba(0, 0, 0, .8);
    height: 100vh;
    inset: 0;
    padding: 0 15%;
    position: fixed;
    transition: .3s;
    z-index: 9998;
	transform: scale(0);
}
.recherche .container-recherche.is-active{
	opacity: 1;
	transform: scale(1)
}
input[type="search"] {
	color: var(--white);
	font-family: inherit;
	font-size: 3rem;
	box-shadow: none;
	border-width: 0 0 1px 0;
	border-radius: 0;
	border-color: var(--grey);
	background-color: transparent;
	width: 50vw;
	text-align: center;
	padding: 0;
	height: auto;
}
input[type="search"].input::placeholder {
	color: var(--grey);
	transition: all 0.5s ease-in-out;
}
input[type="search"]:hover {
	border-color: var(--grey);
}
input[type="search"]:hover::placeholder {
	color: var(--grey);
}

/* MENU CENTRE */
/* à décommenter si besoin */
.navbar {
  justify-content: center;
}
.navbar-menu {
  justify-content: center;
  flex-grow: 0;
}
.navbar-start {
  justify-content: center;
  margin-right: 0;
}
.navbar-end {
  justify-content: center;
  margin-left: 0;
}


/* BOUTON BURGER */
.navbar-burger {
	border-radius: 0;
	color: var(--menu-color);
	margin-right: 1rem;
	height: 4rem;
	width: 4rem;
	background-color: rgba(255, 255, 255, 0.2)
}
button.navbar-burger:hover {
	color: var(--menu-color-hover);
	background-color: var(--menu-bg-color-hover);
}
.navbar-burger span {
	left: calc(50% - 15px);
	width: 30px;
	height: 3px;
	transition: all 0.5s ease;
}
.navbar-burger span:first-child, .navbar-burger span:nth-child(2) {
	top: calc(50% - 10px);
}
.navbar-burger span:nth-child(3) {
	top: 50%;
}
.navbar-burger span:nth-child(4) {
	top: calc(50% + 10px);
}
.navbar-burger.is-active span:first-child {
	-webkit-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
	opacity: 1;
}
.navbar-burger.is-active span:nth-child(2) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	opacity: 1;
}

/* VERSION MOBILE */
/* changer le breakpoint du menu burger changer le max-width à la valeur souhaitée */
@media screen and (max-width: 1279px) {
	.menu-top-fixed .container{
		max-width: unset;
	}
	.navbar,
	.navbar-end,
	.navbar-start,
	.navbar-item,
	.navbar-link,
	.navbar-burger {
		display: block;
	}
	.navbar-menu {
		display: none;
		text-align: center;
		flex-direction: column;
		position: absolute;
		width: 100%;
		display: flex;
		opacity: 0;
		transform: scaleY(0);
		transform-origin: 0 0;
		z-index: -1;
		transition: all 0.5s ease-in-out;
	}
	.navbar-menu.is-active{
		display: flex;
		position: absolute;
		opacity: 1;
		transform: scaleY(1);
		width: 100%;
	}
	.navbar-end,
	.navbar-start{
		margin: 0;
	}
	.navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown{
		opacity: 1;
		position: static;
		border: none;
		box-shadow: none;
		min-width: unset;
		z-index: 0;
		transform: none;
		border-radius: 0;
	}
	.top .right{
		position: fixed;
		z-index: 100;
		justify-content: space-around!important;
		bottom: 0;
		left: 0;
		width: 100%!important;
		padding: 1.5rem 2.5rem 0.75rem 1rem !important;
		background-color: var(--black);
		box-shadow: 10px 10px 30px rgb(0 0 0 / 29%);
	}
	.panier, .recherche{
		margin: 0;
	}
	.recherche .field{
		top: -80px;
	}
	.recherche{
		position: relative;
		margin-right: 1rem;
	}
}

@media screen and (max-width: 425px){
	input[type="search"]{
		width: 90vw;
	}
	.navbar-brand img {
		width: 200px;
	}
}


/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
/* Header page accueil */
.header-page-accueil{
	height: 68vh;
	position: relative;
	overflow: hidden;
  }
.header-page-accueil::after{
	position: absolute;
	top: calc(100% - 150px);
	left: 0;
	content: "";
	right: 0;
	height: 150px;
	background: url(img/bordure.png) repeat-x 0 0;
	z-index: 1;
}
.slider-home .slide {
	position: relative;
	height: 100%;
}
.slider-home .slick-slide img {
	transform: scale(1.1);
}
.header-page-accueil .texte-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color:rgba(0, 0, 0, 0.5);
	padding: 0 1rem 0 1rem;
}
.header-page-accueil h2.title,
.header-page-accueil .subtitle {
	color: var(--white);
	opacity: 0;
}
.header-page-accueil .subtitle{
	font-family: var(--font-family-1);
	font-weight: 400;
	max-width: 500px;
}
.header-page-accueil .content .button{
	background-color: var(--white);
	border-color: var(--white);
	color: var(--black);
	opacity: 0;
}
.header-page-accueil .content .button:hover{
	background-color: var(--black);
	border-color: var(--black);
	color: var(--white);
}
.header-page-accueil .slick-active img {
	animation: zoom 3s ease-in-out forwards;
}
.header-page-accueil .slick-active h2 {
	animation-name: fadeInLeft;
	animation-duration: 2s;
	animation-fill-mode: both;
	opacity: 0;
}
.header-page-accueil .slick-active .subtitle {
	animation-name: fadeInRight;
	animation-duration: 2s;
	animation-delay: 0.5s;
	animation-fill-mode: both;
	opacity: 0;
}
.header-page-accueil .slick-active .content .button {
	animation-name: fadeInUp;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: both;
	opacity: 0;
}
@keyframes zoom {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.1);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@media screen and (max-width: 425px) {
	.header-page-accueil::after{
		top: calc(100% - 100px);
		height: 100px;
		background-position-x: 30%;
	}
	.header-page-accueil h2.title {
		font-size: 2.5rem;
	}
	.header-page-accueil .subtitle {
		font-size: 1.25rem;
		max-width: unset;
	}
}


/*--------------------------------------------------------------
# SLIDER PRODUITS PAGE ACCUEIL
--------------------------------------------------------------*/
.slider-produits .slick-slide, .slider-produits-similaires .slick-slide{
	margin: 0 1rem;
	height: auto;
	float: none;
}
ul.products.slider-produits li.product, ul.products.slider-produits-similaires li.product{
	margin: 0;
	height: 100%;
}
.slider-produits .slick-track, .slider-produits-similaires .slick-track{
	display: flex;
	align-items: stretch;
}
.slider-produits .slick-dots, .slider-produits-similaires .slick-dots{
	bottom: -70px;
}

/*--------------------------------------------------------------
# LIVRE DE RECETTES
--------------------------------------------------------------*/
.livre-recettes{
	background-color: #fff1e0;
}
.livre-recettes h2.title{
	color: var(--black);
}
.livre-recettes img{
	max-height: 600px;
	box-shadow: 1px 3px 3px 1px rgba(50, 50, 50, 0.5);
}


/*--------------------------------------------------------------
# PRODUITS PHARES
--------------------------------------------------------------*/
.produits-phares{
	background-image: url(img/bordure-body-top-left.svg), url(img/bordure-body-top-right.svg), url(img/bordure-body-bottom-left.svg), url(img/bordure-body-bottom-right.svg);
	background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%;
	background-repeat: no-repeat;
	background-size: 150px;
}
.mis-en-avant, .meilleures-ventes{
	width: 30%;
}
@media screen and (max-width: 1024px){
	.mis-en-avant, .meilleures-ventes{
		width: 45%;
	}
}
@media screen and (max-width: 768px){
	.mis-en-avant, .meilleures-ventes{
		width: 80%;
	}
	.meilleures-ventes{
		margin-top: 3rem;
	}
}

/*--------------------------------------------------------------
# PRESENTATION
--------------------------------------------------------------*/
.presentation{
	background-image: url(img/Pot-miel.png), url(img/abeille-3.png);
	background-position: 0% 100%, 100% 0%;
	background-repeat: no-repeat;
	background-size: 150px;
	background-blend-mode: color;
	background-color: rgba(0,0,0,0.9);
}
.presentation h1.title, .presentation h2{
	color: var(--white);
}
.image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.image-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.presentation .content a.button{
	background-color: var(--white);
	border-color: var(--white);
	color: var(--black);
}
.presentation .content a.button:hover{
	background-color: var(--black);
	border-color: var(--white);
	color: var(--white);
}

/*--------------------------------------------------------------
# OU NOUS TROUVER
--------------------------------------------------------------*/
.nous-trouver img:nth-child(1){
	margin-bottom: 3rem;
	max-width: 50%;
}
.nous-trouver img:nth-child(2){
	margin-top: 3rem;
	max-width: 50%;
}
.nous-trouver p{
	color: var(--black);
}
.nous-trouver .hexagon {
	height: 100px;
	aspect-ratio: cos(30deg);
	clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
	background-color: var(--white);
}
.nous-trouver .hexagon-inner {
	height: 80px;
	aspect-ratio: cos(30deg);
	clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
	background-color: var(--color-3);
}

/*--------------------------------------------------------------
# TEMOIGNAGES
--------------------------------------------------------------*/
.temoignages{
	background-image: url(img/Miel-fleur.png), url(img/fleur.png);
	background-position: 0% 100%, 100% 0%;
	background-repeat: no-repeat;
	background-size: 250px;
	background-blend-mode: color;
	background-color: rgba(0,0,0,0.9);
}
@media screen and (max-width: 768px){
	.temoignages{
		background-size: 150px;
	}
}
.temoignages h2.title{
	color: var(--white);
}
.temoignages .slick-list{
	padding-bottom: 1rem;
}
.temoignages .card{
	background-color: rgba(255,255,255,0.1);
	border-radius: 0;
	padding: 3rem;
}
.temoignages h3.auteur{
	color: var(--color-1);
}
.temoignages .stars .star{
	width: 15px;
	height: 15px;
	fill: var(--color-1);
}
.temoignages .contenu{
	color: var(--white);
	max-height: 120px;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.temoignages a.button{
	background-color: var(--white);
	border-color: var(--white);
	color: var(--black);
}
.temoignages a.button:hover{
	background-color: var(--black);
	border-color: var(--white);
	color: var(--white);
}

/*--------------------------------------------------------------
# EVENEMENTS
--------------------------------------------------------------*/
.evenements{
	background-image: url(img/bordure-body-top-left.svg), url(img/bordure-body-top-right.svg), url(img/bordure-body-bottom-left.svg), url(img/bordure-body-bottom-right.svg);
	background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%;
	background-repeat: no-repeat;
	background-size: 150px;
}
@media screen and (min-width: 769px){
	.illustration-evenements{
		order: 1;
	}
	.liste-evenements{
		order: 2;
	}
}

/*--------------------------------------------------------------
# BLOG / ACTUALITES
--------------------------------------------------------------*/
.home .blog{
	background-image: url(img/bordure-body-top-left.svg), url(img/bordure-body-top-right.svg), url(img/bordure-body-bottom-left.svg), url(img/bordure-body-bottom-right.svg);
	background-position: 0% 0%, 100% 0%, 0% 100%, 100% 100%;
	background-repeat: no-repeat;
	background-size: 150px;
}
.blog article, .actualites article{
	box-shadow: 1px 3px 3px 1px rgba(50, 50, 50, 0.5);
}
main .section.blog img,
main.section.blog img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
}
.actualites figure{
	height: 100%;
}
.actualites img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.blog a .content p, .actualites a .content p{
	color: var(--main-text-color);
}


/*--------------------------------------------------------------
# PAGE CATEGORIE PRODUITS / PAGE BOUTIQUE
--------------------------------------------------------------*/
.woocommerce ul.products {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem 1rem;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
	display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	float: none;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	margin: 0;
}
.term-description {
	margin-bottom: 2rem;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{
	float: none;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
	float: none;
	margin: 0;
}
select.orderby {
	color: inherit;
	border-color: inherit;
	border-radius: 3px;
	padding: 0.25rem;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	text-align: center;
}
.woocommerce ul.products li.product .price {
	text-align: center;
	color: var(--color-1);
}
.woocommerce ul.products li.product a.button {
	display: block;
	margin: 0 auto;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--color-1);
}
/* Produits en solde */
.woocommerce ul.products li.product .onsale {
	margin: 0;
}
/* Notes produits*/
.woocommerce .products .star-rating {
	margin: 1rem auto;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 30%;
	}
}
@media screen and (max-width: 767px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 45%;
		margin: 0;
	}
}
@media screen and (max-width: 425px){
	.woocommerce ul.products{
		gap: 2rem 0.5rem;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 48%;
	}
}


/*--------------------------------------------------------------
# PAGE PRODUITS
--------------------------------------------------------------*/
/* Désactivation de l'onglet "informations complémentaires" */
li.additional_information_tab,
.woocommerce-Tabs-panel--additional_information {
	display: none !important;
}
.woocommerce-product-details__short-description {
	margin-bottom: 1rem;
}
.single-product div.product .product_meta span {
	display: block;
}
.woocommerce .quantity input[type="number"].qty {
	padding: 0.75em 1em;
	background-color: #fff;
	color: var(--color-1);
	border: 1px solid var(--color-1);
	border-radius: 3px;
	-webkit-appearance: none;
	box-sizing: border-box;
	font-weight: normal;
	line-height: 1.5;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a{
    height: 600px;
}
.woocommerce div.product div.images img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
	margin-bottom: 1.618em;
}
.woocommerce div.product div.images .flex-control-thumbs {
	/* display: flex;
	flex-wrap: wrap; */
	overflow: unset;
	zoom: normal;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	float: none;
	padding: 0 0.5rem;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1){
	clear: none;
}
.woocommerce div.product p.stock {
	margin-top: 1em;
	margin-bottom: 1em;
}
.woocommerce-page div.product .woocommerce-tabs {
	padding-bottom: 2em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	border-bottom-color: var(--btn-bg-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background-color: var(--btn-bg-color);
	border-color: var(--btn-bg-color);
	transition: all 0.5s ease-in-out;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
	color: var(--btn-color);
	font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover{
	background-color: var(--btn-bg-color-hover);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a{
	color: var(--btn-color-hover);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{
	border-color: var(--btn-bg-color);
	box-shadow: none;
}
@media screen and (max-width: 767px) {
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		padding: 0;
		flex-direction: column;
	}
}
.woocommerce div.product form.cart .variations select {
	color: inherit;
	border-color: inherit;
	border-radius: 3px;
	padding: 0.25rem;
}
/* Produits en solde */
.woocommerce span.onsale {
	min-height: unset;
	min-width: unset;
	padding: 0.3rem;
	line-height: 2;
	top: 0;
	left: 0;
	border-radius: 3px;
	background-color: var(--color-1);
}

/* Commentaires produtis */
form.comment-form .comment-form-author label,
form.comment-form .comment-form-email label {
	padding: 0 1rem 0 0;
	width: 100px;
	display: inline-block;
}
form.comment-form .comment-form-cookies-consent input {
	margin: 0 0.5rem 0 0;
}
/* Etoiles commentaires */
.woocommerce .star-rating {
	color: var(--color-1);
}


/*--------------------------------------------------------------
# PAGE PANIER
--------------------------------------------------------------*/
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 0.95em;
	color: var(--grey);
}
@media screen and (min-width: 769px) {
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals {
		width: 52%;
	}
}
@media screen and (max-width: 768px) {
	#add_payment_method table.cart td.actions .coupon .input-text,
	.woocommerce-cart table.cart td.actions .coupon .input-text,
	.woocommerce-checkout table.cart td.actions .coupon .input-text,
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text + .button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text + .button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page
		#content
		table.cart
		td.actions
		.coupon
		.input-text
		+ .button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text + .button {
		float: none;
		width: 100%;
	}
}


/*--------------------------------------------------------------
# PAGE VALIDATION COMMANDE
--------------------------------------------------------------*/
.select2-container--default .select2-selection--single,
.widget .select2-container--default .select2-selection--single {
	border: 1px solid var(--grey);
	height: auto;
}
.select2-container--default
	.select2-selection--single
	.select2-selection__rendered,
.widget
	.select2-container--default
	.select2-selection--single
	.select2-selection__rendered {
	line-height: normal;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: var(--main-text-color);
}
.select2-container--default
	.select2-selection--single
	.select2-selection__arrow,
.widget
	.select2-container--default
	.select2-selection--single
	.select2-selection__arrow {
	height: 100%;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
	border-color: var(--grey);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row .input-text {
	padding: 0.5rem;
	font-size: inherit;
	font-family: inherit;
	color: inherit;
	border: 1px solid var(--grey);
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background-color: #eee;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
	border-bottom-color: var(--grey);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
	background-color: var(--grey);
	color: var(--main-text-color);
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
	border-bottom-color: var(--grey);
}

/*--------------------------------------------------------------
# PAGE MON COMPTE
--------------------------------------------------------------*/
@media (min-width: 769px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 25%;
		margin-right: 5%;
	}
}
.woocommerce-MyAccount-navigation ul {
	margin-left: 0;
	margin-top: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	position: relative;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a {
	text-decoration: none;
	padding: 0.875em 0;
	display: flex;
	align-items: center;
}
.woocommerce-MyAccount-navigation ul li a::before {
	line-height: 1.5;
	width: 1.25em;
	height: 1.25em;
	margin-right: 1rem;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
	color: var(--link-hover);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
	content: "";
	mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm320 96c0-26.9-16.5-49.9-40-59.3L280 88c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 204.7c-23.5 9.5-40 32.5-40 59.3c0 35.3 28.7 64 64 64s64-28.7 64-64zM144 176a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm-16 80a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM400 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/></svg>") center no-repeat;
	background-color: currentColor;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
	content: "";
	mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192 32 192c-17.7 0-32 14.3-32 32s14.3 32 32 32L83.9 463.5C91 492 116.6 512 146 512L430 512c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32l-85.6 0L365.3 12.9C359.2 1.2 344.7-3.4 332.9 2.7s-16.3 20.6-10.2 32.4L404.3 192l-232.6 0L253.3 35.1zM192 304l0 96c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-96c0-8.8 7.2-16 16-16s16 7.2 16 16zm96-16c8.8 0 16 7.2 16 16l0 96c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-96c0-8.8 7.2-16 16-16zm128 16l0 96c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-96c0-8.8 7.2-16 16-16s16 7.2 16 16z'/></svg>") center no-repeat;
	background-color: currentColor;
	}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address	a::before {
	content: "";
	mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M575.8 255.5c0 18-15 32.1-32 32.1l-32 0 .7 160.2c0 2.7-.2 5.4-.5 8.1l0 16.2c0 22.1-17.9 40-40 40l-16 0c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1L416 512l-24 0c-22.1 0-40-17.9-40-40l0-24 0-64c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32 14.3-32 32l0 64 0 24c0 22.1-17.9 40-40 40l-24 0-31.9 0c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2l-16 0c-22.1 0-40-17.9-40-40l0-112c0-.9 0-1.9 .1-2.8l0-69.7-32 0c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z'/></svg>") center no-repeat;
	background-color: currentColor;
	}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
	content: "";
	mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M64 32C28.7 32 0 60.7 0 96l0 32 576 0 0-32c0-35.3-28.7-64-64-64L64 32zM576 224L0 224 0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-192zM112 352l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm112 16c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16z'/></svg>") center no-repeat;
	background-color: currentColor;
	}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account	a::before {
	content: "";
	mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z'/></svg>") center no-repeat;
	background-color: currentColor;
	}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	content: "";
	mask: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z'/></svg>") center no-repeat;
	background-color: currentColor;
	}
.woocommerce-Address-title.title {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.woocommerce-account .addresses .title h3,
.woocommerce-account .addresses .title .edit {
	float: none;
}


/*--------------------------------------------------------------
# PAGE CONTACT
--------------------------------------------------------------*/
.contact iframe {
	width: 100%;
}

/* FORMULAIRE DE CONTACT */
.control.has-icons-left .icon,
.control.has-icons-right .icon {
	color: var(--main-text-color);
}
.control.has-icons-left .icon svg,
.control.has-icons-right .icon svg{
	height: 1rem;
}
.input,
.textarea,
.select select {
	background-color: var(--white);
	color: var(--main-text-color);
	border: 1px solid var(--grey);
	border-radius: 5px;
	box-shadow: none;
	font-family: inherit;
	font-weight: inherit;
	font-size: 1rem;
}
.select:not(.is-multiple):not(.is-loading):after{
	border-color: var(--color-1);
}
textarea.textarea::placeholder,
input.input::placeholder {
	color: var(--main-text-color);
	opacity: 1;
}
input.input::-ms-input-placeholder,
textarea.textarea::-ms-input-placeholder {
	color: var(--main-text-color);
}
input {
	font-family: inherit;
}
.textarea {
	padding-left: 2.5em;
	padding-bottom: calc(.5em - 1px);
	padding-right: calc(.75em - 1px);
	padding-top: calc(.5em - 1px);
}
.checkbox {
	margin-right: 0.75rem;
}
.textarea:hover,
.textarea.is-hovered,
.input:hover,
.input.is-hovered,
.select select:hover,
.select select.is-hovered {
	border-color: var(--grey);
}
.input:focus, .input:focus-within, .is-focused.input, .is-focused.textarea, .select select.is-focused, .select select:focus, .select select:focus-within, .textarea:focus, .textarea:focus-within {
    border-color: var(--grey);
    box-shadow: none;
}
.field-body {
	flex-basis: auto;
}


/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.pre-footer{
	background-color: var(--color-3);
}
.pre-footer img{
	margin: 0 auto;
	display: block;
	max-width: 400px;
}
.pre-footer p{
	transform: rotate(-5deg);
}
.pre-footer.hero.is-medium .hero-body{
	padding: 5rem 1.5rem 9rem 1.5rem;
}
.footer {
	background: var(--black);
	padding: 3rem 1rem;
	position: relative;
	color: var(--white);
}
.footer::before{
	position: absolute;
	top: -150px;
	left: 0;
	content: "";
	right: 0;
	height: 150px;
	background: url(img/bordure-footer.png) repeat-x 0 0;
	z-index: 1;
}
.footer a{
	display: block;
	color: var(--color-4);
}
.footer a:hover{
	color: var(--white);
}
.footer h2.widgettitle{
	color: var(--white);
	text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    font-family: inherit;
    font-size: 1em;
}
.footer .level{
	justify-content: center;
}
.footer .logo-na{
	display: block;
	margin: 0 auto;
}
.copyright a{
	display: inline;
}
.credit {
	background: #111;
}
.credit .media {
	padding: 0.5rem;
}
.credit p {
	text-align: center;
	color: #fff;
	margin: 0;
}
.credit .content p:not(:last-child) {
	margin: 0;
}
.credit img {
	display: block;
	margin: 0 auto;
	height: 45px;
}
  
/* SCROLL TO TOP  */
#smoothup {
	position: fixed;
	bottom: 60px;
	right: 10px;
	display: none;
	opacity: 0.5;
	z-index: 101;
}
#smoothup .abeille{
	height: 45px;
	width: 45px;
	transition: all 0.5s ease-in-out;
	background: #fff;
	border:var(--link) solid 1px;
	border-radius: 50%;
	padding: 5px;
}
#smoothup svg.icon{
	margin: 0 auto;
	display: block;
	animation: up 0.8s ease-in-out infinite ;
}
@keyframes up{
	to{
	  transform: translateY(-50%);
	}
}
#smoothup:hover .abeille{
	transform: rotate(360deg);
	border-color: var(--link-hover);
}
#smoothup .abeille{
	fill: var(--link);
}
#smoothup:hover .abeille{
	fill: var(--link-hover);
}


/*--------------------------------------------------------------
# PAGE 404
--------------------------------------------------------------*/
#bee{
	display: block;
	margin: 0 auto;
	opacity: 0;
	width: 150px;
	height: 150px;
	transform: rotate(30deg);
	animation: appear-left 3s ease-in-out forwards;
  }
  #bee .st0{
	fill: var(--color-1);
  }
  @keyframes appear-left {
	from {
		transform: rotate(0) translateY(100%) rotate(0);
	}
	to {
	  opacity: 1;
	  transform: rotate(360deg) translateY(0) rotate(-360deg) rotate(30deg);
	}
  }


/*--------------------------------------------------------------
# TARTE AU CITRON
--------------------------------------------------------------*/
/* Font */
#tarteaucitronRoot * {
	font-family: var(--font-family-1) !important;
}

/* Couleurs background et texte des boutons accepter */
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow{
	background-color: var(--color-1);
	color: var(--white);
}

/* Couleurs background et texte des boutons refuser */
#tarteaucitronAlertBig #tarteaucitronAllDenied2,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny{
	background-color: var(--color-2);
	color: var(--white);
}

/* Autres ajustements */
div#tarteaucitronAlertBig:before{
	display: none;
}
button#tarteaucitronPrivacyUrl{
	display: block;
	margin: 0 auto;
	width: 200px;
	padding: 5px 10px;
	height: 40px;
}
button#tarteaucitronPersonalize2,
button#tarteaucitronAllDenied2,
button#tarteaucitronCloseAlert,
button#tarteaucitronPrivacyUrl{
	text-align: center;
}
@media screen and (max-width: 900px) {
	button#tarteaucitronCloseAlert,
	button#tarteaucitronPersonalize2,
	button#tarteaucitronAllDenied2,
	button#tarteaucitronPrivacyUrl{
		min-width: 150px;
		margin: 5px auto;
	}
}
#tarteaucitronIcon #tarteaucitronManager img{
    width: 30px;
    height: 30px;
}

/*--------------------------------------------------------------
# SKIP LINKS
--------------------------------------------------------------*/
/* Utile pour l'accessibilité : lien direct vers le contenu principal */
.skip-link {
	position: absolute;
	left: -9999px;
	padding: 0.5em 1em;
	background: #333;
	color: #fff;
	text-decoration: none;
}
.skip-link:focus {
	position: static;
}


/*--------------------------------------------------------------
# GUTENBERG
--------------------------------------------------------------*/
/* Grande largeur pour Gutenberg */
.content .alignwide {
	margin-left: calc(25% - 25vw);
	margin-right: calc(25% - 25vw);
}
/* Pleine largeur pour Gutenberg */
.content .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: auto;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
	width: 100vw;
}
.wp-block-cover.alignwide,
.wp-block-cover-image.alignwide {
	width: auto;
}

/* l'alignement grande largeur se comporte comme le pleine largeur en dessous de 768px */
@media screen and (max-width: 768px) {
	.content .alignwide {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

/* ajustements block Gutenberg */
.content ul.blocks-gallery-grid,
.content ul.wp-block-gallery {
	margin-left: 0;
}

.content ul.wp-block-post-template,
.content ul.wp-block-query-loop {
	list-style: none;
}

.content figure.wp-block-gallery {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-gallery.aligncenter {
	justify-content: center;
}

@media screen and (min-width: 601px) {
	.content .wp-block-media-text figure:not(:last-child) {
		margin-bottom: 0;
	}
}
@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-row-gap: 1rem;
    }
}

/* Animation galerie Gutenberg */
.wp-block-gallery .wp-block-image a {
	transition: 0.5s all ease-in-out;
}
.wp-block-gallery .wp-block-image a::after {
	content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'><path d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM184 296c0 13.3 10.7 24 24 24s24-10.7 24-24l0-64 64 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-64 0 0-64c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 64-64 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l64 0 0 64z'/></svg>");
	opacity: 0;
	transition: all 0.5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 10000;
	position: absolute;
    top: calc(50% - 1rem);
    left: calc(50% - 1rem);
    height: 2rem;
    width: 2rem;
}
.wp-block-gallery .wp-block-image a:hover {
	transform: scale(1.05);
	filter: grayscale(1) contrast(1.2);
}
.wp-block-gallery .wp-block-image a:hover::after {
	opacity: 1;
}


/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1023px) {}

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

@media screen and (min-width: 1216px) and (max-width: 1407px) {}

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