@media print {
  

  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }


  body {
    margin: 0;
    padding: 0;
    font: 12pt/1.4 Georgia, "Times New Roman", serif;
  }


  .container, .wrapper, main {
    width: 100%;
    margin: 0;
    padding: 0;
  }


  h1 {
    font-size: 24pt;
    margin: 20pt 0 10pt 0;
  }

  h2 {
    font-size: 18pt;
    margin: 15pt 0 8pt 0;
  }

  h3 {
    font-size: 14pt;
    margin: 12pt 0 6pt 0;
  }


  p {
    margin: 0 0 6pt 0;
    line-height: 1.3;
    orphans: 3;
    widows: 3;
  }


  a {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 90%;
  }


  a[href^="#"]::after,
  a[href^="javascript"]::after {
    content: "";
  }


  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }


  table {
    border-collapse: collapse;
    width: 100%;
    margin: 10pt 0;
  }

  th, td {
    border: 1px solid #ccc;
    padding: 6pt;
    text-align: left;
  }


  ul, ol {
    margin: 6pt 0;
    padding-left: 20pt;
  }

  li {
    margin: 3pt 0;
  }


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

  p, blockquote, ul, ol, dl, table {
    page-break-inside: avoid;
  }


  .no-print, 
  .print-hide,
  header:not(.print-header),
  footer:not(.print-footer),
  nav,
  .sidebar,
  .advertisement,
  .social-buttons,
  .comments,
  button,
  .btn,
  .navigation {
    display: none !important;
  }


  .print-only {
    display: block !important;
  }


  figcaption, .caption {
    font-size: 10pt;
    font-style: italic;
    margin: 3pt 0;
  }


  blockquote {
    margin: 10pt 20pt;
    padding: 5pt;
    border-left: 2pt solid #ccc;
    font-style: italic;
  }


  pre, code {
    font-family: "Courier New", monospace;
    font-size: 10pt;
    border: 1px solid #ddd;
    padding: 3pt;
    white-space: pre-wrap;
  }


  @page {
    margin: 2cm;
    
    @bottom-center {
      content: counter(page);
    }
    
    @top-right {
      content: string(title);
    }
  }


  .page-number::after {
    content: counter(page);
  }


  .print-url::after {
    content: "URL: " attr(data-url);
    font-size: 9pt;
    color: #666;
  }
}


@media print and (orientation: portrait) {

  body {
    width: 100%;
  }
}

@media print and (orientation: landscape) {

  body {
    width: 100%;
  }
}