.browse-by-cat-wrap {
    color: var(--body-heading-color) !important;
}
/*header css starts here*/
.header {
    background: var(--header-bg-color) !important;
}

.header-links a {
    color: var(--header-nav-color) !important;
    background: var(--header-nav-bg-color) !important;
    display: flex;
    align-items: center;
}
.side-bar-links .item-text-wrap {
    color: var(--header-nav-color) !important;
    background: var(--header-nav-bg-color) !important;
}
    .side-bar-links .item-text-wrap:hover {
        color: var(--header-nav-color-active-and-hover) !important;
        background: var(--header-nav-bg-color-hover) !important;
    }
.side-bar-links ion-icon {
    color: var(--header-icon-color) !important;
}
/*Categories color theme css*/
/*.shop-sub-navigation .dropdown-menu > li > a {
    color: var(--body-primary-btn-bg-color) !important;
}*/
.dropdown-dynamic-web-wrap, .cat-section .dropdown-menu {
    background: var(--category-bg-color) !important;
}
.shop-header-wrap.dropdown-change-mobile-view.container, .add-carousel-category {
    background: var(--category-bg-color) !important;
}
.shop-header-wrap {
    background: var(--category-bg-color) !important;
}
.shop-sub-navigation li a {
    color: var(--category-link-color) !important;
    background: var(--category-link-bg-color) !important;
}

    .shop-sub-navigation li a:hover, .shop-sub-navigation li a:focus {
        color: var(--category-link-color-hover) !important;
        background: var(--category-link-bg-color-hover) !important;
        outline: none;
    }

.link-active > .category-image.border-ion-icon {
    border: 1px solid var(--category-link-color)!important;
}
.shop-sub-navigation li a i {
    color: var(--category-link-color) !important;
}

.shop-sub-navigation li a:hover i {
    color: var(--category-link-color-hover) !important;
}
.dropdown-dynamic-web-wrap .dropdown-menu li .text-primary {
    color: var(--category-link-color) !important;
}
    .dropdown-dynamic-web-wrap .dropdown-menu li .text-primary:hover {
        color: var(--category-link-color-hover) !important;
    }
.nav-scroller-btn--right {
    color: var(--category-link-color) !important;
}

.nav-scroller-btn--left {
    color: var(--category-link-color) !important;
    border-color: var(--category-link-color) !important;
    background: var(--category-link-bg-color) !important;
}
    .nav-scroller-btn--left:hover {
        color: var(--category-link-color-hover) !important;
        background: var(--category-link-bg-color-hover) !important;
        border-color: var(--category-link-color-hover) !important;
    }
.nav-scroller-content li a:hover .category-image.border-ion-icon {
    border: 1px solid var(--category-link-color);
}
.shop-header-wrap .shopping-cart .common-header-icon {
    color: var(--category-link-color) !important;
}
/*active links colors*/
.link-active > .category-image img {
    border: 1px solid var(--category-link-color) !important;
}
.nav-scroller-content li a:hover .category-image > img {
    border: 1px solid var(--category-link-color) !important;
}
.nav-scroller-content li a:hover .category-image + span {
    -webkit-box-shadow: inset 0 -3px var(--category-link-color) !important;
    box-shadow: inset 0 -3px var(--category-link-color) !important;
}
.link-active > .category-image + span {
    -webkit-box-shadow: inset 0 -3px var(--category-link-color) !important;
    box-shadow: inset 0 -3px var(--category-link-color) !important;
}

/*.dropdown-dynamic-web-wrap li a:hover, .dropdown-dynamic-web-wrap li a:focus {
    background: var(--body-primary-btn-bg-color) !important;
    color: var(--body-primary-btn-color) !important;
}*/

/*.dropdown-dynamic-web-wrap .dropdown-menu li a.next-wrap-show-1:hover i {
    color: var(--body-primary-btn-color) !important;
}*/
.tags-wrap a {
    color: var(--body-primary-btn-bg-color) !important;
}
    .tags-wrap a:hover {
        color: var(--body-primary-btn-bg-color-hover) !important;
    }

.seclected-item-dot {
    color: var(--header-basket-bubble-bg-color) !important;
}

