/* Dark mode*/
:root {
    --theme-darkmode-bg-color: #152028;
    --theme-darkmode-text-color: #e7e7e7;
    --theme-darkmode-content-color: #a8a8a8;
}

[data-theme="dark"] {
    --theme-bg-color: var(--theme-darkmode-bg-color);
    --theme-text-color: var(--theme-darkmode-text-color);
}

button.xews-dark-mode-toggle {
    background: transparent;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    font-size: 18px;
}

[data-theme="dark"] button.xews-dark-mode-toggle {
    color: #fff;
}

[data-theme="dark"] button.xews-dark-mode-toggle svg {
    fill: #fff;
}

button.xews-dark-mode-toggle .light-dark-switch {
    background: #fff;
    position: relative;
    display: block;
    width: 64px;
    height: 26px;
    margin-left: 1rem;
    border-radius: 15px;
}

[data-theme="dark"] button.xews-dark-mode-toggle .light-dark-switch:before {
    background: #fff;
    border-color: #1a1a1a;
    top: 2px;
    left: 32px;
}

button.xews-dark-mode-toggle .light-dark-switch {

    background: #aeaeae;
    position: relative;
    display: block;
    width: 55px;
    height: 20px;
    margin-left: 1rem;
    border-radius: 15px;
    display: none;
}

