body#app.index {
    background-color:#F9F6EB;
}
.top-navbar{
    display:none;
}
@media(min-width:1025px){
    #mainnav {
   height:120px !important; 
}
#mainnav .inner.bg-inherit{
    position:relative;
}
#mainnav .items-stretch{
    display:flex;
    justify-content: start !important;
    margin-top:30px;
    margin-bottom:30px;
}
#mainnav .items-center:nth-last-of-type(2){
    width:55% ;
    justify-content: space-between !important;
}
#mobile-menu{
    background-color:#4D6B4E;
    color:white;
    border-radius:0 10px  10px 0;
    padding-left:70px;
    padding-right:20px;
    height:90px !important;
}
#mainnav .items-stretch .items-center.justify-end {
    background-color:#4D6B4E;
    margin:0;
    padding:5px;
    border-radius: 10px  0 0 10px ;
    padding-left:70px;
}
#mainnav .items-stretch .items-center.justify-end i{
        filter: invert(1) brightness(2);
}
}

div#mainnav a.navbar-brand img{
    width:200px;
    min-height:200px !important;
}
.items-stretch > .items-center.justify-end {
    align-self: center !important; 
    height: 90px !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;
}
section.s-block--photos-slider  button.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    visibility:hidden;
}
/*element list */
.s-block--banners > .grid a.banner-entry {
        grid-row: span 1 / span 2 ;
}
@media(min-width:768px){
   .s-block--banners > .grid {
        width:1000px;
        justify-self:center !important;
        grid-template-columns:repeat(4, minmax(0, 1fr));
    } 
}
@media(max-width:768px){
    .s-block--banners > .grid {
        grid-template-columns:repeat(4, minmax(0, 1fr));
    }
}
/*transparent to img*/
 .s-block--fixed-banner img ,
 .s-block--banners .grid .banner-entry {
    background-color:transparent !important;
}
/*footer*/
.store-footer__inner {
        background-color: #F9F6EB !important;
}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #4D6B4E !important;
    margin: 0;
    max-width: 100% !important;
}
.md\:flex.items-center.justify-between.py-4.container.text-center p{
    color:white;
}