body.dark {
  color: #a4a5a7;
  background: #27282c;
}
h1,
h2,
h3,
h4,
h5,
body.dark h6 {
  color: #292929;
}
body.dark input {
  color: #292929;
}

/****************************** FI header ******************************/
body.dark header {
  background: #27282c;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.24);
}
body.dark header .title {
  border: 3px solid #a4a5a7;
  background: linear-gradient(90deg, #a4a5a7 48%, #27282c 49%);
  color: rgb(255, 255, 255);
}
body.dark header .title .title_1 {
  color: #27282c !important;
}
body.dark header .title .title_2 {
  color: #a4a5a7 !important;
}

body.dark header .nav_btn {
  color: #a4a5a7;
}

body.dark header .nav_btn.active {
  color: #a4a5a7;
  border-bottom: 3px solid #a4a5a7;
}

body.dark header .search_posts {
  border: 1px solid rgb(70, 70, 70);
  background: rgb(70, 70, 70);
  color: #a4a5a7;
}
header .search_posts:active,
body.dark header .search_posts:focus {
  border: 1px solid #a4a5a7;
}

body.dark .loader-wrapper {
  background-color: #27282c;
}
body.dark .loader img {
  border: 1px solid rgb(68, 68, 68);
}

body.dark .posts .wrapper {
  background: rgb(50, 51, 56);
  border: 0px solid rgb(50, 51, 56);
}
body.dark .posts .wrapper:hover {
  box-shadow: 0 0px 0px rgba(136, 123, 123, 0.2),
    0 0px 0px rgba(46, 46, 46, 0.2);
}
body.dark .posts .wrapper .header .title {
  color: #a4a5a7;
}

body.dark .posts .wrapper .image img {
  box-shadow: 0 4px 10px rgba(122, 109, 109, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2);
}

body.dark .posts .wrapper .footer_2 .left svg {
  color: grey;
}

body.dark .posts .wrapper .footer_1 button {
  background: rgb(156, 156, 156);
  color: #27282c;
}

body.dark .pagination_section button {
  border: 1px solid rgb(70, 70, 70);
  background: #27282c;
  color: #a4a5a7;
}
body.dark .pagination li {
  border: 1px solid rgb(70, 70, 70);
  background: #27282c;
}
body.dark .pagination li:hover {
  border-bottom: 1px solid#A4A5A7;
  box-shadow: inset 0px -1px 0px 0px #a4a5a7;
}
body.dark .pagination li.active {
  background: rgb(156, 156, 156);
  border-top-color: rgb(156, 156, 156);
  border-bottom-color: rgb(156, 156, 156);
}
body.dark .pagination li a {
  color: #a4a5a7;
}
body.dark .pagination li.active a {
  color: #27282c;
}

body.dark .pagination li.disabled:hover {
  border-bottom: 1px solid#c7c7c7;
  box-shadow: inset 0px 0px 0px 0px #a4a5a7;
}
body.dark .footer {
  border-top: 1px solid rgb(70, 70, 70);
}

body.dark .footer .credits {
  color: #797676;
}
body.dark .footer .title {
  color: #a4a5a7;
}

body.dark .footer a {
  color: #a4a5a7;
}

body.dark .post_wrap {
  background: #27282c;
}

body.dark .post_main .post_img img {
  box-shadow: 0 4px 10px rgba(122, 109, 109, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2);
}

body.dark .post_main .post_content .heading span {
  color: #a4a5a7;
}

body.dark .post_footer {
  border-top: 2px solid gb(214, 214, 214);
  border-bottom: 2px solid gb(214, 214, 214);
}

body.dark .post_footer .author .desc {
  color: grey;
}

body.dark .post_category_top button {
  background: #a4a5a7;
  color: #27282c;
}

body.dark .post_footer .elapsed {
  color: grey;
}
body.dark .post_footer .date {
  color: #a4a5a7;
}
body.dark .side_sec .section {
  border: 1px solid #dfdfdf;
}

body.dark .side_sec .section div.title span {
  border-bottom: 2px solid #a4a5a7;
}


body.dark .side_sec .section .latest .title_div,
body.dark .side_sec .section .similar .title_div {
  color: #a4a5a7;
}

body.dark .side_sec .section .latest .category_div button,
body.dark .side_sec .section .similar .category_div button {
  background: #a4a5a7;
  color: #27282c;
}

body.dark .nav-icon:after,
body.dark .nav-icon:before,
body.dark .nav-icon div {
  background-color: #a4a5a7;
}
body.dark header .nav_btn:hover {
  color: #fe2f4d;
}
body.dark .footer .title:hover {
  color: #fe2f4d;
}
body.dark .footer a:hover {
  color: #fe2f4d;
}
body.dark .post_main .post_content .heading a:hover span {
  color: #fe2f4d;
}
body.dark .side_sec .section .latest .title_div:hover span,
body.dark .side_sec .section .similar .title_div:hover span {
  color: #fe2f4d;
}