/*
*
* Template Color CSS File
* Color code: 
* Author: 
* Template Name: 
*
*/

:root {
	--color-primary: #873600;
	--color-secondary: #9B470F ;
}

a:hover, a:focus, a:active {
    color: var(--color-primary);
}

.btn-custom {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.btn-custom .disabled, .btn-custom:disabled {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.btn-block {
    background-color: var(--color-primary);
}

.btn-block:hover {
    background-color: var(--color-secondary);
}

.btn-outline {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.btn-outline:hover {
    background-color: var(--color-primary) !important;
}

.btn-filter-products-mobile {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
}

.form-control:focus {
    border-color: var(--color-primary);
}

.link {
    color: var(--color-primary) !important;
}

.link-color {
    color: var(--color-primary);
}

.top-search-bar .btn-search {
    background-color: var(--color-primary);
}

.nav-top .nav-top-right .nav li a:hover, .nav-top .nav-top-right .nav li a:focus, .nav-top .nav-top-right .nav li a:active {
    color: var(--color-primary);
}

.nav-top .nav-top-right .nav li .btn-sell-now {
    background-color: var(--color-primary) !important;
}

.nav-main .navbar > .navbar-nav > .nav-item:hover .nav-link:before {
    background-color: var(--color-primary);
}

.li-favorites a i {
    color: var(--color-primary);
}

.product-share ul li a:hover {
    color: var(--color-primary);
}

.pricing-card:after {
    background-color: var(--color-primary);
}

.selected-card {
    -webkit-box-shadow: 0 3px 0px 0 var(--color-primary);
    box-shadow: 0 3px 0px 0 var(--color-primary);
}

.selected-card .btn-pricing-button {
    background-color: var(--color-primary);
}

.profile-buttons .social ul li a:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-product-promote {
    background-color: var(--color-primary);
}

.contact-social ul li a:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.price-slider .ui-slider-horizontal .ui-slider-handle {
    background: var(--color-primary);
}

.price-slider .ui-slider-range {
    background: var(--color-primary);
}

.p-social-media a:hover {
    color: var(--color-primary);
}

.blog-content .blog-categories .active a {
    background-color: var(--color-primary);
}

.nav-payout-accounts .active, .nav-payout-accounts .show > .nav-link {
    background-color: var(--color-primary) !important;
}

.pagination .active a {
    border: 1px solid var(--color-primary) !important;
    background-color: var(--color-primary) !important;
}

.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.spinner > div {
    background-color: var(--color-primary);
}

::selection {
    background: var(--color-primary) !important; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: var(--color-primary) !important; /* Gecko Browsers */
}

.cookies-warning a {
    color: var(--color-primary);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--color-primary);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.custom-control-variation .custom-control-input:checked ~ .custom-control-label {
    border-color: var(--color-primary) !important;
}
.btn-wishlist .icon-heart {
    color: var(--color-primary);
}
.product-item-options .item-option .icon-heart {
    color: var(--color-primary);
}
.mobile-language-options li .selected, .mobile-language-options li a:hover {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.mega-menu .link-view-all {
    color: var(--color-primary) !important;
    font-size: 12px !important;
}

.mega-menu .menu-subcategories ul li .link-view-all:hover {
    border-color: var(--color-secondary) !important;
}
.custom-select:focus {
    border-color: var(--color-primary);
}