/* Additions on top of the vendored legacy stylesheet */
.hp-field { position: absolute !important; left: -10000px; width: 0; height: 0; opacity: 0; }
[id] { scroll-margin-top: 70px; }

.fixed-flash { position: fixed; top: 70px; right: 16px; z-index: 1060; max-width: 360px; }

.growing-text { max-height: none !important; overflow: visible; }
/* The legacy site nested <p> inside p.growing-text, so browsers rendered descriptions with the body
   typography instead of the .growing-text one. Reproduce that rendering. */
#offices_show .content-container .content-text .below-floating-line-content .description .growing-text,
#office_spaces_show .content-container .content-text .below-floating-line-content .description .growing-text {
  font-size: 14px; font-weight: 400; color: #333; line-height: 20px;
}

@media (min-width: 768px) {
  #offices_show .content-container > .container1200, #office_spaces_show .content-container > .container1200 { display: flow-root; }
  #offices_show #stickyContactBox, #office_spaces_show #stickyContactBox { position: sticky; top: 80px; }
}

.leaflet-container { z-index: 0; font: inherit; }
#home_index #home_map { position: relative; z-index: 0; }
.leaflet-popup-content { margin: 0; }
.leaflet-popup-content .infowindow-space { position: relative; overflow: hidden; }
.leaflet-popup-content .infowindow-space img { width: 100%; height: 100%; object-fit: cover; display: block; }
.leaflet-popup-content .infowindow-space h4,
.leaflet-popup-content .infowindow-space .about { position: absolute; left: 16px; right: 16px; color: #fff; z-index: 2; margin: 0; }
.leaflet-popup-content .infowindow-space h4 { bottom: 36px; font-weight: 700; }
.leaflet-popup-content .infowindow-space .about { bottom: 14px; font-size: 13px; }
.leaflet-popup-content .infowindow-space .shadow { position: absolute; inset: 0; background: linear-gradient(transparent 40%, rgba(0,0,0,.7)); z-index: 1; }


/* On the legacy site the offers page hero starts under the fixed nav (fullPage layout), 50px higher than elsewhere. */
#static_offers_index header.sectionfullpage { margin-top: -50px; }

/* Native selects replace the legacy bootstrap-select widget: same look as the text inputs, grey placeholder. */
select.form-control {
  -webkit-appearance: none; appearance: none; box-shadow: none; padding-right: 28px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.2'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
}
/* Same grey as the inputs' placeholders (#999 at the legacy 0.54 opacity). */
select.form-control:has(option[value=""]:checked) { color: rgba(153, 153, 153, 0.54); }
#navContactForm select.form-control { background-color: #f1f1f1; border: 0; }
select.form-control option { color: #555; }
/* The inputs of these forms drop the Bootstrap focus glow; the selects follow. */
select.form-control:focus { box-shadow: none; }