/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 @font-face {
    font-family: "lobster";
    src: url('/themes/_libraries/font-awesome/fonts/lobster.otf');
}
 
 
 
 body{font-family: lora, sans-serif;}
 
 a{ color: #a672aa; /*mauve clair*/}
 
 #header a:hover {
    color: #a672aa; /*mauve clair*/
 }
 .header {color:#fff; }
 
 #header .header-nav .cart-preview .shopping-cart {
 color: #fff;}
 #header .header-top a[data-depth="0"] {
    color: #604269;/*mauve fonce*/
    text-transform: uppercase;
	
 }
 #header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #a672aa;
 }
 #header .header-nav {
	 background-color:#714b7a;
 }
 #header .header-nav a{color:#fff;}
 
 #header .header-nav .cart-preview.active {
    background: #a672aa;
 }
 
 
 #header .header-nav .blockcart {
   
    background: #a672aa;
}
 @media (max-width: 767px) {
	  #header .header-nav {
	 background-color:#fff;
 }
 #header .header-nav a{color:#604269;}
 
     #header .top-logo img {
        width: auto;
        max-height: 3rem;
    }
}
 .block-social ul li{
	 background-color:unset;
 }
 .block-social ul li:hover {
    background-color: #a672aa;
 }
  /*HOME*/
   /*les chouchous
  */
  
  #index .featured-products h2 
  {
	  text-transform:capitalize!important;
	  font-family : lobster, sans-serif;
	  font-size:2.5rem;
	  color:#a672aa;
  }
  
  
  /*carrousel*/
  .carousel .carousel-inner {
    height: 450px;
  }
  @media (min-width: 767px) {
	  .carousel .carousel-item .caption {
    position: absolute;
  top:30%;
    left: 90px;
    max-width: 340px;
    color: #fff;
  }
  }
  @media (max-width: 767px) {
  .carousel .carousel-inner {
     height: auto;
}
}
 /*produit populaire*/
 
 .product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem .4375rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
    pointer-events: auto;
    background: #a672aa;
 }
 
 .product-description :after {
	 color:#red;
	 
	 
 }
 
 .block_newsletter form input[type=email]:focus {
    padding: 8px 8px 9px;
    border: 3px #a672aa solid;
 outline: 0;}
 
 .product-miniature .highlighted-informations .quick-view:hover {
    color: #a672aa;
}
 
 /**************/
 .btn-primary, .group-span-filestyle .btn-default{
    color: #fff;
    background-color: #a672aa;
 }
 .btn-primary:hover{
	background-color: #a672aa99; 
 }
 
 .product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #604269 3px solid;
 }
	.product-price {
    display: inline-block;
    max-width: 100%;
    color: #a672aa;
	}
	
	#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #a672aa;
}
	
	/*footer*/
	
	
	.block-contact, .footer-container li a {
    font-size: .875rem;
    color: #fff;}
	
	.block-contact, .footer-container li a:hover {
    font-size: .875rem;
    color: #604269;}
	
	.footer-container{
	background: url('../../../child_classic/assets/img/footer-bg2.png') repeat-x #A572AA;
	}
	
	.footer-container p.h3, #block_myaccount_infos .myaccount-title a, 
	.block-contact .h4{
		color:#5b3165;
	}
	
	.footer-container li{transition: linear 0.2s;}
	.footer-container li:hover {
	    margin-left: 3%;
    
	}
	
	@media (max-width: 767px) {
    .footer-container .links ul {
        margin-bottom: 0;
       background-color: #A572AA;
    }
	
	
    .footer-container .links ul>li a {
        color: #fff;
    }
}
	
	/*page categorie**********************/
	#subcategories{display:none;}
	
	/*page produit*****************************/
	
	#product h1 {
		color:#fff;
		background-color:#a672aa;
		padding:2%;font-family: lobster;
    font-weight: 100; text-transform:none;    font-size: 1.5rem;
	}
	.product-price .current-price-value   {
		font-size:1.5rem !important;
	}
	
	.product-prices {
		    display: flex!important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
	}
	#product-modal .modal-content .modal-body .product-images img:hover {
    border: #a672aa 3px solid;}
	
	.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #a672aa 3px solid;
	}
	.tabs .nav-tabs .nav-link.active {
    color: #a672aa;
	}
	p {
   
    color: #504c4c;}
	
	.facebook.icon-gray {
    background-image: url(../../../child_classic/assets/css/b252849e892c264f4f22.svg);}
	
	.facebook.icon-gray:hover, .facebook::before {
    background-image: url(../../../child_classic/assets/css/fa3993a997a0b84e9900.svg);}
	
	.pinterest.icon-gray{
    background-image: url(../../../child_classic/assets/css/91fc2885f1aa34fb73f6.svg);}
	
	.pinterest.icon-gray:hover, .pinterest::before {	
	background-image: url(../../../child_classic/assets/css/882e1291e47c7d9d5dd7.svg);
	}
	/*page connexion*/
	
	
	.form-control:focus{
	color: #232323;
    background-color: #fff;
    outline: .1875rem solid #a672aa;}
	
	/*newsletter*/
	
	.block_newsletter #block-newsletter-label {
		font-family:lobster, sans-serif;
		color:#a672aa;
	}
	
	
	/*page commande************************/
	
	body#checkout #header .header-nav{
		background-color:#fff;
	}
	body#checkout #footer .text-sm-center{
		display:none;
	}
	
	/**********/
	#blockcart-modal .product-name {
    font-size: 1.125rem;
    color: #6bb5a2;
	}
	.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #6bb5a2;
    border-color: transparent;
}

.btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6bb5a2;
    border-color: transparent;
    background-image: none;
}


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #6bb5a2;
    border-color: transparent;