/* ============================================
   CB HERALD — PROFESSIONAL NEWS COLOR SCHEME
   Inspired by WSJ, NYT, NY Post, Apple News
   ============================================ */

/* 1. TOP BORDER — hallmark of serious publications */
body {
    border-top: 4px solid #1a1a1a !important;
}

/* 2. SITE HEADER / TOP BAR */
.penci-header-wrap,
.penci-header-wrap .inner-header,
#header, .header-style-2,
.penci-header-wrap .penci-header_2,
.penci-header-wrap .penci-header-bg {
    background: #ffffff !important;
    border-bottom: 1px solid #d0d0d0 !important;
}
.penci-header-wrap .penci-topbar {
    background: #fafafa !important;
    border-bottom: 1px solid #e8e8e8 !important;
}
.penci-topbar .social-media a,
.penci-topbar .penci-social-icon a {
    color: #555555 !important;
}
.penci-topbar .social-media a:hover,
.penci-topbar .penci-social-icon a:hover {
    color: #1a1a1a !important;
}
.penci-topbar .penci-date,
.penci-topbar .topbar-date {
    color: #666666 !important;
}

/* 3. NAVIGATION BAR */
.penci-header-wrap .penci-navbar,
.penci-header-wrap .penci-menu-wrap,
#navigation, .penci-menu-hbg {
    background: #ffffff !important;
}
.penci-navbar .penci-menu > li > a,
.penci-navbar .menu > li > a,
#navigation .menu > li > a,
.penci-menu > li > a {
    color: #1a1a1a !important;
    font-weight: 600 !important;
}
.penci-navbar .penci-menu > li > a:hover,
.penci-navbar .menu > li > a:hover,
.penci-menu > li:hover > a,
.penci-menu > li.current-menu-item > a,
.penci-menu > li.current-menu-ancestor > a {
    color: #CC0000 !important;
}
/* NYT/WSJ thick bottom rule under nav */
.penci-navbar,
.penci-menu-wrap,
#navigation {
    border-bottom: 2px solid #1a1a1a !important;
}
/* Hamburger/toggle icon */
.penci-menu-hbg .toggle-icon,
.penci-header-wrap .penci-menu-hbg-icon span,
.penci-header-wrap .toggle-icon span,
.penci-toggle-menu span {
    background: #1a1a1a !important;
}
/* Dropdown menus */
.penci-menu .sub-menu,
.penci-menu ul.sub-menu {
    background: #ffffff !important;
    border-top: 2px solid #1a1a1a !important;
}
.penci-menu .sub-menu li a {
    color: #333333 !important;
}
.penci-menu .sub-menu li a:hover {
    color: #CC0000 !important;
}

/* 4. IN THE NEWS TICKER BAR */
.penci-breaking-news .breaking-title,
.penci-block__title-box .penci-block__title,
.penci-small-list-boxed .penci-block__title {
    background: #1a1a1a !important;
    color: #ffffff !important;
}
.penci-breaking-news {
    background: #f5f5f5 !important;
}
.penci-breaking-news .breaking-news-content a {
    color: #1a1a1a !important;
}
.penci-breaking-news .breaking-news-content a:hover {
    color: #CC0000 !important;
}

/* 5. CATEGORY TAGS — dark charcoal, Breaking stays red */
.penci-cat-name a,
.penci-category-name a,
.cat a,
.penci-cat a,
.penci-post-cat a,
span.cat-name a,
.entry-categories a,
.penci-grid .cat a {
    color: #1a1a1a !important;
    background: transparent !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-size: 0.72em !important;
    font-weight: 700 !important;
    border-left: none !important;
    padding-left: 0 !important;
    border-radius: 0 !important;
}
.penci-cat-name a:hover,
.penci-category-name a:hover,
.cat a:hover,
.penci-cat a:hover,
.penci-post-cat a:hover {
    color: #CC0000 !important;
    border-left: none !important;
}
/* Breaking category — keep red */
.penci-cat-name a[href*="highlighted"],
.penci-category-name a[href*="highlighted"],
.cat a[href*="highlighted"],
.penci-cat a[href*="highlighted"],
.penci-post-cat a[href*="highlighted"] {
    color: #CC0000 !important;
    border-left: none !important;
}
/* Category separator dots */
.penci-cat-name span.dot,
.entry-categories span {
    color: #999 !important;
}

