/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
html {
    scroll-behavior: smooth;
}

.dropdown-menu-custom .cart-buttons .btn {
    background-color: #7b9d4f;
}

#category #read-more-description {
    padding-top: 100px;
}
#category #read-more-description .category-description-long {
    padding-top: 20px;
    border-top: 1px solid rgba(161, 161, 161, 0.25);
}
#category .category-description ul, #category .category-description-long ul {
    list-style: inherit;
    padding-left: 30px;
    margin-bottom: inherit;
}

a[href="#read-more-description"] {
    margin-bottom: 30px;
    scroll-behavior: smooth;
}

@media (max-width: 768px) {
    #category #read-more-description {
        padding-top: 25px;
    }
}