/* Add custom CSS styles below */ 

body#app.index  {
    background: #000000 !important;
}
.footer-is-light .store-footer {
    background: #ffffff !important;
}
html.light {
    --header-bg-color: #654832;
}

.top-navbar *, .main-nav-container * {
    color: #ffffff;
}
.store-footer>svg {
    color: #000000;
}
.store-footer__inner {
    background: #000000 !important;
}
footer .md\:flex.items-center.justify-between.py-1.text-center {
    background: #000000 !important;
}
footer .store-footer__inner *{
    color:white !important;
}
.md\:flex.items-center.justify-between.py-1.text-center p{
        color:white !important;
}
@media (min-width: 768px) {
    #S_universal_slider-0 .universal-slider__slide {
        height: 100vh ! IMPORTANT;
    }
}
 button.s-slider-nav-arrow svg{
fill:black !important;
 }
section#S_products_slider-9 span{
 color:black;
}
section#S_products_slider-9 a.button.hover-filled-slide-left:hover span{
 color:#ffffff !important;
}
html.dark {
    --store-bg: #ffffff; 
}