/*------------------------------------------------

  Table of Contents

  01. Primary Color - Background
  02. Primary Color - Text
  03. Primary Color - Border
  04. Secondary Color - Background
  05. Secondary Color - Text
  06. White - Background
  07. White - Text
  08. Dark - Background
  09. Gray - Border
  10. Core Colors
  11. Mobile Slider

  -

  @style 	  : style.css
  @media      : responsive.css
  @animations : app.animate.css, animate.css;

-------------------------------------------------*/
/*------------------------------------------------
01. Primary Color - Background
-------------------------------------------------*/
.nexout-dark .header .push span,
.nexout-dark .header .push span:before,
.nexout-dark .header .push span:after,
.nexout-dark .header-fixed .push span,
.nexout-dark .header-fixed .push span:before,
.nexout-dark .header-fixed .push span:after,
.nexout-dark .header .filter-wrap,
.nexout-dark .hero .slide-item .slider-content a:after,
.nexout-dark .slider-nav .slick-current:before,
.nexout-dark .grid .grid-more:before,
.nexout-dark .footer-last a,
.nexout-dark .mouse:before,.grid-item span.title-category,
.nexout-dark .blog-entry span.title-category,
.nexout-dark .page-title .bread-crumb li a:hover:after,
.nexout-dark .page-title .bread-crumb li a.bc-active:after,
.nexout-dark .close-menu,
.nexout-dark .close-menu-ajax,
.nexout-dark .close-menu:after,
.nexout-dark .close-menu-ajax:after,
.nexout-dark .blog-meta, 
.nexout-dark .button.red,
.nexout-dark .nav-wrapper .nav-menu .active a span:after,
.nexout-dark .nav-wrapper .nav-menu li:hover a span:after,
.nexout-dark .icon-box.radius-icon,
.sticky-bar,
.nexout-dark input[type=submit]
 {
	background-color: #e64a34;
}

/*------------------------------------------------
02. Primary Color - Text
-------------------------------------------------*/
.nexout-dark  .header .social ul li a:hover,
.nexout-dark  .hero .slide-item .slider-content h3,
.nexout-dark  .slider-nav .slick-current a,
.nexout-dark  .footer h2,
.nexout-dark  .footer-social ul li a:hover,
.nexout-dark  .social-domain,
.nexout-dark  .footer-social ul li a.social-hover,
.nexout-dark  .header .sub-menu ul li a:hover,
.nexout-dark  .hero .slide-item .slider-content a:hover,
.nexout-dark  .page-title h1,
.nexout-dark  .page-title .bread-crumb li a:hover,
.nexout-dark  .page-title .bread-crumb li a:hover.bc-active,
.nexout-dark  .about .about-head strong,
.nexout-dark .about h3,.call-out p strong,
.nexout-dark .entry-meta span,
.nexout-dark .blog-entry .entry-meta a:hover,
.nexout-dark .page-nav .nav-left:hover .prev,
.nexout-dark .page-nav .nav-right:hover .next,
.nexout-dark .author-social a:hover,
.nexout-dark input:hover,
.nexout-dark  input:focus,
.nexout-dark textarea:hover,
.nexout-dark .comment-textarea textarea:focus,
.nexout-dark a:hover.reply.black,
.nexout-dark a.comment-reply-link:hover,
.nexout-dark .contact.white-area h2,
.nexout-dark .contact-item:hover .contact-icon,
.nexout-dark span.x,
.nexout-dark .nav-wrapper .social-nav li a:hover,
.nexout-dark .nav-menu li ul li:hover a:hover,
.nexout-dark .grid .grid-more:hover,
.nexout-dark .primary-button,
.nexout-dark .gray-button:hover,
.nexout-dark .white-area a, 
.nexout-dark .white-area p a, 
.nexout-dark .boxed-white-area p a,
 #sidebar li a,
 .nexout-dark  .not-found p {
	color:#e64a34;
}
/*------------------------------------------------
03. Primary Color - Border
-------------------------------------------------*/
.nexout-dark .footer-social .regtangle,
.nexout-dark .header #filterpush:hover,
.nexout-dark .header-fixed #filtermobile:hover,
.nexout-dark .open .header #filterpush,
.nexout-dark .open .header-fixed #filtermobile,
.nexout-dark .mouse,
.nexout-dark .page-nav li a:after,
.nexout-dark .page-nav li a:hover:after,
.nexout-dark .page-nav li span:after,
.nexout-dark .page-nav li span:hover:after,
.nexout-dark .about .about-img-wrapper,
.nexout-dark .call-out,
.nexout-dark .skills .skill-box .skill-value,
.nexout-dark .page-nav .nav-left:after,
.nexout-dark .page-nav .nav-right:after,
.nexout-dark .page-nav .nav-left:hover:after,
.nexout-dark .page-nav .nav-right:hover:after,
.nexout-dark .author-box,
.nexout-dark input:hover,
.nexout-dark input:focus,
.nexout-dark textarea:hover,
.nexout-dark .comment-textarea textarea:focus,
.nexout-dark .contact-item:hover,
.nexout-dark .contact input:hover,
.nexout-dark .contact input:focus,
.nexout-dark .contact textarea:hover,
.nexout-dark .contact textarea:focus,
.nexout-dark .hero .slide-arrow-left,
.nexout-dark .hero .slide-arrow-right,
.nexout-dark .primary-button,
.nexout-dark .gray-button:hover {
	border-color:#e64a34;
}

