/*
Theme Name: Fret Success
Theme URI: https://fretsuccess.com
Description: Child theme of GeneratePress for fretsuccess.com. Black, grey and white, one accent colour, Barlow type. Built October 2026.
Author: Fret Success
Template: generatepress
Version: 1.1.7
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: fretsuccess-gp
*/

/* -------------------------------------------------------------
   Tokens. Change the accent in one place: --fs-accent.
   Default accent is white on black (slick, no red). To bring the
   brand red back as the accent, set --fs-accent:#D42B2B and
   --fs-accent-ink:#FFFFFF.
   ------------------------------------------------------------- */
:root{
  --fs-black:#000000;
  --fs-ink:#111111;        /* raised panels on black */
  --fs-steel:#262626;      /* rules and borders */
  --fs-smoke:#8C8C8C;      /* secondary text */
  --fs-chalk:#E9E9E9;      /* body text on black */
  --fs-white:#FFFFFF;
  --fs-red:#D42B2B;        /* brand red, used sparingly (live, sold out, FSX) */
  --fs-accent:#FFFFFF;     /* buttons and links */
  --fs-accent-ink:#000000; /* text on the accent */
  --fs-display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --fs-body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --fs-radius:0px;
}

/* ---------- base ---------- */
body{background:var(--fs-black);color:var(--fs-chalk);line-height:1.55;-webkit-font-smoothing:antialiased}
:where(body){font-family:var(--fs-body);font-size:17px}
h1,h2,h3,h4,.fs-display{line-height:.98;letter-spacing:-.01em;color:var(--fs-white);margin-top:0}
:where(h1,h2,h3,h4,.fs-display){font-family:var(--fs-display);font-weight:800}
h1{font-size:clamp(44px,6.5vw,88px)} h2{font-size:clamp(36px,5vw,64px)} h3{font-size:clamp(26px,3vw,38px)} h4{font-size:22px;font-weight:700}
p{max-width:65ch} .has-text-align-center p{margin-left:auto;margin-right:auto}
a{color:var(--fs-white);text-decoration-color:var(--fs-smoke);text-underline-offset:3px}
a:hover{text-decoration-color:var(--fs-white)}
hr,.wp-block-separator{border:0;border-top:1px solid var(--fs-steel);margin:40px 0}
::selection{background:var(--fs-white);color:var(--fs-black)}
:focus-visible{outline:3px solid var(--fs-white);outline-offset:3px}

/* ---------- header (GeneratePress) ---------- */
.site-header,.main-navigation,.main-navigation ul ul{background:var(--fs-black)}
.site-header{border-bottom:1px solid var(--fs-steel)}
.inside-header{padding:14px 0}
.site-logo img{height:38px;width:auto}
.main-navigation a{color:var(--fs-chalk)}
.main-navigation .current-menu-item>a,.main-navigation .current-menu-ancestor>a,.main-navigation .sfHover>a,.main-navigation a:hover{color:var(--fs-white);background:transparent}
.main-navigation ul ul{border:1px solid var(--fs-steel)}
.main-navigation ul ul a{color:var(--fs-chalk)}
.main-navigation .menu-bar-items,.menu-toggle{color:var(--fs-chalk);background:transparent}
/* highlight the last top-level item as a button (give it the CSS class "fs-nav-cta" in Appearance > Menus) */
.main-navigation .fs-nav-cta>a{background:var(--fs-accent);color:var(--fs-accent-ink);font-family:var(--fs-display);font-weight:800;font-size:17px;letter-spacing:.03em;padding:0 16px;line-height:40px;margin-left:12px}
.main-navigation .fs-nav-cta>a:hover{background:var(--fs-chalk);color:var(--fs-black)}

/* ---------- buttons ---------- */
button,.button,input[type=submit],input[type=button],.wp-block-button__link,.gb-button{
  background:var(--fs-accent);color:var(--fs-accent-ink);border:0;border-radius:var(--fs-radius);
  font-family:var(--fs-display);font-weight:800;font-size:19px;letter-spacing:.03em;padding:13px 22px;line-height:1;text-decoration:none}
