/*
Theme Name: Mortgages for Black and Brown Folk
Author: Kenneth Bossard
Description: An accessible mortgage education and video magazine with REIProforma integration.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: mfbf
*/
:root{--ink:#183c32;--cream:#f8f4ec;--gold:#e9b35e;--line:#d9ded5;--muted:#526158}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{opacity:.82}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b7791d;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.skip{position:absolute;left:-1000px}.skip:focus{left:20px;top:10px;background:white;padding:10px;z-index:100}.top{background:var(--ink);color:white;font-size:12px;letter-spacing:.08em;padding:9px 0}.top .wrap{display:flex;justify-content:space-between}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px}.brand{font-family:Georgia,serif;font-weight:bold;line-height:1.15;font-size:22px;text-decoration:none}.brand small{display:block;font:10px system-ui;letter-spacing:.2em;margin-top:7px}.links{display:flex;gap:24px;align-items:center;font-size:14px}.links a{text-decoration:none}.button{display:inline-block;background:var(--ink);color:white;padding:13px 23px;border:1px solid var(--ink);border-radius:3px;text-decoration:none;font-size:14px;font-weight:650}.button.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button.outline{background:transparent;color:var(--ink)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:72px;padding-bottom:72px}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;font-weight:400;margin:15px 0 22px}h1{font-size:clamp(44px,5.2vw,69px);letter-spacing:-.045em}h1 em{color:#a46b26}h2{font-size:43px;letter-spacing:-.025em}h3{font-size:26px}p{margin:0 0 24px}.hero p{max-width:510px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px}.feature{background:var(--ink);color:white;padding:18px;border-radius:5px;box-shadow:16px 18px 0 #e9e3d6}.feature .label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.11em;padding:3px 0 16px}.video{aspect-ratio:16/9;background:#112c24;position:relative;overflow:hidden}.video iframe{width:100%;height:100%;border:0}.video button{border:0;padding:0;width:100%;height:100%;cursor:pointer;background:#173d32;color:white;display:block}.video img{width:100%;height:100%;object-fit:cover;opacity:.65}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--gold);color:var(--ink);width:60px;height:60px;display:grid;place-items:center;font-size:23px}.feature h3{font-size:27px;margin-bottom:12px}.feature p{font-size:13px;color:#d2dfd8;margin-bottom:3px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:22px;font-size:13px}.section{padding-top:78px;padding-bottom:78px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-head h2{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.path{border-top:2px solid var(--ink);padding:24px 0}.number{font-family:Georgia,serif;font-size:27px;color:#9c712f}.path p,.card p{color:var(--muted);font-size:15px}.path a,.card>a{font-size:14px;font-weight:700}.white{background:#fffdf8}.card{border:1px solid var(--line);padding:25px}.card .video{margin:-25px -25px 24px}.card h3{font-size:25px}.tag{font-size:10px;letter-spacing:.13em;font-weight:750;text-transform:uppercase}.articles .card{background:var(--cream);min-height:270px;display:flex;flex-direction:column}.articles .card>a{margin-top:auto}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.monogram{height:310px;background:var(--ink);color:var(--gold);display:flex;align-items:center;justify-content:center;font:110px Georgia;position:relative}.monogram span{position:absolute;bottom:24px;color:white;font:11px system-ui;letter-spacing:.18em}.about p{color:var(--muted)}.contact{background:var(--ink);color:white}.contact .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.contact h2{font-size:47px}.contact p{color:#cfddd5}.contact a:not(.button){color:white}.contact .actions{margin-bottom:22px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:650}details p{padding-top:18px;max-width:850px;color:var(--muted)}footer{padding:42px 0;font-size:12px;color:var(--muted)}.footrow{display:flex;justify-content:space-between;gap:24px;margin-bottom:25px}.legal{max-width:1050px;font-size:11px;line-height:1.7}.prose{max-width:850px;min-height:45vh;padding-top:60px;padding-bottom:60px}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.hero,.about,.contact .wrap{grid-template-columns:1fr;gap:38px}.hero{padding-top:42px}.grid{grid-template-columns:1fr}.links{flex-wrap:wrap;gap:14px}.nav{align-items:start;flex-direction:column}.strip .wrap{flex-wrap:wrap}.section{padding-top:48px;padding-bottom:48px}.section-head{align-items:start;flex-direction:column}.wrap{padding-left:22px;padding-right:22px}h2{font-size:35px}.footrow{flex-direction:column}.top .wrap span:last-child{display:none}.monogram{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.property-video{display:block;width:100%;height:440px;object-fit:contain;background:#112c24;margin-bottom:24px}.property-grid .card h3{margin-top:12px}@media(max-width:650px){.property-grid{grid-template-columns:1fr}.property-video{height:auto;max-height:70vh;aspect-ratio:9/16}}