/* Horizons Realty — Single Property · PRINT stylesheet * Loaded with media="print" so LiteSpeed CSS optimization (UCSS / Combine) does NOT * strip these rules — it only processes screen CSS; media="print" sheets pass through. * Mirrors the @media print block still present in single-property.css (belt-and-suspenders). * @since 1.17.27 */ /* Kill the WP admin-bar gap and the fixed-nav padding reserved on (that reserved space was rendering as a near-blank first page). */ html { margin-top: 0 !important; } body { padding-top: 0 !important; margin-top: 0 !important; } /* Hide all site chrome: Houzez header wrappers + custom nav + footer + floats + admin bar. */ #wpadminbar, .hr-nav, .hr-nav-drawer, .hr-nav-overlay, .nav-mobile, .header-main-wrap, header.header-main-wrap, .hz-site-footer, .hr-totop, .hr-wa-float, .hr-float { display: none !important; } /* Reorder (print only) — scope to MAIN. The also carries .hz-page--single-property (theme body_class), so an unscoped selector would double the letterhead/footer and turn itself into a flex container. */ main.hz-page--single-property { display: flex !important; flex-direction: column !important; padding: 0 !important; margin: 0 !important; } .hz-sp__article, .hz-sp__container { display: contents !important; } .hz-sp__qfacts-item, .hz-sp__qfacts-label, .hz-sp__qfacts-value, .hz-sp__loc-meta, .hz-sp__loc-meta-id, .hz-sp__loc-meta-sep { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } .hz-sp__header { order: 1; } .hz-sp__metabar { order: 2; } .hz-sp__qfacts { order: 3; } .hz-sp__hero { order: 4; } .hz-sp__desc-section { order: 5; } .hz-sp__features-section { order: 6; } .hz-sp__plans-section { order: 7; } .hz-sp__agent-section { order: 8; } /* Letterhead (Completa) — serif brand line, not the site nav. */ main.hz-page--single-property::before { content: "Horizons Realty \00B7 Costa Rica"; order: 0; display: block; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 19px; letter-spacing: 1px; color: #1c2a32; padding: 2px 0 8px !important; margin: 0 0 8px !important; border-bottom: 1px solid #c9b079; } /* Meta-bar: keep price + status chips, drop the CTA buttons and the sticky styling. */ .hz-sp__metabar { position: static !important; background: none !important; box-shadow: none !important; border: 0 !important; border-top: 1px solid #e0ddd3 !important; border-bottom: 1px solid #e0ddd3 !important; padding: 9px 0 !important; margin: 8px 0 6px !important; } .hz-sp__metabar-ctas, .hz-sp__btn { display: none !important; } /* Quick facts: a row of bordered "cuadros" (the inner wrapper is block by default). */ .hz-sp__qfacts { display: block !important; margin: 0 0 4px !important; } .hz-sp__qfacts-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: space-between !important; gap: 6px !important; width: 100% !important; padding: 0 !important; } .hz-sp__qfacts-item { flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; border: 1px solid #e0ddd3 !important; border-radius: 5px !important; padding: 9px 4px !important; gap: 2px !important; page-break-inside: avoid; } /* Hide what doesn't print well or isn't this property's info. */ .hz-sp__hero-thumbs, .hz-sp__hero-arrow, .hz-sp__hero-count, .hz-sp__hero-viewall, .hz-sp__hero-video-marker, .hz-sp__video-section, .hz-sp__map-section, .hz-sp__calc-section, .hz-sp__similar-section, .hz-sp__similar-nav, .hz-sp__lightbox, .hz-sp__agent-form { display: none !important; } /* Gallery contact-sheet: main photo big (full width) + the rest in a 3-column grid. */ .hz-sp__hero { height: auto !important; margin: 6px 0 14px !important; } .hz-sp__hero-main { position: static !important; height: auto !important; overflow: visible !important; background: none !important; display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 5px !important; } .hz-sp__hero-slide { position: static !important; inset: auto !important; opacity: 1 !important; height: 150px !important; page-break-inside: avoid; cursor: default !important; } .hz-sp__hero-slide:first-child { grid-column: 1 / -1 !important; height: 300px !important; } .hz-sp__hero-slide img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* Description: force the clamp open and drop the fade overlay + "Leer mas" toggle. */ .hz-sp__desc, .hz-sp__desc.is-clamped { max-height: none !important; overflow: visible !important; -webkit-mask-image: none !important; mask-image: none !important; } .hz-sp__desc::after, .hz-sp__desc.is-clamped::after { display: none !important; content: none !important; } .hz-sp__desc-toggle { display: none !important; } /* Floor plans: show every plan (no tabs). */ .hz-sp__plans-tabs { display: none !important; } .hz-sp__plans-panel, .hz-sp__plans-panel[hidden] { display: block !important; } .hz-sp__plans-image img { max-width: 100% !important; height: auto !important; } /* Keep the short blocks from splitting; photos/long text may flow across pages. */ .hz-sp__header, .hz-sp__metabar, .hz-sp__agent-section { page-break-inside: avoid; } .hz-sp__agent-photo { max-width: 90px !important; height: auto !important; } /* Branded footer at the very end (Completa version). */ main.hz-page--single-property::after { content: "horizonsrealtycr.com"; order: 9; display: block; text-align: center; font-size: 10px; letter-spacing: 2px; color: #9a7b3f; margin-top: 16px; padding-top: 8px; border-top: 1px solid #e0ddd3; } /* MC (white-label for co-brokers): no letterhead, no agent, no website footer. */ body.hz-print-mc main.hz-page--single-property::before { display: none !important; content: none !important; } body.hz-print-mc main.hz-page--single-property::after { display: none !important; content: none !important; } body.hz-print-mc .hz-sp__agent-section { display: none !important; }