:root {
    /* --main-bg-color: brown;
    --main-bg-color: brown;
    --main-bg-color: brown; */
    --mcash-grey: rgb(61, 80, 90);
    /* --mcash-orange: rgb(247, 148, 30); */
    --mcash-orange: rgb(75, 183, 56);
    /* --mcash-orange-dark: rgb(167, 97, 13); */
}

.btn-mcash-grey {
    color: #fff;
    background-color: var(--mcash-grey);
    border-color: var(--mcash-grey);
    color: var(--mcash-orange);
}

.btn-mcash-grey:hover {
    color: #fff;
    background-color: var(--mcash-grey);
    border-color: var(--mcash-grey);
    color: var(--mcash-orange);
}

.btn-mcash-orange {
    color: #fff;
    background-color: var(--mcash-orange);
    border-color: var(--mcash-orange);
}

.btn-mcash-orange:hover {
    color: #fff;
    background-color: var(--mcash-orange);
    border-color: var(--mcash-orange);
}

.btn-primary {
    color: #fff;
    background-color: var(--mcash-orange);
    border-color: var(--mcash-orange);
}

.btn-primary:hover {
    /* color: #fff;
    background-color: var(--mcash-orange-dark);
    border-color: var(--mcash-orange-dark); */
    color: var(--mcash-grey);
    background-color: #FFFFFF;
    border-color: var(--mcash-grey);
}

.btn-secondary {
    color: #fff;
    background-color: var(--mcash-grey);
    border-color: var(--mcash-grey);
}

.btn-secondary:hover {
    color: #fff;
    background-color: var(--mcash-grey);
    border-color: var(--mcash-grey);
}

.btn-outline-secondary {
    color: var(--mcash-grey);
    border-color: var(--mcash-grey);
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--mcash-grey);
    border-color: var(--mcash-grey);
}

a {
    color: var(--mcash-orange);
}

.badge-primary {
    background-color: var(--mcash-orange);
    color: var(--mcash-grey);
}

.badge-primary:hover {
    background-color: var(--mcash-orange);
    color: var(--mcash-grey);
}

.bg-mcash-grey {
    color: #fff;
    background-color: var(--mcash-grey);
}

.bg-mcash-grey a {
    color: inherit;
}

.bg-mcash-grey a:hover {
    color: var(--mcash-orange);
}

.dropdown-toggle.show {
    color: var(--mcash-orange);
}

.secondary-navbar a,
.side-menu a {
    color: var(--mcash-grey);
}

.secondary-navbar a:hover ,
.side-menu a:hover ,
.secondary-navbar a:active ,
.side-menu a:active {
    color: var(--mcash-orange);
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--mcash-grey);
}

.breadcrumb-wrapper {
    --bs-breadcrumb-divider: '>';
    font-size: small;
    margin-bottom: 20px;
}

.breadcrumb a {
    color: var(--mcash-grey);
    text-decoration: none;
}

.breadcrumb a:hover {
    color: var(--mcash-grey);
    text-decoration: underline;
}


/* Sticky footer styles
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 180px;
    /* Margin bottom by footer height */
    font-size: 0.9rem;
}

main.shop-main {
    margin-top: 114px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 180px;
    /* Set the fixed height of the footer here */
    line-height: 30px;
    /* Vertically center the text there */
    color: #fff;
    background-color: var(--mcash-grey);
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

label.error {
    width: 100%;
    margin-top: .25rem;
    font-size: 0.85rem;
    color: #dc3545;
}

.product-card a {
    color: var(--mcash-grey);
    text-decoration: none;
}

.product-card a:hover {
    color: var(--mcash-orange);
}





.widget {} 

.widget.dashboard-widget {
    border: thin solid #DDDDDD;
}

.widget .widget-icon {
    font-size: 3.0rem;
    color: #777777;
}