button.xews-dark-mode-toggle .light-dark-switch:before {
    background: #333;
    transition: all 0.25s;
    border: 4px solid #fff;
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

[data-theme="dark"] .xews-dark-mode-toggle .dark,
[data-theme="light"] .xews-dark-mode-toggle .light {
    display: none;
}

[data-theme="dark"] button.xews-dark-mode-toggle .light-dark-switch {
    background: #fff;
}

button.xews-dark-mode-toggle {
    position: relative;
}

button.xews-dark-mode-toggle span.dark:hover .dark-mode-tooltip,
button.xews-dark-mode-toggle span.light:hover .dark-mode-tooltip {
    visibility: visible;
}

span.dark-mode-tooltip {
    visibility: hidden;
    width: 120px;
    font-size: 12px;
    line-height: 1.5;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
    z-index: 9;
}

span.dark-mode-tooltip:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

/* 
[data-theme="dark"] body,
[data-theme="dark"] .single-post .site-main,
[data-theme="dark"] header .cart-wrapper .site-header-cart .widget.widget_shopping_cart {
    background-color: var(--theme-darkmode-bg-color);
    color: var(--theme-darkmode-text-color);
}

[data-theme="dark"] h2.entry-title a,
[data-theme="dark"] .main-header-xews-wrapper.main-header-elem-wrap.header-elements-wrap.cww-flex a,
[data-theme="dark"] .main-header-xews-wrapper.main-header-elem-wrap.header-elements-wrap.cww-flex p.site-description,
[data-theme="dark"] span.posted-on a,
[data-theme="dark"] span.author-by,
[data-theme="dark"] .entry-meta a,
[data-theme="dark"] .widget ul.wp-block-latest-posts li a,
[data-theme="dark"] .widget-area .wp-block-categories a,
[data-theme="dark"] .widget-area .wp-block-archives a,
[data-theme="dark"] .single_post_pagination_wrapper .post-nav-link-wrapp span a,
[data-theme="dark"] .single_post_pagination_wrapper .post-nav-link-wrapp span i,
[data-theme="dark"] .single_post_pagination_wrapper a,
[data-theme="dark"] .related-posts-wrapper .related-content-wrapper h3 a,
[data-theme="dark"] .related-posts-wrapper .related-content-wrapper,
[data-theme="dark"] .related-posts-wrapper .post-contents p,
[data-theme="dark"] .comment-toggle-wrapp h3.comment-toggle,
[data-theme="dark"] .comments-area .name-email label,
[data-theme="dark"] .comments-area .comment-form-url label,
[data-theme="dark"] .comments-area p.comment-form-comment label,
[data-theme="dark"] .comments-area .comment-meta a,
[data-theme="dark"] .comments-area .comment-meta .url,
[data-theme="dark"] .comments-area .reply a,
[data-theme="dark"] .comments-area .comment-content a,
[data-theme="dark"] .comments-area p.logged-in-as a,
[data-theme="dark"] .comments-area p.logged-in-as,
[data-theme="dark"] section.error-404.not-found h1.page-title,
[data-theme="dark"] .social-icon-wrapp ul li a,
[data-theme="dark"] .main-header-xews-wrapper.main-header-elem-wrap.header-elements-wrap.cww-flex .social-icon-wrapp ul li a,
[data-theme="dark"] .xews-news-ticker-content li a,
[data-theme="dark"] .main-header-xews-wrapper.main-header-elem-wrap.header-elements-wrap.cww-flex .xews-news-ticker-content li a,
[data-theme="dark"] .xews-ticker-wrapper span.xews-news-ticker-date,
[data-theme="dark"] .title-wrapp h3,
[data-theme="dark"] span.cat-links.layout4 a,
[data-theme="dark"] h3.entry-title.entry-title-xsmall a,
[data-theme="dark"] .ultra-top-header .city-data,
[data-theme="dark"] .site-header .city-data,
[data-theme="dark"] .elementor-widget-wrap .elementor-heading-title {
    color: var(--theme-darkmode-text-color) !important;
}

[data-theme="dark"] .xews-ajax-search-area .cont-search-wrap a,
[data-theme="dark"] .xews-ajax-search-area .ajax-search-view-all a,
[data-theme="dark"] .single-post .xews-related-posts-outer,
[data-theme="dark"] body.blog-grid .entry-content p,
[data-theme="dark"] body.blog-grid-v2 .entry-content p,
[data-theme="dark"] body.blog-grid-v3 .entry-content p,
[data-theme="dark"] .xews-archive-navigation .opcty,
[data-theme="dark"] .archive .site-main,
[data-theme="dark"] .archive h2.entry-title a,
[data-theme="dark"] .archive span.posted-on a,
[data-theme="dark"] .archive span.author-by,
[data-theme="dark"] .archive .entry-meta a,
[data-theme="dark"] .archive span.cat-links.layout4 a,
[data-theme="dark"] .archive .widget ul.wp-block-latest-posts li a,
[data-theme="dark"] .blog .site-main,
[data-theme="dark"] .blog h2.entry-title a,
[data-theme="dark"] .blog span.posted-on a,
[data-theme="dark"] .blog span.author-by,
[data-theme="dark"] .blog .entry-meta a,
[data-theme="dark"] .blog span.cat-links.layout4 a,
[data-theme="dark"] .blog .widget ul.wp-block-latest-posts li a,
[data-theme="dark"] .search .site-main,
[data-theme="dark"] .search h2.entry-title a,
[data-theme="dark"] .search span.posted-on a,
[data-theme="dark"] .search span.author-by,
[data-theme="dark"] .search .entry-meta a,
[data-theme="dark"] .search span.cat-links.layout4 a,
[data-theme="dark"] .search .widget ul.wp-block-latest-posts li a,
[data-theme="dark"] body.search .search-top-header h1.page-title,
[data-theme="dark"] header .cart-wrapper .widget_shopping_cart_content p.total {
    color: var(--theme-darkmode-text-color);
}

[data-theme="dark"] .comment-toggle-wrapp h3.comment-toggle,
[data-theme="dark"] .comments-area,
[data-theme="dark"] .main-header.xews-header-container.islight,
[data-theme="dark"] .xews-ajax-search-area .search-res-wrap {
    background-color: #353c4a;
}

[data-theme="dark"] body.blog-grid-v3 .wrapp-inner .content-left,
[data-theme="dark"] .related-posts-wrapper .related-content-wrapper {
    background-color: #353c4a;
    color: var(--theme-darkmode-text-color);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="range"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="month"],
[data-theme="dark"] input[type="week"],
[data-theme="dark"] input[type="time"],
[data-theme="dark"] input[type="datetime"],
[data-theme="dark"] input[type="datetime-local"],
[data-theme="dark"] input[type="color"],
[data-theme="dark"] textarea,
[data-theme="dark"] .comments-area .name-email input,
[data-theme="dark"] .comments-area .comment-form-url input,
[data-theme="dark"] .comments-area p.comment-form-comment input,
[data-theme="dark"] body.search .search-top-header input.search-field,
[data-theme="dark"] body.error404 .page-content input.search-field,
[data-theme="dark"] body.search .search-top-header .form-inner-wrapper.cww-flex,
[data-theme="dark"] body.error404 .page-content .form-inner-wrapper.cww-flex,
[data-theme="dark"] .header-search-content.layout-one .xews-search-form,
[data-theme="dark"] .header-search-content.layout-three .xews-search-form {
    background: #dde5f0;
}

[data-theme="dark"] img {
    filter: brightness(.8) contrast(1.2);
}

[data-theme="dark"] .elementor-widget-module1 .code-wrapp.module1 .post-content p,
[data-theme="dark"] a.btn.read-more,
[data-theme="dark"] .post-content p,
[data-theme="dark"] .xews-breadcrumb ul li a,
[data-theme="dark"] .entry-meta.xews-meta.xews-meta-date.mt-10,
[data-theme="dark"] .xews-ajax-search-area .cont-search-wrap span.posted-on a,
[data-theme="dark"] .site-header .weather-forecast-day .weather-icon {
    color: var(--theme-darkmode-content-color) !important;
}

[data-theme="dark"] .sticky,
[data-theme="dark"] .sticky h2.entry-title a,
[data-theme="dark"] .sticky span.author-by,
[data-theme="dark"] .sticky .entry-meta a,
[data-theme="dark"] span.xsearch-icon {
    color: #333 !important;
}

[data-theme="dark"] .top-header.xews-header-container.islight,
[data-theme="dark"] .xews-ticker-wrapper.islight,
[data-theme="dark"] .bottom-header.xews-header-container.islight {
    background-color: var(--theme-darkmode-bg-color);
}

[data-theme="dark"] section.elementor-section,
[data-theme="dark"] .elementor-element {
    background: var(--theme-darkmode-bg-color) !important;
}

.custom-dark-logo,
[data-theme="dark"] a.custom-logo-link {
    display: none;
}

[data-theme="dark"] .custom-dark-logo {
    display: block;
}

[data-theme="dark"] .code-wrapp.slider3 .post-content p,
[data-theme="dark"] .code-wrapp.slider3 a.btn.read-more {
    color: #fff !important;
}

[data-theme="dark"] body.web-framed .elementor-element .elementor-widget-container,
[data-theme="dark"] body.web-framed .site-main .inner-content-wrapp article,
[data-theme="dark"] body.web-framed .site-main .widget {
    background: #353c4a;
}

[data-theme="dark"] .code-wrapp.categories-list ul.category-widget span.text-post,
[data-theme="dark"] .code-wrapp.categories-list ul.category-widget li .content-wrapp a {
    color: #d6d6d6;
}

[data-theme="dark"] .cart-wrapper svg.svg-icon {
    stroke: #FFF;
} */