/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


#searchform input{
	background-color:#FFFFFF;
	border-radius: 10px;
	width:75%;
	height:30px;
	margin-bottom:10px;
}

.dot {						/* pastilles devant les formats */
  height: 12px;
  width: 12px;

  border-radius: 50%;
  display: inline-block;
  margin-right:5px;
  vertical-align:middle
  float:left;
}


H3.taxo{
	color:#EEEEEE !important;
	font-size:15px;
	/*text-transform : capitalize  !important;*/
}


div.inforeservations{
	background-color:#F1E61B;
	color:#000000;
	border-radius: 15px;
	padding:10px;
	width:80%;
	margin-top:20px;
	margin-bottom:10px;
}

/*---- commune -----*/
.inforeservations a{
	color:#000000;
}	
div.filtres{					
	width: 25%;
	float:left;
	color:#EEEEEE;
}
div.produits{					
	width: 75%;
	float:left;
}

/*div.produit{
	width:80%;
	float:left;
	margin-bottom:20px;
	margin-right:0%;
}
*/
.produit h2{
	height:30px;
}
div.bt_filtres{ 
	display:none;
	cursor:pointer;
	text-align:center;
	padding-left:0px !important;
	margin-bottom:5px;
}
div.bt_filtres:hover{
	background-color:#FFFFFF !important;
}


@media screen and (max-width: 1000px){
	div.filtres{					/* colonne des filtres */
		width: 100%;
		float:left;
		color:#EEEEEE;
		display:none;
	}
	div.produits{					/* colonne des produits */
		width: 100%;
		float:left;
	}
	div.produit{
		width:100%;
		float:left;
		margin-bottom:20px;
		margin-right:0%;
	}
	div.bt_filtres{
		background-color:#F1E61B;
		color:#000000;
		border-radius: 15px;
		padding-left:10px;
		width:80px;
		display:block;
	}

}
@media screen and (min-width: 1001px) and (max-width: 1500px){
	div.produit{
		width:45%;
		float:left;
		margin-bottom:20px;
	}
	div.produit:nth-child(2n-1){
		margin-right:10%;
	}
}
@media screen and (min-width: 1500px) and (max-width: 1920px){
	div.produit{
		width:30%;
		float:left;
		margin-bottom:20px;
	}
	div.produit:nth-child(3n-2),div.produit:nth-child(3n-1){
		margin-right:5%;
	}
}
@media screen and (min-width: 1920px){
	div.produit{
		width:22%;
		float:left;
		margin-bottom:20px;
	}
	div.produit:nth-child(4n-3),div.produit:nth-child(4n-2),div.produit:nth-child(4n-1){
		margin-right:4%;
	}
}

.produit .photo{
	aspect-ratio : 1 / 1;
	width:100%;
	background-color:#FFFFFF;
	border-radius: 5%;
	float:left;
	background-size: 180%;
	background-position: center;
}	
.noresult{
	display:none;
	text-align:center;
	width:80%;
	margin-left:10%;
}

/*-------------------------------------- template produit ------------------------------*/
.taxo_dot{
	display: inline-block;
}
.col_images{
	width:40%;
	float:left;
}
.col_textes{
	width:35%;
	float:left;
	color:#EEEEEE;
	padding-left:15px;
}
.bt_retour{
	float:left;
	margin-top:-40px;
	margin-bottom:10px;
}
.bt_retour img{
	float:left;
	margin-right:10px;
}
.bt_retour a{
	float:left;
}
	
@media screen and (max-width: 1000px){
	.col_images{
		width:100%;
		float:left;
	}
	.col_textes{
		width:100%;
		float:left;
		color:#EEEEEE;
		padding-left:15px;
	}
	.single-produit .filtres{
		display:none;
	}
	.bt_retour{
		float:right;
		margin-top:0px;
	}
	.bt_retour img{
		float:left;
		margin-top:-43px;
		margin-right:10px;
	}
	.bt_retour a{
		float:right;
		margin-top:-40px;
	}
}


.col_textes .titre{
	margin-top:15px;
	padding-left:21px;
	/*font-size:18px;*/
	color:#FFFFFF;
}
.col_textes .description{
	margin-top:15px;
	padding-left:21px;
	/*font-size:12px;*/
}
.col_textes .motscles{
	margin-top:15px;
	padding-left:21px;
	/*font-size:14px;*/
	color:#666666;
}
div.image_big{
	width:100%;
	aspect-ratio: 1;
	border-radius: 5%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
}
.image_selector{
	width:100%;
	margin-top:4%;
	margin-bottom:4%;
	float:left;
}	
.image_button{
	width:20%;
	aspect-ratio: 1;
	border-radius: 10%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	float:left;
	margin-right:4%;
	
}

	
/*------------------------------------ surcharges du theme : modifications av -----*/
body[data-header-resize="1"] .container-wrap, body[data-header-resize="1"] .project-title{
	padding-top:0px;
}
h2{ /*------------------------------ titre produit ---*/
	color:#FFFFFF !important;
}
h2:hover{ /*------------------------------ titre produit au survol ---*/
	color:#FFF000 !important;
}


