/*------------------------------------------------------------------
[retail Color Stylesheet]

Project:    retail
Version:    1.0

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of colors]

    1. Top bar       / #edebd9;
    2. Button 		 / #header
    3. Hihglight 	 / var(--main)
    4. Hover 	     / var(--main)


    4. Content 		 / .main
    5. wide content	 / .main-content-area
    6. Sidebar 		 / .sidebar
    7. products tab  / .wrap-show-advance-info-box
    8. Topbar Menu 	 / .topbar-menu-area
    9. Header menu 	 / .nav-section
    10. Megamenu 	 / .wrap-megamenu
    11. Sideblog 	 / #sideblog
    12. Footer 		 / #footer

-------------------------------------------------------------------*/

/*----------Header---------------*/
body{
	color: var(--body);
}

.form-control{
    color: var(--body); 
}

a:hover {
    color: var(--main);
}



.topbar-menu-area {
    background: var(--topbar-menu-area);
}

.topbar-menu-area .topbar-menu ul li a {
    color: #666666;
}

.center-section .wrap-search-form .wrap-list-cate {
    background: var(--topbar-menu-area);
}

.center-section .wrap-search-form .wrap-list-cate .list-cate li.level-0 {
    background: #fff8df;
}

.list-cate li:hover {
    background: #edebd9;
}


.center-section .wrap-search-form button {
    background: var(--second);
}

.center-section .wrap-search-form button:hover {
    background-color: var(--main);
}

.center-section .wrap-search-form button i {
    color: #fff;
}

.center-section .wrap-search-form {
    border: 1px solid #b9b19b;
}

.link-direction {
    color: var(--top-icons);
}

/* .main-info-area .right-section .wrap-icon-section .link-direction > i {
    color: var(--button1);
} */

.main-info-area .right-section .wrap-icon-section .index {
    color: #fff;
    background: var(--button1);
}

.main-info-area .right-section .wrap-icon-section.minicart .index {
    background: var(--sale-label);
}

.main-info-area .right-section .wrap-icon-section.wishlist .index {
    background: var(--wishlist-info);
}

.topbar-menu-area .topbar-menu ul li a:hover {
    color: var(--main);
}


/*---------Main Menue-----------*/
.header-style-1 .primary-nav-section {
    background: var(--mian-menu-area);
    -webkit-box-shadow: 0 6px 4px -4px #dbdfdd;
    -moz-box-shadow: 0 6px 4px -4px #dbdfdd;
     box-shadow: 0 6px 4px -4px #dbdfdd;
}

.primary .menu-item.home-icon i{
	color: #ffffff;
}

.primary > .menu-item:not(.home-icon) > a {
    color: #7b7565;
}

.primary>.menu-item:not(.home-icon):hover{
    background: #27a2a252;
}

.primary > .menu-item:not(.home-icon) > a:hover {
    color: var(--main);
}


.primary > .menu-item:not(.home-icon) > a.active {
    color: var(--main);
}

.primary>.menu-item:not(.home-icon).active{
    background: var(--menu-atcive);
}


.menu-item.home-icon {
    background: var(--main);
}

.submenu li:hover {
    color: var(--main);
}

.submenu li a:hover{
    color: var(--main);
}

.master .menu-item:hover {
    background: #e2eaea52;
}

.master .menu-item.active {
    background: #e2eaea52;
}


.wrap-vertical-nav li a{
	color: #666666;
}

.wrap-vertical-nav li a:hover, .wrap-vertical-nav li a:focus, .wrap-vertical-nav li a:active {
    color: var(--main);
}

.menu-title.active {
    color: var(--main);
}

.link-term.active {
    color: var(--main);
}


/*-------mobile menu-----------*/

.menu-item.home-icon a{
    color:#fff
}


.menu-item.home-icon a:hover{
    color:#fff
}


.retail-panels .wrap-vertical-nav .menu-title.active{
    color: var(--main);
}


.retail-clone-wrap .menu-item:not(.home-icon):hover {
    background: #e2eaea52;
    color: var(--main);
}

.retail-clone-wrap .wrap-vertical-nav li a:hover, 
.retail-clone-wrap .wrap-vertical-nav li a:focus, 
.retail-clone-wrap .wrap-vertical-nav li a:active {
    background: #e2eaea52;
    color: var(--main);
}


