/*
Theme Name: The Business Club News
Theme URI: https://thebusinessclub.net/
Author: The Business Club
Description: A responsive business-news and membership theme created for The Business Club. Includes editorial story grids, latest-post ticker, widget-ready sidebar, membership calls to action, category archives, and Gutenberg support.
Version: 1.4.6
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tbc-news
Tags: news, blog, custom-logo, custom-menu, featured-images, two-columns, right-sidebar, threaded-comments, translation-ready
*/

:root{--tbc-blue:#3a95c2;--tbc-darkblue:#1676a2;--tbc-navy:#0d2637;--tbc-gold:#e4b836;--tbc-ink:#20252a;--tbc-muted:#707980;--tbc-line:#e0e3e5;--tbc-bg:#f4f4f4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--tbc-ink);background:#fff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;top:8px;left:8px;padding:12px;background:#fff;color:#000;z-index:100000}
.site-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.utility-bar{background:var(--tbc-blue);color:#fff;min-height:122px}
.utility-inner{padding-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.utility-inner>span{font-size:14px;letter-spacing:.02em}
.clock{background:rgba(255,255,255,.2);padding:4px 7px;font-weight:700}
.utility-menu{width:100%;display:flex;gap:25px;margin-top:12px;list-style:none;padding:0}
.utility-menu a{text-transform:uppercase;font-size:12px}
.masthead{min-height:325px;background:linear-gradient(90deg,rgba(13,36,67,.58),rgba(7,26,58,.16)),var(--tbc-hero) center/cover}
.masthead-inner{min-height:325px;display:flex;align-items:center;gap:24px}
.site-logo{width:255px;height:255px;object-fit:contain;flex:0 0 255px;display:flex;align-items:center;justify-content:center}
.site-logo .custom-logo-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.site-logo .custom-logo{width:100%;height:100%;max-width:255px;max-height:255px;object-fit:contain}
.site-title{color:#f4c84d;font-family:Georgia,serif;font-size:42px;margin:0 0 8px;text-shadow:0 2px 4px #000}
.site-title a{color:inherit}
.site-description{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.18em}
.main-nav{min-height:54px;background:var(--tbc-blue);color:#fff;box-shadow:0 2px 3px rgba(0,0,0,.15)}
.nav-inner{min-height:54px;display:flex;align-items:center}
.main-menu{display:flex;align-items:stretch;min-height:54px;margin:0;padding:0;list-style:none;flex:1}
.main-menu a{height:54px;padding:0 21px;display:flex;align-items:center;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.08)}
.main-menu a:hover,.main-menu .current-menu-item>a{background:var(--tbc-darkblue)}
.home-icon{font-size:24px!important;padding:0 18px!important;background:var(--tbc-darkblue)}
.search-link{margin-left:auto;font-size:23px;padding:0 14px}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px;padding:10px}
.breaking{border-bottom:1px solid #ddd;background:#fff}
.breaking-inner{min-height:42px;display:flex;align-items:center;overflow:hidden}
.breaking-title{align-self:stretch;display:flex;align-items:center;padding:0 24px;background:var(--tbc-blue);color:#fff;font-size:19px;white-space:nowrap}
.breaking-track{display:flex;gap:34px;padding-left:24px;white-space:nowrap;color:#368db8;font-size:13px;font-weight:700;text-transform:uppercase;overflow:hidden}
.breaking-track a:before{content:"➜ ";font-weight:400}
.lead-area{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(280px,1fr);gap:28px;padding-top:30px;padding-bottom:28px}
.slider-lead-area{align-items:start}
.slider-lead-area>.news-tabs{height:465px;overflow:hidden}
.featured-slider{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:16px;height:465px;min-width:0}
.featured-small{display:grid;grid-template-rows:1fr 1fr;gap:28px;min-width:0}
.featured-large{position:relative;min-width:0}
.featured-slide{position:relative;overflow:hidden;background:#111;height:100%}
.featured-slide>a{display:block;width:100%;height:100%}
.featured-slide img{width:100%;height:100%;object-fit:cover}
.featured-copy{position:absolute;left:18px;right:18px;bottom:18px;color:#fff;display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.featured-copy strong{font-size:23px;line-height:1.08;text-transform:uppercase}
.featured-large .featured-copy{left:32px;right:70px;bottom:30px}
.featured-large .featured-copy strong{font-size:38px}
.featured-copy small{font-size:10px;font-weight:700;text-transform:uppercase}
.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:38px;height:46px;padding:0;background:rgba(58,149,194,.92);font-size:30px;line-height:1}
.slider-prev{left:12px}.slider-next{right:12px}
.lead-stories{min-width:0;display:grid;grid-template-columns:1.6fr 1fr;gap:8px;height:465px}
.category-showcase{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.category-tile{position:relative;overflow:hidden;min-height:150px;background:#222}
.category-tile>a{display:block;width:100%;height:100%}
.category-tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.category-tile:hover img{transform:scale(1.04)}
.category-tile .story-shade{background:linear-gradient(transparent 20%,rgba(0,0,0,.88))}
.category-tile-title{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;font-size:20px;font-weight:800;line-height:1.1;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.6)}
.category-lead-area{align-items:start}
.side-stories{display:grid;grid-template-rows:1fr 1fr;gap:8px;min-width:0}
.story-card{position:relative;overflow:hidden;min-height:0;background:#222}
.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.story-card:hover img{transform:scale(1.03)}
.story-shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.9))}
.story-copy{position:absolute;inset:auto 20px 17px;color:#fff}
.category-label{display:inline-block;background:var(--tbc-blue);color:#fff;padding:5px 8px;font-size:9px;text-transform:uppercase;font-weight:800}
.story-copy h2{font-size:25px;text-transform:uppercase;margin:10px 0 9px;line-height:1.08}
.story-copy h2 a{color:#fff}
.story-large .story-copy{inset:auto 28px 25px}
.story-large .story-copy h2{font-size:38px}
.post-meta{font-size:10px;font-weight:700;text-transform:uppercase;color:#eef2f4}
.news-tabs{background:#fff;border:1px solid #e2e2e2;align-self:start}
.tab-bar{display:grid;grid-template-columns:1fr 1fr;text-align:center;border-bottom:1px solid #ddd}
.tab-bar>*{padding:14px 6px;font-size:13px}
.tab-bar button{border:0;background:#fff;color:#333;text-transform:capitalize}
.tab-bar button.is-active{border-bottom:2px solid var(--tbc-blue);font-weight:800}
.tab-bar button:last-child{grid-column:1/-1;border-top:1px solid #eee}
.news-panel{display:none}.news-panel.is-active{display:block}
.tab-bar span:last-child{grid-column:1/-1;border-top:1px solid #eee}
.mini-story{display:grid;grid-template-columns:95px 1fr;gap:12px;margin:13px;padding-bottom:13px;border-bottom:1px solid #eee}
.mini-story:last-child{border:0}
.mini-story img{width:95px;height:66px;object-fit:cover}
.mini-story .category-name{color:var(--tbc-blue);font-size:8px;font-weight:800;text-transform:uppercase}
.mini-story h3{margin:5px 0;font-size:13px;text-transform:uppercase;line-height:1.15}
.mini-story small{color:#858c90;font-size:9px}
.content-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(280px,1fr);gap:30px;padding-bottom:55px}
.main-column{min-width:0}
.section-title{display:flex;align-items:center;gap:14px;margin:28px 0 21px}
.section-title h2{margin:0;font-size:21px;text-transform:uppercase;white-space:nowrap}
.section-title:after{content:"";height:3px;background:var(--tbc-blue);flex:1}
.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.article-card{border:1px solid var(--tbc-line);background:#fff;padding-bottom:20px}
.article-card>img{width:100%;height:210px;object-fit:cover}
.article-card>a:first-child{display:block;width:100%;height:210px;overflow:hidden}
.article-card>a:first-child img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.article-card>.category-label{margin:15px 18px 0}
.article-card h3{margin:10px 18px 8px;font-size:21px;text-transform:uppercase}
.article-card .post-meta{color:#838b90;margin:0 18px}
.article-card p{color:var(--tbc-muted);font-size:13px;line-height:1.55;margin:13px 18px 0}
.right-rail{padding-top:28px}
.widget{border:1px solid var(--tbc-line);margin-bottom:25px;background:#fff;padding:0 18px 18px}
.widget-title{margin:0 -18px 18px;padding:13px 18px;background:var(--tbc-blue);color:#fff;font-size:16px;font-weight:800;text-transform:uppercase}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:12px 0;border-bottom:1px solid var(--tbc-line);font-size:13px;font-weight:700}
.widget li:last-child{border:0}
.benefits-widget{background:var(--tbc-navy);color:#fff;padding-bottom:25px}
.benefits-widget h3{font-size:28px;margin:24px 0 12px}
.benefits-widget p{color:#c3ccd1;line-height:1.6;font-size:13px}
.benefits-widget ul{list-style:disc;padding-left:18px;color:#d4dce0;line-height:1.8;font-size:13px}
.button{display:inline-block;background:var(--tbc-gold);color:#1a2023;padding:12px 15px;font-size:10px;font-weight:800;text-transform:uppercase}
.feature-band{background:var(--tbc-navy);color:#fff;padding:45px 0 55px}
.feature-band .section-title:after{background:var(--tbc-blue)}
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #49606e}
.feature-cards a{padding:25px 18px;border-bottom:1px solid #49606e;border-right:1px solid #49606e;display:flex;justify-content:space-between;font-weight:700;font-size:14px}
.feature-cards a:nth-child(3n){border-right:0}
.feature-cards b{color:var(--tbc-gold)}
.about-strip{padding:50px 0;background:#eef2f4}
.about-inner{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:35px}
.about-inner img{width:135px}
.about-inner h2{margin:9px 0;font-size:33px}
.about-inner p{max-width:700px;color:#646f75;line-height:1.65}
.about-inner>a{color:var(--tbc-blue);font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.membership{background:var(--tbc-blue);color:#fff;padding:45px 0}
.membership-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.membership span{color:#dfeff7;font-size:10px;letter-spacing:.18em;font-weight:800}
.membership h2{font-size:37px;margin:10px 0 0;line-height:1.08}
.membership a{padding:15px 20px;background:#fff;color:var(--tbc-darkblue);font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.missed{background:#f1f1f1;padding:20px 0 45px}
.missed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.missed-grid article{background:#fff}
.missed-grid img{width:100%;height:125px;object-fit:cover}
.missed-grid article div{padding:13px}
.missed-grid span{color:var(--tbc-blue);font-size:8px;font-weight:800;text-transform:uppercase}
.missed-grid h3{font-size:14px;text-transform:uppercase;margin:7px 0}
.missed-grid small{color:#8a9195;font-size:9px}
.site-footer{background:#111a20;color:#c5cdd1;padding-top:48px}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px;padding-bottom:40px}
.footer-brand img{width:115px}
.footer-brand p{max-width:310px;line-height:1.6;font-size:13px}
.site-footer h3{color:#fff;font-size:13px;text-transform:uppercase;border-bottom:2px solid var(--tbc-blue);padding-bottom:10px}
.footer-menu{display:flex;flex-direction:column;gap:12px;font-size:12px;list-style:none;padding:0}
.copyright{border-top:1px solid #29333a;padding:16px 0;font-size:11px;color:#8d989e}
.standard-page{padding:45px 0 70px}
.entry-header{border-bottom:3px solid var(--tbc-blue);margin-bottom:25px}
.entry-title{font-size:38px;margin:0 0 15px;text-transform:uppercase}
.entry-content{font-family:Georgia,serif;font-size:17px;line-height:1.75}
.entry-content img{height:auto}
.entry-content a{color:var(--tbc-darkblue);text-decoration:underline}
.pagination{margin:30px 0;display:flex;gap:12px}
.pagination a,.pagination span{border:1px solid var(--tbc-line);padding:9px 12px}
.comments-area{margin-top:40px;border-top:1px solid var(--tbc-line);padding-top:25px}
.comment-list{padding-left:20px}
input,textarea,select{max-width:100%;padding:10px;border:1px solid #ccd2d5}
button,input[type=submit]{background:var(--tbc-blue);color:#fff;border:0;padding:11px 15px;font-weight:700}

@media(max-width:920px){
  .utility-menu li:nth-child(n+5){display:none}
  .main-menu a{padding:0 11px;font-size:10px}
  .lead-area,.content-grid{grid-template-columns:1fr}
  .slider-lead-area>.news-tabs{height:auto;overflow:visible}
  .featured-slider{grid-template-columns:1fr 1.6fr}
  .news-tabs{display:grid;grid-template-columns:repeat(2,1fr)}
  .tab-bar{grid-column:1/-1}
  .right-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
  .widget{margin:0 0 15px}
  .about-inner{grid-template-columns:110px 1fr}.about-inner>a{grid-column:2}
  .missed-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .site-wrap{width:min(100% - 24px,1180px)}
  .utility-bar{min-height:76px}.utility-menu{display:none}
  .masthead,.masthead-inner{min-height:220px}.site-logo{width:155px;height:155px;flex-basis:155px}.site-logo .custom-logo{max-width:155px;max-height:155px}.site-title{font-size:24px}.site-description{font-size:9px}
  .menu-toggle{display:block}.main-menu{display:none;position:absolute;left:0;right:0;top:auto;background:var(--tbc-blue);z-index:50;flex-direction:column}.main-menu.is-open{display:flex}.main-menu a{height:44px}
  .search-link{margin-left:0}
  .breaking-title{font-size:15px;padding:0 13px}.breaking-track{font-size:10px;gap:18px;padding-left:13px}
  .lead-stories{height:auto;grid-template-columns:1fr}.story-large{height:320px}.side-stories{grid-template-columns:1fr 1fr;grid-template-rows:190px}
  .featured-slider{height:auto;grid-template-columns:1fr}.featured-large{height:330px;grid-row:1}.featured-small{grid-row:2;grid-template-columns:1fr 1fr;grid-template-rows:180px;gap:12px}.featured-large .featured-copy strong{font-size:29px}.featured-copy strong{font-size:17px}
  .category-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .category-tile{min-height:135px}
  .category-tile-title{font-size:16px}
  .story-copy h2{font-size:17px}.story-large .story-copy h2{font-size:29px}.post-meta{font-size:8px}
  .news-tabs{display:block}.article-grid{grid-template-columns:1fr}.right-rail{display:block}
  .article-card>a:first-child{height:210px}
  .feature-cards{grid-template-columns:1fr}.feature-cards a{border-right:0}
  .about-inner{grid-template-columns:1fr}.about-inner img{width:105px}.about-inner>a{grid-column:auto}
  .membership-inner{align-items:flex-start;flex-direction:column}.membership h2{font-size:30px}
  .missed-grid{grid-template-columns:1fr 1fr;gap:10px}.missed-grid img{height:95px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:420px){
  .category-showcase{grid-template-columns:1fr}
  .category-tile{min-height:170px}
}


/* Match the Business Resources section to the ChatGPT site */
.section-title#resources{margin:28px 0 0;padding:27px 22px 21px;background:var(--tbc-bg)}
.resource-list{padding:0 22px 12px;background:var(--tbc-bg)}
.resource-list>article{display:grid;grid-template-columns:65px 1fr;gap:17px;padding:22px 0;border-top:1px solid var(--tbc-line)}
.resource-number{display:grid;place-items:center;width:55px;height:55px;background:var(--tbc-navy);color:#fff;font-size:17px;font-weight:800}
.resource-list h3{margin:8px 0;font-size:20px;text-transform:uppercase}
.resource-list p{margin:0 0 12px;color:var(--tbc-muted);font-size:14px;line-height:1.6}
.resource-list a{color:var(--tbc-blue);font-size:11px;font-weight:800;text-transform:uppercase}