button:hover,.button:hover,input[type=submit]:hover,.wp-block-button__link:hover,.gb-button:hover{background:var(--fs-chalk);color:var(--fs-black)}
.is-style-outline .wp-block-button__link,.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;border:2px solid var(--fs-chalk);color:var(--fs-chalk)}
.is-style-outline .wp-block-button__link:hover{border-color:var(--fs-white);color:var(--fs-white);background:transparent}
.is-style-red .wp-block-button__link{background:var(--fs-red);color:#fff}
.is-style-red .wp-block-button__link:hover{background:#9E1E1E;color:#fff}

/* ---------- forms (MailPoet, PMPro, comments) ---------- */
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],textarea,select{
  background:var(--fs-ink);color:var(--fs-white);border:2px solid var(--fs-steel);border-radius:var(--fs-radius);font:inherit;font-size:17px;padding:13px 16px}
input:focus,textarea:focus,select:focus{border-color:var(--fs-smoke);outline:0}
::placeholder{color:var(--fs-smoke)}
.mailpoet_form,.mailpoet_paragraph{max-width:720px}
.mailpoet_form .mailpoet_submit{width:auto}
.mailpoet_validate_success{color:var(--fs-white)}
.mailpoet_validate_error{color:var(--fs-red)}

/* ---------- content ---------- */
.site-content,.site-main,.separate-containers .inside-article,.one-container .container{background:transparent}
.inside-article{padding:0}
.entry-title a{text-decoration:none}
.entry-meta,.cat-links,.tags-links,.comments-link,.byline,.posted-on{color:var(--fs-smoke)}
blockquote{border-left:3px solid var(--fs-white);color:var(--fs-chalk);font-style:normal;margin-left:0;padding-left:20px}
.wp-block-table td,.wp-block-table th{border-color:var(--fs-steel)}
.wp-block-table th{background:var(--fs-ink)}
figcaption{color:var(--fs-smoke);font-size:14px}
code,pre{background:var(--fs-ink);color:var(--fs-chalk)}

/* ---------- utility classes used by the patterns ---------- */
.fs-band{background:var(--fs-ink);border-top:1px solid var(--fs-steel);border-bottom:1px solid var(--fs-steel)}
.fs-rule{border-top:1px solid var(--fs-steel)}
.fs-muted{color:var(--fs-smoke)}
.fs-kicker{font-family:var(--fs-display);font-weight:600;font-size:20px;letter-spacing:.05em;color:var(--fs-smoke)}
.fs-tier{display:grid;grid-template-columns:1.1fr .7fr 2.2fr;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--fs-steel)}
.fs-tier .t{font-family:var(--fs-display);font-weight:800;font-size:clamp(24px,2.6vw,34px);line-height:1;color:var(--fs-white)}
.fs-tier .p{font-family:var(--fs-display);font-weight:800;font-size:clamp(22px,2.4vw,30px);color:var(--fs-white)}
.fs-tier .d{color:var(--fs-chalk);font-size:16px;margin:0}
.fs-tier.hi{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 60%);padding-left:14px;margin-left:-14px}
@media (max-width:760px){.fs-tier{grid-template-columns:1fr 1fr;gap:6px 18px}.fs-tier .d{grid-column:1/-1}}
.fs-feature{border-top:3px solid var(--fs-white);padding-top:16px}
.fs-feature h3{margin-bottom:10px}
.fs-hero{position:relative;overflow:hidden}
.fs-hero::after{content:"";position:absolute;z-index:1;right:-4%;top:50%;width:min(34vw,520px);aspect-ratio:296/745;transform:translateY(-50%) rotate(10deg);background:url(assets/guitar-white.png) center/contain no-repeat;opacity:.08;pointer-events:none}
@media (max-width:900px){.fs-hero::after{display:none}}
.fs-watermark{display:none}

/* ---------- footer ---------- */
.site-footer,.footer-widgets,.site-info{background:var(--fs-black);color:var(--fs-smoke)}
.footer-widgets{border-top:1px solid var(--fs-steel)}
.site-info{border-top:1px solid var(--fs-steel);font-size:14px}
.site-info a{color:var(--fs-chalk);text-decoration:none}
.footer-widgets .widget-title{font-family:var(--fs-display);font-weight:800;font-size:20px;color:var(--fs-white)}

/* ---------- PMPro ---------- */
.pmpro_content_message,.pmpro_message{background:var(--fs-ink);border:1px solid var(--fs-steel);color:var(--fs-chalk);padding:16px}
#pmpro_levels .pmpro_level,.pmpro_card{background:var(--fs-ink);border:1px solid var(--fs-steel);border-radius:var(--fs-radius)}
.pmpro_btn,a.pmpro_btn{background:var(--fs-accent);color:var(--fs-accent-ink);border:0;font-family:var(--fs-display);font-weight:800;font-size:19px;padding:13px 22px}
.pmpro_btn:hover,a.pmpro_btn:hover{background:var(--fs-chalk);color:var(--fs-black)}