.retail-clone-wrap .link-term.active {
    color: var(--main);
}


.retail-clone-wrap  .master .menu-item.active a {
    color: var(--main);
}

.primary>.menu-item:not(.home-icon):hover{
    background: var(--menu-atcive);
}


.widget .widget-title{
    color: #888;
    border-bottom: 1px solid #e6e6e6;
}
.widget-menu-item {
    border-bottom: 1px solid #e6e6e6;
}

.widget-menu-item a:hover{
    color: var(--main);
}

.widget-menu-link.active{
    color: var(--main);
}

.widget .widget-content>ul>li:last-child{
    border-bottom: none;
}


.widget.widget-recent-post li a:hover{
    color: var(--main);
}
.post-name:hover .art-title{
    color: var(--main);
}


.inspirations .info a.btn-to-post{
    color: var(--forth);
    border: 1px solid #e6e6e6;
}
.inspirations .info a.btn-to-post:hover{
    color: #fdfdfd;
}


.after-full-rec-load {
    color: var(--second);
}



.ins-prodcut-info{
    color: #fff;
    background: #101111b3;
}

.ins-prodcut-info .product-title{
    color: #fff;
}


.ins-prodcut-area {
    border: 1px solid var(--topbar-menu-area);
}


.ins-prodcut-area .product-meta{
    color: #fff;
}


.ins-prodcut-area .text-accent {
    color: #a3f2dc !important;
}


.ins-prodcut-area .text-muted {
    color: #f2f2f2 !important;
}

/*----------footer------------*/
.wrap-footer-content {
    background: var(--second);
}

.coppy-right-box {
    background: var(--third);
}

.wrap-footer-content .wrap-footer-item .item-header {
    color: #fff;
}


.wrap-footer-item .wrap-contact-detail ul li {
    color: #fff;
}

.wrap-footer-item .wrap-hotline-footer .desc {
    color: #fff;
}

.wrap-footer-item .wrap-hotline-footer .phone-number,
.topbar-menu-area .topbar-menu .label-before.fa-mobile{
    color: var(--main) !important;
}

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

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

.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    background-color: var(--main);
    border: 1px solid var(--main) !important;
}

.btn.btn-back:focus, .btn-back.focus  {
    color: var(--forth);
}

.wrap-footer-item  .social-network ul li a{
    background-color: #e5e5e5;
}

.wrap-footer-item .social-network ul li a:hover i{
    color: #ffffff;
}


.wrap-footer-item .social-network ul li a:hover {
    background-color: var(--main);
    color: #ffffff;
}

.wrap-footer-item .link-term {
    color: #fff;
}

.wrap-footer-item .link-term:hover {
    color: var(--main);
    background: none;
}



.wrap-vertical-nav li a:hover, .wrap-vertical-nav li a:focus, .wrap-vertical-nav li a:active{
    background: #edebd9;
}

.wrap-footer-item .wrap-vertical-nav li a:hover, .wrap-footer-item .wrap-vertical-nav li a:focus, .wrap-footer-item .wrap-vertical-nav li a:active{
    background: none;
}


/*------Bottom menu--------*/

.wrap-nav.horizontal-nav .link-term {
    color: var(--button1);
}

.wrap-nav.horizontal-nav .link-term:hover {
    color: var(--main);
}

/*-------------------------*/

.coppy-right-box .coppy-right-text{
    color: var(--button1);
}
.coppy-right-box .coppy-right-text a{
    color: #ffffff;
}
.powerd-item{
    color: var(--button1);
}

.payment_method{
    background: #fff;
}


.section-header {
    color: var(--second);
}

.featured{
    background: var(--topbar-menu-area);
}

.offer-title{
    color: #242320;
}

.offer-timer{
    color: var(--offer-timer-counter);
    
}
.offer-timer span:not(:last-child)::after{
    color: #f3a6a6;
}
.offer-timer span b{
    color:var(--offer-timer-counter-before);
}
.offer-timer::before{
    color: var(--offer-timer-counter-before);
}

.offer-content {
    
    color: #fff;
}

.wrap-main-slide-3 .item-slide .wrap-banners .banner-link,
.btn-link{
    background: var(--second);;
}

.wrap-main-slide-3 .item-slide .wrap-banners .banner-link:hover,
.wrap-main-slide .slide-1 .btn-link:hover{
    background: var(--main);
}

