/*
Theme Name: Backstreets Core
Author: Backstreets
Description: Lightweight custom theme preserving existing WordPress content and Yoast SEO. WPBakery remains supported during the staged migration.
Version: 2.1.3
Requires PHP: 8.0
Text Domain: backstreets-core
*/
:root{--ink:#171919;--paper:#f7f6f2;--accent:#d9f36d;--line:#deded5;--muted:#63675f;--dark:#171d19;--radius:5px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:#527319}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #789a24;outline-offset:4px}img{max-width:100%;height:auto}iframe{max-width:100%}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0 0 24px}h1{font-size:clamp(36px,5.3vw,76px)}h2{font-size:clamp(30px,3.3vw,46px)}h3{font-size:25px}p{margin:0 0 24px}.bsl-wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.bsl-skip{position:fixed;left:20px;top:-100px;z-index:10000;padding:10px;background:var(--accent)}.bsl-skip:focus{top:15px}.bsl-top{background:var(--dark);color:#d5dbd1;font-size:11px;letter-spacing:.13em}.bsl-top>.bsl-wrap{display:flex;justify-content:space-between;padding-block:9px}.bsl-top a{text-decoration:none;letter-spacing:.04em}.bsl-header{position:relative;z-index:50;border-bottom:1px solid var(--line);background:var(--paper)}.bsl-header-inner{min-height:104px;display:flex;align-items:center;gap:30px}.bsl-brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1.1;white-space:nowrap}.bsl-brand>span{font-weight:900;font-size:25px;letter-spacing:-1.4px}.bsl-brand-dot{font-size:13px;vertical-align:top;margin-left:3px}.bsl-brand small{font-size:8px;letter-spacing:.16em;margin-top:8px}.bsl-navigation{margin-left:auto}.bsl-menu,.bsl-menu ul{list-style:none;padding:0;margin:0}.bsl-menu{display:flex;align-items:center;gap:22px}.bsl-menu>li{position:relative}.bsl-menu a{display:block;text-decoration:none;font-size:13px;font-weight:600;line-height:1.4;padding-block:18px}.bsl-menu ul{display:none;position:absolute;left:0;top:100%;width:285px;background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 30px #00000012;padding:10px;max-height:70vh;overflow:auto}.bsl-menu ul a{padding:10px 12px}.bsl-menu ul ul{position:static;box-shadow:none;border:0;border-left:1px solid var(--line);margin-left:10px;width:auto}.bsl-menu li:hover>ul,.bsl-menu li:focus-within>ul,.bsl-menu li.submenu-open>ul{display:block}.bsl-menu .current-menu-item>a{color:#527319}.bsl-submenu-toggle{border:0;background:transparent;font-size:16px;cursor:pointer;margin-left:5px;padding:4px}.bsl-menu>li>a{display:inline-block}.bsl-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--accent);color:var(--ink);padding:14px 22px;text-decoration:none;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700;line-height:1.5}.bsl-button:hover{background:#c9e356;color:var(--ink)}.bsl-header-cta{white-space:nowrap}.bsl-toggle{display:none}.bsl-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}.bsl-main{min-height:50vh}.bsl-page-heading{padding-top:55px;padding-bottom:45px}.bsl-page-heading h1{max-width:1000px}.bsl-breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:35px}.bsl-date{font-size:12px;color:var(--muted);letter-spacing:.04em}.bsl-content{padding-bottom:85px;overflow-wrap:anywhere}.bsl-content:not(.home .bsl-content){max-width:1120px}.bsl-content>p,.bsl-content>ul,.bsl-content>ol{max-width:850px}.bsl-content h2,.bsl-content h3{margin-top:38px}.bsl-content li{margin-bottom:7px}.bsl-content table{width:100%;border-collapse:collapse;background:#fff;margin-bottom:35px;font-size:15px}.bsl-content th,.bsl-content td{padding:15px 20px;border:1px solid var(--line);text-align:left}.bsl-content th{font-weight:600;background:#eeefe8}.bsl-content .vc_row{margin-inline:-15px}.bsl-content .vc_column-inner{padding-inline:15px}.bsl-content .wpb_single_image img{border-radius:4px}.bsl-content .vc_tta-panel-title{font-size:16px;letter-spacing:0}.bsl-content .vc_tta-color-pink.vc_tta-style-modern .vc_tta-tab.vc_active>a{background:var(--dark);border-color:var(--dark);color:white}.bsl-content .vc_tta-panel-body{background:#fff!important}.bsl-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.bsl-content textarea,.bsl-content select{max-width:100%;width:100%;padding:13px;background:white;border:1px solid #bfc5b9;border-radius:3px;color:var(--ink)}.bsl-content input[type=submit],.bsl-content button[type=submit]{border:0;border-radius:3px;padding:14px 25px;background:var(--dark);color:white;cursor:pointer}.bsl-content .wpcf7{max-width:750px}.bsl-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-bottom:70px}.bsl-post-card{background:#fff;padding:25px;border:1px solid var(--line)}.bsl-post-card>a{text-decoration:none}.bsl-post-card img{aspect-ratio:3/2;object-fit:cover;margin-bottom:25px}.bsl-post-card h2{font-size:27px}.bsl-post-card p{font-size:15px}.bsl-text-link{font-weight:700;font-size:13px}.navigation.pagination{margin-bottom:50px}.page-numbers{padding:9px}.bsl-footer{background:var(--dark);color:#ecf0e5;padding-top:65px}.bsl-footer-lead{padding-bottom:60px;border-bottom:1px solid #ffffff26}.bsl-footer-lead>.bsl-eyebrow{color:var(--accent)}.bsl-footer-lead>div{display:flex;justify-content:space-between;align-items:center;gap:30px}.bsl-footer-lead h2{font-size:clamp(40px,5.5vw,74px);margin:0}.bsl-footer-lead em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.bsl-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.3fr 1fr;gap:45px;padding-block:55px}.bsl-footer-grid h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.bsl-footer-grid p{font-size:13px;line-height:1.9;color:#b9c1b6;margin-top:22px}.bsl-footer-grid>div>a:not(.bsl-brand){display:block;font-size:13px;text-decoration:none;margin-bottom:8px}.bsl-footer a:hover{color:var(--accent)}.bsl-bottom{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;gap:20px;padding-block:23px;font-size:11px;color:#b9c1b6}
/* Retain the existing home page content, with a new presentation. */
.home .bsl-content{width:100%;max-width:none;padding-bottom:0}.home .bsl-content .vc_row{margin:0!important}.home .bsl-content .vc_column-inner{padding:0!important}.home .bsl-content section{padding:85px max(44px,calc((100vw - 1240px)/2))!important}.home .bsl-content section>div{max-width:1240px!important;margin-inline:auto!important}.home .bsl-content section:first-of-type{min-height:630px;display:flex;align-items:center;background-color:var(--dark)!important;background-image:linear-gradient(90deg,rgba(12,20,15,.92),rgba(12,20,15,.4)),url('https://backstreetsacademy.com/wp-content/uploads/2026/05/recording-studio-academy-home-hero.jpg')!important}.home .bsl-content section:first-of-type>div{width:100%}.home .bsl-content section:first-of-type h1{font-size:clamp(40px,5.7vw,80px)!important;max-width:900px!important;line-height:1.03!important;letter-spacing:-.055em!important;margin-bottom:28px!important}.home .bsl-content section:first-of-type p:not(:first-child){max-width:700px!important}.home .bsl-content section:first-of-type p:first-child{color:var(--accent)!important;font-size:11px!important;letter-spacing:.14em!important;margin-bottom:24px!important}.home .bsl-content section a[style*="background"]{background:var(--accent)!important;border-radius:3px!important;font-size:14px!important;padding:15px 24px!important;color:var(--ink)!important}.home .bsl-content section a[style*="border:1px"]{border-radius:3px!important;font-size:14px!important;padding:15px 24px!important}.home .bsl-content section h2{font-size:clamp(32px,3.5vw,48px)!important;letter-spacing:-.045em!important;line-height:1.1!important}.home .bsl-content section[style*="background:#fff"]{background:var(--paper)!important}.home .bsl-content section[style*="background:#f6f6f6"]{background:#e9eddf!important}.home .bsl-content section div[style*="border:1px"]{border:0!important;border-top:1px solid #cbd1c2!important;border-radius:0!important;padding:30px 12px 10px 0!important;background:transparent!important}.home .bsl-content section div[style*="border:1px"] h3{font-size:25px!important;line-height:1.2!important;margin-top:0!important}.home .bsl-content section div[style*="background:#171717"]{background:var(--dark)!important;border-radius:4px!important;padding:42px!important}.home .bsl-content section div[style*="background:#fff;color:#171717"]{border-radius:4px!important;background:var(--paper)!important}.home .bsl-content section p{font-size:17px!important;line-height:1.8!important}.home .bsl-content section h2+p{max-width:720px!important}.home .bsl-content section:last-of-type{background:var(--dark)!important;border-bottom:1px solid #ffffff26}.home .bsl-content section h2{margin-top:0}.home .bsl-content .wpb_content_element{margin:0}
@media(min-width:1001px){.bsl-menu>li:last-child ul{left:auto;right:0}}
@media(max-width:1200px){.bsl-header-inner{gap:20px}.bsl-menu{gap:14px}.bsl-header-cta{display:none}.bsl-footer-grid{gap:25px}.bsl-brand>span{font-size:23px}}
@media(max-width:1000px){.bsl-wrap{width:calc(100% - 48px)}.bsl-header-inner{min-height:88px;justify-content:space-between}.bsl-toggle{display:block;border:1px solid var(--line);background:transparent;border-radius:3px;padding:8px 14px;font-size:13px}.bsl-navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:20px 24px;max-height:75vh;overflow:auto;border-bottom:1px solid var(--line)}.bsl-navigation.is-open{display:block}.bsl-menu{display:block}.bsl-menu a{font-size:15px;padding:12px 0}.bsl-menu ul{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid var(--line);padding:0 0 0 15px;max-height:none}.bsl-menu li:hover>ul{display:none}.bsl-menu li.submenu-open>ul,.bsl-menu li:focus-within>ul{display:block}.bsl-submenu-toggle{float:right;padding:8px 14px}.bsl-footer-grid{grid-template-columns:1.5fr 1fr}.bsl-post-grid{grid-template-columns:repeat(2,1fr)}.home .bsl-content section{padding:65px 24px!important}.home .bsl-content section:first-of-type{min-height:590px}}
@media(max-width:600px){.bsl-top>.bsl-wrap{justify-content:center}.bsl-top span{display:none}.bsl-page-heading{padding-top:35px;padding-bottom:20px}.bsl-content{padding-bottom:50px}.bsl-content th,.bsl-content td{padding:10px;font-size:13px}.bsl-post-grid{grid-template-columns:1fr}.bsl-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.bsl-footer-grid>div:first-child{grid-column:1/-1}.bsl-footer-lead>div{align-items:flex-start;flex-direction:column}.bsl-bottom{flex-direction:column;gap:8px}.home .bsl-content section:first-of-type{min-height:610px}.home .bsl-content section:first-of-type h1{font-size:42px!important}.home .bsl-content section div[style*="background:#171717"]{padding:28px!important}.home .bsl-content section>div{grid-template-columns:minmax(0,1fr)!important}.home .bsl-content section div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.bsl-enquiry,.bsl-comments{margin-top:65px;border-top:1px solid var(--line);padding-top:40px}.bsl-enquiry .wpcf7{max-width:650px}.bsl-pagination{padding-bottom:50px}.comment-list{padding-left:20px}.comment-body{padding-block:25px}.comment-metadata{font-size:12px}

/* Replace only the white surfaces with black; retain photos and existing dark sections. */
:root{--ink:#f3f3f0;--paper:#000;--line:#303030;--muted:#aaa}
.bsl-header,.bsl-navigation,.bsl-menu ul{color:var(--ink)}
a:hover,.bsl-menu .current-menu-item>a{color:var(--accent)}
.bsl-button,.bsl-button:hover{color:#171919}
.bsl-toggle{color:var(--ink);cursor:pointer}
.bsl-content table,.bsl-content th,.bsl-post-card,.bsl-content .vc_tta-panel-body{background:#000!important;color:var(--ink)}
.bsl-content input:not([type=checkbox]):not([type=radio]):not([type=submit]),.bsl-content textarea,.bsl-content select{background:#000;border-color:#555;color:var(--ink)}
.bsl-content input::placeholder,.bsl-content textarea::placeholder{color:#aaa}
.home .bsl-content section[style*="background:#fff"] h2,.home .bsl-content section[style*="background:#fff"] h3,.home .bsl-content section[style*="background:#fff"] p{color:var(--ink)!important}

/* Let the home menu sit over the hero, then give it a solid surface on scroll. */
.home .bsl-header{position:fixed;top:36px;left:0;right:0;margin:0;background:transparent;border-color:transparent;transition:top .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.home .bsl-header.is-scrolled{top:0;background:#000;border-color:var(--line);box-shadow:0 8px 24px #0008}
.home .bsl-content section:first-of-type{background-size:cover!important;background-position:center!important}
.home .bsl-navigation.is-open{background:#000}
body.admin-bar.home .bsl-header{top:68px}
body.admin-bar.home .bsl-header.is-scrolled{top:32px}
@media(max-width:782px){body.admin-bar.home .bsl-header{top:82px}body.admin-bar.home .bsl-header.is-scrolled{top:46px}}
@media(prefers-reduced-motion:reduce){.home .bsl-header{transition:none}}
.home .bsl-content section div[style*="background:#fff;color:#171717"]{color:var(--ink)!important;border:1px solid var(--line)!important}
.home .bsl-content section div[style*="background:#fff;color:#171717"] h3{color:var(--ink)!important}
.home .bsl-content section a[style*="background"]{color:#171919!important}