:root {
    --first-color: #F9BC2D;
    --second-color: #000;
}
.autocomplete-items {
	scrollbar-color: var(--first-color) white;
}
.btn-primary:hover,
.btn-success:hover {
    opacity: 0.7;
}
.btn-primary {
    background-color: var(--first-color);
}
.btn-outline-primary {
    border-color: var(--first-color);
    color: var(--first-color);
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--first-color);
    border-color: var(--first-color);
}
.btn-success {
    background-color: var(--second-color);
}
.btn-outline-success {
    border-color: var(--second-color);
    color: var(--second-color);
}
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active,
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled):active {
    background-color: var(--second-color);
    border-color: var(--second-color);
}
.btn-primary:focus, .btn-outline-primary:focus, 
.btn-success:focus, .btn-outline-success:focus,
.btn-outline-secondary:focus,
.btn-outline-info:focus, 
.btn-outline-danger:focus,
.btn-outline-default:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}
a,
a:hover,
.sub-menu>li:hover>a,
.toolbar-dropdown>li:hover>a,
.sub-menu>li.active>a,
.toolbar-dropdown>li.active>a
.navi-link:hover,
.navi-link-light:hover,
.nav-tabs .nav-link:hover,
.comment .reply-link:hover,
.btn-link-primary,
.topbar .topbar-column a:not(.social-button):hover {
    color: var(--first-color);
}
.offcanvas-toggle:hover,
.offcanvas-menu ul li a:hover,
.offcanvas-menu ul li.active>a,
.offcanvas-menu ul li.has-children.active>span>a {
    color: var(--first-color);
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.active,
.dropdown-product-item .dropdown-product-title:hover {
    color: var(--first-color);
}
.input-group .form-control:focus~.input-group-addon,
.input-group .input-group-btn button:hover {
    color: var(--first-color);
}
.widget-categories ul>li>a:hover,
.widget-links ul>li>a:hover,
.widget-categories ul>li.active>a,
.widget-links ul>li.active>a,
.widget-featured-posts>.entry .entry-title>a:hover,
.widget-featured-products>.entry .entry-title>a:hover,
.widget-light-skin.widget-categories ul>li>a:hover,
.widget-light-skin.widget-links ul>li>a:hover,
.widget-light-skin.widget-categories ul>li.active>a,
.widget-light-skin.widget-links ul>li.active>a,
.widget-light-skin.widget-featured-posts>.entry .entry-title>a:hover,
.widget-light-skin.widget-featured-products>.entry .entry-title>a:hover {
    color: var(--first-color);
}
.lang-currency-switcher-wrap .lang-currency-switcher:hover>.language,
.lang-currency-switcher-wrap .lang-currency-switcher:hover>.currency,
.lang-currency-switcher-wrap .lang-currency-switcher:hover::after,
.lang-currency-switcher-wrap.show>.lang-currency-switcher .currency,
.lang-currency-switcher-wrap.show>.lang-currency-switcher::after {
    color: var(--first-color);
}
.form-control:focus,
.input-light.form-control:focus,
.input-light .form-control:focus {
    border-color: var(--first-color);
}
.progress-bar,
.custom-control .custom-control-input:checked~.custom-control-indicator,
.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
    background-color: var(--first-color);
}
.pagination .pages>li.active>a,
.list-group-item.active,
.tag.active,
.widget-light-skin .tag.active,
.steps .step.completed .step-icon,
.shop-view>a.active {
    border-color: var(--first-color);
    background-color: var(--first-color);
}
.site-menu ul>li:hover>a,
.site-menu ul>li.active>a {
    color: var(--first-color);
}
.site-menu>ul>li.active>a {
    border-top-color: var(--first-color);
}
.breadcrumbs>li>a:hover,
.footer-copyright>a:hover,
.product-card .product-title>a:hover,
.shopping-cart .product-item .product-title>a:hover,
.wishlist-table .product-item .product-title>a:hover,
.order-table .product-item .product-title>a:hover,
.categoryBox-item a:hover .categoryBox-title,
.checkout-steps>a:hover {
    color: var(--first-color);
}
.checkout-steps>a.active,
.checkout-steps>a.active+a>.angle {
    background-color: var(--first-color);
}
.checkout-steps>a.active>.angle::after {
    border-left-color: var(--first-color);
}
.product-gallery .product-thumbnails>li.active>a {
    border-color: var(--first-color);
}
.post-meta>li>a:hover,
.post-title>a:hover,
.single-post-meta .meta-link>a:hover,
.single-post-footer .sp-tag:hover {
    color: var(--first-color);
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .sub-menu > li > a, .toolbar-dropdown > li > a, .offcanvas-toggle, .site-menu ul > li > a, .toolbar .search, .toolbar .account, .toolbar .cart, .widget-categories ul > li > a, .topbar .topbar-column a, .topbar .topbar-column > a:not(.social-button), h4.product-symbol, .widget-title {
    color: var(--second-color);
}
.btn-danger,
.btn-outline-danger:hover {
    background-color: #cf2e2e;
    border-color: #cf2e2e;
}
.btn-danger:hover {
    border-color: #ff1f1f;
}
.btn-outline-danger {
    color: #cf2e2e;
    border-color: #cf2e2e;
}
.btn-outline-info {
    border-color: #0693e3;
    color: #0693e3;
}
.btn-outline-info:hover {
    background-color: #0693e3;
    border-color: #0693e3;
}
.alert-info {
    background-color: rgba(6, 147, 227, 0.12);
    color: #0693e3;
}
.text-danger {
color: #cf2e2e !important;
}
.text-primary {
    color: #0693e3 !important;
}
.qty-in-cart .badge.badge-danger {
    border-color: #cf2e2e;
    color: #cf2e2e;
}
.offcanvas-container, .offcanvas-menu ul li.back-btn > a {
    background-color: var(--second-color);
}
.topbar, .page-title {
    border-bottom: 1px solid var(--second-color);
    color: #fff;
}
.topbar, .page-title,
.site-footer {
    background-color: var(--second-color);
}
.site-footer .widget-light-skin span.opacity-50,
.site-footer  #frmNewsletter .opacity-50{
    opacity: 1 !important;
} 
.page-title h1, 
.breadcrumbs>li>a,
.topbar .topbar-column a, 
.topbar .topbar-column > a:not(.social-button),
.topbar .topbar-column span,
.site-footer .widget-light-skin .widget-title,
.site-footer .input-light .form-control {
    border-color: rgba(255, 255, 255, 0.5);
    color: rgb(255, 255, 255);
}
.site-footer .widget-light-skin.widget-links ul > li::before,
.site-footer .sb-light-skin.shape-circle,
.site-footer #email {
    color: rgba(255, 255, 255, 0.5);
}
.site-footer hr.hr-light{
    border-top-color: rgba(255, 255, 255, 0.5);
}
.scroll-to-top-btn {
    background-color: var(--first-color);
}
.scroll-to-top-btn:hover {
background-color: var(--first-color);
    opacity: 0.5;
}