/* Add custom CSS styles below */ 
.bg-inherit {
    background-color: inherit;
    background-color: #6c3f38;
    color: white;
}

.sicon-user-circle:before {
    content: "\f072";
    color: white;
}

.sicon-shopping-bag:before {
    content: "\ef36";
    color: white;
}  


.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(255 255 255);
}

.s-product-card-vertical {
    flex-direction: column;
    box-shadow: 0 0 1px;
}


.banner--fixed img {
    display: block;
    width: 100%;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
    box-shadow: 0 0 10px;
}


.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: #1d1f1f;
    background-color: rgb(108 63 56);
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgb(255 255 255);
}


.s-social-link a svg {
    height: .875rem;
    width: .875rem;
    fill: currentColor;
    color: #dcbc8d;
}