/* view_listing print layout. js/listing.js measures this sheet to fit a listing on one page. */
@page { size: letter; margin: 10mm; }

html, body {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.container {
    min-width: 0 !important;
}

body > * { display: none !important; }
body > .super_container { display: block !important; }

.super_container > * { display: none !important; }
.super_container > .intro { display: block !important; }

.intro, .intro.listing-page {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}
.intro > * { display: none !important; }
.intro > .container { display: block !important; }

.intro > .container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.container > * { display: none !important; }
.container > .print-area { display: block !important; }

.print-area {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: calc(18pt * var(--pscale, 1));
    line-height: 1.4;
    color: #000;
}

.no-print { display: none !important; }

.print-header {
    display: block !important;
    margin: 0 0 0.5em;
    padding-bottom: 0.4em;
    border-bottom: 2px solid #2e3f61;
}
.print-header img {
    display: block;
    width: calc(2.6in * var(--pscale, 1));
    height: auto;
    margin: 0;
}

.listing-title {
    font-family: 'Oswald', 'Arial Narrow', 'Roboto Condensed', sans-serif;
    font-size: calc(30pt * var(--pscale, 1));
    line-height: 1.15;
    margin: 0 0 0.12em;
    color: #000;
}

.field {
    margin-top: 0.42em;
    break-inside: avoid;
    page-break-inside: avoid;
}
.k, .v {
    font-size: 1em;
    line-height: 1.4;
    color: #000;
}
.k { margin-bottom: 0; }
.v a { color: #000 !important; text-decoration: none !important; }
.phone-label { font-size: 0.88em; color: #333; }

.v p, .v li {
    font-size: 1em;
    line-height: 1.4;
    color: #000;
    margin: 0;
    padding: 0;
}
.v ul, .v ol { margin: 0; padding-left: 1.2em; }

.listing-media {
    display: block !important;
    width: calc(var(--adbase, 100%) * var(--pscale, 1));
    max-width: 100% !important;
    margin: 0.7em auto 0 !important;
    padding-top: 0.55em;
    border-top: 1px solid #999;
    break-inside: avoid;
    page-break-inside: avoid;
}
.listing-media a {
    display: block;
    width: 100%;
    margin: 0 0 calc(0.14in * var(--pscale, 1));
    transform: none !important;
    box-shadow: none !important;
    break-inside: avoid;
    page-break-inside: avoid;
}
.listing-media a:last-child { margin-bottom: 0; }
.listing-media img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    border: 1px solid #bbb !important;
    border-radius: 0;
    box-shadow: none !important;
    break-inside: avoid;
    page-break-inside: avoid;
}

.print-only {
    display: block !important;
    margin-top: 0.7em;
    padding-top: 0.35em;
    border-top: 1px solid #999;
    font-family: 'Roboto', sans-serif;
    font-size: calc(12pt * var(--pscale, 1));
    line-height: 1.4;
    color: #000;
}