/* Maryland Homebuyer Hub — First-Time Homebuyer Seminar conversion landing page */

.mhh-seminar-shell{--mhh-red:#c91525;--mhh-gold:#ffbd12;--mhh-ink:#111214;--mhh-muted:#5b5e63;--mhh-line:#e7e4df;--mhh-cream:#f7f5f0;background:#fff;color:var(--mhh-ink)}
.mhh-seminar-lp .mhh-seminar-main{overflow-x:clip}

/* ---------- shared landing-page primitives ---------- */
.mhh-lp-kicker{display:block;font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--mhh-red);margin-bottom:10px}
.mhh-lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;min-height:52px;border-radius:6px;font-weight:900;font-size:16px;line-height:1.15;text-decoration:none;text-align:center;transition:background .15s ease,transform .15s ease}
.mhh-lp-btn--gold{background:var(--mhh-gold);color:#111!important}
.mhh-lp-btn--gold:hover{background:#ffd052}
.mhh-lp-btn--lg{min-height:58px;padding:18px 34px;font-size:17px}
.mhh-lp-btn:focus-visible{outline:3px solid var(--mhh-gold);outline-offset:3px}
.mhh-lp-section{padding:74px 0}
.mhh-lp-section-head{max-width:760px;margin:0 0 38px}
.mhh-lp-section-head h2{font-size:38px;line-height:1.1;letter-spacing:-1.1px;margin:0 0 12px}
.mhh-lp-section-head p{font-size:17px;line-height:1.6;color:var(--mhh-muted);margin:0}

/* ---------- seminar date/time block (single source: mhh_get_seminar_display) ---------- */
.mhh-lp-when{display:flex;flex-direction:column;gap:3px}
.mhh-lp-when-label{font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--mhh-gold)}
.mhh-lp-when-date{font-size:20px;font-weight:900;line-height:1.2;color:#fff}
.mhh-lp-when-time{font-size:14px;color:#d6d6d6;line-height:1.4}
.mhh-lp-when-date--pending{font-size:18px}
.mhh-lp-when--card{background:#111214;border-radius:9px 9px 0 0;padding:18px 24px}
.mhh-lp-when--band{padding:0}

/* ---------- 1. hero ---------- */
.mhh-lp-hero{background:#111214;color:#fff;border-bottom:5px solid var(--mhh-red);position:relative;overflow:hidden}
.mhh-lp-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(1100px 460px at 12% -8%,rgba(201,21,37,.30),transparent 62%),radial-gradient(760px 380px at 96% 106%,rgba(255,189,18,.14),transparent 60%);pointer-events:none}
.mhh-lp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:58px;align-items:start;padding-top:64px;padding-bottom:72px}
.mhh-lp-hero-copy{min-width:0}
.mhh-lp-eyebrow{display:inline-block;background:var(--mhh-red);color:#fff;font-size:11.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;padding:7px 13px;border-radius:4px;margin-bottom:20px}
.mhh-lp-hero h1{font-size:52px;line-height:1.04;letter-spacing:-1.9px;font-weight:800;color:#fff;margin:0 0 18px;max-width:15ch}
.mhh-lp-lede{font-size:18px;line-height:1.62;color:#dcdcdd;margin:0 0 30px;max-width:56ch}
.mhh-lp-values{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:14px}
.mhh-lp-values li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;align-items:start}
.mhh-lp-values li>span{width:28px;height:28px;border-radius:50%;background:var(--mhh-gold);color:#111;display:grid;place-items:center;font-size:14px;font-weight:900}
.mhh-lp-values strong{display:block;font-size:16px;line-height:1.3;color:#fff}
.mhh-lp-values small{display:block;font-size:13.5px;line-height:1.45;color:#b8b9bb;margin-top:2px}
.mhh-lp-hero-note{font-size:13.5px;color:#a9aaad;margin:0;line-height:1.5}

/* ---------- hero registration card (ONE form) ---------- */
.mhh-lp-register{min-width:0;scroll-margin-top:110px}
.mhh-lp-register-card{background:#fff;border-radius:10px;box-shadow:0 26px 60px rgba(0,0,0,.34);overflow:hidden}
.mhh-lp-register-head{padding:20px 24px 4px}
.mhh-lp-register-head h2{font-size:23px;line-height:1.2;letter-spacing:-.4px;margin:0 0 5px;color:var(--mhh-ink)}
.mhh-lp-register-head p{font-size:14px;line-height:1.5;color:var(--mhh-muted);margin:0}
.mhh-lp-register-note{font-size:12px;line-height:1.5;color:#6c6f74;margin:0;padding:0 24px 22px}

/* ---------- vendor (WebinarKit) presentation only — no vendor files modified ---------- */
.mhh-seminar-registration-form{padding:16px 24px 4px;overflow:visible}
.mhh-seminar-registration-form .wk_root{max-width:100%;overflow:visible}
.mhh-seminar-registration-form .wk_registration_form_element,
.mhh-seminar-registration-form .wk_registration_form_element>*{max-width:100%}
.mhh-seminar-registration-form input,
.mhh-seminar-registration-form select{max-width:100%;box-sizing:border-box;font-size:16px}
.mhh-seminar-registration-form .iti{width:100%;max-width:100%}
.mhh-seminar-registration-form .wk_registration_form_checkbox{align-items:flex-start}
/* vendor styles the shell with ID selectors; match specificity to reset padding/shadow */
.mhh-seminar-registration-form #wk_element_d94017575195c57e80b94bab113f9bdc,
.mhh-seminar-registration-form #wk_element_399409224331983c0bb3717d18e66cc0{max-width:100%;width:100%;margin:0;padding:0;border-radius:0;box-shadow:none;background:transparent}
.mhh-seminar-registration-form #wk_element_0395e8cddb33074c3bdcf16019d90668{width:100%;max-width:100%;padding:0;margin:0 0 6px}
.mhh-seminar-registration-form #wk_element_6aef8c2761d05f7a7fee01f707ee3d9f{background:var(--mhh-red);border-color:var(--mhh-red);color:#fff;border-radius:6px;font-size:17px;min-height:54px;font-weight:900;justify-content:center;cursor:pointer}
.mhh-seminar-registration-form #wk_element_6aef8c2761d05f7a7fee01f707ee3d9f:hover{background:#a5111e;border-color:#a5111e}
.mhh-seminar-registration-form #wk_element_889d2c8b54ae5001837c2ec42ca72c7e{font-size:12.5px;line-height:1.45;color:#4a4d52}
.mhh-seminar-registration-form .wk_timer_header,
.mhh-seminar-registration-form .wk_timer_row{color:var(--mhh-ink)}

/* ---- vendor layout fallback -------------------------------------------
   The WebinarKit markup is built on Bootstrap utility classes (d-none, mb-3,
   form-control, form-select, col-*, text-center). Bootstrap is NOT loaded on
   this site, so without these rules the vendor's hidden custom fields become
   visible and the layout collapses. These are scoped to our wrapper only and
   modify no vendor file. They remain compatible if Bootstrap loads later. */
.mhh-seminar-registration-form .d-none{display:none!important}
.mhh-seminar-registration-form .form-control,
.mhh-seminar-registration-form .form-select{display:block;width:100%;padding:13px 14px;border:1px solid #d3d5d9;border-radius:6px;background:#fff;color:var(--mhh-ink);line-height:1.3;appearance:auto}
.mhh-seminar-registration-form .form-control::placeholder{color:#83868c}
.mhh-seminar-registration-form .form-control:focus,
.mhh-seminar-registration-form .form-select:focus{outline:3px solid rgba(255,189,18,.55);outline-offset:1px;border-color:#9aa0a8}
.mhh-seminar-registration-form .mb-3{margin-bottom:12px}
.mhh-seminar-registration-form .text-center{text-align:center}
.mhh-seminar-registration-form .wk_checkbox{display:flex;align-items:center}
.mhh-seminar-registration-form .wk_checkbox_input{width:18px;height:18px;margin:2px 10px 0 0}
.mhh-seminar-registration-form .wk_registration_form_checkbox{display:flex;gap:2px;align-items:flex-start;margin:4px 0 14px}
.mhh-seminar-registration-form .wk_registration_form_checkbox p{margin:0}
/* The vendor countdown/calendar only populate once WebinarKit's own script
   runs. Until then they would render as 0 days / 0 hours, which is both
   broken-looking and misleading, and the authoritative next-session date is
   already shown above from WordPress. Hidden here by presentation only. */
.mhh-seminar-registration-form .wk_registration_timer{display:none}

/* ---------- 2. relevance ---------- */
.mhh-lp-relevance{background:var(--mhh-cream);border-bottom:1px solid var(--mhh-line)}
.mhh-lp-relevance-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mhh-lp-relevance-grid li{background:#fff;border:1px solid var(--mhh-line);border-left:4px solid var(--mhh-red);border-radius:8px;padding:24px 23px;min-width:0}
.mhh-lp-relevance-grid h3{font-size:17.5px;line-height:1.3;margin:0 0 8px;color:var(--mhh-ink)}
.mhh-lp-relevance-grid p{font-size:14.5px;line-height:1.6;color:var(--mhh-muted);margin:0}

/* ---------- 3. outcomes ---------- */
.mhh-lp-outcome-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:none}
.mhh-lp-outcome-grid li{background:#fff;border:1px solid var(--mhh-line);border-top:5px solid var(--mhh-gold);border-radius:9px;padding:26px 23px;min-width:0;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.mhh-lp-stage-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mhh-ink);color:#fff;font-weight:900;font-size:16px;margin-bottom:14px}
.mhh-lp-outcome-grid h3{font-size:20px;line-height:1.2;margin:0 0 9px;color:var(--mhh-ink);text-transform:uppercase;letter-spacing:.3px}
.mhh-lp-outcome-grid p{font-size:14.5px;line-height:1.6;color:var(--mhh-muted);margin:0}

/* ---------- 4. maryland-specific ---------- */
.mhh-lp-maryland{background:#fff;border-top:1px solid var(--mhh-line);border-bottom:1px solid var(--mhh-line)}
.mhh-lp-maryland-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mhh-lp-maryland-grid>div{background:var(--mhh-cream);border-radius:9px;padding:26px 25px;min-width:0}
.mhh-lp-maryland-grid h3{font-size:19px;line-height:1.25;margin:0 0 9px;color:var(--mhh-ink)}
.mhh-lp-maryland-grid p{font-size:15px;line-height:1.62;color:var(--mhh-muted);margin:0}
.mhh-lp-disclaimer{font-size:13px;line-height:1.6;color:#6c6f74;margin:24px 0 0;max-width:80ch}

/* ---------- 5. second CTA band ---------- */
.mhh-lp-cta-band{background:var(--mhh-ink);color:#fff}
.mhh-lp-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:34px;align-items:center;padding-top:44px;padding-bottom:44px}
.mhh-lp-cta-copy h2{font-size:30px;line-height:1.15;letter-spacing:-.7px;margin:0 0 8px;color:#fff}
.mhh-lp-cta-copy p{font-size:15.5px;line-height:1.55;color:#c9cacc;margin:0}

/* ---------- 6. education zone ---------- */
.mhh-lp-education{padding:78px 0 30px;background:#fff}
.mhh-lp-education-head{max-width:760px;margin:0 auto 44px;text-align:center;padding-bottom:34px;border-bottom:1px solid var(--mhh-line)}
.mhh-lp-education-head h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:0 0 12px}
.mhh-lp-education-head p{font-size:16.5px;line-height:1.62;color:var(--mhh-muted);margin:0}
.mhh-lp-article{max-width:820px;margin:0 auto;min-width:0}

/* long-form content elements retained from the previous build */
.mhh-seminar-article h2{scroll-margin-top:120px}
.mhh-seminar-section-anchor{scroll-margin-top:120px}
.mhh-checklist--single{grid-template-columns:1fr!important}
.mhh-seminar-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0 34px;border:1px solid var(--mhh-line);border-radius:9px;overflow:hidden;background:#fff}
.mhh-seminar-journey>div{padding:20px 13px;border-right:1px solid var(--mhh-line);text-align:center}
.mhh-seminar-journey>div:last-child{border-right:0}
.mhh-seminar-journey span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mhh-red);color:#fff;font-weight:900;margin:0 auto 10px}
.mhh-seminar-journey strong{display:block;font-size:14px;color:#111}
.mhh-seminar-journey small{display:block;font-size:12px;line-height:1.35;color:#666;margin-top:4px}
.mhh-seminar-stage-card{border:1px solid var(--mhh-line);border-top:5px solid var(--mhh-gold);border-radius:9px;padding:30px 31px;margin:31px 0 40px;background:#fff;box-shadow:0 8px 24px #00000008}
.mhh-seminar-stage-card>.mhh-kicker{color:#951020}
.mhh-seminar-stage-card>h3:first-of-type{font-size:28px;margin:7px 0 16px}
.mhh-seminar-stage-card h3{margin-top:29px}
.mhh-seminar-stage-card .mhh-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.mhh-seminar-stage-card .mhh-info-card{padding:19px}
.mhh-seminar-stage-card .mhh-info-card h3{font-size:18px;margin-top:0}
.mhh-faq-list{margin:24px 0 8px}
.mhh-faq-list details{border:1px solid var(--mhh-line);border-radius:8px;background:#fff;margin:0 0 10px;padding:0}
.mhh-faq-list summary{cursor:pointer;list-style:none;padding:17px 46px 17px 20px;font-weight:800;font-size:16.5px;line-height:1.4;position:relative}
.mhh-faq-list summary::-webkit-details-marker{display:none}
.mhh-faq-list summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:800;color:var(--mhh-red);line-height:1}
.mhh-faq-list details[open] summary:after{content:"\2013"}
.mhh-faq-list details>div{padding:0 20px 18px}
.mhh-faq-list details p{margin:0 0 10px;font-size:15px;line-height:1.65}
.mhh-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:27px 0 34px}
.mhh-related-card{border:1px solid var(--mhh-line);border-radius:8px;padding:22px;background:#fff;min-width:0}
.mhh-related-card>span{display:block;color:#8e1320;text-transform:uppercase;font-size:11px;letter-spacing:.8px;font-weight:900;margin-bottom:6px}
.mhh-related-card>a{display:inline-block;font-weight:900;font-size:18px;color:#111;text-decoration:none}
.mhh-related-card>a:hover{text-decoration:underline}
.mhh-related-card p{font-size:14px;line-height:1.55;color:#606267;margin:8px 0 0}
.mhh-sources{margin:34px 0 10px;padding:26px 26px 10px;background:var(--mhh-cream);border-radius:9px}
.mhh-sources h2{font-size:22px;margin:0 0 12px}
.mhh-sources ul{margin:0;padding-left:20px}
.mhh-sources li{font-size:14.5px;line-height:1.6;margin:0 0 9px}

/* ---------- 7. trust / compliance ---------- */
.mhh-seminar-trust-wrap{padding-bottom:70px;max-width:900px}
.mhh-seminar-trust-wrap .mhh-global-compliance{margin-top:24px}

/* ---------- 8. final CTA ---------- */
.mhh-lp-final{background:var(--mhh-ink);color:#fff;border-top:5px solid var(--mhh-gold)}
.mhh-lp-final-inner{padding-top:66px;padding-bottom:66px;text-align:center;display:flex;flex-direction:column;align-items:center}
.mhh-lp-final .mhh-lp-kicker{color:var(--mhh-gold)}
.mhh-lp-final h2{font-size:36px;line-height:1.12;letter-spacing:-1px;margin:0 0 12px;color:#fff;max-width:22ch}
.mhh-lp-final>.mhh-wrap>p,.mhh-lp-final-inner>p{font-size:16.5px;line-height:1.6;color:#c9cacc;margin:0 0 26px;max-width:60ch}
.mhh-lp-final .mhh-lp-when{align-items:center;text-align:center;margin-bottom:26px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1200px){
 .mhh-lp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:40px}
 .mhh-lp-hero h1{font-size:46px;letter-spacing:-1.5px}
}
@media (max-width:1024px){
 .mhh-lp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,370px);gap:32px;padding-top:52px;padding-bottom:58px}
 .mhh-lp-hero h1{font-size:40px;letter-spacing:-1.2px}
 .mhh-lp-lede{font-size:17px}
 .mhh-lp-section{padding:60px 0}
 .mhh-lp-section-head h2{font-size:33px}
 .mhh-lp-relevance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mhh-lp-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mhh-lp-cta-inner{grid-template-columns:minmax(0,1fr) auto;gap:24px}
 .mhh-lp-cta-inner .mhh-lp-btn{grid-column:2;justify-self:end}
 .mhh-seminar-stage-card .mhh-three-col{grid-template-columns:1fr}
}
@media (max-width:900px){
 /* single column: source order already matches required mobile order */
 .mhh-lp-hero-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:42px;padding-bottom:46px}
 .mhh-lp-hero h1{font-size:36px;letter-spacing:-1px;max-width:none}
 .mhh-lp-lede{font-size:16.5px;margin-bottom:24px;max-width:none}
 .mhh-lp-register{order:2}
 .mhh-lp-education{padding-top:56px}
 .mhh-lp-education-head{margin-bottom:34px}
 .mhh-lp-cta-inner{grid-template-columns:1fr;gap:20px;text-align:left;padding-top:38px;padding-bottom:38px}
 .mhh-lp-cta-inner .mhh-lp-btn{grid-column:1;justify-self:stretch;width:100%}
 .mhh-lp-cta-copy h2{font-size:26px}
 .mhh-lp-final h2{font-size:30px}
 .mhh-lp-final-inner{padding-top:52px;padding-bottom:52px}
 .mhh-lp-final .mhh-lp-btn{width:100%}
 .mhh-seminar-journey{grid-template-columns:1fr}
 .mhh-seminar-journey>div{display:grid;grid-template-columns:40px 1fr;text-align:left;column-gap:10px;padding:15px 17px;border-right:0;border-bottom:1px solid var(--mhh-line)}
 .mhh-seminar-journey>div:last-child{border-bottom:0}
 .mhh-seminar-journey span{grid-row:1/3;margin:0}
 .mhh-seminar-journey strong{align-self:end}
 .mhh-seminar-stage-card{padding:24px 21px}
 .mhh-seminar-stage-card>h3:first-of-type{font-size:24px}
 .mhh-related-grid{grid-template-columns:1fr}
 .mhh-seminar-trust-wrap{padding-bottom:56px}
}
@media (max-width:768px){
 .mhh-lp-section{padding:52px 0}
 .mhh-lp-section-head h2{font-size:29px;letter-spacing:-.8px}
 .mhh-lp-section-head{margin-bottom:28px}
 .mhh-lp-relevance-grid{grid-template-columns:1fr;gap:14px}
 .mhh-lp-outcome-grid{grid-template-columns:1fr;gap:14px}
 .mhh-lp-maryland-grid{grid-template-columns:1fr;gap:16px}
 .mhh-lp-education-head h2{font-size:28px}
}
@media (max-width:560px){
 .mhh-lp-hero-grid{padding-top:34px;padding-bottom:40px;gap:26px}
 .mhh-lp-eyebrow{font-size:10.5px;letter-spacing:1.3px;padding:6px 11px;margin-bottom:16px}
 .mhh-lp-hero h1{font-size:31px;letter-spacing:-.8px;line-height:1.08}
 .mhh-lp-lede{font-size:15.5px;line-height:1.6}
 .mhh-lp-values{gap:12px}
 .mhh-lp-values strong{font-size:15px}
 .mhh-lp-values small{font-size:13px}
 .mhh-lp-when--card{padding:15px 18px}
 .mhh-lp-when-date{font-size:18px}
 .mhh-lp-register-head{padding:17px 18px 2px}
 .mhh-lp-register-head h2{font-size:21px}
 .mhh-seminar-registration-form{padding:14px 18px 2px}
 .mhh-lp-register-note{padding:0 18px 18px}
 .mhh-lp-section-head h2{font-size:26px}
 .mhh-lp-relevance-grid li{padding:20px 18px}
 .mhh-lp-relevance-grid h3{font-size:16.5px}
 .mhh-lp-outcome-grid li{padding:22px 19px}
 .mhh-lp-outcome-grid h3{font-size:18px}
 .mhh-lp-maryland-grid>div{padding:22px 19px}
 .mhh-lp-cta-copy h2{font-size:23px}
 .mhh-lp-education-head h2{font-size:25px}
 .mhh-lp-final h2{font-size:26px}
 .mhh-lp-btn,.mhh-lp-btn--lg{width:100%;font-size:16px;padding:15px 18px}
 .mhh-faq-list summary{font-size:15.5px;padding:15px 40px 15px 16px}
 .mhh-faq-list details>div{padding:0 16px 15px}
 .mhh-sources{padding:22px 18px 8px}
}
@media (max-width:400px){
 .mhh-lp-hero h1{font-size:28px}
 .mhh-lp-values li{grid-template-columns:24px minmax(0,1fr);gap:11px}
 .mhh-lp-values li>span{width:24px;height:24px;font-size:12px}
}