/* Fuel the Brave: paste into Appearance > Customize > Additional CSS */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;700&display=swap');

:root{
  --ftb-black:#000;
  --ftb-char:#141414;
  --ftb-line:#2a2a2a;
  --ftb-white:#f5f5f2;
  --ftb-mute:#a8a8a2;
  --ftb-fuel:#FC1728;
}
body{background:var(--ftb-black);color:var(--ftb-white);font-family:'DM Sans',sans-serif;line-height:1.65;margin:0}
h1,h2,h3{font-family:'Archivo Black',sans-serif;line-height:1.05;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,7vw,5.5rem)}
h2{font-size:clamp(1.8rem,4vw,3rem)}
h3{font-size:1.25rem}
a{color:var(--ftb-fuel)}
p{max-width:62ch}

/* Header */
.ftb-header{display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;border-bottom:1px solid var(--ftb-line)}
.ftb-header img{height:48px;width:auto}

/* Buttons */
.ftb-btn{display:inline-block;background:var(--ftb-fuel);color:#000!important;font-weight:700;text-decoration:none;padding:14px 28px;border-radius:4px;border:2px solid var(--ftb-fuel);transition:background .2s,color .2s}
.ftb-btn:hover,.ftb-btn:focus-visible{background:transparent;color:var(--ftb-fuel)!important}
.ftb-btn:focus-visible{outline:2px solid var(--ftb-white);outline-offset:3px}

/* Sections */
.ftb-section{padding:96px 5vw}
.ftb-hero{padding:140px 5vw 120px;border-bottom:4px solid var(--ftb-fuel)}
.ftb-hero p{font-size:1.25rem;color:var(--ftb-mute);margin:0 0 32px}
.ftb-hero em{font-style:normal;color:var(--ftb-fuel)}

/* Blog grid: add class ftb-posts to the Elementor Posts widget */
.ftb-posts .elementor-post{background:var(--ftb-char);border:1px solid var(--ftb-line);border-radius:6px;overflow:hidden}
.ftb-posts .elementor-post:hover{border-color:var(--ftb-fuel)}
.ftb-posts .elementor-post__title a{color:var(--ftb-white);font-family:'Archivo Black',sans-serif}
.ftb-posts .elementor-post__excerpt p,.ftb-posts .elementor-post-date{color:var(--ftb-mute)}

/* Guest CTA band: yellow block */
.ftb-guest{background:var(--ftb-fuel);color:#000}
.ftb-guest h2{color:#000}
.ftb-guest .ftb-btn{background:#000;border-color:#000;color:var(--ftb-fuel)!important}
.ftb-guest .ftb-btn:hover{background:transparent;color:#000!important}

/* Contact + footer */
.ftb-contact{border-top:1px solid var(--ftb-line)}
.ftb-footer{padding:32px 5vw;border-top:1px solid var(--ftb-line);color:var(--ftb-mute);font-size:.9rem}

/* WPForms email signup */
.ftb-signup .wpforms-container input[type=email],.ftb-signup .wpforms-container input[type=text]{background:var(--ftb-char);border:1px solid var(--ftb-line);color:var(--ftb-white);padding:14px;border-radius:4px}
.ftb-signup .wpforms-container input:focus{border-color:var(--ftb-fuel);outline:none}
.ftb-signup .wpforms-submit{background:var(--ftb-fuel)!important;color:#000!important;font-weight:700!important;border:0!important;border-radius:4px!important;padding:14px 28px!important}
.ftb-signup .wpforms-field-label{color:var(--ftb-white)}

/* SEO article pages */
.ftb-article{max-width:780px;margin:0 auto;padding:80px 5vw}
.ftb-article h2{margin-top:1.6em}

@media(max-width:700px){.ftb-section{padding:64px 6vw}.ftb-hero{padding:90px 6vw}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Native post cards (used by front-page.php) */
.ftb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.ftb-card{background:var(--ftb-char);border:1px solid var(--ftb-line);border-radius:6px;overflow:hidden}
.ftb-card:hover{border-color:var(--ftb-fuel)}
.ftb-card a{display:block;color:var(--ftb-white);text-decoration:none}
.ftb-card img{width:100%;height:auto;display:block}
.ftb-card div{padding:20px}
.ftb-card h3{margin:0 0 .4em}
.ftb-card p{color:var(--ftb-mute);margin:0}

/* Header menu + logo shortcodes */
.ftb-menu ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;flex-wrap:wrap}
.ftb-menu ul ul{display:none}
.ftb-menu a{color:var(--ftb-white);text-decoration:none;font-weight:500}
.ftb-menu a:hover,.ftb-menu a:focus-visible{color:var(--ftb-fuel)}
.ftb-logo img{height:48px;width:auto;display:block}

/* ===== Site-wide: blog posts, archives, pages ===== */
html,body,.site,#page,.site-main{background:var(--ftb-black);color:var(--ftb-white)}
.site-header,.site-footer,#site-header,#site-footer{background:var(--ftb-black);color:var(--ftb-white);border-color:var(--ftb-line)}
.site-header a,.site-footer a{color:var(--ftb-white)}
.site-header a:hover,.site-footer a:hover{color:var(--ftb-fuel)}
.site-title a{color:var(--ftb-white);font-family:'Archivo Black',sans-serif;text-decoration:none}
.site-description{color:var(--ftb-mute)}
.site-navigation a{color:var(--ftb-white)}
.site-navigation a:hover{color:var(--ftb-fuel)}
.page-header .entry-title,.entry-title,.entry-title a{color:var(--ftb-white);font-family:'Archivo Black',sans-serif}
.entry-title a:hover{color:var(--ftb-fuel)}
.page-content,.entry-content,.post,.page{color:var(--ftb-white)}
.post-meta,.entry-meta,.posted-on,.byline,.tags-links,.cat-links{color:var(--ftb-mute)}
.page-content a,.entry-content a{color:var(--ftb-fuel)}
blockquote{border-left:4px solid var(--ftb-fuel);margin-left:0;padding-left:20px;color:var(--ftb-mute)}
hr{border:0;border-top:1px solid var(--ftb-line)}
table,th,td{border-color:var(--ftb-line)!important;color:var(--ftb-white)}
input,textarea,select{background:var(--ftb-char);color:var(--ftb-white);border:1px solid var(--ftb-line);border-radius:4px}
input:focus,textarea:focus,select:focus{border-color:var(--ftb-fuel);outline:none}
input[type=submit],button[type=submit],.wp-block-button__link,.comment-form .submit{background:var(--ftb-fuel);color:#000;border:2px solid var(--ftb-fuel);border-radius:4px;font-weight:700;padding:12px 24px;cursor:pointer}
input[type=submit]:hover,button[type=submit]:hover,.wp-block-button__link:hover{background:transparent;color:var(--ftb-fuel)}
.post-navigation a,.pagination a,.page-numbers{color:var(--ftb-white)}
.page-numbers.current,.page-numbers:hover{color:var(--ftb-fuel)}
.comment-respond,.comment-body{border-color:var(--ftb-line)}
.comment-author,.comment-metadata a{color:var(--ftb-white)}
.widget,.widget-area{color:var(--ftb-white)}
.entry-content,.page-content{max-width:780px;margin-left:auto;margin-right:auto}
.entry-content img,.page-content img{border-radius:6px}
/* keep the Elementor homepage full width */
.elementor-page .entry-content,.elementor-page .page-content,.elementor-template-canvas .entry-content{max-width:none}
.elementor-widget-text-editor,.elementor-widget-heading .elementor-heading-title{max-width:none}
::selection{background:var(--ftb-fuel);color:#000}
a:focus-visible,button:focus-visible{outline:2px solid var(--ftb-fuel);outline-offset:3px}

/* Sitewide: Hello Elementor header, footer, posts, archives, forms */
.site-header,.site-footer{background:var(--ftb-black);color:var(--ftb-white);border-color:var(--ftb-line)}
.site-header a,.site-footer a,.site-title a{color:var(--ftb-white);text-decoration:none}
.site-header a:hover,.site-footer a:hover{color:var(--ftb-fuel)}
.site-header .site-navigation a{font-weight:500}
body.single-post .site-main,body.blog .site-main,body.archive .site-main,body.search .site-main{max-width:780px;margin:0 auto;padding:48px 5vw}
.entry-title,.page-title,.page-header .entry-title{color:var(--ftb-white);font-family:'Archivo Black',sans-serif}
.post-tags,.comment-meta,.entry-meta,.wp-caption-text{color:var(--ftb-mute)}
.comment-respond input,.comment-respond textarea,.search-field,input[type=text],input[type=email],input[type=search],textarea{background:var(--ftb-char);color:var(--ftb-white);border:1px solid var(--ftb-line);border-radius:4px;padding:12px}
button,input[type=submit]{background:var(--ftb-fuel);color:#000;border:0;border-radius:4px;font-weight:700;padding:12px 24px;cursor:pointer}
.post-navigation a,.pagination a{color:var(--ftb-fuel)}

/* Latest episode feature */
.ftb-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.ftb-feature img{width:100%;height:auto;border-radius:6px;display:block}
.ftb-feature h3{font-size:clamp(1.6rem,3vw,2.4rem)}
.ftb-feature p{color:var(--ftb-mute)}
@media(max-width:700px){.ftb-feature{grid-template-columns:1fr}}