/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2024 | 09:40:56 */
/*____HOME-HERO____*/
#home-hero{
	grid-template-columns: 1fr 1fr;
}
#home-hero > article{
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	background-size:cover;
}
#home-hero > article:first-child{
	padding:300px 40px 40px;
	background:linear-gradient(0deg, #00000090, transparent), url("http://mycaraddict.fr/wp-content/uploads/2024/04/hero_home_1.jpg");
}
#home-hero > article:first-child{
	grid-column: 1/3;
}
#home-hero > .full-bloc-link{
	padding:0;
}
#home-hero > .full-bloc-link > a{
	padding:300px 40px 40px;
}
#home-hero > .full-bloc-link > a > .second-link > span{
	transition: .2s all ease-in-out;
}
#home-hero > .full-bloc-link > a:hover > .second-link > span{
	transform: translateX(3px);
}
/*____END-HOME-HERO____*/
/*____LAST-PRODUCTS____*/
ul.products{
	display:grid;
	grid-gap: var(--space-3);
}
ul.products.columns-6{
	grid-template-columns:repeat(6, 1fr);
}
ul.products.columns-5{
	grid-template-columns:repeat(5, 1fr);
}
ul.products.columns-4{
	grid-template-columns:repeat(4, 1fr);
}
ul.products.columns-3{
	grid-template-columns:repeat(3, 1fr);
}
.woocommerce ul.products:before{
	display:none;
}
.woocommerce ul.products > li.product{
	width:100% !important;
	margin:0;
	padding: var(--space-3) var(--space-3) var(--space-6) var(--space-3) !important;
	box-shadow: var(--shad-md);
	transition:0.2s all ease-in-out;
	border-radius:6px;
}
.woocommerce ul.products > li:hover{
	box-shadow: var(--light-shad-3xl);
	transform:translateY(-3px);
}
.woocommerce ul.products > li h2{
	line-height:var(--text-lg-lh);
}
.woocommerce ul.products > li span{
	color:var(--gray-300);
}
.attachment-woocommerce_thumbnail{
	background-color:#ED2E2E;
}
/*____END-LAST-PRODUCTS____*/
/*____FAQ____*/
.faq.grid article{
	border-radius:4px;
	cursor:pointer;
	height:fit-content;
	padding:20px;
}
.faq article > div:first-child{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.faq article > div:first-child h3{
	padding-bottom:0;
	width: 90%;
	font-weight: var(--fw-light);
}
.faq article > div:first-child span{
	transition:all 0.2s ease-in-out;
}
.faq.services article > div:first-child span{
	color:#ED5294;
}
.faq article > div:last-child{
	margin-top:var(--space-5);
	display:none;
}
.faq article.active > div:last-child{
	display:block;
}
.faq article.active > div:first-child span{
	transform:rotate(45deg);
}
/*____END-FAQ____*/
/*____THUMBNAIL____*/
.flex-control-thumbs{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-gap: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
	width:100%;
}
/*____END-THUMBNAIL____*/
/*____VER-CENTER____*/
.ver-center{
	display:flex;
	justify-content:center;
	align-items:center;
}
.ver-center > div{
	height:fit-content;
}
/*____END-VER-CENTER____*/
/*____FORMULAIRE____*/
.wpcf7-form .grid input, .wpcf7-form .grid textarea{
	width:100%;
	padding: var(--space-2);
	color: var(--gray-500);
	border-radius: 4px;
	border: solid 2px var(--prim-50);
}
.wpcf7-form .grid textarea{
	height:100px;
}
.wpcf7-form .grid._2 .full-width-input{
	grid-column:1/3;
}
.wpcf7-form input[type="submit"]{
	border: none;
	padding: var(--space-2) var(--space-4);
	background: var(--neutral);
	color: var(--prim-base);
	font-size: var(--text-md-fs);
	border-radius: 4px;
}
.wpcf7-form input[type="submit"]:hover{
	background:var(--prim-50);
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #0EDB6F;
	background: #0EDB6F;
	color: var(--neutral);
}
.wpcf7 form .wpcf7-response-output{
	padding: 0.2em 1em;
}
/*____END-FORMULAIRE____*/
/*____RECAPTCHA____*/
.grecaptcha-badge{
	z-index:-1;
}
/*____END-RECAPTCHA____*/
/*____NAVBAR____*/
#main-header, #main-header.et-fixed-header{
	box-shadow:var(--light-shad-3xl) !important;
	border-bottom: solid 2px var(--gray-25);
}
/*____END-NAVBAR____*/

/*____CART-BUBBLE____*/
.et-cart-info > span{
	position:relative;
}
.cart-count-bubble {
	    position: absolute;
    top: -10px;
    right: -5px;
    background-color: red;
    color: white;
    width: 20px;
    height: 20px;
    display: flex;
    font-size: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.cart-count-bubble:before{
	display:none;
}
/*____END-CART-BUBBLE____*/

/*____FOOTER____*/
#main-footer .container{
	max-width:1440px;
	width:95%;
}
#footer-widgets{
	padding-top:var(--space-7);
}
#footer-widgets .footer-widget{
	margin-bottom:var(--space-7);
}
#footer-widgets .footer-widget a{
	margin-right:var(--space-4);
	opacity:0.6;
}
/*____END-FOOTER____*/

/*____PAYPAL____*/
#order_review{
	display:flex;
	flex-direction:column;
}
#order_review .ppcp-messages{
	order:2;
	padding:1em;
}
#order_review #payment{
	order:3;
}
#order_review .ppc-button-wrapper{
	order:1;
	padding:1em;
}
#order_review #payment .wc_payment_methods.payment_methods.methods{
	display:none;
}
#order_review #payment .form-row.place-order{
	margin-top:0;
}
/*____END-PAYPAL____*/

@media screen and (max-width: 960px){
	#home-hero{
		grid-template-columns:1fr;
	}
	#home-hero > article:first-child{
		grid-column: 1/2;
	}
	ul.products.columns-6{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.ver-center{
		flex-direction:column;
	}
	.et-db #et-boc .et-l .et_pb_wc_related_products ul.products.columns-4 li.product{
		width:100% !important;
	}
	.product .related .products h2{
		font-size:20px !important;
	}
}
@media screen and (max-width: 720px){
	ul.products.columns-6, ul.products.columns-5,ul.products.columns-4,ul.products.columns-3,ul.products.columns-2{
		grid-template-columns: 1fr 1fr;
	}
	.wpcf7-form .grid._2 .full-width-input{
		grid-column:1/2;
	}
	.et_pb_shop ul.products.columns-1 li.product, .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product{
		width:100% !important;
	}
}
