/* Add custom CSS styles below */ 
img , a{
background-color: transparent !important;
}
#app{
background-color: #EDD6C5;
}
/*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: 650px;
}
/**/

/*Categories*/
.banner-entry.square-photos:first-child{
grid-row: unset;
}
section.s-block.s-block--banners.container > div{
gap : unset;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media screen and (min-width: 450px) and (max-width: 650px){
section.s-block.s-block--banners.container > div{
gap : 1rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 449px){
section.s-block.s-block--banners.container > div{
gap : 1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.s-block.s-block--banners.container > div > a > div{
height: 85%
}
}
/**/

/*product*/
.s-product-card-price{
color: #A89F3A;
}
.s-button-primary-outline{
background-color: #4E3832;
color: #FFF;
}
/**/

/*footer*/
footer > div.store-footer__inner , footer , footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p{
color : #FFF !important;
background-color : #4E3832 !important;
}
/**/