/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 *PARAFARMACIA*/

@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"');

/*Modifica body*/

.container {
   
	width: 100%;
   
}

.carousel .carousel-inner {
  
	height: 640px;
	
}

.carousel {
	
	margin-left: -16px;
	margin-right: -13px;
	
	
}

/*Etichetta nuovo*/

.product-flags li.product-flag {
  
    background: #09a4e4;
	

}


/*Header*/


#header {
    background: #4e4c4f;
    
}


#header .header-nav {
    
    background-color: #fff;
}

/*Modifica Header Nav carrello*/

#header .header-nav .cart-preview.active {
 
	background: #09a4e4;
}


/*MENU*/

#header .header-top a[data-depth="0"] {
 
	color: #ffffff;
    
}


#header .top-menu a[data-depth="0"]:hover {
 
	color: #09a4e4;
    
}

#header a:hover {
 
	color: #09a4e4;
}

.top-menu a[data-depth="0"] {
      
    padding-top: 0.475rem;
    padding-left: 2.625rem;
}

/*########## MODIFICA MENU VERTCALE*/

/*Background sotto menu restringimento */

#header .header-top .position-static {
    /* position: static; */
       position: relative;
    margin-bottom: -86px;
        margin-top: 2px;
	margin-left: -5px;
    z-index: 100;
}

/*Top menu sotto menu*/

.top-menu .sub-menu {
   
    display: table-cell;
    position: inherit;
    padding-bottom: -50px;
}

/*Modifica categorie menu allineamento*/

li#category-10.category{
	
	margin-left: 18px;
    margin-right: -51px;
}

li#category-11.category a.dropdown-item{
	
	    margin-left: -35px;
    margin-right: 28px;
}



li#category-12.category{
	
	margin-left: 10px; 
}

li#category-13.category {
	
	margin-left: -20px; 
}


/*Margine per allinemaento menu*/

#header .menu, #header .menu>ul>li {
    
        margin: 0px -20px 0px 10px;
}

/*FINE MENU VERTICALE*/

/*Carrello attivo*/

#header .header-nav .blockcart a:hover {
    color: #09a4e4;
}

/*Blocco social*/

.block-social ul li {
   
	background-color: #e7e7e7;
    height: 2.5rem;
    width: 50px;
    margin: .325rem .125rem .125rem 0.125rem;
   
}

.block-social ul li {
   
	background-color: #e7e7e7;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
}

.block-social ul li:hover {
   
	background-color: #09a4e4;
}

/*Anteprime prodotti*/

#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
    
	margin-left: 100px;
    
}

/*Anteprima miniatura bordo*/

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: 3px solid #09a4e4;
}

/*Anteprima miniatura nella visualizzazione delle foto prodotto*/

#product-modal .modal-content .modal-body .product-images img:hover {
    border: 3px solid #09a4e4;
}


/*Aggiungi al carrello*/

.btn-primary {

	background-color: #09a4e4;
   
}

/*Bordo scheda prodotto*/

.product-cover img {
   
    border: 2px solid #09a4e4;
}

/*Bordo prodotti home in vetrina*/

#products .thumbnail-container .product-thumbnail, .featured-products .thumbnail-container .product-thumbnail, .product-accessories .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail {
   
    border: 2px solid #09a4e4;
}

/*Blocco testo personalizzabile html*/

#custom-text {
   
	padding: 0px;
    
}

/*Link a class*/

a {
    color: #09a4e4;
    text-decoration: none;
}

/*Form email newsletter input*/

.block_newsletter form input[type=email]:focus {
   
	border: 3px solid #09a4e4;
    
}


/*Footer*/

.footer-container li a:hover {
    color: #09a4e4;
}


/*SLIDE PROVA */
body 1 {
  align-items: center;
  background: #E3E3E3;
  display: flex;
  height: 100vh;
  justify-content: center;
}

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: pr;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
}
/************FINE***************/

/************SLIDE******ANIMATION****

H2.display-1.text-uppercase {
	
	animation: scroll 6s cubic-bezier(0.76, 0.13, 1, 1);
	
	margin-bottom: 200px;
    margin-left: 200px;
}

div.caption-description h3 {
	
	    animation: scroll 6s cubic-bezier(0.76, 0.13, 1, 1);
    margin-bottom: 200px;
    margin-left: 200px;
    animation-direction: alternate-reverse;
	
}

@keyframes fadeInRight {
    from { background-color: #336699; }
    to { background-color: #FF6600; }
	
}

div.caption-description h3 {
    width: 100px;
    height: 100px;
    background-color: #336699;
    /* applico l'animazione all'elemento */
    animation-name: fadeInRight;
    animation-duration: 4s;
}
**/