/* ==========================================================================
   soldbyfiorenza.com/home-value.html — page CSS (paste into the page's CSS tab)
   Domenic Fiorenza, Sales Representative · RE/MAX Experts, Brokerage
   Pairs with mrp_body.html (</BODY> tab). Black / white / red, mobile first.
   ========================================================================== */
:root{
  --hv-black:#0d0d0d; --hv-ink:#1a1a1a; --hv-grey:#5e5e5e; --hv-line:#e6e6e6; --hv-soft:#f6f5f3;
  --hv-red:#d71920; --hv-red-dark:#b3141a; --hv-white:#fff;
  --hv-serif:"Prata", Georgia, "Times New Roman", serif;
  --hv-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --g-accent-color: rgba(215,25,32,1); /* this page only: theme accent blue -> red */
}

/* 1. Hide the site header/menu (incl. mobile slide-out) and the starter's intro blocks.
      Applied before the script runs, so the old content never flashes. */
#mrp-header{display:none !important}
#page-layout > .block-layout:not(:has(form.mrp-dynamic-form)){display:none !important}
.hv-hidden{display:none !important}
#mrp-footer > .boxes-200c-footer{display:none !important}
html,body{background:#000 !important}
body{padding-top:0 !important}
#content-well{padding-top:0 !important;margin-top:0 !important}

/* 2. Shared */
.hv *{box-sizing:border-box}
.hv{font-family:var(--hv-sans);color:var(--hv-ink);line-height:1.55;font-size:16px;text-align:left}
.hv h1,.hv h2,.hv h3,.hv p,.hv ul,.hv blockquote{margin:0;padding:0;text-transform:none;letter-spacing:normal}
.hv a{color:inherit}
.hv-wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* 3. Slim top bar (replaces site menu) */
.hv-topbar{background:var(--hv-black);color:#fff;border-bottom:3px solid var(--hv-red);position:relative;z-index:5}
.hv-topbar .hv-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.hv-id-name{font-weight:700;font-size:14.5px;line-height:1.3;color:#fff}
.hv-id-brk{font-size:12.5px;line-height:1.35;color:#cfcfcf;margin-top:2px}
.hv-id-brk strong{color:#fff;font-weight:700}
.hv-call{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none !important;font-weight:700;font-size:14px;color:#fff !important;
  border:1.5px solid #fff;border-radius:999px;padding:8px 14px}
.hv-call:hover{background:#fff;color:var(--hv-black) !important}
.hv-call .hv-num{display:none}

/* 4. Hero */
.hv-hero{background:var(--hv-black);color:#fff;padding:30px 0 40px}
.hv-hero-grid{display:grid;gap:26px}
.hv-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#ff5a5f;margin-bottom:12px}
.hv h1.hv-h1,.hv h2.hv-h2,.hv h2.hv-cta-h{text-wrap:balance}
.hv h1.hv-h1{font-family:var(--hv-serif);font-weight:400;font-size:33px;line-height:1.18;color:#fff;letter-spacing:-.2px}
.hv-sub{margin-top:14px !important;font-size:16.5px;color:#d9d9d9;max-width:34em}
.hv-points{list-style:none !important;margin-top:18px !important;display:grid;gap:8px;font-size:15px;color:#e8e8e8}
.hv-points li{padding-left:22px;position:relative;list-style:none}
.hv-points li:before{content:"";position:absolute;left:0;top:10px;width:10px;height:2px;background:var(--hv-red)}
.hv-rating{margin-top:20px;display:flex;align-items:center;gap:10px;font-size:14px;color:#d9d9d9}
.hv-stars{color:#ffb400;letter-spacing:2px;font-size:16px}

/* 5. Form card wraps the native myRealPage form block */
.hv-card{background:#fff;color:var(--hv-ink);border-radius:14px;padding:22px 18px 18px;box-shadow:0 18px 50px rgba(0,0,0,.35);border-top:4px solid var(--hv-red);scroll-margin-top:16px}
.hv-card-title{font-family:var(--hv-serif);font-weight:400;font-size:23px;line-height:1.25;color:var(--hv-ink)}
.hv-hint{font-size:14px;color:var(--hv-grey);margin:6px 0 14px !important}
/* neutralise the block's own spacing/background/animation inside the card */
.hv-card .block-layout,.hv-card .proto-block,.hv-card .container,.hv-card .block-container,.hv-card .intro-block-row,
.hv-card .intro-column,.hv-card .content-container,.hv-card .content,.hv-card .box-form{
  padding:0 !important;margin:0 !important;max-width:none !important;width:100% !important;background:none !important;box-shadow:none !important;border:0 !important;min-height:0 !important}
.hv-card .block-top-space,.hv-card .block-bottom-space,.hv-card .with-smart-bg-outer,.hv-card .panel-border{display:none !important}
.hv-card .fx{opacity:1 !important;transform:none !important;animation:none !important;transition:none !important}
.hv-card form.mrp-dynamic-form{margin:0 !important;font-family:var(--hv-sans)}
.hv-card .form-inner{display:flex !important;flex-wrap:wrap !important;row-gap:0 !important;column-gap:12px !important;padding:0 !important;margin:0 !important}
.hv-card .form-inner > h2.title{display:none !important}
.hv-card .form-group{flex:1 1 100%;min-width:0 !important;width:auto !important;margin:0 0 12px !important;padding:0 !important}
.hv-card .form-group.half-width{flex:1 1 100%}
.hv-card .form-group > label:not(:empty){display:none !important} /* placeholders carry the labels */
.hv-card .form-control,.hv-card input[type=text].form-control,.hv-card select.form-control{
  width:100% !important;height:auto !important;min-height:48px;font-family:var(--hv-sans) !important;font-size:16px !important;color:var(--hv-ink) !important;
  padding:12px 12px !important;border:1.5px solid #cfcfcf !important;border-radius:8px !important;background-color:#fff !important;box-shadow:none !important;line-height:1.3 !important}
.hv-card .form-control::placeholder{color:#7a7a7a;opacity:1}
.hv-card select.form-control{-webkit-appearance:none;appearance:none;padding-right:34px !important;
  background-image:linear-gradient(45deg,transparent 50%,#555 50%),linear-gradient(135deg,#555 50%,transparent 50%) !important;
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52% !important;background-size:5px 5px !important;background-repeat:no-repeat !important}
.hv-card .control-wrapper > span{display:block;position:relative}
.hv-card .control-wrapper > span::before,.hv-card .control-wrapper > span::after{display:none !important;content:none !important}
.hv-card .form-control:focus{outline:none !important;border-color:var(--hv-black) !important;box-shadow:0 0 0 3px rgba(215,25,32,.18) !important}
/* consent */
.hv-card .form-group-optin{margin:2px 0 14px !important}
.hv-card .form-group-optin > label{display:none !important}
.hv-card .form-group-optin .checkbox,.hv-card .form-group-optin .checkbox label{display:flex !important;gap:10px;align-items:flex-start;margin:0 !important;padding:0 !important;font-weight:400 !important;cursor:pointer}
.hv-card .form-group-optin input[type=checkbox]{flex:0 0 18px;width:18px !important;height:18px !important;min-height:0 !important;margin:2px 0 0 !important;padding:0 !important;position:static !important;opacity:1 !important;-webkit-appearance:auto !important;appearance:auto !important;accent-color:var(--hv-red);border:0 !important}
.hv-card .form-group-optin p{margin:0 !important;font-size:12.5px !important;line-height:1.45 !important;color:#444 !important;text-transform:none !important;font-family:var(--hv-sans) !important}
.hv-card .form-group-optin a{color:#444 !important;text-decoration:underline}
/* validation states (myRealPage re-renders the form with errors) */
.hv-card .control-error .form-control,.hv-card .form-control.control-error,.hv-card .has-error .form-control{border-color:var(--hv-red) !important;background:#fff7f7 !important}
.hv-card .form-error,.hv-card .error-message,.hv-card .help-block{display:block;color:var(--hv-red) !important;font-size:12.5px !important;margin-top:4px}
.hv-card .submit-button.submitting{opacity:.7;cursor:wait}
/* submit */
.hv-card .form-buttons{flex:1 1 100%;display:block !important;margin:0 !important;padding:0 !important}
.hv-card .form-buttons .buttons-left{display:none !important}
.hv-card .form-buttons .buttons-right{display:block !important;width:100% !important;margin:0 !important;padding:0 !important}
.hv-card .submit-button{display:flex !important;align-items:center;justify-content:center;width:100% !important;min-height:52px;margin:0 !important;
  background:var(--hv-red) !important;color:#fff !important;border:0 !important;border-radius:8px !important;font-family:var(--hv-sans) !important;
  font-weight:700 !important;font-size:16px !important;letter-spacing:.6px !important;text-transform:uppercase !important;padding:14px 16px !important;box-shadow:none !important;cursor:pointer}
.hv-card .submit-button:hover{background:var(--hv-red-dark) !important}
.hv-card .submit-button .icon:empty{display:none !important}
.hv-card .submit-button .label{color:#fff !important;font:inherit !important;letter-spacing:inherit !important;margin:0 !important}
.hv-promise{margin-top:12px !important;text-align:center;font-weight:700;font-size:14px;color:var(--hv-ink)}
.hv-fine{font-size:12px;color:var(--hv-grey);margin-top:10px !important;line-height:1.45}

/* 6. Sections */
.hv-sec{padding:50px 0;background:#fff}
.hv-sec.hv-alt{background:var(--hv-soft)}
.hv-kicker{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--hv-red);margin-bottom:8px}
.hv h2.hv-h2{font-family:var(--hv-serif);font-weight:400;font-size:27px;line-height:1.25;margin-bottom:24px !important;max-width:22em;color:var(--hv-ink)}
.hv-trust{display:grid;gap:14px}
.hv-item{background:#fff;border:1px solid var(--hv-line);border-radius:12px;padding:20px}
.hv-bar{width:28px;height:3px;background:var(--hv-red);margin-bottom:12px}
.hv h3.hv-h3{font-family:var(--hv-sans);font-size:17px;font-weight:700;line-height:1.35;margin-bottom:6px !important;color:var(--hv-ink)}
.hv-item p,.hv-step p{font-size:15px;color:#444}
.hv-steps{display:grid;gap:16px}
.hv-step{display:flex;gap:16px;align-items:flex-start}
.hv-stepnum{flex:none;width:40px;height:40px;border-radius:50%;background:var(--hv-black);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--hv-serif);font-size:18px}
.hv-reviews{display:grid;gap:14px}
.hv blockquote.hv-quote{background:#fff;border:1px solid #e9e6e1;border-left:4px solid var(--hv-red);border-radius:10px;padding:20px;margin:0}
.hv-quote p{font-family:var(--hv-serif);font-size:16.5px;line-height:1.55;color:var(--hv-ink)}
.hv-quote cite{display:block;margin-top:12px;font-style:normal;font-size:13px;color:var(--hv-grey)}
.hv-note{font-size:13px;color:var(--hv-grey);margin-top:16px !important}
.hv-faq details{border-bottom:1px solid var(--hv-line);padding:16px 0}
.hv-faq details:first-of-type{border-top:1px solid var(--hv-line)}
.hv-faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--hv-ink)}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-faq summary:after{content:"+";color:var(--hv-red);font-size:22px;line-height:1;font-weight:400}
.hv-faq details[open] summary:after{content:"\2013"}
.hv-faq details p{margin-top:10px !important;font-size:15px;color:#444;max-width:46em}
.hv-cta{background:var(--hv-black);color:#fff;text-align:center;padding:46px 0}
.hv h2.hv-cta-h{font-family:var(--hv-serif);font-weight:400;font-size:26px;line-height:1.25;color:#fff}
.hv-cta p{color:#cfcfcf;margin:10px auto 22px !important;max-width:32em}
.hv-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hv-btn{display:inline-block;text-decoration:none !important;font-weight:700;background:var(--hv-red);color:#fff !important;padding:14px 24px;border-radius:8px;border:1.5px solid var(--hv-red)}
.hv-btn:hover{background:var(--hv-red-dark)}
.hv-btn.hv-ghost{background:transparent;border-color:#fff}

/* 7. Compliance footer (replaces the site's footer boxes; myRealPage credit + CREA note stay) */
.hv-foot{background:#000;color:#bdbdbd;font-size:12.5px;line-height:1.6;padding:30px 0 26px;border-top:3px solid var(--hv-red)}
.hv-foot .hv-brk{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px}
.hv-foot p{margin:0 0 10px !important;max-width:62em;font-size:12.5px !important;line-height:1.6 !important;color:#bdbdbd}
.hv-foot a{color:#fff !important}
.hv-foot strong{color:#fff}
#mrp-footer,#mrp-footer .block-layout,#mrp-footer .block-container{background:#000 !important}
#mrp-footer .myrealpage-footer{background:#000 !important;color:#8a8a8a !important;font-size:12px}
#mrp-footer .myrealpage-footer a{color:#cfcfcf !important}
#mrp-footer .myrealpage-footer svg{max-height:22px}
#mrp-footer .myrealpage-footer .proto-block::after{display:none !important}
.mrp-crea-attribution{max-width:none !important;width:100% !important;margin:0 !important;font-size:11px !important;color:#777 !important;background:#000 !important;padding:6px 20px 18px !important;border:0 !important}
.mrp-crea-attribution > div{max-width:1080px;margin:0 auto;color:#777 !important}

/* 8. Larger screens */
@media (min-width:560px){
  .hv-call .hv-num{display:inline}
  .hv-card .form-group.half-width{flex:1 1 calc(50% - 8px)}
}
@media (min-width:900px){
  .hv-topbar .hv-wrap{padding-top:15px;padding-bottom:15px}
  .hv-id-name{font-size:16.5px} .hv-id-brk{font-size:13.5px}
  .hv-hero{padding:60px 0 68px}
  .hv-hero-grid{grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
  .hv h1.hv-h1{font-size:46px}
  .hv-sub{font-size:18.5px}
  .hv-card{padding:28px 28px 22px}
  .hv-sec{padding:72px 0}
  .hv h2.hv-h2{font-size:34px}
  .hv-trust{grid-template-columns:repeat(2,1fr);gap:18px}
  .hv-steps{grid-template-columns:repeat(3,1fr);gap:28px}
  .hv-step{flex-direction:column}
  .hv-reviews{grid-template-columns:repeat(3,1fr);gap:18px}
  .hv h2.hv-cta-h{font-size:32px}
}