/* Add custom CSS styles below */ 

body {
background-color: #cbc1b2;
}

#app > div.app-inner.flex.flex-col.min-h-full > header > div.top-navbar {
background-color: #9d4217;
}

#mainnav {
background-color: #9d4217;
}

#mobile-menu > ul {
background-color: #cbc1b2;
}

@media screen and (min-width: 900px) {
    #mobile-menu > ul {
        border-radius: 10px 10px 0 0;
    }
}


.s-product-card-content {
background-color: #f7f5f3;
border-radius: 0 0 10px 10px;
}

#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20

{
display: none;
}

#app > div.app-inner.flex.flex-col.min-h-full > salla-comments > div {

background-color: #cbc1b2;
}

div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > salla-product-options {

background-color: #cbc1b2;
border: 1px solid #4c553a;
}

div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {

background-color: #cbc1b2;
border: 1px solid #4c553a;
}

.store-footer__inner {
background-color: #9d4217 !important;
color: #f7f5f3;
}

footer > div.md\:flex.items-center.justify-between.py-4.container.text-center {
background-color: #9d4217;
}

.sticky-product-bar {
background-color: #f7f5f3;
border-radius: 0 0 10px 10px;
}