/* 1. Template Dark */

input:focus,
textarea:focus,
button:focus {
  color: #f0f0f0;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #f0f0f0;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: #f0f0f0;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: #f0f0f0;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #f0f0f0;
}

body,
.container .line {
  background: #111;
}

table th,
table td {
  border-color: #28282f;
}

table,
table th,
table td {
  background: none;
}

table th,
table td {
  border-width: 1px;
}

body,
td,
blockquote,
.skills ul li .progress .percentage .percent,
.category {
  color: #a2a2a6;
}

input,
textarea,
button,
a,
.section .content .title .title_inner,
.resume-items .resume-item .name,
.service-items .service-item .name,
.section.works .filters label,
.single-post-text input[type="submit"],
.post-comments .post-comment .desc .name,
h1,
h2,
h3,
h4,
h5,
h6,
.mfp-close-btn-in .mfp-close,
.section.started .started-content .h-title,
.content-sidebar h2.widget-title,
.post-comments .post-comment .desc span.comment-reply a,
.post-comments .post-comment .desc span.comment-reply,
table th,
p strong,
footer .soc a .ion,
a.btn,
.btn,
.skills ul li .name,
.box-items .box-item .desc .name,
.popup-box .desc h4 {
  color: #f0f0f0;
}

.container,
.section:before,
.footer,
header,
.started-content .glitch-effect:before,
.started-content .glitch-effect:after,
.started-content .glitch-effect-white:before,
.started-content .glitch-effect-white:after,
header.fixed,
header.opened,
.footer.fixed,
.popup-box,
.preloader,
.skills.circles .progress:after,
footer,
header {
  background: #111;
}

.background-enabled .started-content .glitch-effect:before,
.background-enabled .started-content .glitch-effect:after {
  background: transparent;
}

.glitch-effect:before,
.glitch-effect:after,
.glitch-effect-white:before,
.glitch-effect-white:after {
  background: transparent;
}

.mfp-close-btn-in .mfp-close {
  background: #31313a !important;
  color: #fff !important;
}

.section .content .title .title_inner,
.box-items .box-item .category,
.comment-info span.comment-reply,
.content-sidebar span.screen-reader-text span,
.content-sidebar h2.widget-title span,
.popup-box .category {
  box-shadow: inset 0 -6px 0px #666666;
  -moz-box-shadow: inset 0 -6px 0px #666666;
  -webkit-box-shadow: inset 0 -6px 0px #666666;
  -khtml-box-shadow: inset 0 -6px 0px #666666;
}

.skills ul li .progress,
mark,
ins,
.skills.dotted ul li .progress .dg span,
.skills.dotted ul li .progress .da span,
.skills.circles .progress {
  background: #666666;
}

.content-sidebar {
  background: #31313a;
}

.content-sidebar .close,
.post-comments ul.children {
  background: #3b3b42;
}

.content-sidebar .close:before,
.content-sidebar .close:after,
.sidebar_btn span,
.sidebar_btn span:before,
.sidebar_btn span:after,
.header .head-top .menu-btn span,
.header .head-top .menu-btn:before,
.header .head-top .menu-btn:after,
header .head-top .menu-btn span,
header .head-top .menu-btn:before,
header .head-top .menu-btn:after {
  background: #f0f0f0;
}

.search-form input.search-submit {
  filter: brightness(0) invert(1);
}

.content-sidebar .widget ul li,
.content-sidebar .widget ul li:last-child,
.search-form input.search-field,
.content-sidebar h2.widget-title,
hr,
.post-comments .post-comment,
input,
textarea,
button {
  border-color: #666666;
}

.navigation.post-navigation .nav-links a:hover {
  color: #dddddd;
}

.sticky,
pre {
  background-color: #3a3b44;
}

header .head-top .top-menu-nav .sub-menu,
header .head-top .top-menu-nav .children {
  background: #3e3f48;
}

header .head-top .top-menu-nav .sub-menu:before,
header .head-top .top-menu-nav .children:before {
  border-bottom-color: #3e3f48;
}

header .head-top .top-menu-nav .sub-menu li .sub-menu:before,
header .head-top .top-menu-nav .children li .children:before {
  border-right-color: #3e3f48;
}

header .head-top .top-menu-nav .sub-menu li,
header .head-top .top-menu-nav .children li {
  border-bottom-color: #666666;
}

header .head-top .top-menu-nav .sub-menu li a,
header .head-top .top-menu-nav .children li a {
  color: #a2a2a6;
}

header .head-top .top-menu-nav .sub-menu li:hover a,
header .head-top .top-menu-nav .children li:hover a {
  color: #f0f0f0;
}

.post-comments ul.children ul.children {
  background: none;
}

@media (max-width: 840px) {
  header .head-top .top-menu-nav .sub-menu li .sub-menu,
  header .head-top .top-menu-nav .children li .children {
    background: #4a4b54;
  }
  header .head-top .top-menu-nav .sub-menu li .sub-menu:before,
  header .head-top .top-menu-nav .children li .children:before {
    border-bottom-color: #4a4b54;
  }
}

.background-enabled header .head-top .top-menu-nav .sub-menu li a {
  color: #a2a2a6;
}

.background-enabled header .head-top .top-menu-nav .sub-menu li a:hover {
  color: #a2a2a6;
  text-decoration: underline;
}

.started-content .glitch-effect:before,
.started-content .glitch-effect:after,
.started-content .glitch-effect-white:before,
.started-content .glitch-effect-white:after {
  background: transparent;
}

.background-enabled .footer.fixed .soc a .ion {
  color: #dedede;
}

header .logo a {
  color: #f0f0f0;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  background: none !important;
}