/* set margins */
@media print {
    @page { margin: 1.5cm; }
}

/* force background colours if possible */
@media print and (color) {
   * {  -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* turn off elements */
nav, .sticky-car-header, header .slogan, header .contact, .mobileonly, a.back, .help, .detail .side, .detail .summary, .r-tabs-anchor, .listing .side,
.moreinfo .ctas > div, .button, .panel.recent.similar, .flexslider, .r-tabs-nav, .panel.locations h2, .ctas .badge, .panel.locations, .title.tablet-portrait-only-show,
.sort, .pagination, .noprint, section.search, .content.home .badge, .slick-slider button, .panel.locations.home .item .map,
.contentwrapper .content .columns .side, .tooltip_templates #finance, #alert, .panel h1, body.page-template-template-detail .panel.locations,
.listing .item .comparison, .detail .side .comparison { display: none !important; }
.printonly {  display: block !important; }

/*global */
body { font: 300 12px/1.3 'Roboto', sans-serif; color: #404041; overflow-x: hidden; width: 100%; margin: 0; padding: 0; }
img { max-width: 100% !important; height: auto !important; }
ul, img { page-break-inside: avoid; }
h1, h2, h3, h4, h5 { font-weight: 300; text-transform: uppercase; page-break-after: avoid; }
strong { font-weight: 700; }
table { border-collapse: collapse; border: 0; }
table td, table th { padding: 6px 10px; border-bottom: 1px solid #ddd; }
table th { text-align: left; font-weight: 500; color: #fff; background-color: #404041; white-space: nowrap; }
table tbody tr:nth-child(odd) td { background: #e7f6f5; }
.responsivetable { width: 100%; overflow-x: auto; }
.responsivetable table { width: 100%; }
.note { font-size: 9px; }
header { width: 100%; text-align: center; padding: 0 0 30px 0; }
header .logo { width: 120px; float: left; }
header .badge { float: right; width: 140px; }
footer { border-top: 1px solid #ddd; margin-top: 20px; padding: 15px 0 0; font-size: 12px; line-height: 1.6; text-align: center; }
#finance { display: block; font-size: 9px; line-height: 1.4; text-align: center; }
.title h1 { font-size: 26px; margin-bottom: 15px; }
.title .heading p { margin: -15px 0 20px; }
.tooltip_templates #budget,
.tooltip_templates #govtcharges { margin-top: 15px; display: block; font-size: 10px; line-height: 12px; text-align: center; }
.tooltip_templates .printonly { display: inline-block !important; }

/* general content */
.content h1, .content h2, .content h3, .content h4, .content h5, .content p,
.content ul, .content ol, .content table, .content form, .content hr { margin: 0 0 15px; }
.content p:last-child { margin-bottom: 0; }
.content h1, .title h1 { font-size: 34px; }
.content h2 { font-size: 30px; }
.content h3 { font-size: 26px; }
.content h4 { font-size: 22px; }
.content a { color: #404041; text-decoration: none; }
.content hr { border: 0; border-bottom: 1px solid rgba(0,0,0,.1); height: 1px; }
.content ul, .content ol { list-style: disc; margin-left: 30px; }
.content ol { list-style: decimal; }


/* detail */
.cardetails { margin-bottom: 25px; background: #404041; }
.cardetails .carimage { float: left; width: 65%; line-height: 0; }
.cardetails .carimage img { width: 100%; height: auto; }
.cardetails .carinfo { float: left; width: 32%; padding: 10px 0 0 3%; color: #fff; }
.cardetails .carinfo .price { font-size: 22px; font-weight: 700; }
.cardetails .carinfo .finance { font-size: 22px; font-weight: 700; }
.cardetails .carinfo .govt { margin-bottom: 15px; }
.cardetails .carinfo .hours strong { display: inline-block; width: 65px; }
.cardetails .carinfo .phone a { text-decoration: none; color: #00a69c; display: block; padding: 15px 0; font-size: 22px; font-weight: 700; }
.r-tabs-panel { min-height: 1px !important; padding-bottom: 30px; }
.tabs .content { float: left; width: 48%; margin-left: 4%; }
.tabs .content#summary { margin-left: 0%; }

/* listing */
.listing .item { clear: both; border-bottom: 1px solid #eee; }
.listing .item .image { float: left; width: 50%; padding-bottom: 30px; padding-top: 30px; }
.listing .item .info { float: left; width: 47%; padding-left: 3%; padding-top: 25px; }
.listing .item a { text-decoration: none; color: #404041; }
.listing .item h3 { font-size: 18px; margin-bottom: 12px; }
.listing .item .meta { margin: 12px 0; }
.listing .item .price { font-size: 16px; font-weight: 700; }
.listing .item .finance { font-size: 16px; font-weight: 700; }
.listing .item .contact { font-weight: 700; }

.listing .item .finance .printonly,
.cardetails .carinfo .finance .printonly { display: inline-block !important; }

/* homepage */
.banner .heading { margin-bottom: 30px; text-align: center; }
.banner h2 { font-size: 26px; }
.slick-track { width: 100% !important; transform: none !important; }
.panel.recent h2 { font-size: 18px; margin-bottom: 15px; }
.listing .slick-track .item { width: 49% !important; float: left !important; clear: none; height: 160px; border: 0; margin-left: 1%; }
.listing .slick-track .item:firt-child,
.listing .slick-track .item:nth-child(2n + 1) { margin-left: 0; }
.listing .slick-track .item h3 { font-size: 14px; height: auto !important; margin-bottom: 5px; margin-top: 15px; }
.listing .slick-track .item .info { padding-top: 15px; }
.content.home { padding: 30px 0 5px; text-align: center; }
.content.home a { color: inherit; text-decoration: none; }
section.ctas { border-bottom: 1px solid #eee; }
section.ctas > div > div { text-align: center; width: 28%; padding: 50px 2%; float: left; margin-left: 2%; }
section.ctas > div > div:first-child { margin-left: 0; }
section.ctas img.icon { width: 100px; }
section.ctas h2 { font-weight: 700; font-size: 16px; margin-bottom: 10px; height: auto !important; }
section.ctas h2 a { text-decoration: none; color: #404041; }
.visitwebsite { width: 100%; padding: 30px 0; text-align: center; background: #e7f6f5; font-size: 30px; color: #00a69c; line-height: 1; margin-bottom: 30px; }
.panel.locations { display: block !important; padding: 30px 0; }
.panel.locations .item { float: left; width: 32%; margin-left: 2%; }
.panel.locations .item:first-child { margin-left: 0; }
.panel.locations .item .info h3 { margin-bottom: 15px; text-transform: none; }
.panel.locations .item .info h3 strong { text-transform: uppercase; }
.panel.locations .item .info > div { margin-bottom: 15px; position: relative; }
.panel.locations .item .info .phone a { text-decoration: none; color: #00a69c; font-size: 18px; }
.panel.locations .item .info .phone a strong { font-weight: 300; }
.panel.locations .item .info > div.hours strong { display: inline-block; width: 70px; }