/* REALPRO V42 — final Contact hero: title, supporting copy and contact details only */

html body.rp-page-contact main#main > section.rp-contact-hero[data-rp-surface="dark"]{
  height:calc(100svh - var(--rp-final-header-height-desktop, 112px)) !important;
  min-height:calc(100svh - var(--rp-final-header-height-desktop, 112px)) !important;
  max-height:none !important;
  margin-top:0 !important;
  padding:clamp(24px,3.5vh,40px) 0 !important;
  justify-content:center !important;
}

html body.rp-page-contact .rp-contact-hero__content{
  width:min(86vw,1420px) !important;
  max-width:1420px !important;
  min-height:0 !important;
  height:auto !important;
  margin:auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  transform:none !important;
}

html body.rp-page-contact .rp-contact-hero .eyebrow{
  margin:0 0 clamp(10px,1.3vh,16px) !important;
}

html body.rp-page-contact .rp-contact-title-final,
html body.rp-page-contact h1#rp-contact-title{
  width:min(100%,1160px) !important;
  max-width:1160px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
  line-height:.9 !important;
  letter-spacing:-.048em !important;
}

html body.rp-page-contact .rp-contact-title-final *,
html body.rp-page-contact .rp-contact-title-final .rp-contact-word{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:700 !important;
}

html body.rp-page-contact .rp-contact-hero__content > p:not(.eyebrow){
  width:min(100%,1200px) !important;
  max-width:1200px !important;
  margin:clamp(15px,2vh,24px) 0 0 !important;
  font-size:clamp(18px,min(1.22vw,2.35vh),23px) !important;
  line-height:1.45 !important;
}

html body.rp-page-contact .rp-contact-hero__details{
  width:min(100%,1200px) !important;
  max-width:1200px !important;
  margin:clamp(22px,3vh,34px) 0 0 !important;
  padding-bottom:clamp(14px,1.8vh,20px) !important;
}

html body.rp-page-contact .rp-contact-hero__details strong{
  font-size:clamp(18px,min(1.22vw,2.25vh),23px) !important;
}

/* The Contact hero contains no CTA button in the final composition. */
html body.rp-page-contact .rp-contact-hero .rp-contact-mobile-cta,
html body.rp-page-contact .rp-contact-hero .button-row{
  display:none !important;
}

@media (min-width:768px) and (max-height:760px){
  html body.rp-page-contact main#main > section.rp-contact-hero[data-rp-surface="dark"]{
    padding:14px 0 !important;
  }

  html body.rp-page-contact .rp-contact-hero .eyebrow{
    margin-bottom:7px !important;
  }

  html body.rp-page-contact .rp-contact-hero__content > p:not(.eyebrow){
    margin-top:10px !important;
    font-size:16px !important;
    line-height:1.38 !important;
  }

  html body.rp-page-contact .rp-contact-hero__details{
    margin-top:14px !important;
    padding-bottom:8px !important;
  }

  html body.rp-page-contact .rp-contact-hero__details strong{
    font-size:16px !important;
  }
}

@media (max-width:767px){
  html body.rp-page-contact main#main > section.rp-contact-hero[data-rp-surface="dark"]{
    height:calc(100svh - var(--rp-final-header-height-mobile, 86px)) !important;
    min-height:calc(100svh - var(--rp-final-header-height-mobile, 86px)) !important;
    padding:18px 0 22px !important;
  }

  html body.rp-page-contact .rp-contact-hero__content{
    width:calc(100% - 44px) !important;
    min-height:100% !important;
    height:100% !important;
    justify-content:center !important;
  }

  html body.rp-page-contact .rp-contact-hero .eyebrow{
    margin-bottom:10px !important;
  }

  html body.rp-page-contact .rp-contact-title-final,
  html body.rp-page-contact h1#rp-contact-title{
    width:100% !important;
    max-width:100% !important;
    line-height:.92 !important;
  }

  html body.rp-page-contact .rp-contact-hero__content > p:not(.eyebrow){
    max-width:34ch !important;
    margin-top:14px !important;
    font-size:clamp(14px,4vw,16px) !important;
    line-height:1.45 !important;
  }

  html body.rp-page-contact .rp-contact-hero__details{
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin-top:16px !important;
    padding-bottom:10px !important;
  }

  html body.rp-page-contact .rp-contact-hero__details strong{
    font-size:clamp(15px,4.45vw,18px) !important;
  }
}

@media (max-width:390px){
  html body.rp-page-contact .rp-contact-hero__content{
    width:calc(100% - 36px) !important;
  }
}