:root {
    --border-color: #21262D;
}

.dark-mode{
    background: #0D1117;
    color: #ffffff;
}

.dark-mode .theme-header-main{
    background: #010409;
    border-bottom: 1px solid #21262D;
}

.dark-mode .nav-menu-wrapper .mainmenu ul li a,
.dark-mode .nav-menu-wrapper .mainmenu ul>li.menu-item-has-children>a:after{
    color: #F0F6FC;
}

.dark-mode .nav-menu-wrapper .mainmenu li ul.sub-menu{
    background: #161B22;
}

.dark-mode .nav-menu-wrapper .mainmenu li ul.sub-menu li{
    border-bottom: 1px solid #21262D;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode .nav-menu-wrapper li ul.sub-menu li a:hover,
.dark-mode .nav-menu-wrapper .mainmenu ul li a:hover,
.dark-mode .search-icon.theme-search-custom-iconn:hover{
    color: #ffffff !important;
}

.dark-mode .search-icon.theme-search-custom-iconn,
.dark-mode .post-meta-author-box span a,
.dark-mode .post-meta-author-box span, 
.dark-mode .post-meta-date-box span{
    color: #ffffff;
}

.dark-mode .theme-main-slider-full-width .post-block-template-large .post-block-content-wrap{
    background: #161B22;
}

.dark-mode .post-block-style-wrapper .post-block-content-wrap h2.post-title a, 
.dark-mode .post-block-content-wrap h1.post-title a{
    color: #E6EDF3;
}

.dark-mode .post-block-style-wrapper .post-block-content-wrap .post-excerpt-box p,
.dark-mode p.copyright-text,
.dark-mode .post-content p,
.dark-mode .page-main-content-inner p,
.dark-mode p{
    color: #707881 !important;
}

.dark-mode .theme-main-slider-full-width .slide-arrow-left.slick-arrow, 
.dark-mode .theme-main-slider-full-width .slide-arrow-right.slick-arrow,
.dark-mode .slide-arrow-left.slick-arrow, 
.dark-mode .slide-arrow-right.slick-arrow{
    background: #010409 !important;
    border-color: #21262D !important;
}

.dark-mode .post-block-template-counter:hover .post-block-number-wrap span{
    color: #ffffff;
}

.dark-mode .dark-mode-bg{
    background-color: #161B22 !important;
}

.dark-mode .elementor-divider-separator{
    border-color: #21262D !important;
}

.dark-mode .section-divider{
    background: #21262D;
}

.dark-mode a.subscribe-btn:hover{
    background-color: #30363D !important;
}

.dark-mode .scrolltotop i:hover{
    color: #ffffff !important;
}

.dark-mode .breadcrumb-wrapper{
    background: #010409;
}

.dark-mode .bredcrumb-menu a, 
.dark-mode .bredcrumb-menu span,
.dark-mode .blog-sidebar .widget ul li a{
    color: #707881 !important;
}

.dark-mode .wp-block-search .wp-block-search__label{
    color: #ffffff;
}

.dark-mode .main-container .theme-pagination-style ul.page-numbers li a.page-numbers, 
.dark-mode .main-container .theme-pagination-style ul.page-numbers li span.page-numbers{
    border-color: var(--border-color);
    color: #ffffff;
}

.dark-mode .wp-block-search__input{
    background-color: #161B22;
    border-color: var(--border-color);
}

.dark-mode .blog-single-right-sidebar blockquote,
.dark-mode .subscribe-input input{
    background: #161B22;
}

.dark-mode .footer-social a:hover,
.dark-mode .footer-newsletter .subscribe-input .subscribe-button:hover{
    background: #161B22 !important;
}

.dark-mode .post-content ul li{
    color: #c6c6c6;
}

.dark-mode .theme-tags__wrapper h4{
    color: #ffffff !important;
}

.dark-mode .comment-form-wrapper,
#comments{
    background: #161B22 !important;
}

.dark-mode .comment-form .form-control, 
.dark-mode .page-main-content-inner .form-control, 
.dark-mode .comment-form input{
    background-color: #000000;
    color: #c6c6c6;
}

.dark-mode .footer-top ul li a,
.dark-mode .subscribe-input input{
    color: #c6c6c6;
}

.dark-mode .logo.theme-logo.main,
.dark-mode .tpoffcanvas-logo img,
.dark-mode .footer-top .logo.theme-logo img,
.dark-mode .tp-offcanvas-area h1.text-logo{
    display: none !important;
}

.dark-mode h1.text-logo a,
.dark-mode .tpoffcanvas-close-btn button,
.dark-mode .post-block-template-list-small .post-meta-date-box span{
    color: #ffffff;
}

.dark-mode .logo.theme-logo.dark,
.dark-mode .footer-top .logo.theme-logo.dark img,
.dark-mode .tp-offcanvas-area h1.text-logo.text-dark-logo{
    display: block !important;
}

.dark-mode .lv-header-bar-line{
    background: #ffffff;
}

.dark-mode .tpoffcanvas{
    background-color: #161B22;
}

.dark-mode .tpoffcanvas .logo.theme-logo img,
.dark-mode .tpoffcanvas h1.text-logo {
    margin-top: 35px;
}

.dark-mode .tpoffcanvas-text.offcanvas-content {
    margin-top: 30px;
}

.dark-mode .most-popular-area-bottom::before,
.dark-mode .most-popular-area-bottom::after,
.dark-mode .most-popular-area-bottom .column-divider-rel::after{
    background: var(--border-color);
}