/* Add custom CSS styles below */ 
/* nav */ 
.top-navbar:not(.topnav-has-bg) {
    background-color: #ec8f31!important;
    color: white;
}
#mainnav , 
#mobile-menu{
    background-color:  #49533c !important;
     color: white !important;

}
img.logo-normal{
height: 80px !important
}

.main-menu span{
transition: .3s 
}
.main-menu span:hover {
    color: black;
}
 section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0 {
    margin-top: 0 !important;
}
 section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0 > div ,
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4 > div ,
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--7 > div,
 section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--9 > div
 {
    padding: 0 !important;
    max-width: 100%;
}
.s-block.s-block--square-links.square-links-1>div > ul > li:hover img {
    transform: scale(1) !important;
}

 section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0 > div > a > img,

  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4 > div > a > img ,
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--7 > div > a > img,
   section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--9 > div > a > img {
    border-radius: 0 !important;
}
 section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--0 > div ,
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--4 > div ,
  section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--7 > div,
  
{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    border-radius: 0;
}
section.s-block.s-block--special-products-slider--6 .s-products-slider-card{
max-width: 250px  !important;
}
.text-store-text-primary{
 color: #535f44;
    font-size: 1.5rem !important;
}

body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > div > div > div > h2  {
color: #49533c!important;
}


.border-primary {
    border-color:#ec8f31 !important;
}

#about-3 > div > div > div.w-full.md\:w-7\/12 > p {
    color: black;
    font-size: 15px !important;
    line-height: 2;
}
   section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--9{
 }
body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > footer > div > div.store-footer__inner > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > a > img {
    height: 150px !important;
}

 div.product-card__content > div.product-card__normal-cart.mt-2 > salla-add-product-button > div > salla-button > button {
    background: #49533c;
    border-radius: 0 20px;
    color: white;
     transition: .3s ease;
}
div.product-card__content > div.product-card__normal-cart.mt-2 > salla-add-product-button > div > salla-button > button:hover{
    background: #ec8f31;
    color: #ffffff ; 
}

/* media mobile */
@media (max-width: 768px) {
#about-3 > div > div > div.w-full.md\:w-7\/12 > p {
    color: black;
    font-size: 20px !important;
    line-height: 2;
}
#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > div > div > ul {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
}
.text-store-text-primary{
 color: #535f44;
    font-size: 16px !important;
}
section.s-block.s-block--special-products-slider--5>div > div > img ,
section.s-block.s-block--special-products-slider--6>div > div > img{
    max-height: 450px !important;
}
section.s-block.s-block--special-products-slider--5>div > div ,
section.s-block.s-block--special-products-slider--6>div > div  {
    margin: 30px  0 !important;

}



 }