/* TrendinTech restore: static (no-JS) replacements for behaviours the Newspaper theme did with JavaScript,
   plus the few layout pieces rebuilt without the page builder. Colours from the 2019 theme options. */
:root{--tt-red:#c82506;--tt-blue:#0095d6;--tt-dark:#222;--tt-sub:#212121}
html,body{background:#fff}
body{overflow-x:hidden}
.td-animation-stack .entry-thumb,.td-animation-stack img,.entry-thumb{opacity:1!important}
img{max-width:100%;height:auto}

/* header (style 5, logo in the red menu bar) */
.tt-header .td-header-menu-wrap-full,.tt-header .td-header-menu-wrap,.tt-header .td-header-main-menu{background:var(--tt-red)!important}
.tt-header .td-header-main-menu{position:relative;height:48px;min-height:48px;padding:0}
.tt-header .td-header-menu-wrap-full{height:48px}
.tt-header #td-header-menu{display:flex;align-items:center;flex-wrap:wrap;min-height:48px}
.tt-header .tt-logo{display:block!important;position:static!important;margin:0 26px 0 0;line-height:0}
.tt-header .tt-logo img{max-height:45px;width:auto;display:block}
.tt-header .menu-main-menu-container{display:block!important;flex:1}
.tt-header .sf-menu{display:flex!important;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.tt-header .sf-menu>li{position:relative;float:none;list-style:none}
.tt-header .sf-menu>li>a{display:block;padding:0 14px;line-height:48px;color:#fff;font:700 14px/48px Roboto,sans-serif;text-transform:none}
.tt-header .sf-menu>li:hover>a,.tt-header .sf-menu>li.current-menu-item>a{background:rgba(0,0,0,.18)}
.tt-header .sf-menu>li.menu-item-has-children>a:after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:#fff;vertical-align:middle;position:relative;top:2px}
.tt-header .sf-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:190px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);padding:8px 0;z-index:999;margin:0;list-style:none}
.tt-header .sf-menu li:hover>.sub-menu,.tt-header .sf-menu li:focus-within>.sub-menu{display:block}
.tt-header .sf-menu .sub-menu a{display:block;padding:7px 20px;color:#111;font:500 13px/18px Roboto,sans-serif}
.tt-header .sf-menu .sub-menu a:hover{color:var(--tt-blue);background:#f7f7f7}
.td-visual-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* article, template 8 look: featured image as header background (backstretch was JS) */
.tt-post-hero{position:relative;background:#555 center/cover no-repeat;max-width:1164px;margin:0 auto;min-height:440px;display:flex;align-items:stretch}
.tt-post-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.78) 100%)}
.tt-hero-inner{position:relative;width:100%;max-width:1068px;margin:0 auto;padding:22px 0 26px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}
.tt-crumbs .entry-crumbs,.tt-crumbs a,.tt-crumbs .td-bred-no-url-last,.tt-crumbs i{color:#fff!important;font:12px Roboto,sans-serif}
.tt-hero-holder{margin-top:120px}
.tt-post-hero .td-post-title{margin:0}
.tt-post-hero .entry-title{color:#fff;font:400 41px/50px Roboto,sans-serif;margin:6px 0 12px;max-width:820px}
.tt-post-hero .td-post-sub-title{color:#eee;font:italic 300 16px/24px 'Open Sans',sans-serif;margin:0 0 10px}
.tt-post-hero .td-module-meta-info,.tt-post-hero .td-module-meta-info a,.tt-post-hero .td-post-date,.tt-post-hero .td-post-author-name a{color:#fff}
.tt-post-hero .td-category{margin:0;padding:0;list-style:none;position:static}
.tt-post-hero .td-category li{display:inline-block;margin-right:5px}
.tt-post-hero .td-category a{background:#222;color:#fff;font:500 10px/1 Roboto,sans-serif;padding:4px 6px 5px;display:inline-block}
.tt-post-box{background:#fff;padding-top:40px}
.td-post-content{font:15px/26px Verdana,Geneva,sans-serif;color:#222;word-wrap:break-word}
.td-post-content p{margin-bottom:26px}
.td-post-content img{display:block;margin:0 auto 20px}
.td-post-content .wp-caption{max-width:100%!important;width:auto!important}
.td-post-content h2,.td-post-content h3,.td-post-content h4{font-family:Roboto,sans-serif}
.td-post-content table{width:100%;border-collapse:collapse;margin-bottom:26px}
.td-post-content td,.td-post-content th{border:1px solid #e6e6e6;padding:6px 10px}
.tt-video-link a{display:inline-block;background:#f4f4f4;border-left:3px solid var(--tt-red);padding:8px 14px;font:500 14px Roboto,sans-serif}
.td-post-source-via .td-post-small-box span,.td-tags li:first-child span{background:#222;color:#fff;padding:3px 8px;font:500 11px Roboto,sans-serif;margin-right:6px;display:inline-block}
.td-post-source-via{margin-bottom:10px}.td-post-source-via a{margin-right:8px}
.td-tags{margin:0 0 20px;padding:0;list-style:none}
.td-tags li{display:inline-block;margin:0 6px 6px 0}
.td-tags li a{border:1px solid #ededed;padding:2px 8px;font:12px Roboto,sans-serif;color:#111;display:inline-block}
.td-post-next-prev{display:flex;gap:24px;border-top:1px solid #ededed;padding:18px 0;margin:10px 0 26px}
.td-post-next-prev .td-block-span6{flex:1}
.td-post-next-next,.td-post-next-post{text-align:right}
.td-post-next-prev-content span{display:block;font:11px Roboto,sans-serif;color:#747474;text-transform:uppercase}
.td-post-next-prev-content a{font:500 14px/20px Roboto,sans-serif;color:#111}
.td-next-prev-separator{display:none}
.td-related-row{display:flex;gap:20px}
.td-related-span4{flex:1;min-width:0}
.td_module_related_posts .entry-thumb,.td_module_10 .entry-thumb,.td_module_6 .entry-thumb{object-fit:cover;width:100%}
.td_module_related_posts .td-module-thumb{height:auto;margin-bottom:8px}
.td_module_related_posts .entry-title{font:500 13px/18px Roboto,sans-serif}

/* listings */
.td_module_10{display:flex;gap:20px;padding-bottom:26px;margin-bottom:0}
.td_module_10 .td-module-thumb{flex:0 0 218px;width:218px;height:150px;overflow:hidden;position:static}
.td_module_10 .td-module-thumb img{height:150px}
.td_module_10 .item-details{margin:0;min-height:0;flex:1}
.td_module_10 .entry-title{font:500 21px/25px Roboto,sans-serif;margin:0 0 7px}
.td_module_10 .td-post-category{background:#222;color:#fff;font:500 10px/1 Roboto,sans-serif;padding:3px 6px 4px;margin-right:7px;display:inline-block;position:static}
.td_module_10 .td-excerpt{font:13px/21px Verdana,sans-serif;color:#767676;margin-top:8px}
.td_module_6{display:flex;gap:12px;margin-bottom:16px}
.td_module_6 .td-module-thumb{flex:0 0 100px;width:100px;height:70px;overflow:hidden;position:static}
.td_module_6 .td-module-thumb img{height:70px}
.td_module_6 .item-details{margin:0;flex:1}
.td_module_6 .entry-title{font:500 13px/18px Roboto,sans-serif;margin:0 0 4px}
.td-module-meta-info{font:11px Roboto,sans-serif;color:#aaa}
.td-post-author-name a{color:#000;font-weight:700}
.td-category-header{padding:24px 0 10px}
.td-category-header .entry-title,.td-page-title{font:400 36px/44px Roboto,sans-serif;margin:8px 0 14px}
.td-category-siblings .td-category{list-style:none;padding:0;margin:0 0 10px}
.td-category-siblings li{display:inline-block;margin:0 6px 6px 0}
.td-category-siblings a{background:#222;color:#fff;padding:4px 9px;font:500 12px Roboto,sans-serif}
.page-nav{margin:10px 0 30px;font:13px Roboto,sans-serif}
.page-nav a,.page-nav span{display:inline-block;border:1px solid #cacaca;padding:4px 10px;margin:0 6px 6px 0;color:#222}
.page-nav .current{background:var(--tt-blue);border-color:var(--tt-blue);color:#fff}
.page-nav .pages{border:0;float:right;color:#777}
.td-main-content-wrap{padding-bottom:30px}
.td_block_popular_categories ul{list-style:none;margin:0;padding:0}
.td_block_popular_categories li{border-bottom:1px dashed #eaeaea}
.td_block_popular_categories li a{display:flex;justify-content:space-between;padding:6px 0;font:500 14px Roboto,sans-serif;color:#111}
.td_block_popular_categories .td-cat-no{background:#222;color:#fff;font:11px/1 Roboto,sans-serif;padding:4px 7px;border-radius:2px}
.tt-about{font:13px/21px Verdana,sans-serif;color:#555}
.td-main-sidebar .td_block_wrap{margin-bottom:40px}

/* homepage grids (big grid 9 / 8 rebuilt with CSS grid) */
.tt-grid{display:grid;gap:2px;margin:24px 0 40px}
.tt-grid-4{grid-template-columns:repeat(4,1fr)}
.tt-grid-4 .tt-grid-item{height:356px}
.tt-grid-5{grid-template-columns:2fr 1fr 1fr;grid-template-rows:180px 180px}
.tt-grid-5 .tt-g-big{grid-row:1/3}
.tt-grid-item{position:relative;background:#444 center/cover no-repeat;overflow:hidden}
.tt-grid-item:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 30%,rgba(0,0,0,.75) 100%)}
.tt-grid-link{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;color:#fff}
.tt-grid-meta{position:relative;display:block}
.tt-grid-title{display:block;font:700 18px/23px Roboto,sans-serif;color:#fff;margin:6px 0}
.tt-g-big .tt-grid-title{font-size:27px;line-height:34px}
.tt-grid-by{display:block;font:11px Roboto,sans-serif;color:#eee}
.tt-grid .td-post-category{background:#222;color:#fff;font:500 10px/1 Roboto,sans-serif;padding:3px 6px 4px;display:inline-block}
.tt-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}

/* footer */
.tt-footer{background:#1a1a1a;padding:40px 0 20px;text-align:center}
.tt-footer .footer-text-wrap{color:#ccc;font:13px/21px Verdana,sans-serif;margin:14px auto;max-width:640px}
.tt-footer-cats{list-style:none;margin:10px 0 0;padding:0}
.tt-footer-cats li{display:inline-block;margin:0 8px 6px}
.tt-footer-cats a{color:#fff;font:500 13px Roboto,sans-serif}
.td-sub-footer-container{background:var(--tt-sub);padding:12px 0}
.td-sub-footer-container .td-pb-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.td-subfooter-menu{list-style:none;margin:0;padding:0}
.td-subfooter-menu li{display:inline-block;margin-right:16px}
.td-subfooter-menu a,.td-sub-footer-copy{color:#ccc;font:12px Roboto,sans-serif}

@media (max-width:1018px){.td-container{width:100%;padding-left:16px;padding-right:16px;box-sizing:border-box}}
@media (max-width:767px){
 .tt-header #td-header-menu{padding:6px 0}
 .tt-header .tt-logo{width:100%;margin:6px 0}
 .tt-header .sf-menu{flex-wrap:nowrap;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}
 .tt-header .sf-menu>li>a{padding:0 10px;font-size:13px;white-space:nowrap}
 .tt-header .sf-menu .sub-menu{display:none!important}
 .tt-header .sf-menu>li.menu-item-has-children>a:after{display:none}
 .tt-post-hero{min-height:300px}
 .tt-hero-inner{padding:16px}
 .tt-hero-holder{margin-top:60px}
 .tt-header .td-header-main-menu,.tt-header .td-header-menu-wrap-full{height:auto}
 .tt-post-hero .entry-title{font-size:26px;line-height:32px}
 .td-pb-span8,.td-pb-span4{width:100%!important;float:none!important;padding:0!important}
 .td-related-row{flex-direction:column;gap:12px}
 .td_module_10{flex-direction:column;gap:10px}
 .td_module_10 .td-module-thumb{width:100%;flex:none;height:auto}
 .td_module_10 .td-module-thumb img{height:auto;aspect-ratio:218/150}
 .tt-grid-4{grid-template-columns:1fr 1fr}.tt-grid-4 .tt-grid-item{height:200px}
 .tt-grid-5{grid-template-columns:1fr;grid-template-rows:auto}.tt-grid-5 .tt-grid-item{height:200px}.tt-grid-5 .tt-g-big{grid-row:auto}
 .tt-grid-title{font-size:15px;line-height:19px}.tt-g-big .tt-grid-title{font-size:20px;line-height:25px}
 .tt-two-col{grid-template-columns:1fr}
 .td-post-next-prev{flex-direction:column}
 .page-nav .pages{float:none}
 .td-category-header .entry-title,.td-page-title{font-size:28px;line-height:34px}
}
.td-block-title span,.td-related-title span{color:#fff!important}
.td-sub-footer-container{min-height:0!important;height:auto!important;line-height:normal}
.td-sub-footer-container .td-pb-span{float:none!important;width:auto!important;min-height:0!important;padding:0}
.td-sub-footer-container .td-container{height:auto}
.td_module_6 .item-details,.td_module_10 .item-details{margin-left:0!important;min-height:0!important}
.td_module_6,.td_module_10{min-height:0!important}
.td_module_6.td_module_wrap{padding-bottom:0}
@media (max-width:767px){
 .tt-header .td-header-menu-wrap-full,.tt-header .td-header-menu-wrap,.tt-header .td-header-main-menu{height:auto!important;min-height:0!important}
 .tt-header #td-header-menu{display:block!important;height:auto!important;padding:8px 0 0}
 .tt-header .tt-logo,.tt-header .td-main-menu-logo{display:block!important;position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0 0 4px!important;text-align:left}
 .tt-header .tt-logo img{max-height:34px!important;position:static!important;margin:0!important}
 .tt-header .sf-menu>li>a{line-height:40px}
}