/*-------------------------------------------------------------------------------------
Theme Name: Soho
Theme URI: http://demo.jthemes.net/soho/
Author: JThemes
Author URI: http://www.jthemes.net/
Description: Soho Responsive HTML5/CSS3 Theme.
Version: 1.1
Tags: clean, light, white, custom colors, portfolio, business, corporate, blog
-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------
/*        Body background
/*-----------------------------------------------------------------------------------*/
body {
        background: #f8f8f8;
}

/*-------------------------------------------------------------------------------------
/*        COLOR #1 - Accent Color
/*-----------------------------------------------------------------------------------*/

a:hover, a:focus,
.top-menu > li > a:hover,
.top-menu > li > a:focus,
.top-menu li.current > a,
.portfolio .title a:hover,
.accent-color,
ul.tabs li a:hover,
ul.tabs li a:focus,
.accordion-trigger:hover,
.toggle-trigger:hover,
.has-tip,
#team .social a:hover {
        color: #000000!important;
}

.top-menu > li > a:hover,
.top-menu > li > a:focus,
.top-menu li.current > a,
.portfolio li:hover,
ul.tabs li.active,
blockquote > p,
#team .team-member:hover .social {
        border-color: #000000!important;
}

#infobar,
#slide-toggle,
.top-menu ul,
.accent-background {
        background-color: #7b7b7b!important;
}

/*        Text color inside accent color
/*-----------------------------------------------------------------------------------*/

#infobar *,
.top-menu ul a,
.accent-background,
.accent-background * {
        color: #fff!important;
        text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

/*-------------------------------------------------------------------------------------
/*        COLOR #2 - Second Color
/*-----------------------------------------------------------------------------------*/

.second-background,
::-moz-selection,
::selection {
        background-color: #eb6729!important;
}

.second-color,
ul.tabs li.active a,
.accordion-trigger.active,
.toggle-trigger.active {
        color: #eb6729!important;
}

/*        Text color inside second color
/*-----------------------------------------------------------------------------------*/

.second-background,
.second-background *,
::-moz-selection,
::selection {
        color: #fff!important;
}

/*-------------------------------------------------------------------------------------
/*        FONT COLOR #1 - Default font colors
/*-----------------------------------------------------------------------------------*/

body, p,
.top-menu > li > a {
        color: #000000;
}

/*-------------------------------------------------------------------------------------
/*        FONT COLOR #2 - Titles
/*-----------------------------------------------------------------------------------*/

h1, h2, h3, h4 {
        color: #333;
}

h5, h6 {
        color: #79c573;
}

.title {
        color: #333;
}

/*-------------------------------------------------------------------------------------
/*        FOOTER COLORS
/*-----------------------------------------------------------------------------------*/
footer {
        background: #2b2b2b;
}

footer,
footer p {
        color: #e0e0e0;
}

footer a {
        color: #b5dbed;
}

footer a:hover {
        color: #83c1fe;
}

footer h1,
footer h2,
footer h2.title,
footer h3,
footer h4,
footer h5,
footer h6 {
        color: #fff;
}

/*-------------------------------------------------------------------------------------
/*        COPYRIGHT COLORS
/*-----------------------------------------------------------------------------------*/
#copyright {
        background: #ffffff;
        color: #ffffff;
}

#copyright a {
        color: #ffffff;
}

#copyright a:hover {
        color: #f8f8f8;
}