/*
 * General
    - Typography
   
 * Theme
   - Background Color
   - Color
   - Button color
   - Form Color

 * Footer
   - light Footer
   - Dark Footer
 
 * All
 */



.text--light 
{
    color: #fff !important;
}

/*======================================================================================
    Theme
=======================================================================================/
/*------------------------------------------------------------*/
/* Background Color */
/*------------------------------------------------------------*/
.bg--primary,
[data-bg-overlay].bg--primary:before,
.nav-icon-count,
.price-range-slider .ui-slider-range, .price-range-slider .ui-slider-handle,
.pagination-numbers li a:hover, .pagination-numbers li span:hover, .pagination-numbers li span.current, .pagination-numbers li a.current {
    background-color: #00c2ad;
}

.bg--secondary {
    background-color: #f1fafa;
}

.bg--gray {
    background-color: #f5f5f5;
}

.bg--dark {
    background-color: #333;
}

.bg--light {
    background-color: #fff;
}



/*------------------------------------------------------------*/
/* Border Color */
/*------------------------------------------------------------*/
.site-loader .loader .loader-spinner::before,
.product-filter li a.active,
.product-tabs-nav li a.active {
    border-bottom-color: #222;
}

/*------------------------------------------------------------*/
/* Color */
/*------------------------------------------------------------*/
.color--primary {
    color: #27af9a  !important;
}

.color--secondary {
    color: #f1fafa !important;
}

.color--gray {
    color: #777 !important;
}

.color--dark,
.close-cart-sidebar {
    color: #333;
}

.color--light {
    color: #fff !important;
}

.color--body {
    color: #777;
}

/*------------------------------------------------------------*/
/* Button color */
/*------------------------------------------------------------*/
.btn--primary {
    background:#00c2ad  !important;
    color: #fff !important;
}

.btn--primary:hover {
    background: #36c2ad !important !important;
    color: #fff !important;
}

.btn--secondary {
    background: #333 !important;
    color: #fff !important;
}

.bg--orange{
    background: #d3d0cb !important;
    color: #333 !important;
}

.btn--secondary:hover {
    background: #3d3d3d !important;
}

.btn--gray {
    background: #f5f5f5 !important;
    color: #333 !important;
}





    .btn--gray:hover {
        background: #f1f1f1 !important;
    }

.btn--white {
    background: rgba(255,255,255,1) !important;
    color: #333 !important;
}

    .btn--white:hover {
        background: rgba(255,255,255,0.90) !important;
    }

.btn--white-alt {
    background: #fff !important;
    color: #333 !important;
    border-color: rgba(0,0,0,0.15) !important;
}

    .btn--white-alt:hover {
        border-color: rgba(0,0,0,0.30) !important;
    }

/*------------------------------------------------------------*/
/* Form Color */
/*------------------------------------------------------------*/
input, input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="radio"], input[type="checkbox"], textarea, select {
    color: #333;
}

    /*input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="radio"]:hover, input[type="checkbox"]:hover, input[type="password"]:hover, textarea:hover, select:hover,*/
    input:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
        border-color: #222;
    }

    input:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
        box-shadow: 0 0px 8px rgba(0,0,0,0.08);
        -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.08);
    }

/*======================================================================================
    All
=======================================================================================*/


.important-primary-color,
.widget_nav_menu .sub-menu .is-active > a, .widget_nav_menu li a:hover {
    color: #222 !important;
}

.hover--dark:hover {
    color: #333;
}

.hover--body-color {
    color: #777;
}

.hover--white:hover {
    color: #fff;
}