/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/


/*  -----------------------------------------------------------------------
    Featured Image Compliance Disclaimer
    Displayed below featured images on single posts with category-appropriate text
*/
.kln-image-disclaimer {
    display: block;
    margin: -10px 0 20px 0;
    padding: 6px 14px;
    background: #f7f7f7;
    border-left: 3px solid #888;
    font-size: 12px;
    font-style: italic;
    color: #666;
    line-height: 1.5;
}

.kln-image-disclaimer .kln-disclaimer-icon {
    margin-right: 4px;
    font-style: normal;
}

/* Mobile: match the featured image negative margins */
@media (max-width: 767px) {
    .kln-image-disclaimer {
        margin-left: 0;
        margin-right: 0;
        font-size: 11px;
        padding: 5px 12px;
    }
}


/* -----------------------------------------------------------------------
   KLN Article Formatting (Desktop + Mobile)
   Ensures custom article layout renders consistently across viewports
*/
.kent-news-article .article-subtitle {
    font-size: 1.2em !important;
    font-style: italic !important;
    color: #555 !important;
    margin-bottom: 1.5em !important;
    text-align: center !important;
    line-height: 1.6 !important;
}

.kent-news-article .article-body {
    line-height: 1.8 !important;
    font-size: 1.1em !important;
}

.kent-news-article .article-body p {
    margin-bottom: 1.2em !important;
    line-height: 1.8 !important;
}

.kent-news-article .article-body h2 {
    text-align: center !important;
    font-weight: bold !important;
    margin: 1.5em 0 0.8em 0 !important;
    font-size: 1.4em !important;
    line-height: 1.3 !important;
}

.kent-news-article .article-body ul {
    margin: 1em 0 1.5em 1.5em !important;
    line-height: 1.8 !important;
}

.kent-news-article .article-body ul li {
    margin-bottom: 0.5em !important;
}

.kent-news-article .article-meta {
    margin-top: 2em !important;
    padding-top: 1em !important;
    border-top: 1px solid #ddd !important;
    font-size: 0.9em !important;
    color: #666 !important;
    text-align: center !important;
}

.kent-news-article .source-reference {
    max-width: 550px !important;
    margin: 2em auto !important;
    padding: 1em !important;
    background: #f8f9fa !important;
    border-left: 3px solid #0073aa !important;
}

@media (max-width: 767px) {
    .kent-news-article .article-subtitle {
        font-size: 1em !important;
        padding: 0 10px !important;
    }
    .kent-news-article .article-body {
        font-size: 1em !important;
        padding: 0 5px !important;
    }
    .kent-news-article .article-body h2 {
        font-size: 1.2em !important;
    }
}


/* -----------------------------------------------------------------------
   Responsive YouTube Embeds
   Makes iframes scale properly on mobile devices
*/
.kent-news-article iframe,
.td-post-content iframe[src*="youtube"] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    display: block !important;
    margin: 0 auto !important;
}

@media (max-width: 767px) {
    .kent-news-article iframe,
    .td-post-content iframe[src*="youtube"] {
        min-height: 200px !important;
    }
}



/* =======================================================================
   INVESTIGATIONS — Premium Category Styling
   Dark + Gold treatment for in-depth investigative journalism
   Category ID: 61 | Slug: investigations | Menu Item: 16700
   Cloud Library template selectors: .tdb-single-title, .tdb_single_content
   ======================================================================= */

