/*
Theme Name: Merveille-child
Description: Theme enfant de Divi par Divi Community
Author: Julien - WebMate
Author URI: https://www.atelierdmerveilles.fr
Template: Divi
Version: 1.1
*/



/*header*/


/*debugs*/
p, ul, li, div, address, ::placeholder, a.et_pb_button, input.wpcf7-submit, form.woocommerce-ordering, form.woocommerce-ordering select{
		font-family: 'Spartan', sans-serif!important;
}
#main-header ul, #main-header ul li, #main-header ul li a{
	font-family: 'Josefin Slab', serif!important;
}
.single .et_pb_post, .et_pb_post{
	margin-bottom: 0!important;
}
#main-content .container::before{
	background-color: transparent!important;
}
#sidebar{
	display: none!important;
}
#cn-notice-buttons{
	display: grid;
    grid-template-columns: repeat(3,1fr);
    margin: auto;
    width: 30%;
}
#cn-notice-buttons a#cn-accept-cookie, #cn-notice-buttons a#cn-refuse-cookie{
	font-family: 'Spartan', sans-serif!important;
    background-color: #C3B033;
    color: #253549!important;
    transition: all 300ms ease 0ms;
    border-radius: 10px;
    padding: 1.5%;
}
#cn-notice-buttons a#cn-accept-cookie:hover, #cn-notice-buttons a#cn-refuse-cookie:hover{
	background-color: #218d7a!important;
}
#cn-notice-buttons a#cn-more-info{
	color: #C3B033;
		font-family: 'Spartan', sans-serif!important;
}

/*divers réglages header*/
div#et_mobile_nav_menu{margin-top: 0 !important;}
div#et_mobile_nav_menu span.select_page{ display: none; }
.mobile_nav{background-color: transparent !important;}
span.mobile_menu_bar{margin-top: -20px !important;}
header#main-header{
	position: fixed !important;
	box-shadow: 0 .2px 15px rgba(25,41,57,.3);
}


/*bouton haut de page*/
.et_pb_scroll_top.et-pb-icon{
	background: #6DB595;
}



/*GALERIE IMAGES X4 DIVERSES PAGES*/
.galerie-panox4 div.et_pb_gallery_items{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  /*grid-template-rows: 30vh auto;*/
  grid-gap: 3%;
}
.galerie-panox4 div.et_pb_gallery_items > div{
  width: 100%!important;
  /*height: 100%;*/
}
.galerie-panox4 div.et_pb_gallery_items > div.et_pb_gallery_item_1_0,.galerie-panox4 div.et_pb_gallery_items > div.et_pb_gallery_item_0_0{
  grid-column: 1/span 3;
  height: 30vh;
}
.galerie-panox4 div.et_pb_gallery_items > div.et_pb_gallery_item_1_0,.galerie-panox4 div.et_pb_gallery_items > div.et_pb_gallery_item_0_0 > div{
  height: 100%!important;
}
.galerie-panox4 div.et_pb_gallery_items > div.et_pb_gallery_item_1_0,.galerie-panox4 div.et_pb_gallery_items > div.et_pb_gallery_item_0_0 > div img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}


/*projet/news*/
.et_pb_portfolio_items .et_pb_portfolio_image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.projets-section-contenu .et_pb_image .et_pb_image_wrap img{
	max-height: 500px !important;
}
.projets-section-caroussel section{
	padding: 0;
}
/*pages articles*/
/*.articles-page .article article{
	margin: 1%!important;
	width: 200px!important;
	height: 200px!important;

}*/
.articles-page {
	margin-bottom: 10%;
}
.articles-page h3{
	margin: 30px 0 30px 0;
}
..articles-page div[class="column size-1of3"] {
	width: 30% !important;
	margin: 10px !important; 
}

/*page accueil*/
/*presentation*/
.marge-gauche-accueil{
	/*margin-left: 10vw;*/
	margin-top: 10vh;
} 
/*	background-attachment: fixed!important;*/
}
/*atelier*/


/*news*/
.accueil-news-element div{	clear: both;float: none;}
.accueil-news-element div.et_pb_ajax_pagination_container div.et_pb_portfolio_grid_items{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 2%;
	width: 100% !important;
}
.accueil-news-element div.et_pb_ajax_pagination_container div.et_pb_portfolio_grid_items div{
	width: 100% !important;
}


/*.accueil-news{
	background-position: -0.5% -100!important;

}*/
.accueil-news .et_portfolio_image img{
	height: 200px!important;
	object-fit: cover;
}
.accueil-news div.et_pb_slide_content{}
.accueil-news h2.et_pb_slide_title{font-size: 30px!important;}
/*.et_pb_column_4_4{
	width: 23%;
}*/
/*.et_pb_portfolio_grid_items>div{
	padding: 1%;
}*/
/*collection */
/*.accueil-collections{
	background-size: 20%!important;
    background-position: -30px bottom!important;
}*/


