/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
@import url(https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css);
.top-navbar {
  background-color: #fff !important;
}
.main-menu li>a:hover {
    color: #222c;
}
.store-header + section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 0rem !important
}
.navbar-brand img {
  max-height: 4.5rem;
}
 section.s-block.s-block--fixed-banner .container {
  max-width: 100%;
  padding: 0
}

.s-slider-block__title-right h2 {
  font-size: 20px;
}
button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    color: #a2c7dc;
}
.s-product-card-image,
.s-user-menu-trigger {
  background-color: transparent !important
}
.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  border-radius: 10px
}
.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
  opacity: 1
}
.s-button-primary-outline:hover:not(.s-quick-buy-button){
  color:#fff;
}
.s-product-card-content * {
  text-align: center;
  justify-content: center
}
.s-product-card-content-sub h4,.main-content h4.text-red-800.font-bold.text-xl.inline-block,h2.total-price.text-red-800.font-bold.text-xl.inline-block{
    color:red !important;
}
.s-product-card-content-sub h4,
h3.s-product-card-content-title a {
  font-weight: 600 !important;
  font-size: 18px
}
.s-product-card-content i.sicon-shopping-bag:before {
  content: "\F07a";
  font-family: FontAwesome !important
}
salla-add-product-button.hydrated[product-status="out"] {
    cursor: no-drop;
}
.s-product-card-entry.s-product-card-vertical.s-product-card-fit-height {
  background-color: #transparent
}
.s-products-list-wrapper.s-products-list-vertical-cards,
.s-products-slider-card.swiper-slide {
  padding-bottom: 9px;
  padding-right: 9px
}
section.s-block.s-block--features.container .s-block--features__item .feature-icon {
  background-color: transparent !important;
  width: 100%;
  height: 100%
}
section.s-block.s-block--features.container .s-block--features__item .feature-icon i {
  color: transparent;
  background-size: contain;
  width: 80px;
  height: 80px
}
section.s-block.s-block--features.container .s-block--features__item:first-of-type .feature-icon i {
  background-image: url("https://i.postimg.cc/qMPVcfkN/div-feature-icon.png")
}
section.s-block.s-block--features.container .s-block--features__item:nth-of-type(2) .feature-icon i {
  background-image: url("https://i.postimg.cc/tCWyMRv3/div-feature-icon-1.png")
}
section.s-block.s-block--features.container .s-block--features__item:nth-of-type(3) .feature-icon i {
  background-image: url("https://i.postimg.cc/7h7vdX9H/div-feature-icon-2.png")
}
.s-block--features__item h2,
.s-block--features__item p {
  font-size: 15px;
}


.store-footer__inner .container.grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}
.store-footer__inner * {
  text-align: center !important;
  justify-content: center !important
}
.store-footer__inner .grid>div {
  padding-left: 0;
  grid-column: span 1/span 2
}


.s-comments.s-comments-product {
  background-color: transparent
}
@media (max-width:992px) {
  .store-footer__inner .container.grid {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }
  .store-footer__inner p {
    max-width: 48rem
  }
}
@media (max-width:600px) {
salla-add-product-button.hydrated[product-status="out"] span {
    font-size: 13px;
}
    .navbar-brand img {
  max-height: 60px !important;
}
  .main-nav-container b.s-cart-summary-total {
    display: none
  }
  .s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    padding: 5px
  }
  .s-block--features__item:first-child {
    grid-column: span 1/span 2
  }
  section.s-block.s-block--features.container .grid {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
  .product-single footer.store-footer {
    padding-bottom: 50px !important
  }
  section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    justify-content: center
  }
  section.s-block.s-block--features.container .s-block--features__item .feature-icon i {
    width: 80px;
    height: 80px
  }
}
.product-single .s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text ,.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center{
    color: #fff;
}