/*------------------------------------*\
    #DARK LAYOUT
\*------------------------------------*/

.wrapper,
body {
	background-color: @color-heading;
	color: @color-body;
}

.bg-white {
	background-color: #1d1d1d !important;
	color: @color-body;
}

.accordion .panel .panel--heading a.collapsed,
.blog-entry .entry--more a:hover,
.blog-entry .entry--title h4 a,
.entry--share .share--title,
.entry--share a,
.entry-prev-next a,
.entry-related .entry--title a,
.entry-widget .entry-widget-title h4,
.feature-panel .feature--content h3,
.heading .heading--subtitle,
.member .member-info h5,
.number-panel .number--content h3,
.skills .progress-title .title,
.testimonial-panel .testimonial--meta h4,
.widget .widget--title h5,
.widget-categories ul li a,
.widget-recent-posts .entry .entry-title a,
.widget-tags a,
ul.comments-list .comment-body .comment h6,
.quote-author,
.countdown-amount,
.count-box .counting,
.cta-3 h3,
.banner-panel h3,
ul.icon-list li i,
.pricing-panel .pricing--heading p,
.pie-chart .skill-name h6,
.tabs .nav-tabs > li > a,
.widget-recent-products .product .product-title a,
.portfolio-filter li a,
.portfolio-item .portfolio--title h4 a,
.portfolio-item .portfolio--cat a,
.portfolio-single .portfolio--title h3,
.portfolio-single .portfolio--list ul li span,
.portfolio-single .portfolio--share span,
.portfolio--prev-next .portfolio--bio a,
.portfolio--prev-next .portfolio--icon a,
.portfolio-single .portfolio--prev-next:after,
.cart-product-name h6,
.cart-table thead tr th,
.cart-shiping h6, .cart-total-amount h6,
.product--content .product--title a,
.product--content .product--cat a,
.shop-product .product-title h3,
.shop-product .product-details h5,
.shop-product .product-quantity .qua,
.shop-product .product-share h5,
.shop-product .product-related-title h5,
.landing-demos .portfolio-title h4{
	color: @color-gray;
}

.blog-entry .entry--more a:hover:after {
	background-color: @color-gray;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading .heading--title,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: @color-white;
}

.blog-entry,
.entry-prev-next,
.entry-widget,
.sidebar,
.pricing-panel,
.testimonial-2 .testimonial-panel{
	-moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1);
	-webkit-box-shadow:  0 2px 3px rgba(40, 40, 40, 0.1);
	box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1);
	background-color: #1d1d1d;
}

.accordion .panel--heading .accordion-toggle.collapsed:after,
.accordion.accordion-1 .panel,
.entry-prev-next:after,
.form-control,
.widget-search .form-search,.blockquote-3,
.pricing-panel .pricing--heading,
.tabs .nav-tabs > li > a:focus, .tabs .nav-tabs > li > a:hover, .tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:focus, .tabs .nav-tabs > li.active > a:hover,
.tabs-2.tabs .nav-tabs > li > a:focus, .tabs-2.tabs .nav-tabs > li > a:hover, .tabs-2.tabs .nav-tabs > li.active > a, .tabs-2.tabs .nav-tabs > li.active > a:focus, .tabs-2.tabs .nav-tabs > li.active > a:hover,
.tabs-vertical.tabs .nav-tabs > li > a:focus, .tabs-vertical.tabs .nav-tabs > li > a:hover, .tabs-vertical.tabs .nav-tabs > li.active > a, .tabs-vertical.tabs .nav-tabs > li.active > a:focus, .tabs-vertical.tabs .nav-tabs > li.active > a:hover,
.timeline:before,
.portfolio-single .portfolio--list, .portfolio-single .portfolio--share,
.cart-table .table,
.cart-table thead,
.cart-shiping, .cart-total-amount,
.product-tabs .nav-tabs,
.product-tabs{
	background-color: @color-heading;
}
.clients-2 .row-clients .client:before,
{
	background-color: @color-gray;
}
.widget-tags a {
	border-color: @color-gray;
}
.cart-table .table,
.cart-table thead tr th,.cart-table tbody tr td{border-color: @color-gray;}
.entry--share,
ul.comments-list ul.comment-children,
.portfolio-single hr.divider{
	border-top-color: @color-heading;
}

ul.comments-list li,
.tabs .nav-tabs{
	border-bottom-color: @color-heading;
}

.blockquote-1 {
	border-left-color: @color-gray;
}
.tabs-vertical.tabs .nav-tabs{border-right-color: #2222;}
.btn--secondary {
    background-color: @color-gray;
    border-color:@color-gray;
	color: @color-heading;
}
.btn--bordered.btn--secondary {
    color: @color-gray;
    border-color: @color-gray;
	background-color:transparent;
}
.btn--bordered.btn--secondary:active, .btn--bordered.btn--secondary:focus, .btn--bordered.btn--secondary:hover {
    color: @color-heading;
    background-color: @color-gray;
    border-color:@color-gray;
}
.btn--link.btn--secondary {
    color: @color-gray;
	background-color:transparent;
	border-color:transparent
}
.banner-panel.bg-section h3{color: @color-heading;}
.number-panel .num{color:rgba(255,255,255,.3)}
.bg-white .timeline--item .timeline--item-content h3:before { background-color: #1d1d1d}
.timeline--item .timeline--item-content h3:before { background-color: #222}
.btn--primary:active, .btn--primary:focus, .btn--primary:hover {
    background-color: @color-gray;
    border-color:@color-gray;
    color:#dd543d;
}
.product-tabs .nav-tabs > li > a
{
	color: #f9f9f9 !important
}
.skills .progress{background-color: #363636}
.module-side-nav .widget-categories ul li a,
.module-side-nav .widget .widget--title h5,
.module-side-nav .widget-recent-posts .entry .entry-title a,
.module-side-nav .widget-tags a{
    color: @color-dark3;
}
.module-side-nav .widget-tags a{border-color: @color-dark3;}
.module-side-nav .widget-categories ul li a:hover,
.module-side-nav .widget-recent-posts .entry .entry-title a:hover,
.module-side-nav .widget-tags a:hover{color:@color-theme;}
.module-side-nav .widget-tags a:hover{border-color:@color-theme; color:@color-white}

.page-dark .header-fixed .affix{
	background-color: @color-heading;
}

.page-dark .header-fixed .navbar.affix .logo-light {
    display:inline-block;
}
.page-dark .header-fixed .navbar.affix .logo-dark {
    display:  none;
}
.page-dark .header-fixed .navbar.affix .module .module-icon i, 
.page-dark .header-fixed .navbar.affix .navbar-nav > li > a {
    color: @color-white;
}
.page-dark .header-fixed .navbar.affix .navbar-nav > li > .menu-item:hover::before, 
.page-dark .header-fixed .navbar.affix .navbar-nav > li.active > .menu-item:before {
    background-color: @color-white;
}