/* Print styles */

@page {
  /* this affects the margin in the printer settings */
  margin: 15mm;
  /* https://stackoverflow.com/questions/1542320/margin-while-printing-html-page */
  size: auto; /* auto is the initial value */
}

/* Font adjusts for printing */
body {
  color: #111;
  font-size: 11pt;
  /* this affects the margin on the content before sending to printer */
  margin: 0;
}
h1 {
  color: #111 !important;
  font-size: 1.9rem !important;
}
h2 {
  color: #111 !important;
  font-size: 1.7rem !important;
}
h3 {
  color: #111 !important;
  font-size: 1.4rem !important;
}
h4 {
  color: #111 !important;
  font-size: 1.3rem !important;
}
h5 {
  color: #111 !important;
  font-size: 1.2rem !important;
}
h6 {
  color: #111 !important;
  font-size: 1rem !important;
}

/* Show link URLs, except for phone numbers, same page anchors, emails etc */
#content a:not([href^="tel"]):not([href^="#"]):not([href^="mailto"]):after {
  color: #353533;
  content: " (" attr(href) ") ";
  font-size: 0.8rem;
  font-weight: 400;
  word-wrap: break-word;
}

/* Make sure the main content is auto width */
.node-tpl {
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}

/* Hide what's not needed */
#search-wrapper,
#navigation-wrapper,
#breadcrumb,
#readspeaker_button,
.item-list .pager,
#footer-wrapper {
  display: none !important;
}

/* Standardise links */
a {
  color: #404040 !important;
  padding: 0 !important;
  text-align: left;
  text-decoration: underline !important;
  width: auto;
}
input[type="submit"] {
  color: #404040 !important;
  padding: 0;
  text-decoration: underline !important;
  width: auto;
}
/* Prevent orphaned headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  break-after: avoid;
}
/* Try to prevent some block elements from splitting between pages when printing - ignored by most browsers anyway */
h1,
h2,
h3,
h4,
h5,
h6,
th,
iframe {
  break-inside: avoid;
}