/* ---- General Colors ----*/
html,
body{
    background-color: var(--main-bg);
    color: var(--main-color);
}
h1,h2{
   color: var(--section-header-color);
}
/* Link */
a.link,
a.primary-color{
    color: var(--anchor-color) ;
}
a.link:active,a.link:focus,a.link:hover,a.primary-color:visited,
a.primary-color:focus{
    color: var(--anchor-hover-color) ;
}


/* Button */
.add_to_cart,
.btn.btn-primary{
    background-color: var(--btn-primary-bg) !important;
    border: 1px solid var(--btn-primary-bg) !important;
    color: var(--btn-primary-color) !important;
}
.add_to_cart:hover,
.btn.btn-primary:hover {
    background-color: var(--btn-primary-hover-bg) !important;
    border: 1px solid var(--btn-primary-hover-bg) !important;
    color: var(--btn-primary-hover-color) !important;
}

.btn.btn-outline-primary{
    background-color: var(--btn-primary-color);
    border: 1px solid var(--btn-primary-bg) !important;
    color: var(--btn-primary-bg) !important;
}
.btn.btn-outline-primary:hover{
    background-color: var(--btn-primary-bg) !important;
    border: 1px solid var(--btn-primary-bg) !important;
    color: var(--btn-primary-color) !important;
}
.secondary_button{
    background-color: var(--btn-secondary-bg) !important;
    border: 1px solid var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-color) !important;
}
.secondary_button:hover{
    background-color: var(--btn-secondary-hover-bg) !important;
    border: 1px solid var(--btn-secondary-hover-bg) !important;
    color: var(--btn-secondary-hover-color) !important;
}
.btn.btn-danger{
    background-color: var(--btn-danger-bg) !important;
    border: 1px solid var(--btn-danger-bg) !important;
    color: var(--btn-danger-color) !important;
}

.btn.btn-secondary{
    background-color: var(--btn-secondary-bg) !important;
    border: 1px solid var(--btn-secondary-bg) !important;
    color: var(--btn-secondary-color) !important;
}
.btn.btn-secondary:hover {
    background-color: var(--btn-secondary-hover-bg) !important;
    border: 1px solid var(--btn-secondary-hover-bg) !important;
    color: var(--btn-secondary-hover-color) !important;
}
/* Search Input */

.m_search_form input,
.search_form input {
    border-color:  var(--search-input-border);
    background-color:  var(--search-input-bg);
    color: var(--search-input-color);
}
.m_search_form input::placeholder,
.search_form input::placeholder {
    color: var(--search-input-placeholder);
}
.m_search_form button,
.search_form button{
    color:var(--search-input-color);
    background-color: var(--search-input-bg) !important;
}
.m_search_form input:focus,
.search_form input:focus {
    border-color: var(--search-input-border-focus);
    color: var(--search-input-color-focus);
}
.m_search_form input:focus::-webkit-input-placeholder, 
.search_form input:focus::-webkit-input-placeholder{
  color: var(--search-input-placeholder-focus) !important;
}
/* Form Color */
.form-group label{
    color: var(--form-label-color);
}
.form-group .form-control,
.form-control{
    color: var(--form-color) ;
    background-color: var(--form-bg);
    border-color: var(--form-border) ;
}
.form-check-input:checked{
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
}
input[type='radio']:checked:before {
    background-color: var(--btn-primary-color);
}

/* Qty Input */
.product-detail-row .product-detail-col-wrap .qty-title{
    color: var(--form-label-color);
}