.wrap-main-slide-3 .item-slide .wrap-banners .banner-link:active,
.wrap-main-slide .slide-1 .btn-link:active{
    background: var(--main);
}
.wrap-main-slide-3 .item-slide .wrap-banners .banner-link:focus,
.wrap-main-slide .slide-1 .btn-link:focus{
    background: var(--main);
    text-decoration: none;
}

.wrap-main-slide-3 .item-slide .wrap-banners.type-1 .s-title,
.wrap-main-slide .slide-1 .f-title b {
    color: var(--offer-timer-counter);
}

.wrap-main-slide-3 .item-slide .wrap-banners.type-1 .f-title,
.wrap-main-slide .slide-1 .f-title {
    color: var(--second);
}

.wrap-main-slide-3 .item-slide .type-1 .desc,
.wrap-main-slide .slide-1 .subtitle{
    color: var(--second);
}

.wrap-main-slide-3 .item-slide .sale-info,
.wrap-main-slide .slide-1 .sale-info{
    color: #789b8c;
}

.wrap-main-slide-3 .item-slide .sale-info .price,
.wrap-main-slide .slide-1 .sale-info .price{
    color: var(--sale-label);
}


.form-option-label:hover {
    border-color: #a09e99;
    color: var(--main);
    background: #e2eaea52;
   }


.form-check-input:checked ~ .form-option-label {
    border-color:var(--main);
    background: var(--main);
    color:#fff;
   }


   .flash-item.sale-label.offer {
    background: var(--offer-label);
    color: var(--sale-label);
    border: 1px solid var(--sale-label);
}

.flash-item.sale-label.offer::before {
    border-top-color: var(--sale-label);
    border-left-color: var(--sale-label);
}


.product-title{
    color: #373f50;
}

.btn-wishlist.active{
    background: var(--main);
    color:#fff;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
}

/*-----prodcut details-------*/
.wrap-product-detail .detail-info .product-name{
    color: var(--body);
}

.short-desc p {
    color: var(--body);
}

.wrap-product-detail .advance-info .tab-contents .tab-content-item p{
    color: var(--body);
}

.wrap-product-detail .detail-info .wrap-price span.product-price{
    color: var(--main);
}

.btn-wishlist-1.active {
    color: var(--main);
}



.widget {
    background: #ecedd90d;
    border: 1px solid #e6e6e6;
}

.spinner-area{
    color: var(--second);
}
.la-line-scale.la-dark {
    color: var(--main);
}


.product-rating .active, .product-rating .rated {
    color: #fea569;
}

.error{
    color:red;
    font-size: 13px;
}


.wrap-icon-box .icon-box-item i{
    background: #bebebe;
}


/*------prodcut list------*/

.filter-widget .widget-title {
    color: #888;
    border-bottom: 1px solid #e6e6e6;
}


.checkmark {
    border: 1px solid #e6e6e6;
  }
  

  .chk_label:hover {
    color: var(--main);
  }
 
  .chk_label:hover input ~ .checkmark {
     border: 1px solid var(--main);
  }
  
  .chk_label input:checked ~ .checkmark {
    background-color: var(--main);
    border: 1px solid var(--main);
  }

  .additional-filter:hover {
    color: var(--main);
  }

  .control-show-more {
    color: var(--forth);
    border: 1px solid #e6e6e6;
}

.control-show-more:hover {
    border-color: #a09e99;
    color: var(--main);
    background: #e2eaea52;
    cursor: pointer;
}

.ui-slider+p input,
.ui-slider+p label{
    color: #999 !important;
}
.ui-slider+p input[type=text]{
    color:var(--main); 
}
.ui-slider+p button{
    color: var(--forth);
}

.clear_filter:hover {
    color: var(--main);
}

.warning-bg{
    background: var(--main) !important;
    background-color: var(--main) !important;
}

.danger-bg{
    background: #dc3545  !important;
    background-color: #dc3545  !important;
    color: #fff !important;
}

.success01-bg{
    background: #28a745  !important;
    background-color: #28a745  !important;
    color: #fff !important;
}


.available {
    color: #158e04 !important;
}

.product-name{
    color: #037272;
}

.cart-qty-actions input {
    background: #fff;
}