/*------------------------------------------------
04. Secondary Color - Background
-------------------------------------------------*/
.nexout-dark .header #filterpush span,
.nexout-dark .header #filterpush span:before,
.nexout-dark .header #filterpush span:after,
.nexout-dark .header-fixed #filtermobile span,
.nexout-dark .header-fixed #filtermobile span:before,
.nexout-dark .header-fixed #filtermobile span:after,
.nexout-dark .page-title .bread-crumb li a:after  {
	background-color: #a6a2a2
}

/*------------------------------------------------
05. Secondary Color - Text
-------------------------------------------------*/
.nexout-dark .header .sub-menu ul li a,
.nexout-dark .header .social ul li a,
.nexout-dark  .grid .grid-more,
.nexout-dark  .footer h2 span,
.nexout-dark  .footer-social ul li a,
.nexout-dark  .footer .footer-last p,
.nexout-dark  .social-account,
.nexout-dark  .slider-nav a,
.nexout-dark  .page-title .bread-crumb li a,
.nexout-dark  .page-title .bread-crumb li a.bc-active,
.nexout-dark  .skill-description,
.nexout-dark  .blog-entry .entry-meta a,
.nexout-dark   .black,
.nexout-dark   .black a,
.nexout-dark  .comment-reply-link,
.nexout-dark  .nav-wrapper .nav-menu a,
.nexout-dark  .nav-wrapper .social-nav li a,
.nexout-dark  .nav-menu li ul li a,
.nexout-dark   .nav-wrapper .nav-menu li:hover ul li a,
.nexout-dark   .nav-wrapper .search-wrapper p,
.nexout-dark   .gray-button,
.nexout-dark   .footer h2 b,
.nexout-dark   .footer h2 strong,
.nexout-dark   .page-nav .nav-left span,
.nexout-dark   .page-nav .nav-right span
{
	color: #a6a2a2;
}

.nexout-dark  .white-area p,
.nexout-dark  .boxed-white-area p,
.nexout-dark   .white-area,
.nexout-dark   .boxed-white-area,
.nexout-dark  .comment-reply-link,
.nexout-dark   .blog-list .no-result,
.nexout-dark .elementor p,
.nexout-dark .comment-content.black 
{
color: #717171;
}

