/*
Theme Name: BTGM Branded
Description: Bridging the Gap Mentoring brand pack theme with bundled pages and training downloads.
Version: 1.0.1
Requires PHP: 7.4
Author: Bridging the Gap Mentoring
Text Domain: btgm-branded
*/

:root{--navy:#062b52;--blue:#0b64ad;--red:#d62828;--sky:#eaf5fc;--ink:#172536;--muted:#536474;--paper:#fff;--line:#d7e1e9;--max:1180px;--shadow:0 18px 48px rgba(6,43,82,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"Helvetica Neue",sans-serif;font-size:17px;line-height:1.65}img{display:block;max-width:100%}a{color:var(--blue);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.7rem 1rem;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.topbar{background:var(--navy);color:#fff;font-size:.88rem}.topbar .shell{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0}.topbar a{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1.25rem;min-height:92px}.brand{flex:0 0 205px}.brand img{width:205px;height:auto}.nav{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;margin-left:auto}.nav a{padding:.55rem .62rem;color:var(--navy);font-weight:700;text-decoration:none;border-radius:999px;font-size:.92rem}.nav a:hover,.nav a[aria-current="page"]{background:var(--sky)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.72rem 1.15rem;border:2px solid transparent;border-radius:999px;font-weight:800;text-decoration:none;line-height:1.2}.button-primary{background:var(--red);color:#fff}.button-primary:hover{background:#a91818}.button-light{background:#fff;color:var(--navy)}.button-outline{border-color:var(--navy);color:var(--navy)}.header-cta{white-space:nowrap}.menu-button{display:none;margin-left:auto;border:0;background:transparent;padding:.6rem}.menu-button span:not(.sr-only){display:block;width:26px;height:3px;margin:4px;background:var(--navy)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{position:relative;min-height:610px;display:grid;align-items:center;overflow:hidden;background:var(--navy)}.hero-photo{position:absolute;inset:0;background:url('assets/mentoring.jpg') center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,43,82,.98) 0%,rgba(6,43,82,.9) 44%,rgba(6,43,82,.25) 78%,rgba(6,43,82,.15) 100%)}.hero-content{position:relative;z-index:1;color:#fff;padding:5.5rem 0;max-width:1180px}.hero-copy{max-width:690px}.eyebrow{margin:0 0 .8rem;color:var(--red);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.eyebrow.light{color:#bfe5ff}.hero h1,.page-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.045em;margin:.2rem 0 1.4rem}.hero p{font-size:1.2rem;max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.hero-note{position:absolute;z-index:2;right:max(1rem,calc((100% - var(--max))/2));bottom:0;background:#fff;color:var(--navy);padding:1rem 1.5rem;border-top:5px solid var(--red)}.hero-note strong{display:block;font-size:1.5rem;line-height:1}.section{padding:5.5rem 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.03em;margin:.2rem 0}.section-heading p{max-width:440px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.path-card{position:relative;padding:2rem;min-height:285px;border:1px solid var(--line);color:var(--ink);text-decoration:none;box-shadow:0 10px 30px rgba(6,43,82,.06);transition:.2s}.path-card:hover{transform:translateY(-5px);border-color:var(--blue);box-shadow:var(--shadow)}.path-card h3{font-size:1.65rem;margin:2rem 0 .4rem}.path-card p{color:var(--muted)}.card-number{color:var(--red);font-weight:900}.card-action{position:absolute;bottom:1.5rem;font-weight:800;color:var(--blue)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}.image-panel{position:relative}.image-panel img{width:100%;aspect-ratio:4/3;object-fit:cover}.image-caption{position:absolute;left:1rem;bottom:1rem;background:#fff;padding:1rem 1.3rem;box-shadow:var(--shadow)}.image-caption span,.image-caption strong{display:block}.copy-panel p{color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{position:relative;padding:.5rem 0 .5rem 1.8rem}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:900}.promise{background:var(--navy);color:#fff}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.promise-copy p{font-size:1.15rem}.value-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.value-row span{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.4rem .8rem}.final-cta{background:var(--sky)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.page-hero{background:linear-gradient(120deg,var(--navy),#0b477b);color:#fff;padding:5rem 0}.page-hero-inner{max-width:900px;margin-inline:auto}.page-hero h1{font-size:clamp(2.6rem,5vw,4.6rem)}.page-hero p{font-size:1.17rem;max-width:760px}.breadcrumb{font-size:.9rem;margin-bottom:1rem;color:#c8e9ff}.breadcrumb a{color:#fff}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:3rem;align-items:start}.content-main{display:grid;gap:1rem}.content-block{display:grid;grid-template-columns:60px 1fr;gap:1rem;padding:1.5rem;border:1px solid var(--line);border-radius:16px;background:#fff}.content-number{font-weight:900;color:var(--red)}.content-block h2,.policy h2{font-size:1.55rem;margin:0 0 .45rem}.content-block p{margin:.2rem 0;color:var(--muted)}.action-panel{position:sticky;top:112px;padding:2rem;background:var(--sky);border-top:6px solid var(--red);box-shadow:var(--shadow)}.action-panel h2{font-size:2rem}.action-panel .full{width:100%;margin:.5rem 0}.quiet-link{display:block;text-align:center;margin-top:1rem}.form-links{display:grid;gap:1rem}.form-link{display:block;padding:1.2rem;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}.form-link:hover{border-color:var(--blue);background:var(--sky)}.form-link strong,.form-link span{display:block}.form-link span{color:var(--muted);font-size:.95rem}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.team-card{padding:1.6rem;border:1px solid var(--line);border-radius:16px}.team-avatar{width:54px;height:54px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:50%;font-weight:900}.team-role{color:var(--red);font-weight:800;margin:.8rem 0 0}.team-card h2{font-size:1.55rem;margin:.1rem 0 .7rem}.team-bio p{color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.resource-card{padding:1.4rem;border:1px solid var(--line);border-radius:14px}.resource-card h2{font-size:1.25rem;margin:.2rem 0}.resource-card p{color:var(--muted)}.policy{max-width:900px}.policy section{padding:1.2rem 0;border-bottom:1px solid var(--line)}.policy table{width:100%;border-collapse:collapse}.policy th,.policy td{padding:.65rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.notice{padding:1.2rem;border-left:5px solid var(--red);background:#fff3f3}.footer{background:#031d38;color:#fff;padding:4rem 0 1.5rem}.footer a{display:block;color:#d6efff;margin:.35rem 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}.footer h2{font-size:1rem}.footer-brand img{width:210px;background:#fff;padding:.7rem;border-radius:8px}.footer-brand p{max-width:270px;color:#bdd2e5}.funders{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.18)}.funders img{max-width:660px;width:100%;background:#fff;padding:.5rem;border-radius:8px}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18);font-size:.84rem;color:#bdd2e5}
@media(max-width:980px){.nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:1rem;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav.open{display:grid}.nav a{padding:.8rem}.menu-button{display:block}.header-cta{display:none}.hero::after{background:rgba(6,43,82,.83)}.split,.promise-grid,.content-layout{grid-template-columns:1fr}.action-panel{position:static}.card-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr}}
@media(max-width:680px){body{font-size:16px}.topbar .shell{display:block}.topbar span{display:none}.header-inner{min-height:78px}.brand,.brand img{width:165px}.nav{top:78px}.hero{min-height:590px}.hero-content{padding:4rem 0 7rem}.hero-note{left:1rem;right:auto}.section{padding:3.6rem 0}.section-heading,.cta-inner{display:block}.card-grid,.resource-grid,.footer-grid{grid-template-columns:1fr}.split{gap:2rem}.content-block{grid-template-columns:38px 1fr;padding:1.1rem}.footer-bottom{display:block}.page-hero{padding:3.5rem 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Approved BTGM brand pack: September 2026 */
:root{--navy:#0B2D5C;--blue:#B32035;--red:#B32035;--sky:#F3F6FB;--ink:#172B46;--muted:#4C5D73;--line:#D8E1EE;--light-red:#FF7A87;--deep:#061A36}
body{font-family:Arial,"Helvetica Neue",sans-serif;font-size:17px}
.topbar,.footer{background:var(--deep)}
.site-header{background:var(--navy);border-bottom:1px solid #385477}
.header-inner{gap:1rem;min-height:108px}
.brand{flex:0 0 220px;background:white;padding:12px;border-radius:4px}
.brand img{width:196px;height:auto}
.nav a,.topbar a,.footer a,.breadcrumb a{color:var(--light-red)}
.nav a:hover,.nav a[aria-current="page"]{background:#193F71;color:white}
.menu-button span:not(.sr-only){background:white}
.button{min-height:52px;font-size:15px;padding:.85rem 1.45rem}
.button-primary:hover{background:#921B2D}
.button-outline{border-color:var(--red);color:var(--red)}
.button-outline:hover{background:var(--red);color:white}
.hero{background:var(--navy) url('assets/mentoring.jpg') center/cover no-repeat}
.hero::after{background:linear-gradient(90deg,rgba(6,26,54,.98),rgba(11,45,92,.88) 46%,rgba(11,45,92,.25))}
.hero h1{font-size:clamp(3rem,5.5vw,4.75rem);line-height:1.06;letter-spacing:-.035em}
.page-hero{background:var(--navy)}
.page-hero h1{line-height:1.08}
.hero .button-light{border-color:var(--light-red);background:var(--deep);color:var(--light-red)}
.eyebrow.light{color:var(--light-red)}
.section h2{color:var(--navy)}
.section:nth-of-type(even){background:var(--sky)}
.section.promise{background:var(--navy)}
.promise h2,.promise p{color:white}
.path-card{background:var(--navy);border:0;border-top:5px solid var(--red);border-radius:14px;min-height:335px;padding-bottom:4.8rem;color:white}
.path-card h3,.path-card p{color:white}
.path-card .card-number,.path-card .card-action{color:var(--light-red)}
.path-card:hover{background:#123969}
.resource-card{background:var(--navy);border:0;border-top:5px solid var(--red);color:white}
.resource-card h2,.resource-card p{color:white}
.resource-card a{display:inline-flex;align-items:center;min-height:52px;padding:.55rem 1rem;border:1px solid var(--light-red);border-radius:999px;color:var(--light-red);font-weight:bold}
.resource-card a:hover{color:var(--deep);background:var(--light-red)}
.footer-brand img{width:240px;padding:16px}
.funders img{max-width:760px;padding:20px;background:white}
.footer-bottom{font-size:14px}
:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.site-header :focus-visible,.footer :focus-visible,.hero :focus-visible,.resource-card :focus-visible{outline-color:#FFE58F}
@media(max-width:1100px){.nav{display:none;position:absolute;top:108px;left:0;right:0;background:var(--navy);padding:1rem}.nav.open{display:grid}.menu-button{display:block}.header-cta{display:none}}
@media(max-width:680px){.header-inner{min-height:96px}.brand{flex-basis:190px;width:190px;padding:15px}.brand img{width:160px}.nav{top:96px}.hero::after{background:rgba(6,26,54,.86)}.path-card{min-height:320px}.hero h1{font-size:3rem}.funders img{padding:12px}}