/* Belmont Real Estate – brand styles. Scoped to pages using the .bm-page wrapper. */
@font-face{font-family:"Bliss 2";font-weight:300;font-style:normal;font-display:swap;
  src:url("fonts/Bliss2-Light.woff") format("woff"),url("fonts/Bliss2-Light.otf") format("opentype")}
@font-face{font-family:"Bliss 2";font-weight:700;font-style:normal;font-display:swap;
  src:url("fonts/Bliss2-Bold.woff") format("woff"),url("fonts/Bliss2-Bold.otf") format("opentype")}

:root{
  --bm-olive:#2C3B32; --bm-olive-dark:#222e26; --bm-black:#000000; --bm-white:#FFFFFF;
  --bm-ecru:#DFCA9F; --bm-ecru-soft:#F6F0E3;
  --bm-bronze:linear-gradient(135deg,#6b4a2b 0%,#a58352 45%,#e6d2a4 100%);
  --bm-bronze-solid:#a58352;
}
.bm-page,.bm-page p,.bm-page li,.bm-page a,.bm-page label,.bm-page input,.bm-page textarea,.bm-page select{
  font-family:"Bliss 2",Helvetica,Arial,sans-serif;font-weight:300}
.bm-page{color:var(--bm-olive);line-height:1.75;font-size:18px}
.bm-page h1,.bm-page h2,.bm-page h3,.bm-page h4,.bm-page strong,.bm-page .bm-btn a,.bm-page .wp-block-button__link{
  font-family:"Bliss 2",Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:inherit}
.bm-page h1{font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.15}
.bm-page h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.25;margin-bottom:.6em}
.bm-page h3{font-size:1.15rem;margin-bottom:.5em}
.bm-page a{color:var(--bm-bronze-solid)}

/* full-width bands */
.bm-page .bm-hero{background:var(--bm-olive);color:var(--bm-ecru);text-align:center;padding:96px 24px 88px;margin:0}
.bm-page .bm-hero h1{color:var(--bm-ecru)}
.bm-page .bm-hero p{color:#efe6cf;max-width:680px;margin-inline:auto}
.bm-page .bm-eyebrow{font-weight:700;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--bm-ecru);margin-bottom:14px}
.bm-page .bm-band{padding:76px 24px;margin:0}
.bm-page .bm-band.is-soft{background:var(--bm-ecru-soft)}
.bm-page .bm-band.is-olive{background:var(--bm-olive);color:var(--bm-ecru);text-align:center}
.bm-page .bm-band.is-olive h2{color:var(--bm-ecru)}
.bm-page .bm-band.is-olive p{color:#efe6cf}
.bm-page .bm-inner{max-width:1100px;margin-inline:auto}
.bm-page .bm-narrow{max-width:780px;margin-inline:auto}
.bm-page .bm-center{text-align:center}

/* cards + panels */
.bm-page .bm-card{background:#fff;border:1px solid var(--bm-ecru);border-top:4px solid var(--bm-bronze-solid);padding:30px 28px;height:100%}
.bm-page .bm-card p{font-size:.95rem}
.bm-page .bm-panel{background:var(--bm-ecru-soft);border-left:4px solid var(--bm-bronze-solid);padding:30px 32px}
.bm-page .bm-panel ul{list-style:none;margin:0;padding:0}
.bm-page .bm-panel li{padding:9px 0;border-bottom:1px solid var(--bm-ecru)}
.bm-page .bm-panel li:last-child{border-bottom:0}
.bm-page .bm-steps{counter-reset:s;list-style:none;margin:0;padding:0}
.bm-page .bm-steps li{counter-increment:s;position:relative;padding:4px 0 18px 62px}
.bm-page .bm-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;
  background:var(--bm-olive);color:var(--bm-ecru);display:grid;place-items:center;font-weight:700}

/* buttons (Gutenberg button block) */
.bm-page .wp-block-button__link{background:var(--bm-bronze);color:#fff;border:0;border-radius:0;padding:15px 32px;font-size:.82rem;letter-spacing:.16em}
.bm-page .wp-block-button__link:hover{filter:brightness(1.08);color:#fff}
.bm-page .is-style-outline .wp-block-button__link{background:transparent;border:2px solid var(--bm-ecru);color:var(--bm-ecru)}
.bm-page .bm-band:not(.is-olive) .is-style-outline .wp-block-button__link{border-color:var(--bm-olive);color:var(--bm-olive)}

/* simple forms */
.bm-page form{display:grid;gap:14px}
.bm-page input,.bm-page textarea,.bm-page select{width:100%;padding:13px 14px;border:1px solid var(--bm-ecru);background:#fff;color:var(--bm-olive)}
.bm-page input:focus,.bm-page textarea:focus{outline:2px solid var(--bm-bronze-solid)}
.bm-page .bm-note{font-size:.88rem;opacity:.8}
.bm-page .bm-placeholder{border:2px dashed var(--bm-ecru);padding:28px;text-align:center;background:#fff}

/* ---- Divi (standard page) layout fixes: let bands run edge to edge ---- */
.bm-page .bm-hero,.bm-page .bm-band{width:100vw;position:relative;left:50%;margin-left:-50vw;box-sizing:border-box}
body:has(.bm-page){overflow-x:hidden}
#main-content .container:has(.bm-page){padding-top:0}
#left-area:has(.bm-page){width:100%;padding-bottom:0;float:none}
#main-content .container:has(.bm-page):before{display:none}
body:has(.bm-page) #sidebar{display:none}

/* wrapped button text on small screens */
.bm-page .wp-block-button__link{line-height:1.5;white-space:normal;text-align:center}