:root {
    --newschicago-bg: #ffffff;
    --newschicago-surface: #f6f7f8;
    --newschicago-surface-strong: #eceff2;
    --newschicago-text: #14171a;
    --newschicago-text-muted: #53606b;
    --newschicago-border: #d7dde3;
    --newschicago-link: #0067a8;
    --newschicago-link-hover: #004f82;
    --newschicago-toggle-bg: #14171a;
    --newschicago-toggle-text: #ffffff;
    color-scheme: light;
}

:root.newschicago-dark-mode {
    --newschicago-bg: #101214;
    --newschicago-surface: #181c20;
    --newschicago-surface-strong: #22282e;
    --newschicago-text: #f2f5f7;
    --newschicago-text-muted: #b8c0c8;
    --newschicago-border: #34404a;
    --newschicago-link: #8fd2ff;
    --newschicago-link-hover: #b9e2ff;
    --newschicago-toggle-bg: #f2f5f7;
    --newschicago-toggle-text: #101214;
    color-scheme: dark;
}

html.newschicago-dark-mode,
html.newschicago-dark-mode body {
    background: var(--newschicago-bg) !important;
    color: var(--newschicago-text) !important;
}

html.newschicago-dark-mode body,
html.newschicago-dark-mode .site,
html.newschicago-dark-mode .site-content,
html.newschicago-dark-mode .content-area,
html.newschicago-dark-mode .entry-content,
html.newschicago-dark-mode main,
html.newschicago-dark-mode article,
html.newschicago-dark-mode aside,
html.newschicago-dark-mode header,
html.newschicago-dark-mode footer,
html.newschicago-dark-mode nav {
    background-color: var(--newschicago-bg);
    color: var(--newschicago-text);
}

html.newschicago-dark-mode .site-header,
html.newschicago-dark-mode .site-footer,
html.newschicago-dark-mode #wrapper.wide-layout,
html.newschicago-dark-mode #theme-header,
html.newschicago-dark-mode .cat-box-content,
html.newschicago-dark-mode #sidebar .widget-container,
html.newschicago-dark-mode .post-listing,
html.newschicago-dark-mode #commentform,
html.newschicago-dark-mode .widget,
html.newschicago-dark-mode .post,
html.newschicago-dark-mode .page,
html.newschicago-dark-mode .entry,
html.newschicago-dark-mode .comments-area,
html.newschicago-dark-mode .newschicago-business-profile,
html.newschicago-dark-mode .newschicago-admin-details {
    background-color: #101214 !important;
    color: #000000 !important;
    border-color: var(--newschicago-border) !important;
}

html.newschicago-dark-mode h1,
html.newschicago-dark-mode h2,
html.newschicago-dark-mode h3,
html.newschicago-dark-mode h4,
html.newschicago-dark-mode h5,
html.newschicago-dark-mode h6,
html.newschicago-dark-mode p,
html.newschicago-dark-mode li,
html.newschicago-dark-mode dt,
html.newschicago-dark-mode dd,
html.newschicago-dark-mode figcaption,
html.newschicago-dark-mode blockquote,
html.newschicago-dark-mode pre,
html.newschicago-dark-mode code,
html.newschicago-dark-mode label,
html.newschicago-dark-mode .entry-title,
html.newschicago-dark-mode .entry-meta,
html.newschicago-dark-mode .site-title,
html.newschicago-dark-mode .site-description {
    color: var(--newschicago-text) !important;
}

html.newschicago-dark-mode pre,
html.newschicago-dark-mode code {
    background-image: none !important;
    background-color: #101214 !important;
    color: var(--newschicago-text-muted) !important;
    border-color: var(--newschicago-border) !important;
}

html.newschicago-dark-mode .entry-meta,
html.newschicago-dark-mode .site-description,
html.newschicago-dark-mode .wp-block-post-date,
html.newschicago-dark-mode .wp-block-post-excerpt,
html.newschicago-dark-mode small {
    color: var(--newschicago-text-muted) !important;
}

html.newschicago-dark-mode a {
    color: var(--newschicago-link) !important;
}

html.newschicago-dark-mode a:hover,
html.newschicago-dark-mode a:focus {
    color: var(--newschicago-link-hover) !important;
}

