/* 
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
*/

/**
 *	Form de recherche
 *
 *
 *
 */
div.recherche p{
	font-weight: bold;
	color:#a4c82e;
	font-size:18px;
}
body div.recherche form input{
	border-width : 0px 0px 2px 0px;
	border-style : solid ;
	border-color : #e4e4e4;
	height: 36px;
	padding: 5px 40px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left center; 
	width:auto;
	margin:10px 20px;
}
body div.recherche form input[type="submit"]{
	color: #ffffff;
	background: #a4c82e;
	border-radius: 50px;
	text-align: center;
	margin: 5px 0;
	text-decoration: none;
	font-weight: bold;
	transition: ease all 0.5s;
	cursor: pointer;
	padding: 5px 40px;
}
div.recherche form input[type="submit"]:hover{
	color: #a4c82e;
	background: #000000;
	border-radius: 50px;
	transition: ease all 0.5s;
}
div.recherche form input#nom{
	background-image: url("/wp-content/uploads/2022/04/picto-user.png");
}
div.recherche form input#ville{
	background-image: url("/wp-content/uploads/2022/04/picto-marker.png");
}

#categories-archive img{
	object-fit: contain;
}


/**
 * Filtres produits
 *
 *
 */
 .__filters input[type=submit],
 .__filters input[type=text],
 .__filters select{
	width: auto;
	border-radius: 30px;
	background: #efefef;
	border: 0 none;
	font-weight:500;
	display: inline-block;
	color: #000;
 }
    
/**
 * POPUP RGPD
 */
div#cookie-container-bar{
	display: flex;
	vertical-align: middle;
	justify-content: center;
}
div#cookie-container-bar div#cookie-img-bar{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
div#cookie-container-bar div#cookie-img-bar img{
	width: 150px;
	height: 150px;
}
div#cookie-container-bar div#cookie-text-bar{
	padding: 10px;
	width: 75%;
}
div#cookie-container-bar div.cookie-ss-text-bar{
	font-size:0.8em;
	text-align:center
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
	text-align: center;
	font-size:16px
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
	font-size:1.2em
}
div#cookie-container-bar div#cookie-buttons-bar{
	justify-content:center;
	display: flex;
}
#cookie-law-info-bar{
	text-align: left !important; 
	padding: 15px 15px !important; 
	border-color: rgb(51, 51, 51) !important; 
	border-radius: 15px !important; 
	background-color: rgba(255, 255, 255, 0.97) !important; 
	color: rgb(51, 51, 51); font-family: inherit !important; 
	position: fixed !important; 
	width: 630px !important; 
	height: auto !important; 
	max-height: 500px !important; 
	top: calc(50% - 150px) !important; 
	left: calc(50% - 315px) !important; 
	/* transform: translate(-50%, -50%) !important;  */
	overflow: auto !important; 
	margin-left:0!important;
	margin-top:0!important;
}

@media screen and (max-width: 640px) {
	#cookie-law-info-bar{
		padding: 5px 5px !important; 
		width: calc(100% - 20px) !important; 
		max-height: 600px !important;
		/* position:relative!important; */
		left:0!important;
		top:calc(50% - 250px) !important; 
		margin:10px!important;
	}
	
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 100%;
	}
	#wt-cli-accept-all-btn,
	#wt-cli-reject-btn,
	#wt-cli-settings-btn{
		padding:8px 15px!important;
	}
	div#cookie-container-bar{
		flex-wrap: wrap;
	}
	div#cookie-container-bar div#cookie-text-bar{
		font-size: 12px;
	}
}