/* Add custom CSS styles below */ 
/*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;
}
section.s-block--photos-slider  button.s-slider-nav-arrow.swiper-button-disabled {
    visibility:hidden;
}
/*transparent to img*/
.s-block--fixed-banner .banner--fixed img ,
.s-block--banners  .grid .banner-entry {
    background-color:transparent !important;
}
/*logo large*/
div#mainnav a.navbar-brand img{
    width:50px;
    min-height:50px !important;
}
/*element list */
.s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
    height:400px !important;
}
@media(min-width:768px){
   .s-block--banners > .grid {
        grid-template-columns:repeat(4, minmax(0, 1fr));
       
    } 
}
@media(max-width:768px){
    .s-block--banners > .grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .s-block--banners > .grid a.banner-entry {
        height:100px;
    }
    .s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
    height:250px !important;
}
}
.store-footer__inner {
    background-color: #4A3B32 !important;
    color:white !important;
}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #4A3B32 !important;
    margin: 0;
    max-width: 100% !important;
}
.md\:flex.items-center.justify-between.py-4.container.text-center p{
    color:white;
}