/* ============================== */
/* ! Colors                       */
/* ============================== */

/* dark color */
.dark-color,
.dark-hover:hover,
.dark-hover.selected {
    color: #000;
}
.dark-bg,
.dark-bg-hover:hover,
.dark-bg-hover.selected {
    background-color: #3e3e3e;
}
.dark-border,
.dark-border-hover:hover,
.dark-border-hover.selected {
    border-color: #3e3e3e;
}
.dark-gradient,
.dark-gradient-hover:hover,
.dark-gradient-hover.selected {
    background-color: #3e3e3e;  
}

/* middle color */
.middle-color,
.middle-hover:hover,
.middle-hover.selected {
    color: #999999;
}
.middle-bg,
.middle-bg-hover:hover,
.middle-bg-hover.selected {
    background-color: #999999;
}
.middle-border,
.middle-border-hover:hover,
.middle-border-hover.selected {
    border-color: #e1e1e1;
}
.middle-gradient,
.middle-gradient-hover:hover,
.middle-gradient-hover.selected {
    background-color: #999999;  
}

/* cream color */
.cream-color,
.cream-hover:hover,
.cream-hover.selected {
    color: #fbf9f7;
}
.cream-bg,
.cream-bg-hover:hover,
.cream-bg-hover.selected {
    background-color: #e8f6ea;
}
.cream-border,
.cream-border-hover:hover,
.cream-border-hover.selected {
    border-color: #fbf9f7;
}
.cream-gradient,
.cream-gradient-hover:hover,
.cream-gradient-hover.selected {
    background-image: linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -o-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -moz-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -webkit-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-image: -ms-linear-gradient(bottom, #fbf9f7 0%, #f7f2ed 100%);
    background-color: #fbf9f7;
}

/* light color */
.light-color,
.light-hover:hover,
.light-hover.selected {
    color: #ffffff;
}
.light-bg,
.light-bg-hover:hover,
.light-bg-hover.selected {
    background-color: #ffffff;
}
.light-border,
.light-border-hover:hover,
.light-border-hover.selected {
    border-color: #ffffff;
}
.light-gradient,
.light-gradient-hover:hover,
.light-gradient-hover.selected {
    background-image: linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -o-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -moz-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -webkit-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -ms-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-color: #ffffff;
    position: relative;
}


/* active color */
.active-color,
.active-hover:hover,
.active-hover.selected {
    color: #00bf96;
}
.active-bg,
.active-bg-hover:hover,
.active-bg-hover.selected {
/*     background-color: #ee3124; */
}
.active-border,
.active-border-hover:hover,
.active-border-hover.selected,
.juicy-selected .active-border-selected {
    border-color: #ee3124;
}
.active-gradient,
.active-gradient-hover:hover,
.active-gradient-hover.selected {
    background-color: #ee3124;  
} 

.facebook-color,
.facebook-hover:hover {
    color: #3B5998;   
}

.twitter-color,
.twitter-hover:hover {
    color: #33CCFF  
}

.linkedin-color,
.linkedin-hover:hover {
    color: #4875B4;   
}

.pinterest-color,
.pinterest-hover:hover {
    color: #AB171E;   
}

.google-color,
.google-hover:hover {
    color: #D04028;  
}

.blog-description {
    color: #747474;
}

.header-font {
    line-height: 1;
}

.content-font .top_panel,
.content-font .header-middle,
.content-font .header-middle a,
.content-font .main-menu,
.content-font .main-menu a,
.content-font .top-menu,
.content-font .top-menu a {
    font-family: Arial, 'calibri-regular', sans-serif; 
}


.header-search {
    border:1px solid #bdbdbd;
}

.product-title.subheader-font,
.product-title.subheader-font a {
    font-family: Arial, sans-serif;
    font-weight: 400;
}

.mega-menu .cream-gradient,
.mega-menu.cream-bg {
    background: #fff;
}

.quick-login .text-input {
    border:1px solid #bdbdbd;
}

.sidebar-list .text-input {
    border:1px solid #bdbdbd;
}


.main-menu-desktop.dark-gradient {
    background: #000;
}

.breadcrumbs {
    color: #00bf96;
}

.breadcrumbs a {
    color: #3e3e3e;
}

.breadcrumbs a:after {
    color: #a5a5a5;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}