/* --- Colors --- */

:root {
    --main: #f8d589;
    --main-light: #f8eede;
    --main-dark: #84714a;
    --accent: #f8eede;
    --body-color: #212529;
    --cta-green: #18992c;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #333333;
    --grey-light: #fafafa;
    /*--footer-bg-color: ;*/
}
.header-v2 .header-right .cart .number {
    background: #8b7f46!important;
}
.icons {
    background-color: #ccbeab7a!important;
}
.header-v2 .header-right form .input-group {
    background: #ffedd3c4!important;
}
.header-v2 ul li a.top-nav-link:hover, .header-v2 ul li a.top-nav-link:active, .header-v2 ul li a.top-nav-link:focus {
    color: var(--main)!important;
}
.header-v2 .submenu-header ul a:hover, .header-v2 .submenu-header ul a:active, .section-slide-v2 .slick-button2:hover .arrow, .section-slide-v2 .slick-button2:focus .arrow {
    color: #9d844c!important;
}
.header-v2 ul li a.top-nav-link:hover::after {
    background: var(--main)!important;
}
.logo a img {
    width: 128px!important;
}
.box-mobile-menu {
    background-image: url(/storage/dfa55812-aea8-4244-9b7b-078ecb8fbaf9/bg-menu.jpg)!important;
}
.section-contact-us .contact button:hover, .btn-shop-now:hover, .btn-login:hover {
    background: var(--main)!important;
    color: #000!important;
}
.section-support-v1 .box .content span {
    color: #ae955e;
}
.bg-danger {
    background-color: #9d844c !important;
}

a.bg-danger:hover {
    background-color: var(--main)!important;
    color: #000!important;
}