/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 
 
@font-face {
	font-family:LTMakeup;
	src: url(LTMakeup-Regular.otf);
}

h1, h2, h3, h4, h5, h1.h1 {
	font-family:LTMakeup;
}
 
 /* Couleur ECONOMISEZ X%  */
 .has-discount .discount {
    background: #fc84fc;
}

/* Couleur prix réduit */
.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul {
    color: #fc84fc;
}
 
 
 /*Couleur Titre Carousel*/
 .carousel .carousel-item .caption .display-1 {
    color: #333046;
 }
 
 /*Couleur Barre de recherche*/
 #search_widget form input {    
    /*background-color: #fdfdb5;*/
}

 /* couleur btn panier*/
 #header .header-nav .blockcart {    
    /*background: #ffc6ff;*/
}

/* couleur btn panier */
#header .header-nav .cart-preview.active {
    background: #ffc6ff;
}
 
 /*icone menu*/
 #header .header-nav #menu-icon .material-icons {
    line-height: 80px;
}

/*centrer logo*/
 #header .logo {	
    max-width: 400px;
    height: auto;
	margin-left: auto;
    margin-right: auto;
}

#header #_desktop_logo h1 {
    text-align: center;
	max-width: 100%;
}
 
 #header .header-top>.container>.row:first-of-type {
    text-align: center;
}
 
 /*Fond Body*/
#wrapper { background-color: #ffebff; }

 
 /* Alignement LOGO / Menu */
 /* desktop */
@media(min-width:1025px){
	.header-top #top-menu{margin-top:20px;}
	.header-top #search_widget{margin-top:10px;}
}
 /* tablette h. */
@media(min-width:1024px) AND (max-width:1024px){
	.header-top #top-menu{margin-top:10px;}
	.header-top #search_widget{margin-top:5px;}
}
 /* desktop v. */
@media(min-width:768px) AND (max-width:1023px){
	.header-top #top-menu{margin-top:5px;}
	.header-top #search_widget{margin-top:0px;}
}
 /* mobile */
@media(max-width:767px){
	#header .top-logo img{min-height:60px; }
	/* figer le header */
	
	#header .header-nav{
		  position: fixed;
		  width: 100%;
		  z-index: 1000;
		  top: 0; 
		  background-color: #ffffff;
	  }
	  
	#header .header-top {
    padding-top: 5rem;
	}
}

.product-flags li.product-flag {    
    color: #fff;
    background: #beb2fe;
}

.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: #ffc6ff;
}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #beb2fe;
}

/*barre dans l'entete*/
#header .header-nav {
    max-height: 60px;
    border-bottom: #ffffff 2px solid;
}

/*couleur texte menu MOUSE OVER */
#header .header-top a[data-depth="0"]:hover {
  color: #fc84fc;
}

/*couleur texte lien pied de page MOUSE OVER */
.footer-container li a:hover {
  color: #fc84fc;
}

/*couleur texte menu MOUSE OVER */
#block_myaccount_infos .myaccount-title a:hover, #header a:hover, #wrapper .breadcrumb li a:hover, .linklist .blockcms-title a:hover {
  color: #fc84fc;
}

/*couleur mouse hover categorie */
#subcategories ul li:hover .subcategory-image a  {
    padding: 5px;
    border: 5px solid #fc84fc;
}

/*couleur mouse hover categorie */
#subcategories ul li:hover .subcategory-image a:hover {
    padding: 5px;
    border: 5px solid #fc84fc;
}

/*couleur mouse hover texte categorie */
#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: #fc84fc;
}

/*couleur texte categorie */
a {
    background-color: transparent;
    color: #333046;
}

/* espace sous la description d'un produit */
#product_tabs {
	margin-bottom : 2rem;	
}

/* couleur fond texte page accueil */
#custom-text {
	background-color: #ffebff;
}

/* couleur fond slider (pour mobile) */
.carousel{
    background-color: #ffebff;
}



/*  IMAGE BACKGROUND */
/*@media(min-width:1024px){*/
@media{
	/*#wrapper .container{background-color:#ffebff ;padding-top:20px;}*/
	#wrapper {background:url('./newBG.png') top center repeat;}
	/*#wrapper {background-image: url(./BG3.png),url(./BG2.png), url(./BG1.png) ;}*/
}

/* champs Alias livraison */
/* Le champs alias sert de "nom" à l'adresse,
on peux modifier le texte (exemple : nom de l'adresse)
dans le back office > international > traduction > front office > coeur > francais... */

/* figer le header */
/*
#header {
      position: fixed;
      width: 100%;
      z-index: 1000;
      top: 0; // add this line
  }
  */