/* Add custom CSS styles below */ 
#mainnav{
    background-color:#F5F2ED;
}


/*Logo large*/
#mainnav .navbar-brand img{
    width:80px !important;
    min-height:80px;
}
/*transparent to img*/
.s-block--fixed-banner .banner--fixed img ,
.s-block--banners  .grid .banner-entry {
    background-color:transparent !important;
}
/*photos slider full width */
section.s-block--photos-slider .swiper{
    padding:0;
}
section.s-block--photos-slider .swiper .swiper-slide{
    padding:0;
    width:100%;
}
section.s-block.s-block--photos-slider {
    margin-top:0;
}

.s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
}
@media(min-width:768px){
   .s-block--banners:nth-of-type(2) > .grid {
        grid-template-columns:repeat(5, minmax(0, 1fr));
        max-width: 1200px;
        margin: auto;
    } 
  .s-block--banners:nth-of-type(3) > .grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        max-width: 1200px;
        margin: auto;
    } 
  .s-block--banners.s-block--banners:nth-of-type(3) > .grid a.banner-entry {
        height:400px;
    }
}
@media(max-width:768px){
    .s-block--banners.s-block--banners:nth-of-type(2) > .grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .s-block--banners.s-block--banners:nth-of-type(2) > .grid a.banner-entry {
        height:150px;
    }
  #mainnav .navbar-brand img{
    width:40px !important;
    min-height:40px;
}
}
.store-footer__inner {
    background-color: #F5F2ED !important;
}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #F5F2ED !important;
    margin: 0;
    max-width: 100% !important;
}

.s-block--features .feature-icon{
    background-color:#FDFCF5 ;
}
.s-block--features .feature-icon i{
    color:#C0896A;
}