/*------------------------------------------------
06. White - Background
-------------------------------------------------*/
.nexout-dark .open .header #filterpush span,
.nexout-dark .open .header #filterpush span:before,
.nexout-dark .open .header #filterpush span:after ,
.nexout-dark .open .header-fixed #filtermobile span,
.nexout-dark .open .header-fixed #filtermobile span:before,
.nexout-dark .open .header-fixed #filtermobile span:after ,
.nexout-dark .header #filterpush:hover span,
.nexout-dark .header #filterpush:hover span:before,
.nexout-dark .header #filterpush:hover span:after,
.nexout-dark .header-fixed #filtermobile:hover span,
.nexout-dark .header-fixed #filtermobile:hover span:before,
.nexout-dark .header-fixed #filtermobile:hover span:after,
.nexout-dark .page-content,.comment-area .comment {
	background-color: #fff
}

/*------------------------------------------------
07. White - Text
-------------------------------------------------*/
body.nexout-dark,
.nexout-dark a,
.nexout-dark .grid-item span.title-category,
.nexout-dark .button,
.nexout-dark input[type=submit],
.page-nav li a,
.page-nav li span,
.nexout-dark .page-nav .nav-left,
.nexout-dark.page-nav .nav-right,
.nexout-dark .nav-wrapper .nav-menu .active a,
.nexout-dark .nav-wrapper .nav-menu li:hover a,
.nexout-dark .nav-wrapper .search-wrapper input,
.nexout-dark .blog-entry span.title-category,
.nexout-dark .header .filter-menu li a,
.nexout-dark .skill-box span,
.nexout-dark .page-nav .nav-left .prev,
.nexout-dark .page-nav .nav-right .next,
.nexout-dark .page-nav .nav-left:hover span,
.nexout-dark .page-nav .nav-right:hover span,
.nexout-dark .blog-meta-middle a:hover,
.nexout-dark .button.red:hover,
.icon-box.radius-icon i,
.nexout-dark .blog-category a, 
.nexout-dark .blog-category i,
.nexout-dark input[type=submit]:hover
 {
	color: #fff;
}

