/* Usage: add the class theme-dark to the html */

:root {
    --main-bg-color: #37393e;
    --main-font-color: #fff;
    --gray-color: #a5abb1;
    --nav-bg-color: #212225;
    --nav-font-color: #e2e7f8;
    --secondary-bg-color: #444;
}

.theme-dark body {
    background: var(--main-bg-color);
    color: var(--main-font-color);
}

.theme-dark p {
    color: var(--gray-color);
}

.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 {
    color: var(--main-font-color);
}

.theme-dark pre {
    color: #fff;
    background-color: rgba(80, 80, 80, .2);
    border-color: rgba(80, 80, 80, .6);
}

.theme-dark .table {
    color: var(--main-font-color);
}

.theme-dark .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: var(--secondary-bg-color);
}

.theme-dark .table-hover tbody tr:hover {
    color: var(--main-font-color);
    background-color: var(--secondary-bg-color);
}

.theme-dark .table .table-sub-header {
    background: var(--nav-bg-color);
}

/*
.theme-dark .preloader {
    background: var(--main-bg-color);
}

.theme-dark .preloader .loader .ytp-spinner-circle {
    border-color: #119bd2 #119bd2 #FFF;
}
*/

.theme-dark .sticky {
    background-color: var(--nav-bg-color);
}

.theme-dark .sticky .navbar-nav .nav-item a {
    color: var(--nav-font-color);
}

.theme-dark .navbar-nav .nav-item .fake-a {
    color: var(--nav-font-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .theme-dark .navbar-nav .nav-item a {
        color: var(--nav-font-color);
    }
}

@media (max-width: 767px) {
    .theme-dark .navbar-nav .nav-item a {
        display: block;
        /*padding: 4px 0;*/
        color: var(--nav-font-color);
    }
}

.theme-dark .sticky .navbar-nav .nav-item .fake-a {
    color: var(--nav-font-color);
}

.theme-dark .sticky .navbar-toggler .toggler-icon {
    background-color: #FFF;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .theme-dark .navbar-nav .nav-item .fake-a {
        color: var(--nav-font-color);
    }
}

@media (max-width: 767px) {
    .theme-dark .navbar-nav .nav-item .fake-a {
        color: var(--nav-font-color);
    }
}

@media (max-width: 767px) {
    .theme-dark .navbar-collapse {
        background-color: var(--nav-bg-color);
    }

    .theme-dark .navbar-nav .nav-item :hover {
        background-color: var(--main-bg-color);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .theme-dark .navbar-collapse {
        background-color: var(--nav-bg-color);
    }

    .theme-dark .navbar-nav .nav-item :hover {
        background-color: var(--main-bg-color);
    }
}

.theme-dark .single-services {
    background-color: var(--main-bg-color);
    color: var(--gray-color);
}

.theme-dark .single-services .services-content .services-title a {
    color: var(--main-font-color);
}

.theme-dark .single-services .services-content .more {
    color: var(--main-font-color);
}

.theme-dark .single-team .team-content .holder-name a {
    color: var(--main-font-color);
}

.theme-dark .single-testimonial {
    background-color: var(--main-bg-color);
}

.theme-dark .single-testimonial .testimonial-author .author-content .holder-name {
    color: var(--main-font-color);
}

.theme-dark .slick-dots li button::before {
    color: var(--main-font-color);
}

.theme-dark .slick-dots li.slick-active button::before {
    color: var(--main-font-color);
}

.theme-dark .single-blog .blog-content .meta li {
    color: var(--gray-color);
}

.theme-dark .single-blog .blog-content .meta li a {
    color: var(--gray-color);
}

.theme-dark .single-blog .blog-content .text {
    color: var(--gray-color);
}

.theme-dark .subscribe-area {
    background-color: var(--main-bg-color);
}

.theme-dark .subscribe-form input {
    border: 2px solid var(--secondary-bg-color);
    background-color: var(--secondary-bg-color);
    color: var(--main-font-color);
}

.theme-dark .subscribe-form input:focus {
    box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25);
    border-color: var(--secondary-bg-color);
}

.theme-dark .white-box {
    background-color: var(--main-bg-color);
    color: var(--main-font-color);
}

.theme-dark .nav-tabs .nav-item.show .nav-link, .theme-dark .nav-tabs .nav-link.active {
    color: var(--main-font-color);

    background-color: var(--main-bg-color);
    border-color: rgba(255, 255, 255, .15) rgba(255, 255, 255, .15) var(--main-bg-color);
}

.theme-dark .nav-tabs .nav-link:focus, .theme-dark .nav-tabs .nav-link:hover {
    border-color: rgba(255, 255, 255, .5) rgba(255, 255, 255, .5) rgba(255, 255, 255, .15);
}

.theme-dark .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.theme-dark .alert-teal {
    color: #82c4f8;
    background-color: rgba(33, 150, 243, .2);
    border-color: rgba(33, 150, 243, .6);
    box-shadow: 0 0 15px 0 rgba(33, 150, 243, 0.16);
}

.theme-dark .alert-danger {
    color: #de7373;
    background-color: rgba(255, 122, 122, .2);
    border-color: rgba(255, 122, 122, .6);
    box-shadow: 0 0 15px 0 rgba(255, 122, 122, 0.16);
}

.theme-dark .page-link {
    background: var(--secondary-bg-color);
    color: var(--main-font-color);
    border-color: var(--secondary-bg-color);
}

.theme-dark .default-bg {
    background: var(--main-bg-color);
}

.theme-dark .table .thead-default-bg th {
    color: var(--main-font-color);
    background-color: var(--main-bg-color);
}

.theme-dark .svg-light {
    display: none;
}

.theme-dark .svg-dark {
    display: block;
}

/** Slider Switch ***/
.theme-dark .slider {
    background: var(--main-bg-color);
}

.theme-dark .slider::before {
    background-color: var(--nav-bg-color);
    color: var(--nav-font-color);
}

.theme-dark .slider.slider-theme-switch.round::before {
    font-family: "Font Awesome 5 Free";
    content: "\f186"; /** moon icon **/
}

/** Slider Switch end **/

.theme-dark .preloader {
    background-color: var(--main-bg-color);
}

/** image lightbox **/

.theme-dark .lb-outerContainer {
    background-color: var(--main-bg-color);
}

.theme-dark .lightbox .lb-image {
    border-color: var(--nav-bg-color);
}

/** end lightbox **/


.theme-dark .endorsed {
    color: var(--gray-color);
    border: 1px solid var(--gray-color);
}

.theme-dark .macos {
    color: rgb(152, 152, 157);
}