@media (min-width: 800px) {
    .shop-sub-navigation a.dropdown-item.dropdown-toggle.active {
        background: var(--body-primary-btn-bg-color) !important;
        color: var(--body-primary-btn-color) !important;
    }
    /*.shop-sub-navigation .dropdown-menu > li > a {
        color: var(--body-primary-btn-bg-color) !important;
    }*/
    /*.shop-sub-navigation .dropdown-menu > li > a:hover, .shop-sub-navigation .dropdown-menu > li > a:focus {
        background: var(--body-primary-btn-bg-color) !important;
        color: var(--body-primary-btn-color) !important;
    }*/
    .shop-sub-navigation a.dropdown-item.dropdown-toggle.active i {
        color: var(--header-nav-color) !important;
    }

    /*custom css*/
    .shop-sub-navigation .dropdown-submenu a.dropdown-item.active {
        /*background: var(--body-primary-btn-bg-color) !important;
        color: var(--body-primary-btn-color) !important;*/
        color: var(--category-link-color-hover) !important;
        background: var(--category-link-bg-color-hover) !important;
    }
    .shop-sub-navigation .dropdown-submenu a.dropdown-item.active i {
        color: var(--category-link-color-hover) !important;
    }
    /*.shop-sub-navigation .dropdown-menu > li > a:hover, .shop-sub-navigation .dropdown-menu > li > a:focus {
        color: var(--header-nav-color) !important;
        background: var(--header-bg-color) !important;
    }*/

    /*.shop-sub-navigation .dropdown-submenu a.dropdown-item.active i {
        color: var(--body-primary-btn-color) !important;
    }*/
}
#cart_block_top .click-cart, .logo span {
    color: var(--header-nav-color) !important;
}

.header i, .header ion-icon {
    color: var(--header-icon-color) !important;
}
@media (max-width: 800px) {
    .shopping-cart ion-icon {
        color: #ffffff !important;
    }
    .click-cart {
        color: var(--body-primary-btn-color) !important;
        background: var(--body-primary-btn-bg-color) !important;

    }
        .click-cart *, .shopping-cart ion-icon {
            color: var(--body-primary-btn-color) !important;
        }
    .menu-responsive-checkout {
        border-color: var(--body-primary-btn-color) !important;
    }
}
.header-links a.active, .header-links a:hover {
    color: var(--header-nav-color-active-and-hover) !important;
    background: var(--header-nav-bg-color-hover) !important;
}
.username-header-label {
    color: var(--header-nav-color) !important;
}
.header .notification-bubble {
    background: var(--header-notification-bubble-bg-color) !important;
    color: var(--header-notification-bubble-color) !important;
}

.c-bubble {
    color: var(--header-basket-bubble-color ) !important;
    background: var(--header-basket-bubble-bg-color) !important;
    border: 1px solid var(--header-basket-bubble-color ) !important;
}

.dropdown-menu-header li a {
    color: var(--header-nav-color) !important;
    background: var(--header-nav-bg-color) !important;
}
    .dropdown-menu-header li a:hover {
        color: var(--header-nav-color-active-and-hover) !important;
        background: var(--header-nav-bg-color-hover) !important;
    }

    .dropdown-menu-header li a i {
        /*color: #777 !important;*/
        color: var(--header-nav-color) !important;
    }
    .dropdown-menu-header li a ion-icon {
        /*color: #777 !important;*/
        color: var(--header-nav-color) !important;
    }
    /*.dropdown-menu-header li a:hover {
        color: var(--header-nav-color-active-and-hover) !important;
        background: var(--header-nav-bg-color-hover) !important;
    }*/

        .dropdown-menu-header li a:hover i {
            color: var(--header-nav-color-active-and-hover) !important;
        }
    .dropdown-menu-header li a:hover ion-icon {
        color: var(--header-nav-color-active-and-hover) !important;
    }

.mobile-responsive .profile-img-wrap {
    color: var(--header-nav-color) !important;
    background: var(--header-bg-color) !important;
}

.mobile-responsive .header-links .redeem-btn {
    background-color: #55BB0E !important;
    color: #FFFFFF !important;
}
.login-main-p-wrap ion-icon {
    color: var(--header-nav-color) !important;
    background: var(--header-nav-bg-color) !important;
}
.mobile-responsive .header-links .redeem-btn:hover {
    background-color: #55BB0E !important;
    color: #FFFFFF !important;
}