html.newschicago-dark-mode .search-block .search-button,
html.newschicago-dark-mode #topcontrol,
html.newschicago-dark-mode #main-nav ul li.current-menu-item a,
html.newschicago-dark-mode #main-nav ul li.current-menu-item a:hover,
html.newschicago-dark-mode #main-nav ul li.current_page_parent a,
html.newschicago-dark-mode #main-nav ul li.current_page_parent a:hover,
html.newschicago-dark-mode #main-nav ul li.current-menu-parent a,
html.newschicago-dark-mode #main-nav ul li.current-menu-parent a:hover,
html.newschicago-dark-mode #main-nav ul li.current-page-ancestor a,
html.newschicago-dark-mode #main-nav ul li.current-page-ancestor a:hover,
html.newschicago-dark-mode .pagination span.current,
html.newschicago-dark-mode .share-post span.share-text,
html.newschicago-dark-mode .flex-control-paging li a.flex-active,
html.newschicago-dark-mode .ei-slider-thumbs li.ei-slider-element,
html.newschicago-dark-mode .review-percentage .review-item span span,
html.newschicago-dark-mode .review-final-score,
html.newschicago-dark-mode .button,
html.newschicago-dark-mode a.button,
html.newschicago-dark-mode a.more-link,
html.newschicago-dark-mode #main-content input[type="submit"],
html.newschicago-dark-mode .form-submit #submit,
html.newschicago-dark-mode #login-form .login-button,
html.newschicago-dark-mode .widget-feedburner .feedburner-subscribe,
html.newschicago-dark-mode input[type="submit"],
html.newschicago-dark-mode #buddypress button,
html.newschicago-dark-mode #buddypress a.button,
html.newschicago-dark-mode #buddypress input[type=submit],
html.newschicago-dark-mode #buddypress input[type=reset],
html.newschicago-dark-mode #buddypress ul.button-nav li a,
html.newschicago-dark-mode #buddypress div.generic-button a,
html.newschicago-dark-mode #buddypress .comment-reply-link,
html.newschicago-dark-mode #buddypress div.item-list-tabs ul li a span,
html.newschicago-dark-mode #buddypress div.item-list-tabs ul li.selected a,
html.newschicago-dark-mode #buddypress div.item-list-tabs ul li.current a,
html.newschicago-dark-mode #buddypress #members-directory-form div.item-list-tabs ul li.selected span,
html.newschicago-dark-mode #members-list-options a.selected,
html.newschicago-dark-mode #groups-list-options a.selected,
html.newschicago-dark-mode body.dark-skin #buddypress div.item-list-tabs ul li a span,
html.newschicago-dark-mode body.dark-skin #buddypress div.item-list-tabs ul li.selected a,
html.newschicago-dark-mode body.dark-skin #buddypress div.item-list-tabs ul li.current a,
html.newschicago-dark-mode body.dark-skin #members-list-options a.selected,
html.newschicago-dark-mode body.dark-skin #groups-list-options a.selected,
html.newschicago-dark-mode .search-block-large .search-button,
html.newschicago-dark-mode #featured-posts .flex-next:hover,
html.newschicago-dark-mode #featured-posts .flex-prev:hover,
html.newschicago-dark-mode a.tie-cart span.shooping-count,
html.newschicago-dark-mode .woocommerce span.onsale,
html.newschicago-dark-mode .woocommerce-page span.onsale,
html.newschicago-dark-mode .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
html.newschicago-dark-mode .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,
html.newschicago-dark-mode #check-also-close,
html.newschicago-dark-mode a.post-slideshow-next,
html.newschicago-dark-mode a.post-slideshow-prev,
html.newschicago-dark-mode .widget_price_filter .ui-slider .ui-slider-handle,
html.newschicago-dark-mode .quantity .minus:hover,
html.newschicago-dark-mode .quantity .plus:hover,
html.newschicago-dark-mode .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
html.newschicago-dark-mode #reading-position-indicator {
    background-color: #313131 !important;
}

html.newschicago-dark-mode .pagination,
html.newschicago-dark-mode .wp-pagenavi,
html.newschicago-dark-mode .page-links,
html.newschicago-dark-mode .nav-links {
    color: var(--newschicago-text) !important;
}

html.newschicago-dark-mode .pagination a,
html.newschicago-dark-mode .pagination span,
html.newschicago-dark-mode .wp-pagenavi a,
html.newschicago-dark-mode .wp-pagenavi span,
html.newschicago-dark-mode .page-links a,
html.newschicago-dark-mode .page-links span,
html.newschicago-dark-mode .nav-links a,
html.newschicago-dark-mode .nav-links span,
html.newschicago-dark-mode .page-numbers {
    background-color: #181c20 !important;
    border-color: var(--newschicago-border) !important;
    color: var(--newschicago-text) !important;
}

html.newschicago-dark-mode .pagination a:hover,
html.newschicago-dark-mode .pagination a:focus,
html.newschicago-dark-mode .wp-pagenavi a:hover,
html.newschicago-dark-mode .wp-pagenavi a:focus,
html.newschicago-dark-mode .page-links a:hover,
html.newschicago-dark-mode .page-links a:focus,
html.newschicago-dark-mode .nav-links a:hover,
html.newschicago-dark-mode .nav-links a:focus,
html.newschicago-dark-mode a.page-numbers:hover,
html.newschicago-dark-mode a.page-numbers:focus {
    background-color: #313131 !important;
    border-color: #4f5c67 !important;
    color: #ffffff !important;
}