/* 6. ARTICLE TITLES */
.penci-grid h2 a,
.penci-latest-posts-area h2 a,
.penci-post-item h2 a,
.penci-post-title a,
.penci-small-list-content h4 a,
.penci-big-grid__title a,
.entry-title a,
.penci-block__content h2 a,
h2.penci-entry-title a,
.penci-fkey .item-title a {
    color: #1a1a1a !important;
}
.penci-grid h2 a:hover,
.penci-latest-posts-area h2 a:hover,
.penci-post-item h2 a:hover,
.penci-post-title a:hover,
.penci-small-list-content h4 a:hover,
.penci-big-grid__title a:hover,
.entry-title a:hover,
.penci-block__content h2 a:hover,
h2.penci-entry-title a:hover,
.penci-fkey .item-title a:hover {
    color: #CC0000 !important;
}

/* 7. SIDEBAR */
/* Widget headers */
.penci-sidebar .penci-border-arrow .inner,
.penci-sidebar .penci-block__title,
.penci-sidebar .widget-title,
.penci-sidebar .widget h4.widget-title,
.sidebar .widget-title,
.penci-sidebar .penci-heading__text {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 8px 15px !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 13px !important;
}
.penci-sidebar .penci-border-arrow:after,
.penci-sidebar .penci-block__title:after {
    display: none !important;
}
/* Trending Now badge */
.penci-trending-now-label,
.trending-now-label,
.penci-rp-label {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}

/* 8. BODY TEXT & GENERAL TYPOGRAPHY */
body, p, .entry-content, .penci-entry-content {
    color: #222222 !important;
}
/* Meta info (author, date, reading time) */
.penci-post-meta, .post-meta,
.penci-post-meta span, .post-meta span,
.penci-post-meta a, .post-meta a,
.entry-meta, .entry-meta span, .entry-meta a {
    color: #777777 !important;
}

/* 9. SECTION HEADINGS on homepage */
.penci-block-heading .penci-heading__text,
.penci-block-heading .heading,
.penci-homepage .penci-block__title,
.elementor-widget-penci-block-heading .penci-border-arrow .inner {
    background: transparent !important;
    color: #1a1a1a !important;
    border-bottom: 2px solid #1a1a1a !important;
    padding-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-weight: 800 !important;
}
.penci-block-heading .penci-border-arrow:after {
    display: none !important;
}

/* 10. FOOTER — refined dark */
.penci-footer-wrap, #footer,
.penci-footer-builder-content {
    background: #111111 !important;
}
.penci-footer-wrap .widget-title,
.penci-footer-builder-content .penci-heading__text,
.penci-footer-builder-content .penci-border-arrow .inner {
    color: #ffffff !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.penci-footer-builder-content .penci-border-arrow:after {
    display: none !important;
}

/* 11. BUTTONS & MISC */
.penci-pagination a,
.penci-pagination span.current,
.page-numbers a {
    color: #1a1a1a !important;
    border: 1px solid #d0d0d0 !important;
    background: transparent !important;
}
.penci-pagination span.current,
.page-numbers .current {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
}
/* Read more links */
a.penci-more-link,
.penci-more-link {
    color: #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
}
a.penci-more-link:hover {
    color: #CC0000 !important;
    border-bottom-color: #CC0000 !important;
}

/* 12. BREADCRUMBS */
.penci-breadcrumb, .penci-breadcrumb a,
.breadcrumb, .breadcrumb a {
    color: #888888 !important;
}
.penci-breadcrumb a:hover {
    color: #1a1a1a !important;
}

/* 13. SINGLE POST PAGE */
.penci-entry-content a {
    color: #CC0000 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
.penci-entry-content a:hover {
    color: #1a1a1a !important;
}
/* Single post category tag on top */
.penci-single-cat .penci-cat-name a {
    color: #1a1a1a !important;
    border-left: none !important;
}
.penci-single-cat .penci-cat-name a[href*="highlighted"] {
    color: #CC0000 !important;
    border-left: none !important;
}

/* 14. SEARCH BAR */
.penci-header-wrap .search-form input,
.penci-header-wrap .penci-search-form input {
    border: 1px solid #d0d0d0 !important;
    background: #f9f9f9 !important;
    color: #1a1a1a !important;
}

/* 15. SOCIAL SHARE BUTTONS — muted */
.penci-post-share-box .post-share a {
    background: #f5f5f5 !important;
    color: #555555 !important;
    border: 1px solid #e0e0e0 !important;
}
.penci-post-share-box .post-share a:hover {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #1a1a1a !important;
}

/* 16. OVERLAY TEXT ON HERO IMAGES */
.penci-big-grid__title a,
.penci-featured-slider .penci-fkey .item-title a,
.penci-grid-el .penci-post-title a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6) !important;
}

/* 17. COPYRIGHT BAR */
.penci-footer-copyright,
.footer-copyright {
    background: #0a0a0a !important;
    color: rgba(255,255,255,0.5) !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}
.penci-footer-copyright a,
.footer-copyright a {
    color: rgba(255,255,255,0.6) !important;
}
.penci-footer-copyright a:hover {
    color: #ffffff !important;
}