.mobile-responsive p {
    color: var(--header-nav-color) !important;
}

.pageheading, .profile-label-name {
    color: var(--header-nav-color) !important;
}
/*.mobile-responsive .header-links i {
    color: var(--header-nav-color) !important;
}*/
/*header css ends here*/
/*slider btn color*/
.slider-btn {
    color: var(--slider-btn-color) !important;
    background: var(--slider-btn-bg-color) !important;
}

    .slider-btn:hover {
        color: var(--slider-btn-color-hover) !important;
        background: var(--slider-btn-bg-color-hover ) !important;
    }



.body-p-color .slider-p {
    color: var(--slider-p-color) !important;
}

.slider-content-1 {
    background: var(--slider-bg-color) !important;
}

.owl-dot-style .owl-dots .owl-dot {
    border: 1px solid var(--slider-btn-bg-color) !important;
}

    .owl-dot-style .owl-dots .owl-dot.active {
        background: var(--slider-btn-bg-color) !important;
        border: 1px solid var(--slider-btn-bg-color) !important;
    }
    a:hover{
        text-decoration:none!important;
    }
/*Body,h1, h2, h3, p, a colors css override*/
.body-heading-color h1, .body-heading-color h2, .body-heading-color h3, .body-heading-color h4, .body-heading-color h5, .body-heading-color h6 {
    color: var(--body-heading-color) !important;
}
.body-heading-color h1.slider-heading {
    color: var(--slider-heading-color) !important;
}
.nav-pills > li {
    color: var(--body-heading-color) !important;
}

.body-p-color p {
    color: var(--body-p-color) !important;
}
    .body-p-color p.text-danger {
        color: #dc3545 !important
    }
.p-left-info .p-detail:first-child {
    color: #000 !important
}
.body-link-color {
    color: var(--body-a-color) !important;
    font-weight: normal;
}

    .body-link-color:hover {
        color: var(--body-a-color-hover) !important;
    }

.body-back-top-btn-color {
    color: var( --body-back-to-top-btn-icon-color) !important;
    background: var(--body-back-to-top-btn-bg-color) !important;
}

.body-back-top-btn-color {
    color: var(--body-back-to-top-btn-icon-color-hover) !important;
    background: var(--body-back-to-top-btn-bg-color-hover) !important;
}

    

/*.body-icon-color {
    color: var(--body-icon-color) !important;
}*/

/*.modal-title i {
    color: var(--body-icon-color) !important;
}*/

.body-btn-default {
    color: var(--body-default-btn-color) !important;
    background: var(--body-default-btn-bg-color) !important;
}

    .body-btn-default:hover {
        color: var(--body-default-btn-color-hover) !important;
        background: var(--body-default-btn-bg-color-hover) !important;
    }
.btn-default{
    border-color: var(--body-primary-btn-bg-color) !important;
}
    .btn-default:hover {
        background: #f2f2f2 !important;
        color:#000;
    }

.body-btn-primary {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
}

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


.body-btn-success {
    color: var(--body-success-btn-color) !important;
    background: var(--body-success-btn-bg-color) !important;
}

    .body-btn-success:hover {
        color: var(--body-success-btn-color-hover) !important;
        background: var(--body-success-btn-bg-color-hover) !important;
    }
.add-basket-btn {
    border-color: var(--body-primary-btn-bg-color) !important;
    background: var(--body-primary-btn-color) !important;
    color: var(--body-primary-btn-bg-color) !important;
}
.theme-outline-btn {
    border-color: var(--body-primary-btn-bg-color) !important;
    background: #fff;
    color: #000;
}
    .theme-outline-btn:hover {
        background: var(--body-primary-btn-bg-color) !important;
        color: var(--body-primary-btn-color) !important;
    }
.out-of-s-btn {
    border-color: var(--body-primary-btn-bg-color) !important;
    background-color: #d2d2d2;
    font-weight: 500;
}
.add-basket-btn:hover {
    background: var(--body-primary-btn-bg-color) !important;
    color: var(--body-primary-btn-color) !important;
}
.add-basket-reverse-btn {
    background: var(--body-primary-btn-bg-color) !important;
    color: var(--body-primary-btn-color) !important;
}
.menu-tab-bar a:hover {
    border-bottom: 3px solid var(--body-heading-color) !important;
}

