/* Add custom CSS styles below */ 
/* general */
.banner--fixed img ,
.banner-entry{
  background-color: transparent;
}
/* Header */
.header-is-dark .header-innerLeft ,
.header-is-dark #mainnav .header-btn__icon{
  color: white;
}
#mainnav .header-signInBtn{
  background-color: transparent;
}
#Page-1{
  fill: white;
}
/* logo */
img.main-logo.light-logo{
  filter: drop-shadow(0 10px 10px #000);
}
/* categories */
section:nth-of-type(3) div{
grid-template-columns:repeat(5, minmax(0, 1fr))}
.two-row .banner-entry:first-child{
  grid-row: span 1 / span 1;
}
.lazy__bg{
  background-repeat: no-repeat;
  background-size: contain ;
}
@media (max-width:425px){
  section:nth-of-type(3) div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
    section:nth-of-type(3) .banner-entry{
    width: 90px;
    height: 100px;
  }
}
@media (max-width:768px){
    section:nth-of-type(3) div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
    section:nth-of-type(3) div.two-row div.banner-entry{
    width: 100px;
    height: 100px;
  }
}
/* products */
#app.btns-gradient .btn-gradient,
body#app.btns-gradient .s-button-primary{
  background: #013439 !important;
}
.s-button-primary-outline{
  color: #013439;
}
.s-button-primary-outline:hover{
  color: white;
    background: #013439 !important;
}
#app.btns-gradient .tab-trigger.is-active,
#app.btns-gradient .tab-trigger.is-active > button{ 
  background: #013439 !important;
}
body.p-border-on custom-salla-product-card.product-block{
border-color: #eeeeee;
  background-color: #ddd;
}
/* footer */
.footer-is-dark .store-footer__inner ,
.store-footer ,
.header-is-dark #mainnav{
  background: #013439 ;
   color: white;
}