html[data-applied-mode="dark"]:root {
    --ei-dark-1: #141618;
    --ei-dark-2: #202225;
    --ei-dark-3: #26292D;
    --ei-dark-4: #46495b;
    --ei-dark-l: #141618;
    --ei-dark-text-l: #ffffff;
    --ei-black-txt: #2A3141;
    --ei-black: #ffffff;
    --ei-gray-0: #ffffff;
    --ei-gray-1: #b8bdd1;
    --ei-hover-link: #cfd3db;
    --ei-ad: #6b6e7f;
    --ei-section: #26292D;
    --ei-section-2: #26292D;
    --ei-border: #323437;
    --ei-input: #26292D;
    --ei-border-input: #323437;
    --ei-input-focus: #ffffff;
    --ei-border-nav: #252525;
    --ei-breadcrumb-current: #b2b7ba;
    --ei-comment-metadata: #b2b7ba;
    --ei-pre: #26292D;
    --ei-lighter-js: #26292D;
    --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, html[data-applied-mode="dark"] .copy-button {
    background: var(--ei-dark-2);
}
html[data-applied-mode="dark"] .ei-navbar-top .ei-nav ul, html[data-applied-mode="dark"] .ei-right-sidebar .ei-social-media a {
    background: var(--ei-dark-3);
}

html[data-applied-mode="dark"] .ei-sidebar-pop.ei-menu-pop {
    background-color: var(--ei-dark-1);
}
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"] .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"] .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 {
    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"] .single-post .post-nav-links .post-page-numbers.current, html[data-applied-mode="dark"] .single-post .post-nav-links .post-page-numbers:hover, html[data-applied-mode="dark"] .single-post .ei-page-numbers .ei-show-all:hover {
    color: var(--ei-secondary-text) !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, html[data-applied-mode="dark"] .ei-category-thumbnail-s .ei-cat-btn::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 {
    border-color: var(--ei-border);
    background-color: var(--ei-section);
}
html[data-applied-mode="dark"] .single-post .post-nav-links .post-page-numbers:hover, html[data-applied-mode="dark"] .single-post .ei-page-numbers .ei-show-all:hover, html[data-applied-mode="dark"] .single-post .post-nav-links .post-page-numbers.current {
    border-color: var(--ei-secondary-bg);
}
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, html[data-applied-mode="dark"] .ei-sidebar.ei-menu-pop .ei-social-media a:before {
    opacity: 0.2;
}