.btn-number-input .btn-number,
.btn-nmbr-input .btn-number{
    background-color:  var(--btn-primary-bg);
    color: var(--btn-primary-color);
    border: 1px solid  var(--btn-primary-bg);
}
.btn-number-input input,
.btn-nmbr-input input{
    color: var(--form-color);
    background-color:var(--form-bg);
    border-color: var(--btn-primary-bg);
}
hr {
    background-color: var(--hr-color);
}
/* Colors */
.text-primary{
    color: var(--color-primary) !important;
}
.text-success{
    color: var(--color-success) !important;
}
.text-muted {
    color:var(--color-muted) !important;
}
.text-danger{
    color: var(--color-danger) !important;
}
.text-warning{
    color: var(--color-warning) !important;
}
/* Alert Colors */
.alert-danger{
    color: var(--danger-text-color) !important;
    background-color: var(--color-danger) !important;
    border-color: var(--color-danger) !important;
}
.alert-warning{
    color: var(--warning-text-color) !important;
    background-color: var(--color-warning) !important;
    border-color: var(--color-warning) !important;
}
/* ---- Top Bar Colors----  */
/* Top Bar */
.top_bar{
    background-color: var(--top-bar-bg);
    color: var(--top-bar-color);
}
/* Top Bar Icon */
.top_bar .social-icons a {
    color:  var(--top-bar-color);
}
/* Top Bar Cart */
.top_bar .cart-wrap{
    background: var(--top-bar-cart-bg);
    color: var(--top-bar-cart-color);
}
.cart_icon {
    color: var(--top-bar-cart-color);
}

/* ---- Nav Bar Colors ----  */
.navbar.main-menu{
    color: var(--nav-color);
    background-color: var(--nav-bg);
}
/* Link */
.main-menu .navbar-nav li a {
    color: var(--nav-bar-anchor-color);
    border-bottom: 1px solid var(--nav-bar-anchor-border) !important;
}
.main-menu .navbar-nav > li > a:hover {
    color: var(--nav-bar-anchor-color-hover);
    border-bottom: 1px solid var(--nav-bar-anchor-border-hover);
}
.main-menu .navbar-nav  li  a:hover {
    color: var(--nav-bar-anchor-color-hover);
}
.main-menu .navbar-nav li.nav-item  .sub-menu {
    background-color: var(--nav-bar-sub-menu-bg);
}

.main-menu .navbar-nav li.nav-item  .sub-menu li a{
    color: var(--nav-bar-sub-menu-anchor-color);
    border-color: var(--nav-bar-sub-menu-anchor-border);
}

.main-menu .navbar-nav li.nav-item  .sub-menu li a:hover{
    color: var(--nav-bar-sub-menu-anchor-color-hover);
    border-color: var(--nav-bar-sub-menu-anchor-border-hover);
}
.main-menu .navbar-toggler,
.main-menu .navbar-toggler span,
.cart-mobile a{
    color: var(--nav-bar-mobile-toggle-btn-color) !important;
}
.main-menu  .navbar-collapse{
    background-color: var(--nav-bg);
}
/* ---- Footer Colors ---- */
.site-footer,
.site-footer h6,
.site-footer p {
    background-color: var(--footer-bg);
    color: var(--footer-color);
}
/* Link */
.site-footer a {
    color: var(--footer-anchor-color);
}
.site-footer a:hover{
    color: var(--footer-anchor-color-hover);
}
/* Seperator */
.site-footer hr {
    background-color: var(--footer-seperator);
}

/* ---- Banner Slider Arrow ---- */
.carousel-control-next-icon,
.carousel-control-prev-icon{
    color: #fff;
}
/* ---- Index Sections Header -----*/
.category-sec .title-top,
.popular-sec .title-top{
    background-color: var(--home-section-header-bg);
    color: var(--home-section-header-color) !important;
}

.category-sec .title-top,
.popular-sec .title-top{
    background-color: var(--home-section-header-bg);
    color: var(--home-section-header-color) !important;
}

.category-sec .title-top  h3 a,
.popular-sec .title-top h3 a{
    color: var(--home-section-header-color) !important;
	text-decoration: none;
}

.category-sec .title-top  h3 a:hover,
.popular-sec .title-top h3 a:hover{
    color: var(--home-prd-title-color-hover) !important;
}

/* ---- Index Category Section Colors ----*/
.category-sec a.category-detail h3{
    color: var(--home-cat-color) !important;
}
.category-sec a.category-detail h3::after{
    background-color: var(--home-cat-color);
}
/* Button */
.category-sec a.category-detail span, .sale.tag{
    background-color: var(--home-cat-btn-bg);
    color: var(--home-cat-btn-color);
}

