/* Menu button and phone menu for the compact dark header on the search,
   listing and featured-property pages (their full menu hides below 1000px) */
.hdr__toggle { display: none; margin-left: auto; width: 42px; height: 42px; background: none; border: 0; color: #fff; cursor: pointer; align-items: center; justify-content: center; flex-shrink: 0; }
@media (max-width: 1000px) {
  .hdr__toggle { display: flex; }
  #header .hdr__nav.open { display: flex; position: fixed; top: var(--header-h); left: 0; right: 0; bottom: 0; margin: 0; background: #1a1a1a; flex-direction: column; align-items: flex-start; gap: 18px; padding: 28px 28px 48px; overflow-y: auto; z-index: 10001; }
  #header .hdr__nav.open > a, #header .hdr__nav.open .hdr__dd > a { font-size: 15px; color: #fff; }
  #header .hdr__nav.open .hdr__dd { flex-direction: column; align-items: flex-start; }
  #header .hdr__nav.open .hdr__dd-menu { display: block; position: static; padding: 8px 0 0 14px; }
  #header .hdr__nav.open .hdr__dd-menu > span { background: none; box-shadow: none; padding: 0; min-width: 0; }
  #header .hdr__nav.open .hdr__dd-menu a { color: rgba(255,255,255,.65); text-transform: none; font-size: 14px; padding: 6px 0; }
  #header .hdr__nav.open .hdr__phone { display: block; color: #fff; }
}
@media (max-width: 600px) { .hdr__cta { display: none; } }