/*ATELEIR PAGE*/
.atelier-ligne-galerie .atelier-ligne-galerie-galerie div.et_pb_gallery_items{
	display: grid !important;
	grid-template-columns: repeat(4,1fr);
	grid-auto-rows: 1fr;
	grid-gap: 0px;
}
.atelier-ligne-galerie .atelier-ligne-galerie-galerie div.et_pb_gallery_items div{
	width: 100% !important;
	height: 100% !important;
	margin-right: 0!important;
	margin-bottom: 0!important;
}
.atelier-ligne-galerie.atelier-ligne-galerie-galerie div.et_pb_gallery_items img{
	width: 100%;
	height: 100%!important;
	object-fit: cover;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination{
	border-top: 1px solid #79C1A6;
	margin-top: 20px!important;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a, .et_pb_gallery .et_pb_gallery_pagination ul li a{
	color: #79C1A6 !important;
}

.atelier-bijoux.et_pb_gallery_item_1_2, .atelier-bijoux .et_pb_gallery_item_1_1{
	margin-right: 0!important;
	margin-bottom: 0!important;
}

.image-large-atelier, .image-large-atelier span{
	width: 100%!important;
}
.image-large-atelier span img{
	width: 100%!important;
	object-fit: cover!important;
}





/*PAGE COLLECTION */
.collection-accueil{

}

.collection-page-titre div.et_pb_column{
	margin-top: 25vh!important;
}
/*formulaire de contact*/

/*section.site-contact*/
.style-formulaire form input{
	padding: 5px;
	width: 100%;
	color: #C3B033;
	border-radius:5px;
}
.style-formulaire form ::placeholder{
	color: #C3B033;
}
.style-formulaire form input.wpcf7-submit{
	width: inherit;
	padding: 10px;
	margin-top: 10px;
	color:white;
	font-size: 16px!important;
	background-color: #C3B033!important;
	border-width: 0px !important;
	border-color: transparent!important;
	border-radius: 10px!important;
}
.style-formulaire form input.wpcf7-submit:hover{
	color: #ffffff !important;
	background: #253549 !important;
	border-radius: 10px;
	transition: all 300ms ease 0ms;
}
.style-formulaire form span{width: 100%;}

.style-formulaire form span textarea{
	width: 100%;
	height: 20vh;
	resize: none;
	border: none;
	border-radius:5px;
}
.style-formulaire form p.asterix{
	font-size: 10px;
	color: #C3B033;
}
.style-formulaire form p{
	padding-bottom: 0!important;
}


/*PAGE NEWS*/
.news-blog div , .news-blog-old div{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-auto-rows: 30vh;
	grid-gap: 3%;
}
.news-blog div article, .news-blog-old div article{
	height: 30vh;
}
.news-blog div article img, .news-blog-old div article img{
	height: 20vh;
	object-fit: cover;
}
.news-blog div article h2, .news-blog-old div article h2{
	font-size: 20px;
}
.news-blog-old div{
	grid-template-columns: repeat(4,1fr);
}
.news-blog-old div article{
	height: 20vh;
}
.news-blog-old div article img{
	height: 15vh;
}



/*PAGES DES ARTICLES */
.articles-news-blog div {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-auto-rows: 30vh;
	grid-gap: 3%;
}
.articles-news-blog div article{
	height: 30vh;
}
.articles-news-blog div article img{
	height: 20vh;
	object-fit: cover;
}
.articles-news-blog div article h2{
	font-size: 20px;
}

/*PAGE MON COMPTE*/
.mon-compte-perso .woocommerce-MyAccount-navigation{
	border: 1px solid #218D7A;
	border-radius: 10px;
	padding: 2%;
}
.mon-compte-perso .woocommerce-MyAccount-navigation ul{
	list-style: none;
	padding: 0 !important;
}
.mon-compte-perso .woocommerce-MyAccount-navigation ul a{
	font-weight: bold;
	color: #218D7A;
	transition: all .4s ease-in-out !important;
}
.mon-compte-perso .woocommerce-MyAccount-navigation ul a:hover{
	color: #192939;
	transition: all .4s ease-in-out !important;
}
.mon-compte-perso .woocommerce-MyAccount-content p a{
	/*font-weight: bold;*/
	text-transform: uppercase;
	/*text-decoration: underline dotted!important;*/
}
.mon-compte-perso .woocommerce-MyAccount-content p a:hover{
	color: #218D7A;
	transition: all .4s ease-in-out !important;
}


/*page boutique*/
p.woocommerce-result-count,form.woocommerce-ordering, form.woocommerce-ordering select.orderby, .card-inputs{
	color: #218D7A!important;
}
.woocommerce-checkout-payment, .card-holder-names, .payment_box, .payment_method_sumup, .woocommerce-checkout #payment div.payment_box, .card-holder-names label{
	color: #253549 !important;
}
form.woocommerce-ordering, form.woocommerce-ordering select.orderby,.woocommerce-checkout-payment, .card-holder-names, .payment_box, .payment_method_sumup, .woocommerce-checkout #payment div.payment_box{
	background-color: rgba(109, 181, 149, .2)!important;

}






/*titres*/
h1, h2, h3, h4, h5, h6{font-weight: 600;}


/*footer*/
ul#menu-footer, #footer-bottom, #footer-info, #footer-bottom div.container {
	text-align: center!important;
}
#footer-info{
	float: none;
	clear: both;
}





@media (max-width: 981px){
	.accueil-news-element div.et_pb_ajax_pagination_container div.et_pb_portfolio_grid_items div{
		width: 100% !important;
	}

}



@media (max-width:740px){
	.accueil-news-element div.et_pb_ajax_pagination_container div.et_pb_portfolio_grid_items{
		grid-template-columns: repeat(2,1fr)!important;
	}
	.news-blog-old div, .news-blog div{
		grid-template-columns: repeat(2,1fr);
	}
	.accueil-news .accueil-news-curseur h2.et_pb_slide_title{font-size: 15px!important;}
	.accueil-news .accueil-news-curseur div.et_pb_slide_content{display: none!important;}
	.news-blog div , .news-blog-old div{
		grid-template-columns: repeat(2,1fr);
	}
	#cn-notice-buttons{
    	grid-template-columns: repeat(3,1fr);
    	width: 50%;
	}
}



@media (max-width: 479px) {
	.accueil-news-element div.et_pb_ajax_pagination_container div.et_pb_portfolio_grid_items{
		grid-template-columns: repeat(2,1fr)!important;
	}
		#cn-notice-buttons{
    	grid-template-columns: repeat(3,1fr);
    	width: 100%;
	}
}