/* Marina page (page-about-us-marina.php). Loads after about-us.css. Scoped to .mr. */

/* hero: aerial of Harbour Towne Marina with the ocean beyond */
.w54.ab.mr .hero::before{background-image:url(/wp-content/uploads/2021/01/Harbour-Towne-Marina-in-fort-lauderdale-florida.jpg);background-position:50% 60%}
.w54.mr .hero h1 span{white-space:nowrap}

/* outline button on light sections */
.mr .btn-line{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.mr .btn-line:hover{background:var(--ink);color:#fff}

/* spec sheet values can be long (coordinates) */
.mr .spec-group dd{white-space:nowrap}
@media (max-width:1100px){.mr .spec-group dd{white-space:normal}}

/* map + address card */
.mr .mr-visit{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin-top:40px;align-items:stretch}
@media (max-width:860px){.mr .mr-visit{grid-template-columns:1fr}}
.mr .mr-map{position:relative;min-height:420px;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--line)}
.mr .mr-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mr .mr-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:26px 28px 28px}
.mr .mr-card h3{font-size:22px}
.mr .mr-addr{font-size:16px;line-height:1.55;margin:0}
.mr .mr-card .kit{width:100%;margin:6px 0 10px}
.mr .mr-card .kit dd{font-weight:500;font-size:14.5px;line-height:1.45}
.mr .mr-card .kit a{color:inherit}

/* wide dock banners: crop to a fuller shape beside the text */
.mr .split .ab-team-photo{align-self:center}
.mr .split .ab-team-photo img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}