/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

::selection{
	color: white;
	background-color: #84C1B1;
}

::-moz-selection{
	color: white;
	background-color: #84C1B1;
}

*{
	font-family: "Fira Sans", Lato, sans-serif;
}

table#nutrition{
	font-size: 16px;
}

table#nutrition,
table#nutrition th,
table#nutrition td{
	border: none;
	background: none;
}
table#nutrition th,
table#nutrition td{
	padding: 6px 0;
}

table#nutrition th{
	font-weight: bold;
	text-align: left;
}

/* div#bloc-informations{
    position: absolute;
    right: 220px;
    background-color: orange;
} */

div.elementor-location-footer nav ul li a{
	padding: 0 !important;
	margin: 0 0 16px 0;
}

/* div.elementor-location-header nav ul li a{
	padding: 0 !important;
} */


/* a#les-ingredients{
	width: 400px;
	height: 80px;
} */

form#commande{
	width: 100%;
	display:grid;
    grid-template-columns: 30% 60%;
	grid-gap: 22px;
}

form#commande label{
	line-height: 50px;
	font-weight: bold;
}

form#commande input,
form#commande select{
	height: 50px;
}

form#commande input#commander{
	background-color: #84C1B1;
	border: none;
	color: white;
}

h2#ingredient{
	font-weight: bold;
	font-size: 40px;
}

section#listing-produits{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 22px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

section#listing-produits article.produit{
	border-radius: 30px;
	background-size: cover;
	background-position: center;
	
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}

section#listing-produits article.produit a.lien-article{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;	
}

section#listing-produits article.produit a.lien-article div.image-fond{
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
	transition-duration: 500ms;
}

section#listing-produits article.produit a.lien-article div.image-fond:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition-duration: 500ms;
}

section#listing-produits article.produit a.lien-article h3{
	position: absolute;
	top: 0;
	width: 100%;
	font-size: min(3vw, 36px);
	font-weight: bold;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.75) 0 3px 6px;
}

section#listing-produits article.produit a.lien-article p.prix{
	font-size: min(3vw, 36px);
	color: white;
	font-weight: bold;
	position: absolute;
	right: 7%;
	bottom: 20%;
	text-shadow: rgba(0, 0, 0, 0.75) 0 3px 6px;
}

section#listing-produits article.produit a.lien-article p.prix span.devise{
	font-size: min(2vw, 24px);
}

section#listing-produits article.produit a.lien-article .elementor-star-rating{
	width: 100%;
	font-size: min(5vw, 60px);
	position: absolute;
	bottom: 0%;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px;
}

section#listing-produits article.produit a.lien-article .elementor-star-rating i:before{
	content: none;
}

section#listing-produits article.produit a.lien-article .elementor-star-rating i.elementor-star-full{
	color: var( --e-global-color-primary );
}




/* SUGGESTIONS APRÈS PRODUIT + LISTING CATEGORIES */

section#listing-categories,
section#listing-suggestions{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	grid-gap: 22px;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

section#listing-categories article.produit,
section#listing-suggestions article.produit{
	border-radius: 30px;
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}

section#listing-categories article.produit a.lien-article,
section#listing-suggestions article.produit a.lien-article{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;	
}

section#listing-categories article.produit a.lien-article div.image-fond,
section#listing-suggestions article.produit a.lien-article div.image-fond{
	width: 100%;
	padding-bottom: 100%;
	background-size: cover;
	background-position: center;
	transition-duration: 500ms;
}

section#listing-categories article.produit a.lien-article div.image-fond:hover,
section#listing-suggestions article.produit a.lien-article div.image-fond:hover{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transition-duration: 500ms;
}

section#listing-categories article.produit a.lien-article h3,
section#listing-suggestions article.produit a.lien-article h3{
	font-size: min(2vw, 22px);
	font-weight: bold;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.75) 0 3px 6px;
	position: absolute;
	bottom: 0;
	width: 100%;
}


h2.elementor-heading-title a{
	color: var(--e-global-color-f779776) !important;
	transition-duration: 500ms;
	font-weight: bold;
	display: block;
	width: 100%;
}

h2.elementor-heading-title a:hover{
	color: var(--e-global-color-primary) !important;
	transition-duration: 500ms;
}

nav#menu-produits ul{
	padding: 0;
}

nav#menu-produits ul li{
	display: block;
}


nav#menu-produits ul li a{
	color: var(--e-global-color-f779776);
	font-size: min(2vw, 36px);
	transition-duration: 500ms;
	display: block;
	width: 100%;
}

nav#menu-produits ul li a:hover{
	color: var(--e-global-color-primary);
	transition-duration: 500ms;
}


@media screen and (max-width: 360px){
	section#listing-categories,
	section#listing-suggestions,
	section#listing-produits{
		grid-template-columns: repeat(2,1fr);
	}
	
	section#listing-categories article.produit a.lien-article h3,
	section#listing-suggestions article.produit a.lien-article h3,
	section#listing-produits article.produit a.lien-article h3{
		font-size: 7vw;
	}
	
	nav#menu-produits ul li a{
		font-size: 10vw;
		text-align: center;
	}
	
	h2.elementor-heading-title a{
		font-size: 12vw !important;
		text-align: center;
	}
	
	section#listing-produits article.produit a.lien-article p.prix{
		font-size: min(6vw);
	}

	section#listing-produits article.produit a.lien-article p.prix span.devise{
		font-size: min(5vw);
	}
}

@media screen and (min-width: 361px) and (max-width: 768px){
	section#listing-categories,
	section#listing-suggestions,
	section#listing-produits{
		grid-template-columns: repeat(3,1fr);
	}
	
	section#listing-categories article.produit a.lien-article h3,
	section#listing-suggestions article.produit a.lien-article h3,
	section#listing-produits article.produit a.lien-article h3{
		font-size: 5vw;
	}
}