/* --- Gold Category Badge (everywhere Investigations label appears) --- */
a.td-post-category[href*="/investigations/"] {
    background-color: #D4A537 !important;
    color: #1a1a2e !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* --- Menu Item — Gold text for Investigations --- */
.menu-item-16700 > a {
    color: #D4A537 !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

.menu-item-16700 > a:hover {
    color: #e6b94a !important;
}

/* --- Category Archive Page --- */
body.category-investigations .td-category-header .td-category-title-holder {
    background-color: #1a1a2e !important;
    padding: 30px 20px !important;
}

body.category-investigations .td-category-header .td-category-title-holder .td-page-title {
    color: #D4A537 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

body.category-investigations .td-category-header .td-category-title-holder .td-category-description {
    color: #cccccc !important;
}

body.category-investigations .td-crumb-current-parent,
body.category-investigations .td-crumb li:last-child {
    color: #D4A537 !important;
}

/* --- Single Post — Dark Hero Header Band --- */
/* Dark band behind categories + title + meta, not the whole content */
body.single-post.category-investigations .tdb-single-title,
body.single-post.category-investigations .tdb_single_categories,
body.single-post.category-investigations .tdb_single_author,
body.single-post.category-investigations .tdb_single_date,
body.single-post.category-investigations .tdb_single_comments_count,
body.single-post.category-investigations .tdb_single_post_views {
    position: relative;
    z-index: 1;
}

/* Dark background via pseudo-element on the column, sized to header area only */
body.single-post.category-investigations .tdc-column.td-pb-span8 > .wpb_wrapper {
    position: relative;
}

body.single-post.category-investigations .tdc-column.td-pb-span8 > .wpb_wrapper::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -25px;
    right: -25px;
    height: 280px;
    background-color: #1a1a2e;
    border-radius: 6px;
    z-index: 0;
}

/* Gold accent bar below the dark header band */
body.single-post.category-investigations .tdb_single_sharing {
    position: relative;
    z-index: 1;
    border-top: 4px solid #D4A537 !important;
    padding-top: 15px !important;
    margin-top: 10px !important;
}

/* Title — white on dark */
body.single-post.category-investigations h1.tdb-title-text {
    color: #ffffff !important;
    font-size: 2.2em !important;
    line-height: 1.25 !important;
    letter-spacing: -0.3px !important;
    font-weight: 800 !important;
}

/* Author, date, comments, views — light grey on dark */
body.single-post.category-investigations .tdb-author-name,
body.single-post.category-investigations .tdb-author-name a,
body.single-post.category-investigations .tdb-post-date,
body.single-post.category-investigations .tdb-post-date .entry-date,
body.single-post.category-investigations .tdb-comments-count,
body.single-post.category-investigations .tdb-comments-count a,
body.single-post.category-investigations .tdb-post-views,
body.single-post.category-investigations .tdb-post-views span {
    color: #cccccc !important;
}

/* Share buttons — adjust for dark background */
body.single-post.category-investigations .td-post-sharing {
    border-color: rgba(255,255,255,0.15) !important;
}

/* Breadcrumb — gold highlight */
body.single-post.category-investigations .tdb-breadcrumb a[href*="investigations"] {
    color: #D4A537 !important;
}

/* --- Full-width content — hide sidebar --- */
body.single-post.category-investigations .td-ss-row .td-pb-span8 {
    width: 100% !important;
}

body.single-post.category-investigations .td-ss-row .td-pb-span4 {
    display: none !important;
}

/* --- Enhanced body text for long-form reading --- */
body.single-post.category-investigations .tdb_single_content .td-post-content {
    max-width: 780px !important;
    margin: 0 auto !important;
    font-size: 1.12em !important;
    line-height: 1.85 !important;
}

/* Pull quotes — gold left border */
body.single-post.category-investigations .td-post-content blockquote {
    border-left: 4px solid #D4A537 !important;
    background: #f9f6ef !important;
    padding: 20px 25px !important;
    margin: 2em 0 !important;
    font-style: italic !important;
    font-size: 1.1em !important;
}

/* --- Homepage module cards — Gold badge --- */
.td_module_wrap a.td-post-category[href*="/investigations/"] {
    background-color: #D4A537 !important;
    color: #1a1a2e !important;
    font-weight: 700 !important;
}

/* --- Mobile Responsive --- */
@media (max-width: 767px) {
    body.single-post.category-investigations .tdc-column.td-pb-span8 > .wpb_wrapper {
        padding: 20px 18px 18px !important;
        margin: -10px -10px 20px !important;
    }

    body.single-post.category-investigations h1.tdb-title-text {
        font-size: 1.5em !important;
    }

    body.single-post.category-investigations .tdb_single_content .td-post-content {
        font-size: 1.02em !important;
    }

    /* Re-show sidebar on mobile (stacks below content) */
    body.single-post.category-investigations .td-ss-row .td-pb-span4 {
        display: block !important;
        width: 100% !important;
    }
}


/* =======================================================================
   MOBILE THEME FIXES (2026-04-09)
   Applied when td-mobile-plugin is active
   ======================================================================= */

/* Hide RevSlider on mobile - Featured Stories grid serves as hero */
@media (max-width: 767px) {
    rs-module-wrap,
    .rev_slider_wrapper {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

/* Fix: Mobile menu solid background + text styling */
#td-mobile-nav {
    background-color: #1a1a2e !important;
}
#td-mobile-nav .td-mobile-container {
    background-color: #1a1a2e !important;
}
#td-mobile-nav .td-mobile-content {
    background-color: #1a1a2e !important;
}
#td-mobile-nav .td-mobile-content a {
    color: #ffffff !important;
}
#td-mobile-nav .td-mobile-close {
    color: #ffffff !important;
}


/* =======================================================================
   MEGA MENU DROPDOWN FIX (2026-04-11)
   Root cause: contain:strict on .td-header-desktop-wrap clips dropdown paint
   Also: theme JS height animation not completing on sub-menu
   ======================================================================= */

/* Remove paint containment from header wrapper so dropdown can overflow */
.td-header-desktop-wrap {
    contain: style layout !important;
}

/* Fix mega menu height and overflow when hovered */
.tdb-menu-item.tdb-hover > .sub-menu {
    height: auto !important;
}
.tdb-menu-item.tdb-hover > .sub-menu > li {
    overflow: visible !important;
}