:root {
  --theme-darkmode-bg-color: #1e1e1e;
  --theme-darkmode-text-color: #fff;
  --theme-darkmode-accent-color: #2fd0b5;
  --theme-darkmode-accent-hover-color: #8bff22;
}

/* Dark mode css
**------------------------------------------------ */
[data-theme="dark"] body,
[data-theme="dark"] body.custom-background,
[data-theme="dark"] .welcome-screen-banner,
[data-theme="dark"] .theme-offcanvas-panel,
[data-theme="dark"] .theme-search-panel,
[data-theme="dark"] .single-author-info-wrapper {
  background-color: var(--theme-darkmode-bg-color);
}

[data-theme="dark"] .magzify-archive_style_4 .magzify-bg-image {
  outline-color: var(--theme-darkmode-bg-color);
}

[data-theme="dark"] .theme-categories-block .section-content-block a,
[data-theme="dark"] .theme-categories-block .section-content-block {
  color: #000000;
}

[data-theme="dark"] .theme-trending-block .magzify-entry-categories a {
  color: #ffffff;
}

[data-theme="dark"] body,
[data-theme="dark"] body.custom-background,
[data-theme="dark"] a,
[data-theme="dark"] .theme-button.theme-button-transparent {
  color: var(--theme-darkmode-text-color);
}

[data-theme="dark"] .single-author-info-area:before {
  background-color: var(--theme-darkmode-text-color);
}

[data-theme="dark"] #magzify-progress-bar,
[data-theme="dark"] .post-read-time,
[data-theme="dark"] button,
[data-theme="dark"] .theme-button,
[data-theme="dark"] .wp-block-search__button,
[data-theme="dark"] input[type="button"],
[data-theme="dark"] input[type="reset"],
[data-theme="dark"] input[type="submit"],
[data-theme="dark"] .has-post-thumbnail .featured-media .featured-media-fullscreen,
[data-theme="dark"] .cursor-dot,
[data-theme="dark"] .cursor-dot-outline {
  background-color: var(--theme-darkmode-accent-color);
}

[data-theme="dark"] button,
[data-theme="dark"] .theme-button,
[data-theme="dark"] .wp-block-search__button,
[data-theme="dark"] input[type="button"],
[data-theme="dark"] input[type="reset"],
[data-theme="dark"] input[type="submit"] {
  border-color: var(--theme-darkmode-accent-color);
}

[data-theme="dark"] a:hover,
[data-theme="dark"] a:focus,
[data-theme="dark"] a:active,
[data-theme="dark"] .theme-button.theme-button-transparent:hover,
[data-theme="dark"] .theme-button.theme-button-transparent:focus {
  color: var(--theme-darkmode-text-color);
}

[data-theme="dark"] .site-banner-layout-2 .magzify-entry-categories a {
  color: #fff;
}

[data-theme="dark"] .site-banner-layout-2 .magzify-entry-categories a {
  background-color: var(--theme-darkmode-accent-color);
}

[data-theme="dark"] .has-box-shadow {
  border-color: var(--theme-darkmode-accent-color);
  box-shadow: 5px 5px 0px var(--theme-darkmode-accent-color);
}

[data-theme="dark"] .has-box-shadow:hover {
  border-color: var(--theme-darkmode-accent-hover-color);
  box-shadow: 5px 5px 0px var(--theme-darkmode-accent-hover-color);
}

[data-theme="dark"] .theme-popular-slider .swiper-button-next,
[data-theme="dark"] .theme-popular-slider .swiper-button-prev {
  background-color: var(--theme-darkmode-accent-color);
}

[data-theme="dark"] .theme-popular-slider .swiper-button-next:hover,
[data-theme="dark"] .theme-popular-slider .swiper-button-next:focus,
[data-theme="dark"] .theme-popular-slider .swiper-button-prev:hover,
[data-theme="dark"] .theme-popular-slider .swiper-button-prev:focus {
  background-color: var(--theme-darkmode-accent-hover-color);
  color: #000000;
}

[data-theme="dark"] .navigation .nav-links > div {
  border-color: #fff;
}

