@media print {

  * {
    text-align: left;
    align-items: left;
    justify-content: left;
    border: 0;
    box-shadow: none;
  }

  @page {margin: 2cm;}

  html, body, .container, .bread, .sitemap {
    width: 100%;
    float: none;
    border: 0;
    box-shadow: none;
    background-color: #fff !important;
    color: var(--clr-grayscale-800);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);

    /* Page breaks */

    h1, h2, h3, h4, h5, h6 {page-break-after: avoid; page-break-inside: avoid;}
    a, blockquote {page-break-inside: avoid; word-break: avoid;}
    img {page-break-inside: avoid; page-break-after: avoid;}
    table, pre {page-break-inside: avoid;}
    ul, ol, dl {page-break-before: avoid;}
    li, ul {word-break: normal;}

    /* Headers and text */

    h1 {color: var(--clr-grayscale-600); font-size: 38pt;}
    h2 {color: var(--clr-grayscale-700); font-size: 22pt;}
    h3 {color: var(--clr-grayscale-700); font-size: 14pt;}
    h4 {color: var(--clr-grayscale-800); font-size: 13pt;}
    h5 {color: var(--clr-grayscale-800); font-size: 12pt;}
    p {color: var(--clr-grayscale-800); font-size: 12pt;}
    small {color: var(--clr-grayscale-800); font-size: 12pt;}
    hr {color: var(--clr-grayscale-700);}

    h3 {
      a {font-size: 14pt;}
    }

    /* Links */

    a, a:visited {
      color: var(--clr-grayscale-800);
      text-decoration: underline;
    }
    a[href^=https]::after {
      content: " [" attr(href) "]";
      color: var(--clr-grayscale-600);
      font-weight: normal;
      text-decoration: none;
    }

    /* Lists */

    ul, ol {word-break: normal;}
    ul {list-style-type: disc;}
    ol {list-style-type: decimal;}
  }

  .sitemap {word-break: break-all;}

  /* Hide from print */

  header, nav, footer, .socialmedia, input, button {display: none !important;}
}