/* Public-site section standard. Tagged by scripts/site-standard.js.
   Content width and spacing match the home page "Selected South Florida Transactions" section. */
:root {
    --site-light-green: #e8f5ee;
    --std-content-max: 1160px;
    --std-text-max: 960px;
    --std-gutter: clamp(20px, 4vw, 40px);
}

/* Shared content width. */
html body main .std-section.std-section {
    padding-left: var(--std-gutter) !important;
    padding-right: var(--std-gutter) !important;
}

html body main .std-container.std-container {
    width: 100% !important;
    max-width: var(--std-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Section title: centred, short line underneath. */
html body main .std-title.std-title {
    display: block !important;
    width: auto !important;
    max-width: var(--std-text-max) !important;
    margin: 0 auto 22px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    color: #00461c;
    font-size: clamp(25px, 3vw, 32px) !important;
    line-height: 1.3 !important;
    letter-spacing: normal;
}

html body main .std-title.std-title::before {
    content: none !important;
}

html body main .std-title.std-title::after {
    content: "" !important;
    display: block !important;
    width: 56px !important;
    height: 3px !important;
    margin: 14px auto 0 !important;
    border-radius: 2px;
    background: #00461c !important;
}

/* The line is drawn once by ::after; hide the per-page decorative lines. */
html body main .std-title .title-line,
html body main .std-title [class*="title-line"] {
    display: none !important;
}

/* Eyebrow label above a title. */
html body main .std-eyebrow.std-eyebrow {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Description under a title: centred, or left-aligned when it is the only one. */
html body main .std-desc.std-desc {
    max-width: var(--std-text-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html body main .std-desc--multi.std-desc--multi {
    text-align: center !important;
}

html body main .std-desc--single.std-desc--single {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

@media (max-width: 600px) {
    html body main .std-title.std-title {
        font-size: 25px !important;
    }
}

/* External links (any host other than tnational.com) read as plain text but stay clickable.
   Buttons are left alone. Keyboard focus stays visible. The :not(#_) terms only raise specificity
   so page-level link rules (including ones using ids) cannot restyle these links. */
html body a[href^="http"]:not([href*="tnational.com"]):not(.btn):not([class*="btn"]):not(#_):not(#__),
html body a[href^="//"]:not([href*="tnational.com"]):not(.btn):not([class*="btn"]):not(#_):not(#__) {
    color: inherit !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    cursor: pointer;
}

html body a[href^="http"]:not([href*="tnational.com"]):not(.btn):not([class*="btn"]):not(#_):not(#__):hover,
html body a[href^="//"]:not([href*="tnational.com"]):not(.btn):not([class*="btn"]):not(#_):not(#__):hover {
    color: inherit !important;
    text-decoration: none !important;
}

html body a[href^="http"]:not([href*="tnational.com"]):not(.btn):not([class*="btn"]):not(#_):not(#__):focus-visible {
    outline: 2px solid #00461c;
    outline-offset: 2px;
}

/* Layout pass: any section content block is the shared content width, never narrower. */
html body main .std-wide.std-wide {
    width: 100% !important;
    max-width: var(--std-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

html body main .std-pad-top.std-pad-top {
    padding-top: 46px !important;
}

html body main .std-pad-bottom.std-pad-bottom {
    padding-bottom: 46px !important;
}

/* Tinted/boxed wrapper around a form: side padding removed so the form itself spans the content width. */
html body main .std-flush.std-flush {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* "On this page" navigation: one design on every page (matches the county pages). */
html body nav.std-jump {
    display: block !important;
    position: static !important;
    background: #f7faf7 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #dce5de !important;
    padding: 15px var(--std-gutter) !important;
    margin: 0 !important;
    box-sizing: border-box;
}

html body nav.std-jump .std-jump__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 27px !important;
    width: 100% !important;
    max-width: var(--std-content-max) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}

html body nav.std-jump .std-jump__label {
    position: relative;
    padding-right: 27px;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #5b6e5f;
    white-space: nowrap;
}

html body nav.std-jump .std-jump__label::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    background: #c4d3c8;
    transform: translateY(-50%);
}

html body nav.std-jump a.std-jump__link {
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    padding: 0 !important;
    font-size: .84rem !important;
    line-height: 1.5;
    font-weight: 400 !important;
    color: #00461c !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    white-space: nowrap;
    transition: color .15s ease, font-weight .15s ease;
}

/* Hidden bold copy keeps the link width constant so the hover weight change never shifts the row. */
html body nav.std-jump a.std-jump__link::after {
    content: attr(data-text);
    height: 0;
    overflow: hidden;
    visibility: hidden;
    font-weight: 600 !important;
    pointer-events: none;
}

html body nav.std-jump a.std-jump__link:hover,
html body nav.std-jump a.std-jump__link:focus-visible {
    color: #002a11 !important;
    font-weight: 600 !important;
}

html body nav.std-jump a.std-jump__link:focus-visible {
    outline: 3px solid #b69a62;
    outline-offset: 4px;
}

@media (max-width: 600px) {
    html body nav.std-jump .std-jump__inner {
        gap: 6px 18px !important;
    }

    html body nav.std-jump .std-jump__label {
        flex: 0 0 100%;
        padding-right: 0;
        text-align: center;
    }

    html body nav.std-jump .std-jump__label::after {
        display: none;
    }
}

@media print {
    html body nav.std-jump {
        display: none !important;
    }
}