/* ==========================
   Global Website Background
========================== */

html,
body,
#app,
.app-inner,
main,
#main-content {
    background-color: #EED8CC !important;
}


.s-slider-block__title .s-slider-block__title-nav {
    display:none !important;
}



/* nav */
/* Increase logo size */
header.store-header .navbar-brand img {
    width: auto !important;
    height: 100px !important;
    max-height: 100px !important;
}

/* Tablet */
@media screen and (max-width: 1024px) {

  header.store-header .navbar-brand img {
    width: auto !important;
    height: 80px !important;
    max-height: 100px !important;
}
}

/* Mobile */
@media screen and (max-width: 767px) {

 header.store-header .navbar-brand img {
    width: auto !important;
    height: 60px !important;
    max-height: 100px !important;
}
}
i.header-btn__icon.icon.sicon-shopping-bag,
button.s-user-menu-login-btn {
    background-color: #ead7ce;
}





/* cat */
section.s-block.s-block--banners.container {
      margin-bottom: 50px !important;
}
/* Desktop */
a.banner-entry.square-photos {
    height: 800px !important;
    background-color: transparent !important;

}

/* Tablet */
@media (max-width: 1024px) {
    a.banner-entry.square-photos {
        height: 600px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
  .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
}
    a.banner-entry.square-photos {
        height: 220px !important;
    }
}





/* Main footer area */
footer.store-footer .store-footer__inner {
    background-color: #e5bea6 !important;
}

/* Bottom copyright and payment bar */
footer.store-footer > div.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #826a5d !important;
}

/* Remove any different background behind the bottom bar */
footer.store-footer {
    background-color: #826a5d !important;
}