html[data-applied-mode="dark"]:root {
    --ei-dark-1: #20222e;
    --ei-dark-2: #272935;
    --ei-dark-3: #353744;
    --ei-dark-4: #46495b;
    --ei-black-txt: #2A3141;
    --ei-black: #ffffff;
    --ei-gray-0: #ffffff;
    --ei-gray-1: #b8bdd1;
    --ei-hover-link: #cfd3db;
    --ei-ad: #6b6e7f;
    --ei-section: #353744;
    --ei-section-2: #353744;
    --ei-border: #575a6b;
    --ei-input: #353744;
    --ei-border-input: #575a6b;
    --ei-input-focus: #ffffff;
    --ei-border-nav: #555763;
    --ei-breadcrumb-current: #b2b7ba;
    --ei-comment-metadata: #b2b7ba;
    --ei-pre: #353744;
    --ei-lighter-js: #20222e;
    --ei-scrollbar: #30313b;
    --ei-scrollbar-default: #30313b;
    --ei-scrollbar-thumb: #5d5f6e;
    --ei-scrollbar-thumb-hover: #5d5f6e;
    --ei-box-shadow: 0 3px 20px 0px rgb(34 35 41 / 15%);
    --ei-box-shadow-nav: 0 15px 40px 5px rgb(88 88 101 / 15%);
    --ei-box-shadow-author: 0 3px 12px 0 rgb(39 39 39 / 80%);
}

html[data-applied-mode="dark"] body:before, html[data-applied-mode="dark"] .ei-logo>a.ei-logo-black, html[data-applied-mode="dark"] .ei-dark-mode svg:last-child, .ei-dark-mode svg:first-child {
    display: none;
}
html[data-applied-mode="dark"] .ei-dark-mode svg:first-child {
    display: inline-block;
}
html[data-applied-mode="dark"] .ei-logo>a.ei-logo-black {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
html[data-applied-mode="dark"] .ei-logo>a.ei-logo-white {
	display: -ms-flexbox;
    display: flex;
}

html[data-applied-mode="dark"] .ei-footer, html[data-applied-mode="dark"] .ei-sidebar-pop .ei-header {
    background: var(--ei-dark-1);
}
html[data-applied-mode="dark"] body {
    background: var(--ei-dark-2);
}
html[data-applied-mode="dark"] .ei-navbar-top .ei-nav ul, html[data-applied-mode="dark"] .copy-button, html[data-applied-mode="dark"] .ei-right-sidebar .ei-social-media a {
    background: var(--ei-dark-3);
}
html[data-applied-mode="dark"] footer .ei-social-media a:before {
    background: #ffffff;
}

html[data-applied-mode="dark"] .ei-modal-body, html[data-applied-mode="dark"] .ei-sidebar-pop {
    background-color: var(--ei-dark-2);
}
html[data-applied-mode="dark"] body.ei-scroll-active .ei-navbar-top, html[data-applied-mode="dark"] .ei-hero-post .ei-post-content>div:nth-child(2), html[data-applied-mode="dark"] .wpcf7-spinner, html[data-applied-mode="dark"] .ei-datatable, html[data-applied-mode="dark"] .widget-area .widget_tag_cloud a, html[data-applied-mode="dark"] .ei-tag a, html[data-applied-mode="dark"] .ei-wcp .ei-modal-body .ei-widget-post>.ei-post-list .ei-thumb>a .ei-icon {
    background-color: var(--ei-dark-3) !important;
}
html[data-applied-mode="dark"] .ei-box-share {
    background-color: var(--ei-dark-4);
}
html[data-applied-mode="dark"] body.single-post .comments-area li a.comment-reply-link, html[data-applied-mode="dark"] body.single-post .comments-area li a.comment-reply-link:focus {
    background-color: var(--ei-primary);
}

html[data-applied-mode="dark"] .dt-container .dt-length, html[data-applied-mode="dark"] .dt-container .dt-search, html[data-applied-mode="dark"] .dt-container .dt-info, html[data-applied-mode="dark"] .dt-container .dt-paging .dt-paging-button, html[data-applied-mode="dark"] .ei-author-banner .ei-profile .ei-desc a, html[data-applied-mode="dark"] .ei-about-author .ei-desc a, html[data-applied-mode="dark"] body.single-post .comments-area li a.comment-reply-link, html[data-applied-mode="dark"] body.single-post .comments-area li a.comment-reply-link:focus, html[data-applied-mode="dark"] .comments-area .comment-respond h3.comment-reply-title small a, html[data-applied-mode="dark"] .single-post .post-nav-links .post-page-numbers, html[data-applied-mode="dark"] .single-post .ei-page-numbers .ei-show-all, html[data-applied-mode="dark"] .ei-modal-showcase .ei-modal-body>div .ei-btn.ei-modal-hide, html[data-applied-mode="dark"] .ei-footer .menu-footer-menu-container>ul li a, html[data-applied-mode="dark"] .ei-footer .ei-f-widget-title, html[data-applied-mode="dark"] .ei-footer .ei-copyright, html[data-applied-mode="dark"] .ei-footer .ei-copyright a {
    color: #ffffff !important;
}
html[data-applied-mode="dark"] div.dt-container .dt-paging .dt-paging-button.disabled, html[data-applied-mode="dark"] div.dt-container .dt-paging .dt-paging-button.disabled:hover, html[data-applied-mode="dark"] div.dt-container .dt-paging .dt-paging-button.disabled:active {
    color: var(--ei-gray-1) !important;
}

html[data-applied-mode="dark"] .ei-lazy[data-src] {
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
    -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
    background-color: var(--ei-dark-2);
}
html[data-applied-mode="dark"] .ei-widget-category.ei-category-thumbnail .ei-lazy[data-src] {
    mask-image: none;
    -webkit-mask-image: none;
    background-color: transparent;
}

html[data-applied-mode="dark"] .ei-back-to-top:hover span {
    box-shadow: var(--ei-box-shadow);
}

html[data-applied-mode="dark"] .ei-modal .ei-close>span {
    border: 1px solid #c7c7c7;
}
html[data-applied-mode="dark"] .ei-ad.ei-space {
    color: var(--ei-ad);
}
html[data-applied-mode="dark"] .ei-ad.ei-space, html[data-applied-mode="dark"] .ei-datatable, html[data-applied-mode="dark"] div.dt-container .dt-input {
    border-color: var(--ei-border-input) !important;
}
html[data-applied-mode="dark"] table.dataTable th, html[data-applied-mode="dark"] table.dataTable td {
    border-bottom-color: var(--ei-border-input) !important;
}
html[data-applied-mode="dark"] .ei-box-share:before {
    border-bottom-color: var(--ei-dark-4) !important;
}

html[data-applied-mode="dark"] select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.124 0.73964C9.80449 0.42012 9.28644 0.42012 8.96692 0.73964L5.18183 4.52473L1.39674 0.73964C1.07722 0.42012 0.559172 0.42012 0.239651 0.73964C-0.0798674 1.05916 -0.0798674 1.5772 0.239651 1.89672L4.60329 6.26036C4.92281 6.57988 5.44085 6.57988 5.76037 6.26036L10.124 1.89672C10.4435 1.5772 10.4435 1.05916 10.124 0.73964Z' fill='%23ACB2CB'/%3E%3C/svg%3E") !important;
}
html[data-applied-mode="dark"] .breadcrumbs__separator>svg path {
    fill: #ffffff;
}

