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

/*Hero*/
section:nth-child(4){
margin: unset !important;
}
section:nth-child(4) > div , section:nth-child(8) > div{
padding: unset;
max-width: unset;
}
section > div > a > img{
border-radius: unset !important;
}
/*subHero*/
section:nth-child(5) > div{
max-width: 700px;
}
/**/

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

@media screen and (min-width: 769px) and (max-width: 1024px){
.s-block--banners{
  margin: unset;
}
section:nth-child(6) > div {
grid-template-columns: repeat(7, minmax(0, 1fr));
gap : 0.5rem;
}
}

@media screen and (min-width: 426px) and (max-width: 768px){
.s-block--banners{
  padding: unset;
  max-width: unset;
  margin-top: 2rem;
}
section:nth-child(6) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.banner-entry.square-photos{
    flex-basis: 180px;
    height: 150px !important;
}
}

@media screen and (max-width: 425px){
.s-block--banners{
  padding: unset;
  max-width: unset;
  margin-top: 2rem;
}
section:nth-child(6) > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.banner-entry.square-photos{
    flex-basis: 100px;
    height: 100px !important;
}
}
/**/

/*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-sale-price > h4{
color: #A89F3A !important;
}
.s-product-card-sale-price > span{
color : #FF0808;
}
.s-button-primary-outline , .s-button-primary-outline:hover{
background-image: linear-gradient(to right, #1F100A, #462516);
color: #FFF;
}

/*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, #1F100A, #462516);
    color: #FFF;
}
footer > div > span > p{
color: #FFF !important;
font-size : 18px;
font-weight: 700;
}
/**/