/*
Adding print support. The print styles are based on the the great work of
Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Margins & paddings
# Typography
# Page breaks
# Links
# Visibility
--------------------------------------------------------------*/

@media print {
  /* Margins & paddings */
  @page {
    size: landscape;
    margin: 0;
    margin: 20mm 0;
  }

  #nav-top, .more-details, #navbarBottom {
    display: none !important;
  }

  html,
  body {
    width: 297mm !important;
    height: 210mm !important;
  }

  body {
    color: #000;
  }

  /* Page breaks */
  a,
  blockquote,
  table,
  pre,
  figure {
    page-break-inside: avoid;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  img {
    page-break-after: avoid;
    page-break-inside: avoid;
  }

  ul,
  ol,
  dl {
    page-break-before: avoid;
  }

  /* Links */
  a:link,
  a:visited,
  a {
    background: transparent;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }

  a[href^='http']:after {
    content: ' < ' attr(href) '> ';
  }

  a:after > img {
    content: '';
  }
}