/**
 * VSEDIT Theme - Dark Mode Styles
 * Toggles via .site-mode--dark body class
 *
 * @package VSEDIT_Theme
 */

body.site-mode--dark,
.site-mode--dark #page {
    background: #222222;
    color: #efefef;
}

.site-mode--dark h1,
.site-mode--dark h2,
.site-mode--dark h3,
.site-mode--dark h4,
.site-mode--dark h5,
.site-mode--dark h6,
.site-mode--dark article.hentry h1.entry-title,
.site-mode--dark .np-archive-post-content-wrapper .entry-title a,
.site-mode--dark .news-ticker-title > a,
.site-mode--dark .np-related-post-title a,
.site-mode--dark .post-navigation .nav-title,
.site-mode--dark .comment-author .fn a {
    color: #ffffff;
}

.site-mode--dark .np-archive-post-content-wrapper .entry-title a:hover,
.site-mode--dark .news-ticker-title > a:hover,
.site-mode--dark .np-related-post-title a:hover,
.site-mode--dark .post-navigation a:hover .nav-title {
    color: var(--primary);
}

/* Header */
.site-mode--dark .np-header-search-wrapper .search-form-main {
    background: #303030;
}

.site-mode--dark.home .np-home-icon a::after,
.site-mode--dark .np-home-icon a:hover::after,
.site-mode--dark #site-navigation > ul > li:hover > a::after,
.site-mode--dark #site-navigation > ul > li.current-menu-item > a::after,
.site-mode--dark #site-navigation > ul > li.current_page_item > a::after {
    border-bottom-color: #222222;
}

.site-mode--dark .np-header-menu-block-wrap::after {
    background: radial-gradient(ellipse 50% 100% at 50% 0, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) 100%);
}

/* Ticker */
.site-mode--dark .np-ticker-block {
    border-color: #616161;
}

/* Post cards */
.site-mode--dark .np-archive-post-content-wrapper {
    background: #2f2f2f;
}

.site-mode--dark .np-archive-post-content-wrapper::before {
    display: none;
}

.site-mode--dark .entry-meta span,
.site-mode--dark .entry-meta span a,
.site-mode--dark .np-related-meta {
    color: #cfcfcf;
}

.site-mode--dark .np-archive-more .np-button {
    background: #3a3a3a;
    border-color: #4a4a4a;
    color: #e0e0e0;
}

.site-mode--dark .np-archive-more .np-button:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.site-mode--dark .entry-footer .tags-links a {
    border-color: #616161;
    color: #cfcfcf;
}

.site-mode--dark .entry-content pre {
    color: #333;
}

/* Title bars */
.site-mode--dark .np-block-title,
.site-mode--dark .widget-title,
.site-mode--dark .page-header .page-title,
.site-mode--dark .np-related-title,
.site-mode--dark .widget_block .wp-block-group__inner-container > h2,
.site-mode--dark .widget_block > h2.wp-block-heading {
    background: none;
    border-color: #616161;
    color: var(--primary);
}

.site-mode--dark .error-404 .page-header .page-title {
    background: var(--primary);
    color: #fff;
}

.site-mode--dark .error-404.not-found {
    border-color: #616161;
}

/* Widgets */
.site-mode--dark .widget_archive a,
.site-mode--dark .widget_categories a,
.site-mode--dark .widget_recent_entries a,
.site-mode--dark .widget_meta a,
.site-mode--dark .widget_recent_comments li,
.site-mode--dark .widget_rss li,
.site-mode--dark .widget_pages li a,
.site-mode--dark .widget_nav_menu li a,
.site-mode--dark .wp-block-latest-posts li a,
.site-mode--dark .wp-block-archives li a,
.site-mode--dark .wp-block-categories li a,
.site-mode--dark .wp-block-page-list li a,
.site-mode--dark .wp-block-latest-comments li,
.site-mode--dark .widget_archive a::before,
.site-mode--dark .widget_categories a::before,
.site-mode--dark .widget_recent_entries a::before,
.site-mode--dark .widget_meta a::before,
.site-mode--dark .widget_recent_comments li::before,
.site-mode--dark .widget_rss li::before,
.site-mode--dark .widget_pages li a::before,
.site-mode--dark .widget_nav_menu li a::before,
.site-mode--dark .wp-block-latest-posts li a::before,
.site-mode--dark .wp-block-archives li a::before,
.site-mode--dark .wp-block-categories li a::before,
.site-mode--dark .wp-block-page-list li a::before,
.site-mode--dark .wp-block-latest-comments li::before {
    color: #dfdfdf;
}

.site-mode--dark .widget li,
.site-mode--dark .wp-block-latest-posts li,
.site-mode--dark .wp-block-latest-comments li {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.site-mode--dark .widget a:hover,
.site-mode--dark .widget a:hover::before,
.site-mode--dark .widget_recent_comments li > a,
.site-mode--dark .wp-block-latest-comments li a.wp-block-latest-comments__comment-link {
    color: var(--primary);
}

.site-mode--dark .widget_tag_cloud .tagcloud a {
    border-color: #616161;
    color: #cfcfcf;
}

/* Forms */
.site-mode--dark .search-form .search-field,
.site-mode--dark .wp-block-search__input,
.site-mode--dark .comment-form input[type="text"],
.site-mode--dark .comment-form input[type="email"],
.site-mode--dark .comment-form input[type="url"],
.site-mode--dark .comment-form textarea {
    background: #2f2f2f;
    border-color: #515151;
    color: #efefef;
}

/* Comments */
.site-mode--dark #respond,
.site-mode--dark .comment-list .comment-body {
    background: none;
    border: 1px solid #515151;
    color: #fff;
}

.site-mode--dark .comment-list .comment-body {
    border-top: 2px solid var(--primary);
}

.site-mode--dark #comments h3.comment-reply-title,
.site-mode--dark .comment-metadata a {
    color: #fff;
}

/* Pagination */
.site-mode--dark .navigation.pagination .page-numbers {
    border-color: #616161;
    color: #efefef;
}

.site-mode--dark .navigation.pagination a.page-numbers:hover,
.site-mode--dark .navigation.pagination .page-numbers.current {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}