/*------------------------------------------------
08. Dark - Backgrounds
-------------------------------------------------*/
body.nexout-dark ,
.nexout-dark .black-space {
	background-color: #272729;
}
.nexout-dark .header {background-color: #2E2E30;}
.nexout-dark .hero {
	background-color: #242326; 
	background-image: linear-gradient(90deg, #28282a, #1b1b1d);
	background-image: -webkit-linear-gradient(90deg, #28282a, #1b1b1d);
	background-image: -moz-linear-gradient(90deg, #28282a, #1b1b1d);
	background-image: -o-linear-gradient(90deg, #28282a, #1b1b1d);
	background-image: -ms-linear-gradient(90deg, #28282a, #1b1b1d);
}
.nexout-dark .footer-img:before {
    background: linear-gradient(to top, rgba(39,39,41,1) 10%,rgba(39,39,41,0) 100%);
}
/*------------------------------------------------
09. Gray Border
-------------------------------------------------*/
.nexout-dark .comment-textarea input,
.nexout-dark .comment-textarea textarea,
.nexout-dark .contact input,
.nexout-dark .contact textarea,
.nexout-dark .contact-item {
	border:1px solid #eee;
}
input, textarea {
	border: 1px solid #e2e2e2;
}
/*------------------------------------------------
10 - Core Colors
-------------------------------------------------*/
.nexout-dark .hero .slide-item .slider-content a {
  color: #696969;
}

.nexout-dark .white-area, .nexout-dark .boxed-white-area {
  background-color: #fcfcfc;
}
.nexout-dark .white-area, .nexout-dark .boxed-white-area.n-white-bg {
  background-color: #fff;
}

.nexout-dark .seperator {
  background-color: #ececec;
}

.nexout-dark .blog-entry .description {
  color: #888;
}

.nexout-dark .blog-meta time {
  color: #fff;
}

.nexout-dark .blog-category a, .nexout-dark .blog-category i {
  color: #fff;
}

.nexout-dark .nav-wrapper .nav-menu .active a span,
.nexout-dark .nav-wrapper .nav-menu li:hover a span {
  color: #e64a34;
}

.nexout-dark .overlay-wrapper {
  background-color: #242326;
}

.nexout-dark .filter-mobile-wrapper {
  background: #212125;
}

.nexout-dark .nav-wrapper .search-wrapper input {

  border-color:rgba(255,255,255,.2);
}

.nexout-dark .ajax-wrapper {
  background: #242326;
}

.nexout-dark .skills .skill-box {
  border-color: #cacaca;
}

.nexout-dark .page-nav li a,.page-nav .nav-left,.nexout-dark .page-nav li span,
.nexout-dark .page-nav .nav-right,.primary-button:hover,.gray-button {
  border-color: #a6a2a2;
}

.nexout-dark .open .header:after {
  background: #2E2E30;
}
.nexout-dark blockquote {
    background: #2c2c2d12;
}
.nexout-dark .author-name, 
.nexout-dark .contact-item-title, 
.nexout-dark .icon-title,
.nexout-dark .icon-box,
.nexout-dark .content-title h2,
.nexout-dark .elementor-widget-icon-box.elementor-view-framed .elementor-icon, 
.nexout-dark .elementor-widget-icon-box.elementor-view-default .elementor-icon,
.nexout-dark .elementor-widget-icon-box .elementor-icon-box-content .elementor-icon-box-title {
	color: #212124;
}
.nexout-dark .boxed-white-area .about,
.nexout-dark .boxed-white-area h1,
.nexout-dark .boxed-white-area h2,
.nexout-dark .boxed-white-area h3,
.nexout-dark .boxed-white-area h4,
.nexout-dark .boxed-white-area h5,
.nexout-dark .boxed-white-area h6 {
	color: #212124;
}

.nexout-dark .white-area.about,
.nexout-dark .white-area h1,
.nexout-dark .white-area h2,
.nexout-dark .white-area h3,
.nexout-dark .white-area h4,
.nexout-dark .white-area h5,
.nexout-dark .white-area h6 {
	color: #212124;
}

.nexout-dark  ::-moz-selection { background: #8c8c8e; }
.nexout-dark  ::selection { background: #8c8c8e; }
/*------------------------------------------------
11. Mobile Slider
-------------------------------------------------*/

@media (max-width: 480px) {

	.nexout-dark .slider-nav .slick-slide {
	    background: #a6a2a2;
	}
	.nexout-dark .slider-nav .slick-slide.slick-current {
		background-color: #e64a34;
	}
	.nexout-dark .slider-nav .slick-slide.slick-current:before {
		display: none;
	}

}

@media screen and (max-width: 768px) and (min-width: 310px) {

	.nexout-dark .slider-nav .slick-slide {
	    background: #a6a2a2;
	}
	.nexout-dark .slider-nav .slick-slide.slick-current {
		background-color: #e64a34;
	}
	.nexout-dark .slider-nav .slick-slide.slick-current:before {
		display: none;
	}
}
/* Page Pagination */
.nexout-dark .page-links .post-page-numbers {
	border-color: #a6a2a2;
}
.nexout-dark .post-page-numbers:after {
	border-color: #e64a34;
}
.nexout-dark .post-page-numbers:hover:after {
	border-top-color:#e64a34;
}
/* Default Blocks Color Fix */
.nexout-dark .white-area p.has-very-light-gray-color   {
	color:#fff;
}

/* Comment Widget */ /* Added Color */
body.nexout-dark #sidebar ul li .comment-author-link a,
body.nexout-dark #sidebar ul li .comment-author-link,
body.nexout-dark #sidebar ul li .rsswidget
 {
  color:#a6a2a2;
}
/* Table Style */
table, th, td {  /* Added Color */
  border: 1px solid #e8e8e8;
}