:root {
    --bg-color: #1e1e1e;
    --bg-darker-color: #161616;
    --text-color: #d3d3d3;
    --color-gray-1: #939393;
}

body.dark {
    background-color: var(--bg-color);
    color: var(--text-color);
}

body.dark .main-nav {
    background-color: var(--bg-darker-color);
}

body.dark .inner-nav > ul > li > a {
    color: var(--text-color);
    opacity: 1;
}

body.dark .inner-nav ul li a:hover, .inner-nav ul li a.active {
    color: #fff;
}

body.dark .text-gray {
    color: #9f9e9e;
}

body.dark hr {
    background-color: #e7e7e7;
}

body.dark footer {
    background-color: var(--bg-darker-color) !important;
}

body.dark .fw-menu li a {
    color: #9f9f9f;
}

body.dark .footer-logo {
    display: none;
}

body.dark .logo-light {
    display: block;
}

body.dark .logo-dark, body.dark .logo-white {
    display: none !important;
}

body.dark .footer-logo-light {
    display: block;
}

body.dark .footer:not(.light-content) a:hover {
    color: #fff !important;
}

body.dark .works-filter a.active, .works-filter a:hover, .ci-title, .contact-item a {
    color: #fff;
}

body.dark .works-filter a:after {
    background-color: var(--text-color)
}

body.dark .page-banner {
    background-image: none !important;
    background-color: var(--bg-darker-color);
}

body.dark .bg-light-alpha-90:before, .bg-light-alpha-90 .YTPOverlay:before {
    opacity: 0;
}

body.dark .btn-mod, a.btn-mod {
    color: #000000;
    background: #d3d3d3;
}

body.dark .mobile-nav-icon, body.dark .mobile-nav-icon:before, body.dark .mobile-nav-icon:after {
    background: #fff;
}