html.newschicago-dark-mode .pagination span.current,
html.newschicago-dark-mode .pagination .current,
html.newschicago-dark-mode .wp-pagenavi .current,
html.newschicago-dark-mode .page-links .current,
html.newschicago-dark-mode .nav-links .current,
html.newschicago-dark-mode .page-numbers.current {
    background-color: #313131 !important;
    border-color: #5d6a75 !important;
    color: #ffffff !important;
}

html.newschicago-dark-mode input,
html.newschicago-dark-mode textarea,
html.newschicago-dark-mode select,
html.newschicago-dark-mode button:not(.newschicago-theme-toggle) {
    background-color: var(--newschicago-surface-strong) !important;
    color: var(--newschicago-text) !important;
    border-color: var(--newschicago-border) !important;
}

html.newschicago-dark-mode hr,
html.newschicago-dark-mode table,
html.newschicago-dark-mode th,
html.newschicago-dark-mode td,
html.newschicago-dark-mode .wp-block-separator {
    border-color: var(--newschicago-border) !important;
}

html.newschicago-dark-mode img,
html.newschicago-dark-mode video {
    color-scheme: normal;
}

.newschicago-logo-dark {
    display: none;
}

html.newschicago-dark-mode .newschicago-logo-light {
    display: none !important;
}

html.newschicago-dark-mode .newschicago-logo-dark {
    display: inline-block !important;
}

body .post-thumbnail,
body .post-listing .post-thumbnail,
body .cat-box-content .post-thumbnail,
body #main-content .post-thumbnail,
body .post-thumbnail a,
body .post-listing .post-thumbnail a,
body .cat-box-content .post-thumbnail a,
body #main-content .post-thumbnail a,
body .post-thumb,
body .post-thumb a,
body .post-listing .entry-thumb,
body .cat-box-content .entry-thumb,
body #main-content .entry-thumb {
    position: relative !important;
}

body.home .overlay-icon,
body.blog .overlay-icon,
body.archive .overlay-icon,
body .post-thumbnail .overlay-icon,
body .post-listing .overlay-icon,
body .cat-box-content .overlay-icon,
body #main-content .overlay-icon {
    width: 84px !important;
    height: 147px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: 38% !important;
    top: 5% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    z-index: 5 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    text-align: center !important;
    color: transparent !important;
    font-size: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.home .overlay-icon::before,
body.home .overlay-icon:before,
body.blog .overlay-icon::before,
body.blog .overlay-icon:before,
body.archive .overlay-icon::before,
body.archive .overlay-icon:before,
body .post-thumbnail .overlay-icon::before,
body .post-thumbnail .overlay-icon:before,
body .post-listing .overlay-icon::before,
body .post-listing .overlay-icon:before,
body .cat-box-content .overlay-icon::before,
body .cat-box-content .overlay-icon:before,
body #main-content .overlay-icon::before,
body #main-content .overlay-icon:before {
    content: "" !important;
    display: block !important;
    width: 84px !important;
    height: 147px !important;
    margin: 0 !important;
    background-image: url("https://newschicago.net/wp-content/uploads/2026/08/NewsChicago_logo_100x175_white.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    font-family: initial !important;
    font-size: 0 !important;
    line-height: 1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html.newschicago-dark-mode #logo img,
html.newschicago-dark-mode .logo img,
html.newschicago-dark-mode .site-logo img,
html.newschicago-dark-mode .custom-logo,
html.newschicago-dark-mode .custom-logo-link img,
html.newschicago-dark-mode #theme-header .logo img {
    filter: invert(1) hue-rotate(180deg);
}

.newschicago-theme-toggle {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 99999;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 13px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: var(--newschicago-toggle-bg);
    color: var(--newschicago-toggle-text);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
    cursor: pointer;
    font: 600 14px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.newschicago-theme-toggle:hover,
.newschicago-theme-toggle:focus {
    transform: translateY(-1px);
}

.newschicago-theme-toggle:focus-visible {
    outline: 3px solid var(--newschicago-link);
    outline-offset: 3px;
}

.newschicago-theme-toggle__icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: inset -5px -5px 0 0 var(--newschicago-toggle-bg);
}

html.newschicago-dark-mode .newschicago-theme-toggle__icon {
    box-shadow: inset 0 0 0 4px var(--newschicago-toggle-bg);
}

@media (max-width: 600px) {
    .newschicago-theme-toggle {
        right: 12px;
        bottom: 12px;
        min-height: 40px;
        padding: 8px 11px;
    }
}
