with a real
![]()
is injected
* just inside in _layout.html, hidden on screen via .print-only.
*/
/* =====================================================================
1. Page geometry
===================================================================== */
@page {
margin: 2cm;
}
/* =====================================================================
2. Global reset (H5BP baseline)
===================================================================== */
*,
*::before,
*::after {
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
body {
font-family: "urw-form", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-size: 12pt;
line-height: 1.5;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
/* =====================================================================
3. Hide non-content elements
===================================================================== */
header,
footer,
nav,
aside,
#section-nav,
#drawer-mobile-nav,
#login,
#grid,
.smartbanner,
.hamburger-container,
.alert-dismissible,
.dropdown-content,
.dropdown-container,
.modal,
#defaultModal,
.slick-dots,
.slick-nav,
.slick-prev,
.slick-next,
.legacy,
.noscript,
noscript,
form[role="search"],
.btn-return,
.btn-proceed,
[data-dismiss],
.ctct-inline-form,
.ctct-form-embed,
#usercentrics-cmp,
[id*="markerConfig"],
iframe,
video,
audio,
object,
embed,
#home-hero-wrapper,
#home-quote-slider,
img[src*="frg-pattern"],
img[src*="Mortgage-graphic"],
.slick-cloned,
input[type="checkbox"],
.btn,
.btn-primary,
.btn-success,
.btn-default,
[data-compare],
.compare-bar,
#quickLinks,
label.compare {
display: none !important;
}
/* Hero banners — collapse to auto height, strip background photo */
.hero {
background-image: none !important;
background: transparent !important;
height: auto !important;
min-height: 0 !important;
padding: 8pt 0 !important;
}
/* Staging environment banner (inline-styled, so attribute selector) */
body > div[style*="position:fixed"][style*="bottom:0"] {
display: none !important;
}
/* =====================================================================
4. Print header & footer — fixed, repeats on every printed page
===================================================================== */
/* --- Header (static, appears once at top of document) --- */
.print-header {
display: block !important;
padding-bottom: 8pt;
margin-bottom: 12pt;
border-bottom: 0.5pt solid #ccc !important;
}
.print-header img {
width: 140px;
height: auto;
}
.print-header .print-meta {
font-size: 7.5pt;
color: #999 !important;
margin-top: 2pt;
letter-spacing: 0.02em;
}
/* --- Footer (static, appears once at bottom of document) --- */
.print-footer {
display: block !important;
margin-top: 20pt;
}
.print-footer-inner {
display: flex !important;
align-items: center;
gap: 10pt;
border-top: 0.5pt solid #ccc !important;
padding-top: 8pt;
}
.print-footer-inner img {
width: 80px;
height: auto;
opacity: 0.6;
}
.print-footer-url {
font-size: 7pt;
color: #999 !important;
letter-spacing: 0.01em;
}
/* =====================================================================
5. Typography
===================================================================== */
h1, h2, h3, h4, h5, h6 {
font-family: "urw-form", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
font-weight: 700;
letter-spacing: -0.01em;
page-break-after: avoid;
break-after: avoid;
}
h1 {
font-size: 24pt;
line-height: 1.15;
margin: 20pt 0 10pt;
padding-bottom: 6pt;
border-bottom: 1.5pt solid #000 !important;
}
h2 {
font-size: 18pt;
line-height: 1.2;
margin: 16pt 0 6pt;
padding-bottom: 4pt;
border-bottom: 0.5pt solid #ccc !important;
}
h3 {
font-size: 14pt;
line-height: 1.3;
margin: 12pt 0 4pt;
font-weight: 600;
}
h4 {
font-size: 12pt;
line-height: 1.4;
margin: 10pt 0 4pt;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
}
p, h2, h3, h4, li, dt, dd {
orphans: 3;
widows: 3;
}
blockquote {
border-left: 2pt solid #999 !important;
padding-left: 10pt;
margin: 8pt 0;
page-break-inside: avoid;
break-inside: avoid;
}
pre, code {
font-family: "Courier New", Courier, monospace;
font-size: 10pt;
}
pre {
border: 0.5pt solid #999 !important;
padding: 8pt;
page-break-inside: avoid;
break-inside: avoid;
white-space: pre-wrap;
word-wrap: break-word;
}
/* =====================================================================
6. Links — external URLs only, clean formatting
===================================================================== */
a, a:visited {
text-decoration: none;
}
/* Show URL for off-site links only */
a[href^="http"]::after,
a[href^="//"]::after {
content: " (" attr(href) ")";
font-size: 80%;
font-weight: normal;
font-style: italic;
word-break: break-all;
}
/* Suppress URL for same-domain links (redundant on a printout) */
a[href*="byronbank.com"]::after,
a[href*="ddev.site"]::after {
content: "" !important;
}
/* Never show URL for tel/mailto/anchor/js — the visible text IS the info */
a[href^="#"]::after,
a[href^="javascript"]::after,
a[href^="tel"]::after,
a[href^="mailto"]::after,
a[data-href]::after {
content: "" !important;
}
/* Expand abbreviation titles in print */
abbr[title]::after {
content: " (" attr(title) ")";
font-size: 80%;
}
/* =====================================================================
7. Images
===================================================================== */
img {
max-width: 50% !important;
page-break-inside: avoid;
break-inside: avoid;
}
/* Strip decorative/background SVGs and spacers */
img[src*="icon-"],
img[src$=".svg"]:not([alt]) {
display: none !important;
}
/* =====================================================================
8. Tables (rates, hours, fee schedules)
===================================================================== */
table {
border-collapse: collapse;
width: 100%;
page-break-inside: auto;
font-size: 11pt;
}
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
tr {
page-break-inside: avoid;
break-inside: avoid;
}
th {
font-weight: bold;
border-bottom: 1pt solid #000 !important;
padding: 4pt 6pt;
text-align: left;
}
td {
border-bottom: 0.5pt solid #ccc !important;
padding: 4pt 6pt;
text-align: left;
}
/* =====================================================================
9. Layout normalization
===================================================================== */
.fixed,
[class*="fixed"] {
position: static !important;
}
.overflow-hidden {
overflow: visible !important;
}
/* Flatten containers */
.container,
.2xl\:container,
[class*="container"] {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Grid → single column for readability */
[class*="grid-cols"] {
display: block !important;
}
/* Strip colored backgrounds on sections (but keep structure) */
[class*="bg-blue"],
[class*="bg-gray"] {
background: transparent !important;
}
/* =====================================================================
10. Slick carousel — show active slide only (not all clones)
===================================================================== */
.slick-track {
width: auto !important;
transform: none !important;
}
.slick-slide {
display: none !important;
}
.slick-slide.slick-active {
display: block !important;
width: auto !important;
float: none !important;
position: static !important;
}
/* =====================================================================
11. Page-break utilities (for use in templates)
===================================================================== */
.page-break-before,
.print-break-before {
page-break-before: always;
break-before: page;
}
.page-break-after,
.print-break-after {
page-break-after: always;
break-after: page;
}
.no-page-break,
.print-keep-together {
page-break-inside: avoid;
break-inside: avoid;
}
/* =====================================================================
12. Visibility toggles
===================================================================== */
.print-only {
display: block !important;
}
.no-print,
.screen-only {
display: none !important;
}