/* ---------- FSX show page (pattern fretsuccess/fsx-page) ---------- */
.fs-poster .fs-mark{font-family:var(--fs-display);font-weight:900;font-size:clamp(88px,17vw,230px);line-height:.86;letter-spacing:-.02em;color:var(--fs-white);margin:0;white-space:nowrap}
@media (max-width:700px){.fs-poster .fs-mark{white-space:normal}}
.fs-poster .fs-yr{color:var(--fs-red)}
.fs-poster .fs-strap{font-family:var(--fs-display);font-weight:800;font-size:clamp(28px,4.4vw,54px);line-height:1.02;margin:18px 0 0;color:var(--fs-white);max-width:none}
.fs-poster .fs-strap span{color:var(--fs-smoke);font-weight:600}
.fs-poster .fs-when{margin:26px 0 0;font-size:clamp(17px,1.6vw,21px);max-width:none}
.fs-poster .fs-avail{color:var(--fs-red);font-weight:600;text-decoration:none;border-bottom:1px solid var(--fs-red)}
.fs-poster::before{content:"";position:absolute;z-index:0;width:60vw;height:60vw;max-width:900px;max-height:900px;right:-20vw;top:-30vw;border-radius:50%;background:radial-gradient(closest-side,rgba(212,43,43,.28),rgba(212,43,43,.08) 55%,transparent 72%);filter:blur(10px);pointer-events:none}
.fs-poster>*{position:relative;z-index:2}
@media (min-width:901px){.fs-poster .fs-kicker,.fs-poster .fs-strap,.fs-poster .fs-when,.fs-poster .fs-hero-form,.fs-poster .wp-block-buttons{max-width:70%}}
.fs-hero-form{margin-top:30px;max-width:620px}
.fs-hero-form .fs-lbl{font-family:var(--fs-display);font-weight:700;font-size:clamp(19px,2vw,24px);color:var(--fs-white);margin:0 0 10px}
.fs-tier-4{grid-template-columns:1.1fr .7fr .7fr 2.2fr}
.fs-tier .a{font-weight:600;color:var(--fs-red)}
.fs-tier .p.small{font-size:20px;font-weight:600;color:var(--fs-chalk)}
@media (max-width:760px){.fs-tier-4{grid-template-columns:1fr 1fr}.fs-tier-4 .a{grid-column:1/-1}}
.fs-named{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 28px;margin:22px 0 0;padding:0;list-style:none}
.fs-named li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--fs-steel);color:var(--fs-chalk)}
.fs-named li b{font-family:var(--fs-display);font-weight:800;font-size:20px;color:var(--fs-white);white-space:nowrap}
.fs-signup-red{background:var(--fs-red);color:#fff}
.fs-signup-red h2,.fs-signup-red p,.fs-signup-red a{color:#fff}
.fs-signup-red .mailpoet_form{max-width:760px}
.fs-signup-red input[type=email],.fs-signup-red input[type=text]{background:rgba(0,0,0,.18);border-color:rgba(255,255,255,.55);color:#fff}
.fs-signup-red .mailpoet_submit,.fs-signup-red input[type=submit]{background:var(--fs-black);color:#fff}
.fs-signup-red .mailpoet_submit:hover{background:#222;color:#fff}
/* MailPoet form inline: email, name and button on one row */

/* ---------- canvas template: no container, no title ---------- */
:root{--fs-gutter:clamp(16px,4vw,48px)}
.fs-canvas-page #page.grid-container,.fs-canvas-page .site-content,.fs-canvas-page #content{max-width:100%;padding:0}
.fs-canvas-page .fs-canvas{display:block;width:100%}
.fs-canvas .wp-block-group.alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0;padding-left:var(--fs-gutter);padding-right:var(--fs-gutter)}
.fs-canvas .is-layout-constrained>:where(:not(.alignfull):not(.alignwide)){max-width:1180px;margin-left:auto;margin-right:auto}
.fs-canvas .wp-block-columns{max-width:1180px;margin-left:auto;margin-right:auto}
.fs-canvas .wp-block-html,.fs-canvas .fs-rule,.fs-canvas .fs-named{max-width:1180px;margin-left:auto;margin-right:auto}

/* jump bar under the hero */
.fs-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:14px 0;list-style:none;font-weight:500;font-size:15px}
.fs-jump a{text-decoration:none;color:var(--fs-chalk);border-bottom:1px solid var(--fs-steel);padding-bottom:2px}
.fs-jump a:hover{color:var(--fs-white);border-color:var(--fs-white)}

/* ---------- FSX page: red accents and one-row form ---------- */
.fs-poster .is-style-outline .wp-block-button__link{border-color:var(--fs-chalk);color:var(--fs-chalk)}
.fs-poster .is-style-outline .wp-block-button__link:hover{border-color:#fff;color:#fff}
/* jump bar as pills, last one solid red */
.fs-jump{gap:10px;padding:16px 0}
.fs-jump a{display:inline-block;border:2px solid var(--fs-steel);padding:9px 16px;font-family:var(--fs-display);font-weight:800;font-size:17px;letter-spacing:.03em;color:var(--fs-chalk);line-height:1}
.fs-jump a:hover{border-color:#fff;color:#fff}
.fs-jump li:last-child a{background:var(--fs-red);border-color:var(--fs-red);color:#fff}
.fs-jump li:last-child a:hover{background:#9E1E1E;border-color:#9E1E1E}
.fs-band .fs-jump{border-bottom:1px solid var(--fs-steel);margin-bottom:14px}
/* red band form: black button, white field text */

/* ---------- FSX page: alignment and responsive strip ---------- */
.fs-poster .wp-block-buttons{margin-top:14px;gap:10px}
.fs-poster .wp-block-button__link{display:inline-flex;align-items:center;height:52px;padding:0 20px;box-sizing:border-box}
.fs-poster .fs-when{margin-bottom:0}
/* facts strip: 6 across on desktop, 3 on tablet, 2 on phone */


/* ---------- MailPoet writes ID-based styles into the page; these must win ---------- */
.mailpoet_form .mailpoet_text_label,.mailpoet_form .mailpoet_submit_label{display:none !important}
.mailpoet_form .mailpoet_message{flex-basis:100%;margin:6px 0 0 !important;padding:0 !important}
/* outline buttons: no inherited margins, same width as the form */
.fs-poster .wp-block-buttons{margin:14px 0 0 !important;padding:0 !important;gap:10px}
.fs-poster .wp-block-buttons .wp-block-button{margin:0 !important}

/* ---------- 1.0.7: the section owns the column; blocks sit left inside it ---------- */
.fs-canvas .wp-block-group.alignfull{box-sizing:border-box;overflow-x:clip;padding-left:max(var(--fs-gutter),calc((100% - 1180px) / 2)) !important;padding-right:max(var(--fs-gutter),calc((100% - 1180px) / 2)) !important}
.fs-canvas .wp-block-group.alignfull>*{max-width:none !important;margin-left:0 !important;margin-right:0 !important}
.fs-canvas .wp-block-columns,.fs-canvas .wp-block-html,.fs-canvas .fs-rule,.fs-canvas .fs-named{max-width:none;margin-left:0;margin-right:0}
/* facts strip as a plain grid */
.fs-facts{display:grid;grid-template-columns:repeat(6,1fr);gap:0 18px;margin:0;padding:0;list-style:none}
.fs-facts li{padding:6px 14px 6px 0;border-right:1px solid var(--fs-steel)}
.fs-facts li:last-child{border-right:0}
.fs-facts b{display:block;font-family:var(--fs-display);font-weight:800;font-size:clamp(24px,2.6vw,38px);line-height:1;color:var(--fs-white)}
.fs-facts span{display:block;margin-top:6px;color:var(--fs-smoke);font-size:14px;line-height:1.3}
@media (max-width:1000px){.fs-facts{grid-template-columns:repeat(3,1fr);gap:14px 18px}.fs-facts li:nth-child(3n){border-right:0}}
@media (max-width:600px){.fs-facts{grid-template-columns:repeat(2,1fr)}.fs-facts li:nth-child(3n){border-right:1px solid var(--fs-steel)}.fs-facts li:nth-child(2n){border-right:0}}

/* ============================================================
   1.0.8  MailPoet forms, rebuilt from the real markup.
   MailPoet prints  <div class="mailpoet_form"> <form class="mailpoet_form mailpoet_form_form"> ...
   so the outer div must stay a block and only the <form> is the row. Everything is !important
   because MailPoet writes #id styles into the page.
   ============================================================ */
div.mailpoet_form{display:block !important;width:100% !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;max-width:720px}
form.mailpoet_form,.mailpoet_form_columns{display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:stretch !important;width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important}
.mailpoet_form_column{display:contents}
.mailpoet_form .mailpoet_paragraph{display:block !important;flex:1 1 220px !important;min-width:0 !important;width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important}
.mailpoet_form .mailpoet_paragraph:has(.mailpoet_submit),.mailpoet_form .mailpoet_paragraph:has(input[type=submit]){flex:0 0 auto !important}
.mailpoet_form .mailpoet_text,.mailpoet_form input[type=email],.mailpoet_form input[type=text]{display:block !important;width:100% !important;max-width:none !important;min-width:0 !important;box-sizing:border-box !important;height:52px !important;padding:0 16px !important;font-size:17px !important;border-radius:0 !important}
.mailpoet_form .mailpoet_submit,.mailpoet_form input[type=submit]{display:inline-flex !important;align-items:center !important;height:52px !important;line-height:1 !important;padding:0 22px !important;width:auto !important;white-space:nowrap !important;border:0 !important;border-radius:0 !important;font-family:var(--fs-display) !important;font-weight:800 !important;font-size:19px !important;letter-spacing:.03em !important;cursor:pointer}
.mailpoet_form .mailpoet_message,.mailpoet_form .mailpoet_validate_success,.mailpoet_form .mailpoet_validate_error,.mailpoet_form .mailpoet_form_loading{flex:1 1 100% !important;width:100% !important}
.mailpoet_form .mailpoet_text_label,.mailpoet_form .mailpoet_submit_label{display:none !important}
@media (max-width:520px){.mailpoet_form .mailpoet_paragraph,.mailpoet_form .mailpoet_paragraph:has(.mailpoet_submit){flex:1 1 100% !important}.mailpoet_form .mailpoet_submit,.mailpoet_form input[type=submit]{width:100% !important;justify-content:center}}

/* hero (black) version */
.fs-poster div.mailpoet_form{max-width:620px !important}
.fs-poster .mailpoet_form input[type=email],.fs-poster .mailpoet_form input[type=text]{background:var(--fs-ink) !important;border:2px solid var(--fs-steel) !important;color:#fff !important}
.fs-poster .mailpoet_form input:focus{border-color:var(--fs-smoke) !important}
.fs-poster .mailpoet_form .mailpoet_submit,.fs-poster .mailpoet_form input[type=submit]{background:var(--fs-red) !important;color:#fff !important}
.fs-poster .mailpoet_form .mailpoet_submit:hover,.fs-poster .mailpoet_form input[type=submit]:hover{background:#9E1E1E !important}
.fs-poster .fs-hero-form,.fs-poster .wp-block-buttons{max-width:620px !important}

/* red band version */
.fs-signup-red div.mailpoet_form{max-width:760px !important;margin-top:14px !important}
.fs-signup-red .mailpoet_form input[type=email],.fs-signup-red .mailpoet_form input[type=text]{background:rgba(0,0,0,.18) !important;border:2px solid rgba(255,255,255,.55) !important;color:#fff !important}
.fs-signup-red .mailpoet_form input::placeholder{color:rgba(255,255,255,.75)}
.fs-signup-red .mailpoet_form .mailpoet_submit,.fs-signup-red .mailpoet_form input[type=submit]{background:var(--fs-black) !important;color:#fff !important}
.fs-signup-red .mailpoet_form .mailpoet_submit:hover,.fs-signup-red .mailpoet_form input[type=submit]:hover{background:#222 !important}
.fs-signup-red .mailpoet_validate_success,.fs-signup-red .mailpoet_validate_error{color:#fff !important}

/* ---------- 1.0.8  FSX sub-navigation (printed by functions.php on the FSX page only) ---------- */
.fs-subnav{position:sticky;top:0;z-index:60;background:#000;border-top:1px solid var(--fs-steel);border-bottom:1px solid var(--fs-steel)}
.admin-bar .fs-subnav{top:32px}
@media (max-width:782px){.admin-bar .fs-subnav{top:46px}}
.fs-subnav-in{max-width:1180px;margin:0 auto;padding:0 var(--fs-gutter);display:flex;align-items:center;gap:28px;min-height:58px}
.fs-subnav .fs-subnav-brand{display:inline-block;padding:0;border:0;font-family:var(--fs-display);font-weight:900;font-size:24px;line-height:1;color:#fff;letter-spacing:.02em;white-space:nowrap;text-decoration:none}
.fs-subnav-brand em{font-style:normal;color:var(--fs-red)}
.fs-subnav ul{display:flex;align-items:center;gap:0 26px;margin:0 0 0 auto;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.fs-subnav ul::-webkit-scrollbar{display:none}
.fs-subnav li{margin:0;padding:0}
.fs-subnav ul a{display:inline-block;font-family:var(--fs-display);font-weight:700;font-size:19px;letter-spacing:.02em;line-height:1;color:var(--fs-chalk);text-decoration:none;padding:20px 0 17px;border-bottom:3px solid transparent;white-space:nowrap}
.fs-subnav ul a:hover,.fs-subnav ul a:focus-visible{color:#fff;border-bottom-color:#fff;outline:0}
.fs-subnav li.is-cta a{background:var(--fs-red);color:#fff;padding:10px 16px;border:0;margin-left:4px}
.fs-subnav li.is-cta a:hover{background:#9E1E1E}
.fs-sn-short{display:none}
@media (max-width:760px){.fs-subnav .fs-subnav-brand{display:none}.fs-subnav ul{margin:0;width:100%;gap:0 16px}.fs-subnav ul a{font-size:17px}.fs-subnav li.is-cta{margin-left:auto}.fs-subnav li.is-cta a{padding:10px 12px}.fs-sn-long{display:none}.fs-sn-short{display:inline}}
.fs-canvas [id]{scroll-margin-top:72px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* wpautop leaves empty paragraphs in the page; they steal grid cells and flex gaps */
.fs-canvas p:empty{display:none !important}
/* old jump bar is no longer needed: hide it if an older copy of the page still carries it */
.fs-canvas .fs-jump{display:none}

/* ---------- 1.0.8  facts strip: belt and braces for pages still carrying the old column markup ---------- */
.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns{display:grid !important;grid-template-columns:repeat(6,1fr) !important;gap:0 18px !important;max-width:none !important;margin:0 !important}
.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns>.wp-block-column{flex:none !important;width:auto !important;max-width:none !important;margin:0 !important;padding:6px 14px 6px 0 !important;border-right:1px solid var(--fs-steel)}
.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns>.wp-block-column:last-of-type{border-right:0}
.fs-canvas>.fs-band:nth-of-type(2) .wp-block-column h3{font-size:clamp(24px,2.6vw,38px);line-height:1;margin:0 0 6px}
.fs-canvas>.fs-band:nth-of-type(2) .wp-block-column p{font-size:14px;line-height:1.3;color:var(--fs-smoke);margin:0}
@media (max-width:1000px){.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns{grid-template-columns:repeat(3,1fr) !important;gap:14px 18px !important}.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns>.wp-block-column:nth-of-type(3n){border-right:0}}
@media (max-width:600px){.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns{grid-template-columns:repeat(2,1fr) !important}.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns>.wp-block-column:nth-of-type(3n){border-right:1px solid var(--fs-steel)}.fs-canvas>.fs-band:nth-of-type(2) .wp-block-columns>.wp-block-column:nth-of-type(2n){border-right:0}}

/* ---------- 1.0.9  FSX confirmed page ---------- */
.fs-poster .fs-mark-sm{font-size:clamp(52px,9vw,128px);white-space:normal;max-width:12ch}
.fs-confirmed .fs-kicker{font-weight:800;font-size:26px;letter-spacing:.04em;color:var(--fs-white)}
.fs-confirmed .fs-kicker .fs-yr{color:var(--fs-red)}
.fs-confirmed .wp-block-buttons{gap:10px;max-width:none !important}
.fs-confirmed .wp-block-button__link{display:inline-flex;align-items:center;height:52px;padding:0 20px;box-sizing:border-box}
.fs-share a{font-family:var(--fs-display);font-weight:700;font-size:19px;letter-spacing:.02em;text-decoration:none;border-bottom:2px solid var(--fs-steel);padding-bottom:2px;margin-right:18px}
.fs-share a:hover{border-color:#fff}

/* ---------- 1.1.0  home page ---------- */
.fs-facts-5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1000px){.fs-facts-5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.fs-facts-5{grid-template-columns:repeat(2,1fr)}}
.fs-home-hero .fs-strap span{color:var(--fs-chalk);font-weight:700;font-size:clamp(22px,2.6vw,32px);line-height:1.15;display:block;max-width:30ch}
.fs-home-hero .fs-when{color:var(--fs-smoke)}
.fs-home-hero .wp-block-buttons{max-width:none !important}
.fs-show .wp-block-embed{margin:0}
.fs-show .wp-block-embed__wrapper{position:relative;padding-top:56.25%;background:var(--fs-ink)}
.fs-show .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fs-episodes{list-style:none;margin:0;padding:0;border-top:1px solid var(--fs-steel)}
.fs-episodes li{margin:0;border-bottom:1px solid var(--fs-steel)}
.fs-episodes a{display:block;padding:14px 0;text-decoration:none;color:var(--fs-chalk)}
.fs-episodes a:hover b{color:var(--fs-red)}
.fs-episodes b{display:block;font-family:var(--fs-display);font-weight:800;font-size:22px;line-height:1.05;color:var(--fs-white)}
.fs-episodes span{display:block;margin-top:4px;font-size:15px;color:var(--fs-smoke)}
.fs-episodes-all a{font-family:var(--fs-display);font-weight:700;font-size:18px;color:var(--fs-white)}
.fs-feature p a{font-family:var(--fs-display);font-weight:700;font-size:19px;text-decoration:none;border-bottom:2px solid var(--fs-steel);padding-bottom:2px}
.fs-feature p a:hover{border-color:#fff}
.fs-red-cta .wp-block-button__link{background:var(--fs-black);color:#fff}
.fs-red-cta .wp-block-button__link:hover{background:#222;color:#fff}
.fs-red-cta .is-style-outline .wp-block-button__link{background:transparent;border:2px solid #fff;color:#fff}
.fs-red-cta .is-style-outline .wp-block-button__link:hover{background:rgba(0,0,0,.18)}
.fs-join-form{max-width:760px}
.fs-join-form div.mailpoet_form{max-width:760px !important}
.fs-join-form .mailpoet_form input[type=email],.fs-join-form .mailpoet_form input[type=text]{background:var(--fs-ink) !important;border:2px solid var(--fs-steel) !important;color:#fff !important}
.fs-join-form .mailpoet_form .mailpoet_submit,.fs-join-form .mailpoet_form input[type=submit]{background:var(--fs-red) !important;color:#fff !important}
.fs-join-form .mailpoet_form .mailpoet_submit:hover{background:#9E1E1E !important}
.fs-facts a{display:block;text-decoration:none;color:inherit}
.fs-facts a:hover b{color:var(--fs-red)}

/* ---------- 1.1.2  blog and archive titles: GeneratePress colours these from its Global Colors ---------- */
.site-main .entry-title a,.site-main .entry-title a:visited{color:var(--fs-white)}
.site-main .entry-title a:hover,.site-main .entry-title a:focus{color:var(--fs-chalk)}
.site-main .entry-meta,.site-main .entry-meta a{color:var(--fs-smoke)}
.site-main .entry-meta a:hover{color:var(--fs-white)}
body a:hover,body a:focus,body a:active{color:var(--fs-white)}
.read-more{font-weight:600}

/* ---------- 1.1.3  buttons: GeneratePress prints .wp-block-button__link:not(.has-background) from Customizer > Colors > Buttons, which outranks plain class rules ---------- */
.wp-block-button .wp-block-button__link:not(.has-background),.wp-block-button .wp-block-button__link:not(.has-background):visited{background-color:var(--fs-accent);color:var(--fs-accent-ink)}
.wp-block-button .wp-block-button__link:not(.has-background):hover,.wp-block-button .wp-block-button__link:not(.has-background):focus{background-color:var(--fs-chalk);color:var(--fs-black)}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background-color:transparent;border:2px solid var(--fs-chalk);color:var(--fs-chalk)}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{background-color:transparent;border-color:#fff;color:#fff}
.wp-block-button.is-style-red .wp-block-button__link:not(.has-background){background-color:var(--fs-red);color:#fff}
.wp-block-button.is-style-red .wp-block-button__link:not(.has-background):hover{background-color:#9E1E1E;color:#fff}
.fs-red-cta .wp-block-button .wp-block-button__link:not(.has-background){background-color:var(--fs-black);color:#fff}
.fs-red-cta .wp-block-button .wp-block-button__link:not(.has-background):hover{background-color:#222;color:#fff}
.fs-red-cta .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background){background-color:transparent;border-color:#fff;color:#fff}

/* ---------- 1.1.4  menu button (CSS class fs-nav-cta on the menu item). GeneratePress prints .main-navigation .main-nav ul li a, so match it ---------- */
.main-navigation .main-nav ul li.fs-nav-cta>a,.main-navigation .main-nav ul li.fs-nav-cta.current-menu-item>a{background:var(--fs-red);color:#fff;font-family:var(--fs-display);font-weight:800;font-size:18px;letter-spacing:.03em;line-height:40px;padding:0 18px;margin:10px 0 10px 14px;border-radius:0}
.main-navigation .main-nav ul li.fs-nav-cta>a:hover,.main-navigation .main-nav ul li.fs-nav-cta>a:focus,.main-navigation .main-nav ul li.fs-nav-cta.sfHover>a{background:#9E1E1E;color:#fff}
@media (max-width:768px){.main-navigation .main-nav ul li.fs-nav-cta>a{display:inline-block;margin:10px 20px;line-height:40px}}

/* ---------- 1.1.5  menu hover and current page; footer widgets and footer menu ---------- */
.main-navigation .main-nav ul li:not(.fs-nav-cta)>a{position:relative;transition:color .15s}
.main-navigation .main-nav ul li:not(.fs-nav-cta)>a::after{content:"";position:absolute;left:20px;right:20px;bottom:14px;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .18s}
.main-navigation .main-nav ul li:not(.fs-nav-cta)>a:hover::after,.main-navigation .main-nav ul li:not(.fs-nav-cta).sfHover>a::after,.main-navigation .main-nav ul li:not(.fs-nav-cta).current-menu-item>a::after,.main-navigation .main-nav ul li:not(.fs-nav-cta).current-menu-ancestor>a::after{transform:scaleX(1)}
.main-navigation .main-nav ul li:not(.fs-nav-cta)>a:hover,.main-navigation .main-nav ul li:not(.fs-nav-cta).current-menu-item>a{color:#fff}
.main-navigation .main-nav ul ul li>a::after{display:none}
@media (max-width:768px){.main-navigation .main-nav ul li:not(.fs-nav-cta)>a::after{display:none}}
.footer-widgets{padding:28px 0 20px}
.footer-widgets .widget{margin-bottom:0}
.footer-widgets .widget-title{margin-bottom:12px}
.footer-widgets .wp-block-navigation{flex-direction:row;flex-wrap:wrap;gap:8px 24px;align-items:center;min-height:44px}
.footer-widgets .wp-block-navigation a,.footer-widgets .menu a{color:var(--fs-smoke);text-decoration:none;font-size:16px}
.footer-widgets .wp-block-navigation a:hover,.footer-widgets .menu a:hover{color:#fff}
.footer-widgets .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.footer-widgets .menu li{margin:0}
.footer-widgets p{color:var(--fs-smoke);font-size:15px;max-width:34ch}
.footer-widgets .wp-block-social-links .wp-social-link{background:var(--fs-steel)}
.footer-widgets .wp-block-social-links .wp-social-link:hover{background:var(--fs-red)}
.site-info{padding:18px 0;font-size:13px}
@media (max-width:768px){.footer-widgets{padding:36px 0 20px}.footer-widgets .inside-footer-widgets>div{margin-bottom:24px}}

/* 1.1.6 footer as one short band */
.footer-widgets .inside-footer-widgets{align-items:center}
.footer-widgets .footer-widget-3,.footer-widgets .inside-footer-widgets>div:last-child .wp-block-social-links{justify-content:flex-end}
@media (max-width:768px){.footer-widgets .inside-footer-widgets>div:last-child .wp-block-social-links{justify-content:flex-start}}
.footer-widgets .wp-block-social-links{margin:0}

/* ---------- 1.1.7  contact page and WPForms on black ---------- */
.fs-contact .fs-strap span{color:var(--fs-chalk);font-weight:600;font-size:clamp(20px,2.2vw,26px);line-height:1.2;display:block;max-width:40ch}
.fs-contact-cols{gap:48px}
.fs-ways{margin:0;padding:0;border-top:1px solid var(--fs-steel)}
.fs-ways dt{font-family:var(--fs-display);font-weight:800;font-size:22px;line-height:1;color:var(--fs-white);margin:18px 0 6px}
.fs-ways dd{margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--fs-steel);color:var(--fs-chalk);font-size:16px}
.fs-ways a{color:#fff}
/* WPForms: the plugin prints its own variables; set them here so the builder's theme does not matter */
.fs-canvas .wpforms-container{--wpforms-field-border-radius:0;--wpforms-field-background-color:#111111;--wpforms-field-border-color:#262626;--wpforms-field-text-color:#ffffff;--wpforms-label-color:#e9e9e9;--wpforms-label-sublabel-color:#8c8c8c;--wpforms-label-error-color:#D42B2B;--wpforms-button-background-color:#D42B2B;--wpforms-button-text-color:#ffffff;--wpforms-button-border-radius:0;--wpforms-field-size-font-size:17px;--wpforms-field-size-input-height:52px;--wpforms-button-size-font-size:19px;--wpforms-button-size-height:52px;--wpforms-field-size-padding-h:16px;--wpforms-label-size-font-size:16px;margin:0}
.fs-canvas .wpforms-form .wpforms-field{padding:0 0 18px}
.fs-canvas .wpforms-form .wpforms-field-label{font-weight:600;color:var(--fs-chalk) !important;margin-bottom:6px}
.fs-canvas .wpforms-form input[type=text],.fs-canvas .wpforms-form input[type=email],.fs-canvas .wpforms-form input[type=tel],.fs-canvas .wpforms-form select,.fs-canvas .wpforms-form textarea{background:var(--fs-ink) !important;border:2px solid var(--fs-steel) !important;color:#fff !important;border-radius:0 !important;font-size:17px !important;max-width:100% !important}
.fs-canvas .wpforms-form input:focus,.fs-canvas .wpforms-form textarea:focus,.fs-canvas .wpforms-form select:focus{border-color:var(--fs-smoke) !important;box-shadow:none !important}
.fs-canvas .wpforms-form textarea{min-height:180px}
.fs-canvas .wpforms-form button[type=submit],.fs-canvas .wpforms-form .wpforms-submit{background:var(--fs-red) !important;color:#fff !important;border:0 !important;border-radius:0 !important;font-family:var(--fs-display) !important;font-weight:800 !important;font-size:19px !important;letter-spacing:.03em !important;height:52px !important;padding:0 26px !important}
.fs-canvas .wpforms-form button[type=submit]:hover{background:#9E1E1E !important}
.fs-canvas .wpforms-confirmation-container-full,.fs-canvas div[submit-success]>.wpforms-confirmation-container-full{background:var(--fs-ink);border:1px solid var(--fs-steel);color:var(--fs-chalk);padding:20px}
.fs-canvas .wpforms-error,.fs-canvas label.wpforms-error{color:var(--fs-red) !important}
/* old SiteOrigin contact form, if it is still on a page somewhere */
.sow-contact-form{background:transparent !important;padding:0 !important}
@media (max-width:781px){.fs-contact-cols{gap:24px}}