/* ---- Index Product Section Colors ----*/
.popular-sec .products_list_popular .product-detail{
    background-color: var(--home-prd-bg);
}
/* Product Title */
.popular-sec .products_list_popular .product-detail .pro-title a{
    color: var(--home-prd-title-color) !important;
}
.popular-sec .products_list_popular .product-detail .pro-title a:hover{
    color:var(--home-prd-title-color-hover) !important;
}
/* Product Price */
.popular-sec .products_list_popular .product-detail .product-price a{
    color: var(--home-prd-price-color) !important;
}
.popular-sec .products_list_popular .product-detail .product-price a:hover{
    color: var(--home-prd-price-color-hover) !important;
}
.popular-sec .products_list_popular .product-detail .product-price a.regular-price{
    color: var(--home-prd-dprice-color) !important ;
}

/* Single Product Page Colors */
/* Title */
.product-detail-row .product-detail-col-wrap .product_name{
    color: var(--prd-title-color);
}
/* Spec */
.product-detail-row .product-detail-col-wrap .description{
    color: var(--prd-desc);
}
/* Price */
.product-detail-row .product-detail-col-wrap .product-price-cart{
    color: var(--prd-price);
}
.product-detail-row .product-detail-col-wrap .product-price-cart .regular-price-cart{
    color: var(--prd-dprice);
}
.product-detail-row .product-detail-col-wrap .saing-money-wrap .sale.savings{
    color: var(--prd-dprice);
}

/* Desc & Spec */
.more-details-about .nav-tabs{
    border-color: var(--prd-taps-border);
}
.more-details-about .nav-tabs .nav-item a{
    color: var(--prd-taps-anchor-color);
    background-color: var(--prd-taps-anchor-bg);
}
.more-details-about .nav-tabs .nav-item a.active{
    color: var(--prd-taps-anchor-active-color);
    background-color: var(--prd-taps-anchor-active-bg);
    border-color: var(--prd-taps-anchor-active-bg);
}
.more-details-about .nav-tabs .nav-item a:hover{
    border-color: var(--prd-taps-anchor-active-bg);
}
.more-details-about .tab-content .tab-pane {
    color: var(--prd-taps-content-color);
}
/* Related Product  */
.releted_products .title-top{
    background-color: var(--section-bg);
    color: var(--section-header-color);
}
.products_list_popular .product-detail{
    background-color: var(--home-prd-bg);
}
.products_list_popular .product-detail .pro-title a{
    color: var(--home-prd-title-color) !important;
}
.products_list_popular .product-detail .product-price a{
    color: var(--home-prd-price-color);
}
.products_list_popular .product-detail .product-price a.regular-price{
    color: var(--home-prd-dprice-color);
}
/* ---- Cart Page Colors ----*/
.cart-page .cart-row .cart-title{
    color:var(--section-header-color);
}
.cart-page .cart-row .cart-item-detail a{
    color: var(--cart-prd-title);
}
.cart-page .cart-row .cart-item-detail .product_meta{
    color: var(--cart-prd-meta-color);
}

.cart-page .cart-row .cart-item-detail .product-price-cart{
    color: var(--cart-prd-price);
}
.cart-page .cart-row .cart-item-detail .product-price-cart .regular-price-cart{
    color: var(--cart-prd-dprice);
}
.cart-page .cart-row .subtotal-wrap-col .subtotal-wrap{
    border-color: var(--cart-total-border);
}
.cart-page .cart-row .subtotal-wrap-col .subtotal-wrap .left.subtotal_title{
    color: var(--cart-total-label);
}
.cart-page .cart-row .subtotal-wrap-col .subtotal-wrap .right.subtotal-price{
    color: var(--cart-total-value);
}

