/* ~~~~~~~~~~~~~~~~~~~ PRINT STYLES (Public Property View) ~~~~~~~~~~~~~~~~~~~ */

@media screen {
    .print-only {display:none;}
}

@media print {
    .print-only {display:visible;}
    .gm-style div > img {position: absolute;} /* fixes problem 'whitespace on map when printing' in Chrome */
    /* body {transform: scale(0.98);} */
}

* {line-height: 1.45;}

p {
    font-size: 9.5pt;
}

.property-description {
    font-size: 9.5pt;
}

/* ~~~~~~~~~~~ attempt 'reflows' at portrait mode ~~~~~~~~~~~~~~~~ */
@media print and (max-width: 195mm) { 
    .print-area#section-1 {
        page-break-inside: auto;
        /* background-color: lightgreen !important; */
    }

    /* ~~~~~~~~~~~~~~~ map in portrait ~~~~~~~~~~~~~~~ */
    div#business-map-container {
        /* background-color: lightgoldenrodyellow !important; */
    }
    property-map {
        height: 65mm !important;
    }
    div#printed-map{
        page-break-inside: avoid;
    }
}
/* ~~~~~~~~~~~ attempt 'reflows' at landscape mode ~~~~~~~~~~~~~~~~ */
@media print and (min-width: 195.5mm) {
    .print-area#section-1 {
        page-break-inside: auto;
        /* background-color: lightpink !important; */
    }
    
    /* ~~~~~~~~~~~~~~~ map in landscape ~~~~~~~~~~~~~~~ */
    div#business-map-container {
        /* background-color: blue !important; */
    }
    property-map {
        height: 65mm !important;
    }
    div#printed-map{
        page-break-inside: avoid;
    }
}

div#section-2 {
    /* page-break-inside: auto; */
    padding-bottom: 2mm;
}

div#section-3 {
    page-break-inside: avoid;
    /* background-color: coral !important; */
}

.section-title {
    font-weight: 700;
}

/* ~~~~~~~~~~~~~~~ size the property image ~~~~~~~~~~~~~~~ */
.property-infowindow-image-print {
    max-width: 60mm;
    max-height: 60mm;
}


/* ~~~~~~~~~~~~~~~ table ~~~~~~~~~~~~~~~ */
table.table {
    margin-bottom: 2mm;
}

/* ~~~~~~~~~~~~~~~ table cells tds ~~~~~~~~~~~~~~~ */
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    border-top: 0;
    border-bottom: 0.5mm solid #999;
    line-height: 1.35;
}

.data-label {
    max-width: 44%;
    font-weight: 700;
}

.data-label, .data {
    font-size: 9pt;
}

td.data-label.pad-l {padding-left: 10px;}

table.table > tbody > tr > td.unit-title {
    background-color: #efefef !important;
}