/* =================================================================== */
/* Light #fff / #000
====================================================================== */

.accent,
.social ul li a:hover,
.leftbottom > a:hover,
.meta i {
    color: #000;
}
.portfolio-items .details .heading img,
.portfolio-grid ul.grid li img,
.about .content .img-container img,
.blog-page .blog-content .post a img,
.blog-page .main-post img {
    filter: grayscale(1);
}

.btn-primary-rtl,
.yes,
.btn-primary,
.home .home-content h1:before,
.title,
.squares div:nth-child(n+10),
.arrow:before,
.arrow:after,
.arrow-inner:after,
.arrow-inner:before,
.home .home-content p:before,
.portfolio-grid .heading p:before,
.about .box-stats p:before,
.portfolio-items .details .heading > div,
.portfolio-items .details .heading > div:before,
.btn-secondary:before,
.btn-secondary:hover,
.layers > div:first-child,
.layers > div:nth-child(3),
.layers > div:nth-child(5),
.leftbottom > a:before,
.freelance span:before,
.blog-page .blog-content .post .category,
.blog-page .loadmore span {
    background-color: #000;
}

.btn-primary-rtl.full-light:before {
	background-color: #666;
}

.portfolio-items .details .heading > div:after,
.loader {
    border-top-color: #000;
}

.social ul.social li a:hover svg,
.skin svg path {
    fill: #fff;
}

.arrow svg.hover path {
  fill: #000
}

.about .content .img-container:before {
    border: 4px solid #000;
}