/* Add custom CSS styles below */
body,
img,
a {
  background-color: transparent !important;
}

/*Hero*/
section:nth-child(4) {
  margin: unset;
}
section:nth-child(4) > div,
section:nth-child(7) > div,
section:nth-child(9) > div,
section:nth-child(11) > div{
  padding: unset;
  max-width: unset;
}
/**/

/*categories*/
.banner-entry.square-photos:first-child {
  grid-row: unset;
}
.banner-entry.square-photos {
  height: 250px;
}
section:nth-child(5) > div {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: unset;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .banner-entry.square-photos {
    height: 200px;
  }
  section:nth-child(5) > div {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
  }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  .banner-entry.square-photos {
    height: 150px !important;
    flex-basis: 200px;
  }
  section:nth-child(5) > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
}

@media screen and (max-width: 425px) {
  .banner-entry.square-photos {
        height: 100px !important;
        flex-basis: 110px;
  }
  section:nth-child(5) > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
}
/**/

/*products*/
.s-products-slider-card {
  padding: 1rem;
}
.s-product-card-entry.s-product-card-vertical {
  box-shadow: 0 0 10px 0 black;
}

.s-product-card-price {
  color: #a89f3a !important;
}

.s-button-primary-outline,
.s-button-primary-outline:hover {
  background-image: linear-gradient(to right,
  #108690,
  #1AA7B9);
  color: #fff;
  border: unset;
}

/*products page*/
.s-products-list-wrapper.s-products-list-vertical-cards {
  padding: 2rem;
}
/**/

/*Footer*/
footer > div.store-footer__inner,
.store-footer {
  background-image: linear-gradient(to right,
  #108690,
  #1AA7B9);
  color: #fff;
}
.copyright-text p{
  color: #fff;
}  
/**/