/*-------------------------------------------------------------- 
Custom overrides
--------------------------------------------------------------*/
.karma_mega_div span.karma-mega-title {
	color: #5A5B6D;
}
/*-------------------------------------------------------------- 
Header
--------------------------------------------------------------*/
.top-block,
.top-block ul.sf-menu li ul,
#footer-callout,
#tt-slider-full-width,
body.karma-flat-cs .tools.full-width-page-title-bar,
body.karma-flat-cs #footer_bottom,
#bbpress-forums .bbp-forums li.bbp-header,
#bbpress-forums .bbp-topics li.bbp-header,
#content #bbpress-forums li.bbp-header {
	background: #2E2D3D;
}
#tt-slider-full-width {
	background: #222131;
}
#footer-callout {
	border-bottom: 1px solid #707180;
}
.tt-post-quote,
#sidebar .sidebar-widget.widget_display_stats dd strong {
	background:#606173;
}
/**
 * Custom (darker) BG color for full-width
 * page title bar when gradient color active
 *
 **/
.tools.full-width-page-title-bar {
	background: #272633;
}
/* Header / Footer Gradient */
.header-holder,
#footer,
body.karma-header-custom .tools.full-width-page-title-bar,
body.karma-header-custom .top-block {
	border-top: 1px solid #707180;
	background-color: #2E2D3D;
	background-image: linear-gradient(to bottom, #606173, #2E2D3D); /* required first in the list for IE11 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#606173), to(#2E2D3D));
	background-image: -webkit-linear-gradient(top, #606173, #2E2D3D);
	background-image: -moz-linear-gradient(top, #606173, #2E2D3D);
	background-image: -webkit-linear-gradient(top, #606173, #2E2D3D);
	background-image: -o-linear-gradient(top, #606173, #2E2D3D);
	background-image: ms-linear-gradient(to bottom, #606173, #2E2D3D);
	-pie-background: linear-gradient(to bottom, #606173, #2E2D3D);
}
/* Karma Flat */
body.karma-flat-cs .header-holder,
body.karma-flat-cs #footer {
	background-color: #606173;
	background-image: none;
}
/* Custom CSS3 Color Stops for different height headers */
.header-holder.tt-logo-center {
	background-image: linear-gradient(to bottom, #606173, #2E2D3D 79%);
	-pie-background: linear-gradient(to bottom, #606173, #2E2D3D 79%);	
}
.header-holder.tt-header-holder-tall {
	background-image: linear-gradient(to bottom, #606173, #2E2D3D 46%);
	-pie-background: linear-gradient(to bottom, #606173, #2E2D3D 46%);
}
#footer {
	background-image: linear-gradient(to bottom, #606173, #2E2D3D 64%);
	-pie-background: linear-gradient(to bottom, #606173, #2E2D3D 64%);
}
.top-block,
.top-block a,
#header .toolbar-left li,
#header .toolbar-right li {
	color: rgba(255,255,255, 0.65);
}
#tt-mobile-menu-button span:after,
.tt-icon-box span.fa-stack,
#bbpress-forums .bbp-body .bbp-forum-topic-count::before,
#bbpress-forums .bbp-body .bbp-forum-reply-count::before,
#bbpress-forums .bbp-body .bbp-topic-voice-count::before,
#bbpress-forums .bbp-body .bbp-topic-reply-count::before,
#bbpress-forums .bbp-body .bbp-forum-reply-count::before,
#bbpress-forums .bbp-body .bbp-topic-reply-count::before,
.true-icon-box {
	color: #606173;	
}
.true-accordion dt.current,
.true-accordion dt.current:before {
	color: #606173 !important;
}
/**
 *
 * Header Style - Light
 *
 * adjust colors for
 * better design aesthetic
 * 
 * .karma-header-custom class gets added to body
 * when light or dark header selected
 *
 * @since Karma 4.8
 *
 **/
 /* GRADIENT Full Width Title Bar - color reverse foer shadow effect */
body.karma-header-light .tools.full-width-page-title-bar {
	background-color: #606173;
	background-image: linear-gradient(to bottom, #2E2D3D, #606173); /* required first in the list for IE11 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2E2D3D), to(#606173));
	background-image: -webkit-linear-gradient(top, #2E2D3D, #606173);
	background-image: -moz-linear-gradient(top, #2E2D3D, #606173);
	background-image: -webkit-linear-gradient(top, #2E2D3D, #606173);
	background-image: -o-linear-gradient(top, #2E2D3D, #606173);
	background-image: ms-linear-gradient(to bottom, #2E2D3D, #606173);
}
/* GRADIENT dropdown link:hover bg color */
body.karma-header-custom #menu-main-nav li ul a:hover,
body.karma-header-custom #menu-main-nav li ul li.current-menu-item.hover a,
body.karma-header-custom #menu-main-nav li ul li.parent.hover a,
body.karma-header-custom #menu-main-nav li ul li.parent.hover a:hover,
body.karma-header-custom #menu-main-nav li ul li.hover ul li.hover a,
body.karma-header-custom #menu-main-nav li ul li.hover ul li.hover a:hover,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor.hover a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
body.karma-header-custom .top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
body.karma-header-custom #wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
	background-color: #3E3E4F;
}
/* GRADIENT top-level active */
body.karma-header-custom #menu-main-nav li.current-menu-item strong,
/* GRADIENT dropdown active link color */
body.karma-header-custom #menu-main-nav li ul li.current-menu-item a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-parent ul li.current-menu-item a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor a,
body.karma-header-custom #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a,
body.karma-header-custom #menu-main-nav li.current-menu-parent strong,
body.karma-header-custom #menu-main-nav li.current-menu-ancestor strong,
body.karma-header-custom #menu-main-nav li.current-menu-ancestor a::after,
body.karma-header-custom #menu-main-nav li.parent:hover strong,
body.karma-header-custom #menu-main-nav li.parent:hover a::after,
body.karma-header-custom #menu-main-nav li:hover strong {
	color: #3E3E4F;
}
/* FLAT top-block + page-title-bar */
body.karma-header-custom.karma-flat-cs .tools.full-width-page-title-bar,
body.karma-header-custom.karma-flat-cs .top-block,
body.karma-header-custom.karma-flat-cs .top-block ul.sf-menu li ul {
	background-color: #606173;
	background-image: none;
}
/* FLAT dropdown link:hover bg color */
body.karma-flat-cs #menu-main-nav li ul a:hover,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-item.hover a,
body.karma-flat-cs #menu-main-nav li ul li.parent.hover a,
body.karma-flat-cs #menu-main-nav li ul li.parent.hover a:hover,
body.karma-flat-cs #menu-main-nav li ul li.hover ul li.hover a,
body.karma-flat-cs #menu-main-nav li ul li.hover ul li.hover a:hover,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor.hover a,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
body.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
body.karma-flat-cs .top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
body.karma-flat-cs #wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
	background-color: #606173;
}
/* FLAT - top-block dropdown link:hover bg color */
body.karma-header-custom.karma-flat-cs .top-block .top-holder ul.sf-menu li .sub-menu li a:hover {
	background: #2E2D3D;
}
/* FLAT top-level active */
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-item strong,
/* FLAT dropdown active link color */
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-item a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-parent ul li.current-menu-item a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-parent strong,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-ancestor strong,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.current-menu-ancestor a::after,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.parent:hover strong,
body.karma-header-custom.karma-flat-cs #menu-main-nav li.parent:hover a::after,
body.karma-header-custom.karma-flat-cs #menu-main-nav li:hover strong {
	color: #606173;
}
/**
 *
 * /// END Header Style - Light
 *
 */
/*-------------------------------------------------------------- 
Main Menu
--------------------------------------------------------------*/
#menu-main-nav a span.navi-description,
/* reset search/404 navi-description so "blog" isn't active */
.search-header #menu-main-nav li.current_page_parent a span.navi-description,
.error-header #menu-main-nav li.current_page_parent a span.navi-description,
.top-block .top-holder ul.sf-menu li .sub-menu li a:hover {
	color: rgba(255,255,255, 0.45);
}
/* dropdown active link color */
#menu-main-nav li ul li.current-menu-item a,
#menu-main-nav li ul li.current-menu-ancestor a,
#menu-main-nav li ul li.current-menu-parent ul li.current-menu-item a,
#menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor a,
#menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a {
	color: #747382;
}
/* dropdown menu bg color */
#menu-main-nav.sf-menu li ul,
#menu-main-nav li.parent:hover,
.tt-logo-center #menu-main-nav li.parent:first-child:hover,
#wrapper.tt-uberstyling-enabled .ubermenu ul.ubermenu-nav > li.ubermenu-item.tt-uber-parent:hover,
#wrapper.tt-uberstyling-enabled .ubermenu ul.ubermenu-nav li.ubermenu-item ul.ubermenu-submenu {
	background: #252430;
}
/* dropdown link:hover bg color */
#menu-main-nav li ul a:hover,
#menu-main-nav li ul li.current-menu-item.hover a,
#menu-main-nav li ul li.parent.hover a,
#menu-main-nav li ul li.parent.hover a:hover,
#menu-main-nav li ul li.hover ul li.hover a,
#menu-main-nav li ul li.hover ul li.hover a:hover,
#menu-main-nav li ul li.current-menu-ancestor.hover a,
#menu-main-nav li ul li.current-menu-ancestor.hover ul a:hover,
#menu-main-nav li ul li.current-menu-ancestor ul li.current-menu-ancestor ul li.current-menu-item a:hover,
.top-block .top-holder ul.sf-menu li .sub-menu li a:hover,
#wrapper.tt-uberstyling-enabled .header-area .ubermenu ul li.ubermenu-item ul.ubermenu-submenu li.ubermenu-item > a:hover {
	/* background: #646579; original color */
	background: #5A5B6D;
	color:#FFF;
}
/* reset dropdown link:hover on non-active items */
#menu-main-nav li ul li.parent.hover ul a,
#menu-main-nav li ul li.hover ul li.hover ul li a,
#menu-main-nav li ul li.current-menu-ancestor.hover ul a {
	background:none;	
}
/*-------------------------------------------------------------- 
Footer
--------------------------------------------------------------*/
#footer_bottom {
	background: #262431 url(../images/skins/bg-footer-bottom-blue-grey.png) top center repeat-x;
}
.footer-content a,
#footer_bottom a,
#footer .blogroll li,
#mc_signup .mc_required,
.mc_required,
#mc-indicates-required,
#footer ul.tt-recent-posts li p {
	color: rgba(255,255,255, 0.3);
}
#footer .blogroll a,
#footer ul.tt-recent-posts h4 {
	color: #FFF;
}
#footer h3 {
	border-bottom: 1px solid rgba(255,255,255, 0.17);
}
#footer,
#footer p,
#footer ul,
#footer_bottom,
#footer_bottom p,
#footer_bottom ul,
#footer #mc_signup_form label {
	color: #BCBCBC;
}
/*---------------------*/
/* IE8
/*---------------------*/
/* IE8 does not support rgba. hex# colors provided below */
.ie8 .top-block,
.ie8 .top-block a,
.ie8 #header .toolbar-left li,
.ie8 #header .toolbar-right li {
	color: #BCBCBC;
}
.ie8 #menu-main-nav a span.navi-description,
/* reset search/404 navi-description so "blog" isn't active */
.ie8 .search-header #menu-main-nav li.current_page_parent a span.navi-description,
.ie8 .error-header #menu-main-nav li.current_page_parent a span.navi-description,
.top-block .top-holder ul.sf-menu li .sub-menu li a:hover {
	color: #A1A0AD;
}
.ie8 .footer-content a,
.ie8 #footer_bottom a,
.ie8 #footer .blogroll li,
.ie8 #mc_signup .mc_required,
.ie8 .mc_required,
.ie8 #mc-indicates-required {
	color: #747382;
}
.ie8 #footer h3 {
	border-bottom: 1px solid #72727B;
}
/*-------------------------------------------------------------- 
 * Secondary Color Scheme
 *
 * xx-secondary.css no longer gets called unless user
 * has selected alternate secondary color.
 * (this reduces 1 HTTP request :)
 *
 *
 * @since Karma 4.6
--------------------------------------------------------------*/
/*-------------------------------------------------------------- 
Sliders
--------------------------------------------------------------*/
/* jQuery1 slider + utility bar */
.jquery1-slider-wrap,
.tools {
background-color: #626377;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#626377), to(#2E2D3D));
background: -webkit-radial-gradient(circle, #626377, #2E2D3D);
background: -moz-radial-gradient(circle, #626377, #2E2D3D);
background: -ms-radial-gradient(circle, #626377, #2E2D3D);
}
/* IE Image Fallback */
.ie7 .jquery1-slider-wrap,
.ie8 .jquery1-slider-wrap,
.ie9 .jquery1-slider-wrap {
	background: transparent url(../images/skins/secondary-blue-grey/bg-jquery-bnr.png) 0 0 no-repeat;
}
body.karma-flat-cs .jquery1-slider-wrap,
body.karma-flat-cs .tools,
.ie7 body.karma-flat-cs .jquery1-slider-wrap,
.ie8 body.karma-flat-cs .jquery1-slider-wrap,
.ie9 body.karma-flat-cs .jquery1-slider-wrap {
    background-image: none;
    background: #606173;
} 
/*-------------------------------------------------------------- 
Sub Menus
--------------------------------------------------------------*/
/* horizontal */
#horizontal_nav ul a:hover,
#horizontal_nav ul .current_page_item,
#horizontal_nav.tt-gallery-nav-wrap .active,
/* tabs */
.tabset .ui-state-active,
.tabset .active,
.tabset a:hover,
/* wp-page-navi */
.karma-pages span.current,
.wp-pagenavi span.current {
	background:#393B4A;
}
/* woo-commerce */
#content nav.woocommerce-pagination ul li span.current {
	background:#393B4A;
	color: #fff;
	padding: 7px;
}
/* vertical-left */
#sub_nav ul a:hover,
#sub_nav ul li.current_page_item a {
	background: url(../images/skins/secondary-blue-grey/subnav-left.png) 0 49% no-repeat;
}
/* vertical-right */
#sub_nav.nav_right_sub_nav ul a:hover,
#sub_nav.nav_right_sub_nav ul li.current_page_item a {
	background: url(../images/skins/secondary-blue-grey/subnav-right.png) 0 49% no-repeat;
}
/* vertical-left-flat */
body.karma-flat-cs #sub_nav ul a:hover,
body.karma-flat-cs #sub_nav ul li.current_page_item a {
	background: url(../images/skins/secondary-blue-grey/subnav-left-flat.png) 0 49% no-repeat;
}
/* vertical-right-flat */
body.karma-flat-cs #sub_nav.nav_right_sub_nav ul a:hover,
body.karma-flat-cs #sub_nav.nav_right_sub_nav ul li.current_page_item a {
	background: url(../images/skins/secondary-blue-grey/subnav-right-flat.png) 0 49% no-repeat;
}
/*-------------------------------------------------------------- 
Links / Lists
--------------------------------------------------------------*/
/* links */
a,
p a strong,
.link-top,
.tt_comment_required,
ul.tt-recent-posts h4,
span.required,
/* lists */
ul.list li,
ul.list1 li:before,
ul.list2 li:before,
ul.list3 li:before,
ul.list4 li:before,
ul.list5 li:before,
ul.list6 li:before,
ul.list7 li:before,
ul.list8 li:before,
#sidebar ul li:before,
#sub_nav ul li .sub-menu li:before,
#sub_nav ul li .sub-menu li .sub-menu li:before,
#sidebar ul li,
/* left nav */
#sub_nav ul li .sub-menu a,
#sub_nav ul li .sub-menu li.current_page_item a,
#sub_nav ul ul a,
#sub_nav ul ul a:hover,
#sub_nav ul li.current_page_item ul li a,
#sub_nav ul li.current_page_parent ul li.current_page_item a,
/* right nav */
#sub_nav.nav_right_sub_nav ul ul a,
#sub_nav.nav_right_sub_nav ul ul a:hover,
#sub_nav.nav_right_sub_nav ul li.current_page_item ul li a,
#sub_nav.nav_right_sub_nav ul li.current_page_parent ul li.current_page_item a,
#sub_nav .sub_nav_sidebar .textwidget ul li,
#sub_nav .sub_nav_sidebar a,
i.discussion-title,
#sidebar ul.social_icons.tt_vector_social_icons a:after,
#content p.team-member-title {
	color: #707188;
}
/*-------------------------------------------------------------- 
Layout
--------------------------------------------------------------*/
.post_comments {
	box-shadow: 0 0 0 1px #626377, 0 0 0 2px #2E2D3D;
	background-color: #2E2D3D;
	background-image: linear-gradient(to bottom, #2E2D3D, #626377); /* required first in the list for IE11 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2E2D3D), to(#626377));
	background-image: -webkit-linear-gradient(top, #2E2D3D, #626377);
	background-image: -moz-linear-gradient(top, #2E2D3D, #626377);
	background-image: -webkit-linear-gradient(top, #2E2D3D, #626377);
	background-image: -o-linear-gradient(top, #2E2D3D, #626377);
	background-image: ms-linear-gradient(to bottom, #2E2D3D, #626377);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2E2D3D', endColorstr='#626377');
}
body.karma-flat-cs .post_comments {
    background-image: none;
    background: #606173;
}
/* IE8 + IE9 do not support CSS3 radial gradient - fallback images provided below */
.ie8 .tools .frame,
.ie9 .tools .frame {
	background: url(../images/skins/secondary-blue-grey/bg-tools-c.png) repeat-y;
}
.ie8 span.tools-top,
.ie9 span.tools-top {
	background: url(../images/skins/secondary-blue-grey/bg-tools-t.png) no-repeat;
}
.ie8 span.tools-bottom,
.ie9 span.tools-bottom {
	background: url(../images/skins/secondary-blue-grey/bg-tools-b.png) 0 100% no-repeat;
}