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

/*Hero*/
section:nth-child(4) {
  margin: unset;
}
section:nth-child(4) > div {
  padding: unset;
  max-width: unset;
}
/*subHero*/
section:nth-child(5) > div {
  max-width: 800px;
}
/**/

/*categories*/
.banner-entry.square-photos:first-child {
  grid-row: unset;
}
.banner-entry.square-photos {
  flex-basis: 200px;
  height: 200px !important;
}
section:nth-child(6) > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section:nth-child(7) {
  margin-top: unset !important;
}
section:nth-child(7) > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
section:nth-child(6) > div a:last-of-type {
  display: none;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .banner-entry.square-photos {
    flex-basis: 150px;
    height: 150px !important;
  }
  section:nth-child(6) {
    margin-top: unset !important;
  }
  section:nth-child(6) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  section:nth-child(7) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
}

@media screen and (min-width: 426px) and (max-width: 768px) {
  .banner-entry.square-photos {
    flex-basis: 120px;
    height: 100px !important;
  }
  section:nth-child(6) {
    margin-top: unset !important;
  }
  section:nth-child(6) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  section:nth-child(7) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
}
@media screen and (max-width: 425px) {
  .banner-entry.square-photos {
    flex-basis: 100px;
    height: 90px !important;
  }
  section:nth-child(6) {
    margin-top: unset !important;
  }
  section:nth-child(6) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  section:nth-child(7) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
  section:nth-child(6) > div a:last-of-type {
    display: unset;
  }
  section:nth-child(7) > div a:first-of-type {
    display: none;
  }
}
/**/

/*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: #000 !important;
}

.s-button-primary-outline,
.s-button-primary-outline:hover {
  background-color: #000;
  color: #fff;
  border: unset;
}

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

/*Footer*/
footer > div.store-footer__inner {
  background-color: #000 !important;
  color: #fff;
}
/**/