/*
Theme Name: Dixionline Theme
Theme URI: https://dixionline.com
Author: Dixionline
Theme URI: https://dixionline.com
Template: hello-elementor
Version: 1.0
*/

/*
    Add your custom styles here
*/

.mb0{
	margin-bottom:0!important;
}

/*MENU*/
.elementor-button-icon{
	line-height: normal!important;
}
.elementor-menu-cart__toggle .elementor-button:hover{
	border: none;
}
.filter-grey{
	filter: grayscale(1);
}
/*FOOTER LIENS*/
.line-footerv a:hover{
	color:#54E346;
}
.line-footerb a:hover{
	color:#00909e;
}
.line-footerr a:hover{
	color:#b42b51;
}
.line-footervb a:hover{
	color:#02CCA4;
}

/*PAGE PANIER*/
.woocommerce a.button,
.woocommerce button.button.alt{
	background-color: #B42B51!important;
	color: #fff!important;
	border-radius: 0!important;
	border: 4px solid #B42B51;
}
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover{
	background-color: #fff!important;
	color: #B42B51!important;
	border-color: #B42B51;
}
.woocommerce button.button:hover{
	    background-color: #B42B51;
		color:#fff;
		border: none;
}
@media (max-width: 600px){
	.woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input,
	.woocommerce-page table.cart td.actions .coupon .button{
		width: 100%!important;
	}
}

/*PAGE BOUTIQUE*/
@media (max-width: 1024px){
.elementor-widget-wc-archive-products .products {
    grid-template-columns: repeat(2, 1fr)!important;
}
}
@media (max-width: 600px){
.elementor-widget-wc-archive-products .products {
    grid-template-columns: 1fr!important;
}
}

/*BOUTON FORMULAIRE*/
.form-contact .wpcf7-submit{
	color:#fff!important;
	border-radius: 0;
	border: 4px solid #02CCA4!important;
}
.form-contact .wpcf7-submit:hover,
.form-contact .wpcf7-submit:focus{
	background-color: #02CCA4!important;
	border-radius: 0;
}
[type=submit]:focus{
	outline:none;
}
/* message formulaire desktop, ipad */
 @media screen and (min-width: 600px) {
 /* message envoyé */
 .wpcf7 form.sent .wpcf7-response-output {
 border-color: #7FCD91!important;
 color: #fff!important;
 position: relative;
 width: auto;
 margin-top: -55px;
 margin-left: 150px;
 }
 
 /* message erreur envoi (c’est la couleur du style du formulaire) */
 .wpcf7 form.invalid .wpcf7-response-output{
 position: relative;
 width: auto;
 border-color: #02CCA4!important;
 color: #fff!important;
 margin-top: -55px;
 margin-left: 150px;
 }
 }

 /* message formulaire mobile */
 @media screen and (max-width: 599px) {
 /* message envoyé */
 .wpcf7 form.sent .wpcf7-response-output {
 border-color: #7FCD91!important;
 color: #fff!important;
 position: relative;
 width: auto;
 margin-top: 20px;
 
 }
 
 /* message erreur envoi */
 .wpcf7 form.invalid .wpcf7-response-output{
 border-color: #02CCA4!important;
 color: #fff!important;
 position: relative;
 width: auto;
 margin-top: 20px;
 }
 }


.loc-date-cart{
	font-weight: 700;
}
.modal {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	z-index: 10000;
  }
  
  /* Modal Content/Box */
  .modal-content-date {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
  }
  
  /* The Close Button */
  .close-date {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
  }
  
  .close-date:hover,
  .close-date:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
  }