[data-theme="dark"] button:hover,
[data-theme="dark"] button:focus,
[data-theme="dark"] .theme-button:hover,
[data-theme="dark"] .theme-button:focus,
[data-theme="dark"] .wp-block-search__button:hover,
[data-theme="dark"] .wp-block-search__button:focus,
[data-theme="dark"] input[type="button"]:hover,
[data-theme="dark"] input[type="button"]:focus,
[data-theme="dark"] input[type="reset"]:hover,
[data-theme="dark"] input[type="reset"]:focus,
[data-theme="dark"] input[type="submit"]:hover,
[data-theme="dark"] input[type="submit"]:focus,
[data-theme="dark"] .has-post-thumbnail .featured-media .featured-media-fullscreen:hover,
[data-theme="dark"] .has-post-thumbnail .featured-media .featured-media-fullscreen:focus {
  background: var(--theme-darkmode-accent-hover-color);
  border-color: var(--theme-darkmode-accent-hover-color);
  color: var(--theme-darkmode-bg-color);
}

[data-theme="dark"] .post-read-time:hover,
[data-theme="dark"] .post-read-time:focus {
  background: var(--theme-darkmode-accent-hover-color);
}

[data-theme="dark"] .magzify-header_style_1 .masthead-main-navigation a:where(:hover, :focus),
[data-theme="dark"] .magzify-header_style_1 .masthead-main-navigation .svg-icon:where(:hover, :focus),
[data-theme="dark"] .magzify-header_style_2 .masthead-main-navigation a:where(:hover, :focus),
[data-theme="dark"] .magzify-header_style_2 .masthead-main-navigation .svg-icon:where(:hover, :focus),
[data-theme="dark"] .magzify-header_style_3 .masthead-main-navigation a:where(:hover, :focus),
[data-theme="dark"] .magzify-header_style_3 .masthead-main-navigation .svg-icon:where(:hover, :focus) {
  color: var(--theme-darkmode-accent-hover-color);
}

[data-theme="dark"] .site-footer {
  background-color: rgba(255, 255, 255, 0.03);
  border-top: none;
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] .site-header,
[data-theme="dark"] .theme-offcanvas-header,
[data-theme="dark"] .theme-offcanvas-menu li,
[data-theme="dark"] .single-comments-area,
[data-theme="dark"] .single-comments-area:before,
[data-theme="dark"] .single-comments-area li.comment .children li:before,
[data-theme="dark"] .single-comments-area li.pingback .children li:before,
[data-theme="dark"] .single-comments-area li.trackback .children li:before,
[data-theme="dark"] .site-popular-area,
[data-theme="dark"] .site-recommendation,
[data-theme="dark"] .theme-widgetarea-full,
[data-theme="dark"] .site-footer,
[data-theme="dark"] .theme-footer-middle,
[data-theme="dark"] .theme-footer-bottom,
[data-theme="dark"] .magzify-archive_style_1 > article,
[data-theme="dark"] .magzify-archive_style_3 > article,
[data-theme="dark"] .has-sidebar .site #site-content .wrapper #secondary,
[data-theme="dark"] #site-content #secondary .widget,
[data-theme="dark"] .widget_recent_entries ul li,
[data-theme="dark"] .widget_recent_entries ol li,
[data-theme="dark"] .widget_categories ul li,
[data-theme="dark"] .widget_categories ol li,
[data-theme="dark"] .widget_archive ul li,
[data-theme="dark"] .widget_archive ol li,
[data-theme="dark"] .widget_meta ul li,
[data-theme="dark"] .widget_meta ol li,
[data-theme="dark"] .widget_recent_comments ul li,
[data-theme="dark"] .widget_recent_comments ol li,
[data-theme="dark"] .widget_nav_menu ul li,
[data-theme="dark"] .widget_nav_menu ol li,
[data-theme="dark"] .widget_block .wp-block-group__inner-container ul li,
[data-theme="dark"] .widget_block .wp-block-group__inner-container ol li,
[data-theme="dark"] .wp-block-tag-cloud.is-style-outline a,
[data-theme="dark"] .wp-block-search__input,
[data-theme="dark"] .widget-tab-header,
[data-theme="dark"] .has-border,
[data-theme="dark"] .has-border-bottom {
  border-color: rgba(255, 255, 255, 0.1);
}