/* 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: 600px;
}
/**/

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

@media screen and (min-width:768px) and (max-width: 1024px){
section:nth-child(6) > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap : 0.5rem;
}
.banner-entry.square-photos{
    height: 190px !important;
    flex-basis: 210px;
}
}

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

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

/*products*/
.s-product-card-price{
color: #000;
}
.s-button-primary-outline , .s-button-primary-outline:hover{
background-color: #FC72A3;
color: #FFF;
}
/**/

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

/**/
.main-nav-container.fixed-pinned .navbar-brand img , .navbar-brand img{
  max-height:100px ;
}