/* ---- Checkout Section Colors ----*/
.checkout .checkout-review-container{
    color:var(--checkout-color);
}
.checkout .billing-details .billing-details-title{
    color: var(--section-header-color);
}
/* Input */
.checkout .billing-details label,
.checkout .billing-details .input-wrap label{
    color: var(--form-label-color) ;
}
.checkout .billing-details .input-wrap .form-control{
    color:  var(--form-color);
    background-color: var(--form-bg);
}
section.checkout .cuppon .body{
    background-color: var(--cuppon-bg) !important;
}
.checkout .cuppon .body input{
    color: var(--form-color);
    background-color:var(--form-bg);
}
/* Total Section */
.total .table-wrap table{
    background-color: var(--checkout-total-bg);
}
.total .table-wrap table thead th{
    color: var(--checkout-total-header);
}
section.checkout .wrapper .total table .product {
    border-color: var(--checkout-total-seperator);
}
.total .table-wrap table tbody td{
    color: var(--checkout-total-lable) !important;
}
section.checkout .wrapper .total table .vat td:last-child, section.checkout .wrapper .total table .cart-subtotal td:last-child{
    color: var(--checkout-total-value);
}
section.checkout .wrapper .total table .order-total {
    background-color: var(--checkout-total-bottom-bg);
}

section.checkout .wrapper .total table .order-total td {
    color: var(--checkout-total-bottom-color);
}

/* Invoice Page Colors */
.checkout-page .card{
    color:var(--invoice-color);
    background-color: var(--invoice-bg);
    border-color: var(--invoice-border);
}


/* Member Pages Color */
.member-section .card {
    background-color: var(--member-card-bg);
    border-color: var(--member-card-border);
}
.member-section .card .card-title,
.member-section .card .card-header,
.member-section .card h1,
.member-section .card h2,
.member-section .card h3,
.member-section .card h4,
.member-section .card h5
{
    color: var(--member-card-title) !important;
}

.member-section .or-separator{
    color: var(--member-section-seperator);
}

/* Profile taps */
.member-section .profile-nav-tabs .list-group-item{
    transition: all ease-in 0.5ms;
    border-color: var(--member-tabs-active-bg);
}
  
.member-section  .profile-nav-tabs .list-group-item:hover,
.member-section  .profile-nav-tabs .list-group-item.active{
    background-color: var(--member-tabs-active-bg);
    color:var(--member-tabs-active-color) !important;
    border-color:var(--member-tabs-active-bg);
}

.member-section  .profile-nav-tabs .list-group-item a{
    color: var(--member-tabs-color);
}
.member-section  .profile-nav-tabs .list-group-item:hover a,
.member-section  .profile-nav-tabs .list-group-item:hover a:focus{
    color: var(--member-tabs-active-color);
}
  
.member-section  .tracking-wrap .step.active:before{
    background-color: var(--member-tabs-active-bg);
}
  
.member-section .tracking-wrap .step.active .icon{
    color: var(--member-tabs-active-color) !important;
    background-color:var(--member-tabs-active-bg);
}
.nav-tabs .active:after{
    background: none;
}
/* ---- Shop Page ---- */
/* Filter Section  */
.popula .products_orders select.sort_by {
    color: #000;
    background-color: #fff;
    border: 1px solid #000 !important;
}

.popula .filter-title,
.popula .heading{
    color: var(--shop-filter-title);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 17px;
}
.popula .accordion,
.popula .accordion .accordion-item,
.popula .accordion-button{
    background-color: var(--shop-fliter-bg);
    color:var(--shop-fliter-color);
}
/* Mobile Filter  */
.filter-sidbar{
    background-color: var(--shop-mobile-filter-bg);
}
.filter-sidbar .sidbar-header{
    color: var(--shop-mobile-filter-header-color);
	background-color: var(--shop-mobile-filter-header-bg);
}

.filter-sidbar .accordion-item,
.filter-sidbar .accordion-header button{
    background-color: transparent !important;
}
/* Product */
.popula .shope-by-products-row .product-detail{
    background-color: var(--shop-prd-bg);
}
.popula .shope-by-products-row .product-detail .pro-title a{
    color: var(--shop-prd-title);
}
.popula .shope-by-products-row .product-detail .product-price a{
    color: var(--shop-prd-price);
}

.popula .shope-by-products-row .product-detail .product-price a.regular-price{
    color: var(--shop-prd-dprice);
}
/* Pagenation */
.pagination .page-item.disabled a{
    color: var(--btn-secondary-bg);
    background-color: var(--btn-secondary-color);
    border-color: var(--btn-secondary-bg);
}
.pagination .page-item.active a{
    color: var(--btn-secondary-color);
    background-color: var(--btn-secondary-bg);
    border-color: var(--btn-secondary-bg);
}