/*
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.
*/

/*  ----------------------------------------------------------------------------
    Beyond the Moment custom styles (Livvy, 2026-10-10)
    Dark base #0b0b0c / text #e8e8e8 / headings #fff / orange #cc5500 accents
    Hero + tile grid homepage, tagline hidden, Home title/breadcrumb hidden.
---------------------------------------------------------------------------- */
.td-tagline-text{display:none!important}
body.home .td-page-header,body.home .td-crumb-container{display:none}
html,body{background-color:#0b0b0c}
body{color:#e8e8e8}
.td-main-page-wrap,.td-container,.td-pb-row,.td-main-content,.td-ss-main-content,.td-page-content,.td-header-wrap,.td-banner-wrap-full,.td-logo-wrap-full,.td-header-menu-wrap,.td-footer-wrap,.td-sub-footer-container{background-color:#0b0b0c}
.td-banner-wrap-full.td-logo-wrap-full,.td-logo-wrap-full .td-logo-wrap,.td-logo-text-wrap,.td-logo-text-container{background-color:#0b0b0c!important}
.td-logo-text,.td-logo-text a{color:#fff}
.td-header-menu-wrap a{color:#e8e8e8}
.td-header-menu-wrap a:hover{color:#cc5500}
h1,h2,h3,h4,h5,h6,.entry-title,.td-page-title,.td-post-title,.td-module-title,.td-module-title a,.widgettitle,.widget-title{color:#fff}
body,p,.td-excerpt,.td-post-content,.td-post-text-content,.td-post-author-name,.td-post-date,.td-author-date{color:#e8e8e8}
.td-module-title a:hover{color:#cc5500}
.td-post-category{background-color:#cc5500;border-color:#cc5500}
.td-read-more a{background-color:#cc5500;border-color:#cc5500;color:#fff}
.btm-hero .td-module-meta-info{display:flex;flex-direction:column;border:none;padding:0 0 12px 0}
.btm-hero .td-editor-date{order:-1;margin-bottom:16px}
.btm-hero .td-post-category{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background-color:#cc5500;color:#fff;padding:7px 14px}
.btm-hero .td-module-title a{font-size:46px;line-height:1.12;font-weight:800;color:#fff}
.btm-hero .td-excerpt{display:block;font-size:18px;line-height:1.65;color:#e8e8e8;margin-top:14px}
.btm-hero .td-read-more a{margin-top:18px}
.btm-grid .td_block_inner{display:flex!important;flex-wrap:wrap!important;margin-left:-14px!important;margin-right:-14px!important}
.btm-grid .td_module_wrap{width:33.3333%!important;float:none!important;display:flex;padding-left:14px!important;padding-right:14px!important;padding-bottom:28px!important;margin-bottom:0!important}
.btm-grid .td-module-container{flex-direction:column;width:100%;background:#141416;border:1px solid #232327;border-radius:8px;overflow:hidden}
.btm-grid .td-module-container:before{display:none!important}
.btm-grid .td-module-meta-info{border:none;padding:20px 20px 24px 20px}
.btm-grid .td-module-title a{font-size:21px;line-height:1.3;font-weight:700;color:#fff}
.btm-grid .td-excerpt{color:#cfcfcf;font-size:14px;line-height:1.6}
.btm-grid .td-post-category{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
@media (min-width:768px) and (max-width:1018px){.btm-grid .td_module_wrap{width:50%!important}.btm-hero .td-module-title a{font-size:36px}}
@media (max-width:767px){.btm-grid .td_module_wrap{width:100%!important}.btm-hero .td-module-title a{font-size:30px}}

/*  ----------------------------------------------------------------------------
    Round 2 fixes (2026-10-10): menu visibility, side margins, card text.
---------------------------------------------------------------------------- */
html,body{background-color:#0b0b0c!important}
.td-header-menu-wrap .sf-menu>li>a,.td-header-menu-wrap a{color:#e8e8e8!important}
.td-header-menu-wrap .sf-menu>li>a:hover,.td-header-menu-wrap a:hover{color:#cc5500!important}
.btm-grid .td-module-meta-info{display:block!important;visibility:visible!important;opacity:1!important}
.btm-grid .td-module-meta-info .td-module-title,.btm-grid .td-module-meta-info .td-excerpt,.btm-grid .td-module-meta-info .td-read-more,.btm-grid .td-module-meta-info .td-post-category{display:block!important;visibility:visible!important;opacity:1!important}
.btm-grid .td-module-title a{display:inline!important;visibility:visible!important;opacity:1!important;color:#fff!important}
.td-logo-text,.td-logo-text a{color:#fff!important}

/*  ----------------------------------------------------------------------------
    Round 3 (2026-10-10): beat td-composer/td-cloud-library stylesheets that
    load after the child theme. Stronger selectors + !important.
---------------------------------------------------------------------------- */
.td-container-wrap,.td-main-content-wrap,.td-main-page-wrap{background-color:#0b0b0c!important}
.btm-grid .td-module-title a,.btm-grid .entry-title a{color:#fff!important}
.btm-grid .td-excerpt{color:#cfcfcf!important}
.btm-grid .td-read-more a{background-color:#cc5500!important;border-color:#cc5500!important;color:#fff!important}
.btm-grid .td-post-category{color:#fff!important}
.btm-grid .td-post-author-name,.btm-grid .td-post-author-name a,.btm-grid .td-post-date,.btm-grid .td-module-comments a,.btm-grid .td-author-date{color:#cfcfcf!important}
.btm-hero .td-module-title a{color:#fff!important}
.btm-hero .td-excerpt{color:#e8e8e8!important}
.btm-hero .td-post-author-name,.btm-hero .td-post-author-name a,.btm-hero .td-post-date{color:#e8e8e8!important}

/*  ----------------------------------------------------------------------------
    Round 4 (2026-10-10): ID-scoped selectors to beat td-composer/td-cloud-library
    !important ties on source order. Grid block UID is tdi_2.
---------------------------------------------------------------------------- */
#tdi_2 .td-module-title a{color:#fff!important}
#tdi_2 .td-excerpt{color:#cfcfcf!important}
#tdi_2 .td-read-more a{background-color:#cc5500!important;border-color:#cc5500!important;color:#fff!important}
#tdi_2 .td-post-category{background-color:#cc5500!important;border-color:#cc5500!important;color:#fff!important}
#tdi_2 .td-post-author-name,#tdi_2 .td-post-author-name a,#tdi_2 .td-post-date,#tdi_2 .td-module-comments a,#tdi_2 .td-author-date{color:#cfcfcf!important}
#tdi_2 .td-module-container{border-color:#232327!important}
html body .btm-grid .td-module-title a{color:#fff!important}
html body .btm-grid .td-excerpt{color:#cfcfcf!important}
html body .btm-grid .td-read-more a{background-color:#cc5500!important;border-color:#cc5500!important;color:#fff!important}

/*  ----------------------------------------------------------------------------
    Round 5 (2026-10-10): DIAGNOSTIC + logo swap. Niko approved rebranding
    around the Beyond the Moment logos; site must look sharp.
---------------------------------------------------------------------------- */
/* Diagnostic: if the card text area turns red, the meta div renders and it is
   purely a text-color issue; if it stays dark, the div itself is not painting. */
#tdi_2 .td-module-meta-info *{color:#fff!important;opacity:1!important;visibility:visible!important;text-indent:0!important}
/* Header logo swap: hide text logo, show the circular image logo. */
.td-logo-text{display:none!important}
.td-logo-wrap{/* superseded by 132px rule below */display:inline-block!important;width:96px!important;height:96px!important;background:url('https://www.beyondthemoment.blog/wp-content/uploads/2026/10/c71f25dbd1e9885a89aa043e6667506c3df1818284e0edcbd16fce0e9d66cc3a.png') center/contain no-repeat!important}

/* Round 6: ultra-specific diagnostic. If this does not paint red, the element
   as rendered differs from the server HTML (JS interference). */
html body.home.wp-singular div.td_block_wrap.tdi_2 div#tdi_2.td_block_inner div.td_module_flex.td_module_wrap div.td-module-container div.td-module-meta-info{display:block!important;visibility:visible!important;opacity:1!important;background:#ff0000!important;height:auto!important;min-height:120px!important;overflow:visible!important;position:static!important}

/*  ----------------------------------------------------------------------------
    BTM Custom Homepage template (2026-10-10). Fully controlled markup,
    no tagDiv block CSS wars. Dark #0b0b0c, orange #cc5500.
---------------------------------------------------------------------------- */
.btm-home{max-width:1140px;margin:0 auto;padding:48px 20px 64px;background:#0b0b0c}
/* Hero */
.btm-hero-c{margin-bottom:56px}
.btm-hero-c-img{display:block;overflow:hidden;border-radius:10px}
.btm-hero-c-img img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.btm-hero-c-body{padding:28px 4px 0}
.btm-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:#cc5500;color:#fff;padding:7px 14px;border-radius:3px;margin-bottom:18px}
.btm-kicker-sm{font-size:11px;letter-spacing:.1em;margin-bottom:14px}
.btm-hero-c-title{margin:0 0 16px;font-size:46px;line-height:1.12;font-weight:800}
.btm-hero-c-title a{color:#fff;text-decoration:none}
.btm-hero-c-title a:hover{color:#cc5500}
.btm-hero-c-excerpt{font-size:18px;line-height:1.65;color:#e8e8e8;margin:0 0 22px;max-width:800px}
.btm-btn{display:inline-block;background:#cc5500;border:1px solid #cc5500;color:#fff!important;font-size:14px;font-weight:700;padding:12px 26px;border-radius:4px;text-decoration:none}
.btm-btn:hover{background:#a84400;border-color:#a84400;color:#fff!important}
.btm-btn-sm{padding:10px 20px;font-size:13px}
/* Grid */
.btm-grid-c{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.btm-card{background:#141416;border:1px solid #232327;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.btm-card-img{display:block;overflow:hidden}
.btm-card-img img{display:block;width:100%;height:200px;object-fit:cover}
.btm-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}
.btm-card-title{margin:0 0 12px;font-size:21px;line-height:1.3;font-weight:700}
.btm-card-title a{color:#fff;text-decoration:none}
.btm-card-title a:hover{color:#cc5500}
.btm-card-excerpt{font-size:14px;line-height:1.6;color:#cfcfcf;margin:0 0 18px;flex:1}
.btm-card-body .btm-btn{align-self:flex-start}
/* Responsive */
@media (max-width:1018px){
  .btm-grid-c{grid-template-columns:repeat(2,1fr)}
  .btm-hero-c-title{font-size:36px}
}
@media (max-width:767px){
  .btm-grid-c{grid-template-columns:1fr}
  .btm-hero-c-title{font-size:30px}
  .btm-home{padding:32px 16px 48px}
}
/* Header logo: bigger, sharper presentation */
.td-logo-wrap{width:132px!important;height:132px!important}

/* Archive page (ID 102): force excerpt readability - theme CSS washes it out */
.page-id-102 .wp-block-post-excerpt,
.page-id-102 .wp-block-post-excerpt p,
.page-id-102 .wp-block-post-excerpt__excerpt {
    color: #e8e8e8 !important;
}

/* Archive page: force animation-stack thumbnails visible (reveal JS never fires) */
.td-animation-stack-type0-2,
.td-animation-stack-type0-2 img {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Single posts: dark article area (theme uses white content bg with white text = invisible) */
.single .td-main-content,
.single .td-container-wrap,
.single-post .td-main-content {
    background-color: #0a0a0a !important;
}
.single .td-post-title,
.single .td-post-header .entry-title,
.single .td-post-content,
.single .td-post-content p,
.single .td-post-content h1,
.single .td-post-content h2,
.single .td-post-content h3,
.single .td-post-content h4,
.single .td-post-content li,
.single .td-post-header,
.single .td-module-meta-info,
.single .author-box,
.single .author-box .td-author-name,
.single .author-box .td-author-description,
.single .td-post-next-prev,
.single .td-post-next-prev a,
.single .td-post-source,
.single .td-post-tags {
    color: #f0f0f0 !important;
}
.single .td-post-content a,
.single .td-post-header a {
    color: #cc5500 !important;
}

/* Single posts v2: aggressive dark background - beat later tagDiv stylesheets */
body.single-post,
body.single-post #td-outer-wrap,
body.single-post .td-outer-wrap,
body.single-post .td-main-content,
body.single-post .td-main-content-wrap,
body.single-post .td-container,
body.single-post .td-container-wrap,
body.single-post .td-ss-main-content,
body.single-post article,
body.single-post .td-post-content,
body.single-post .td-post-header,
body.single-post .td-post-title-wrap {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}