/* // TODO: Complete print styles */

@media print {


  
  /* 
  
  I can't remember where these styles came from. They feel very opinionated.
  
  */
/* 
  // body {
  //   display: block;
  //   font-family: Georgia, serif;
  //   background: none;
  //   color: black;
  //   width: 100%;
  //   margin: 0;
  //   padding: 0;
  //   background: none;
  // } */



  /* 
  
  Other possible items to remove.
  
  */
/* 
  // Hide post comments by default
  
  // h2#postcomment {
  //   display: none;
  // }

  // The after pseudo-element has the href attribute of an anchor link?

  // .entry a:after {
  //   content: " [" attr(href) "] ";
  // }





/* 
  // From alexrmann.com

  // * {
  //   background: transparent !important;
  //   color: black !important;
  //   filter: none !important;
  //   -ms-filter: none !important;
  // }

  // {
  //   font-size: 12pt;
  //   max-width: 100%;
  //   outline: none;
  //   border: 0;
  // }

  // .headeranchor-link {
  //   display: none;
  // } */





  /* ==========================================================================

  Print styles from HTML5 Boilerplate.
  Inlined to avoid the additional HTTP request:
  https://www.phpied.com/delay-loading-your-print-css/

  ========================================================================== */


  /* ~~~~~~~~~~~~~~~~~~~~ */
  /* ~~~ PRINT RESETS ~~~ */
  /* ~~~~~~~~~~~~~~~~~~~~ */



  /* 
  
  Set the default print color scheme to black text on white background.
  
  Remove shadows by default.
  
  */

  *,
  *::before,
  *::after {
    
    /* Set colors */
    background: #fff !important;
    color: #000 !important; /* Black prints faster */

    /* Remove shadows */
    box-shadow: none !important;
    text-shadow: none !important;
    
  }

  /* TODO: Determine why font styles default to serif. */

  /* 
  
  Hide everything not in <main>. 
  
  From: https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/#testing-print-styles 
  
  */

  body > *:not(main) {
    display: none;
  }

  /*

  Or you can be more specific at the risk of some elements not being selected. Test before using.

  */
/* 
  // header,
  // footer,
  // aside,
  // nav,
  // form,
  // iframe,
  // .menu,
  // .hero,
  // .adslot {
  //   display: none;
  // } */





  /*
  
  Ensure links are visible.

  */

  a,
  a:visited {
    text-decoration: underline;
  }

  /* 
  
  Links can’t be clicked, so it can be beneficial to place their location in brackets proceeding them by using the href attribute with content. 
  
  From: https://piccalil.li/blog/printing-the-web-making-webpages-look-good-on-paper/#interaction
  
  */

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
  
  Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol.
  
  */

  /* // .ir a::after, (from alexrmann.com) */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: '';
  }





  pre {
    white-space: pre;
    white-space: pre-wrap !important;
    word-wrap: break-word;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .progress,
  .progress-bar {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .progress {
    border: 1px solid #ddd;
  }

  .progress-bar {
    height: 22px;
    border-right: 1px solid #ddd;
  }
}