.menu-tab-bar a.active {
    border-bottom: 3px solid var(--body-heading-color) !important;
}

.active-menu {
    border-left: 3px solid var(--body-heading-color) !important;
}

    .active-menu::after {
        color: var(--body-heading-color) !important;
    }

.empty-stars {
    color: #d2d2d2;
}
.register-tab .nav-item.active a {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
}
.register-tab .nav-tabs .nav-link:focus, .register-tab .nav-tabs .nav-link:hover {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
}
/*stars colors*/
.empty-stars {
    color: #d2d2d2 !important;
}

/*.filled-stars {
    color: var(--header-bg-color) !important;
    -webkit-text-stroke: 1px var(--header-bg-color) !important;
    text-shadow: 1px 1px var(--header-bg-color) !important;
}*/


.cd-top {
    background: var(--body-back-to-top-btn-bg-color) !important;
    border: 1px solid var(--body-back-to-top-btn-icon-color) !important;
    color: var(--body-back-to-top-btn-icon-color) !important;
}
 .cd-top:hover {
        background: var(--body-back-to-top-btn-bg-color-hover) !important;
        border: 1px solid var(--body-back-to-top-btn-icon-color) !important;
        color: var(--body-back-to-top-btn-icon-color-hover) !important;
    }
.dropdown-menu li a.text-primary:hover {
    color: #0056b3 !important;
    background: none !important;
}
.left-nav-category a.menu-last.view-all {
    color: var( --body-a-color) !important;
}
/*Footer css starts here*/
footer {
    background: var( --footer-bg-color) !important;
}

.footer-heading {
    color: var(--footer-heading-color) !important;
    border-bottom: 1px solid var(--footer-heading-color) !important;
}
.footer-p {
    color: var(--footer-heading-color) !important;
}
.need-help-icon {
    color: var(--footer-icon-color) !important;
}
.footer-links a {
    color: var(--footer-link-color) !important;
}

    .footer-links a:hover {
        color: var(--footer-link-color-hover) !important;
    }

.social-icons a {
    color: var(--footer-icon-color) !important;
}

    .social-icons a:hover {
        color: var(--footer-icon-color-hover) !important;
    }

.need-help-icon svg path {
    fill: var(--footer-icon-color) !important;
}

.appstore-buttons a {
    color: var(--footer-icon-color) !important;
}

    .appstore-buttons a svg path {
        fill: var(--footer-icon-color) !important;
    }

.body-p-color .footer-p {
    color: var(--footer-p-color) !important;
}

.copy-text a {
    color: var(--footer-link-color) !important;
}

.button-row a.active {
    color: var(--body-primary-btn-color) !important;
    background: var(--body-primary-btn-bg-color) !important;
}
.button-row a:hover {
    color: var(--body-primary-btn-color-hover) !important;
    background: var(--body-primary-btn-bg-color-hover) !important;
}

.footer-btn {
    color: var(--footer-btn-color) !important;
    background: var(--footer-btn-bg-color) !important;
}

    .footer-btn:hover {
        background: var(--footer-btn-bg-color-hover) !important;
        color: var(--footer-btn-color-hover) !important;
    }



.btn.disabled, .btn:disabled {
    opacity: .65;
    background-color: transparent !important;
    color: #6c757d !important;
    border-color: #d2d2d2 !important;
}
.gro-single-item-pad:hover .image-height {
    border: 1px solid var(--body-primary-btn-bg-color) !important
}

.owl-nav-style .owl-nav > div {
    border-color: var(--body-primary-btn-bg-color) !important;
    background: var(--body-primary-btn-color) !important;
    color: var(--body-primary-btn-bg-color) !important;
}
    .owl-nav-style .owl-nav > div:hover {
        background: var(--body-primary-btn-bg-color) !important;
        color: var(--body-primary-btn-color) !important;
        
    }
.owl-carousel .owl-nav .disabled:hover {
    color:#000!important;
    background: none !important;
}

@media(max-width: 576px) {
    .gro-single-item-pad:hover .image-height {
        border: none!important;
    }
    .grid-view .gro-single-item-pad .image-height {
        border: 1px solid #d2d2d2!important;
    }
    .grid-view .gro-single-item-pad img {
        border:none;
    }
    .list-view img {
        border: 1px solid #d2d2d2;
    }
}