html[data-applied-mode="dark"] .ei-table-of-contents li::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.124 0.73964C9.80449 0.42012 9.28644 0.42012 8.96692 0.73964L5.18183 4.52473L1.39674 0.73964C1.07722 0.42012 0.559172 0.42012 0.239651 0.73964C-0.0798674 1.05916 -0.0798674 1.5772 0.239651 1.89672L4.60329 6.26036C4.92281 6.57988 5.44085 6.57988 5.76037 6.26036L10.124 1.89672C10.4435 1.5772 10.4435 1.05916 10.124 0.73964Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important;
}

html[data-applied-mode="dark"] body.single-post .ei-also-read a {
    color: #ffffff;
    font-weight: normal;
    text-decoration: underline;
}
html[data-applied-mode="dark"] .ei-modal-showcase .ei-modal-body>div .ei-btn.ei-modal-hide, html[data-applied-mode="dark"] .single-post .post-nav-links .post-page-numbers, html[data-applied-mode="dark"] .single-post .ei-page-numbers .ei-show-all {
    border-color: var(--ei-border);
}
html[data-applied-mode="dark"] .single-post .post-nav-links .post-page-numbers.current {
    border-color: var(--ei-primary) !important;
}
html[data-applied-mode="dark"] .comments-area .comment-respond h3.comment-reply-title small a {
    text-decoration: underline !important;
}
html[data-applied-mode="dark"] footer .ei-social-media a:before {
    opacity: 1;
}

@media only screen and (max-width: 1199px) {
    html[data-applied-mode="dark"] .ei-navbar-top {
        background-color: var(--ei-dark-3);
    }
    html[data-applied-mode="dark"] .ei-post-wrap article, html[data-applied-mode="dark"] .ei-post-wrap .ei-post, html[data-applied-mode="dark"] .ei-sidebar-pop .ei-navwrap ul li a, html[data-applied-mode="dark"] .ei-sidebar-pop .ei-navwrap>ul>li>ul.ei-dropdown {
        border-bottom-color: var(--ei-dark-3);
    }
    html[data-applied-mode="dark"] .ei-sidebar-pop .ei-navwrap>ul>li>ul>li>ul.ei-dropdown {
        border-top-color: var(--ei-dark-3);
    }
}