/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
@media print {
  a:link,
  a:visited {
    /* underline all links */
    text-decoration: none;
  }
  #site-name a:link, #site-name
  a:visited {
    /* Don't underline header */
    text-decoration: none !important;
  }

  #content a[href]:after {
    /* Add visible URL after links. */
    content: " ( " attr(href) " )";
    font-weight: normal;
    font-size: 10px;
    display: inline-block;
    margin: 0 10px;
    text-decoration: none !important;
    color: #666;
  }
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /* Only display useful links. */
    content: "";
  }
  #content a[href^="#"] {
    text-decoration: none !important;
    border-bottom: none;
  }
  #content abbr[title]:after {
    /* Add visible title after abbreviations. */
    content: " (" attr(title) ")";
  }

  #content {
    /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body,
  #page,
  #main,
  #content,
  * {
    /* Turn off any background colors or images */
    color: #000 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: #000 !important;
  }

  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second .block,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none;
  }

  h1, h2, h3, h4, h5, h6 {
    text-transform: capitalize;
    margin-bottom: 10px;
  }
  h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
    display: none;
  }

  .collapseText-content,
  .accordion-content,
  #block-historyhub-node-references {
    display: block !important;
    visibility: visible !important;
  }

  .view-node-media,
  .view-related-stories,
  .button,
  .nav-item,
  a.menu,
  .header-banner,
  .milestones {
    display: none !important;
  }

  .accordion-body,
  .details {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .logo {
    top: 0;
    left: 0;
  }
  .logo:after, .logo:before {
    display: none !important;
  }
  .logo i {
    font-size: 300px !important;
    line-height: 80px !important;
    margin-left: 10px;
  }

  .header-thumbnail {
    top: 145px;
    left: 30px;
  }
  .header-thumbnail:before, .header-thumbnail:after {
    display: none;
  }

  .content-header {
    height: 310px !important;
    margin-bottom: 20px;
  }

  .leaflet-container {
    overflow: hidden !important;
    height: 400px !important;
    margin-bottom: 20px;
    margin-left: 30px;
  }

  .sidebar-second .region-sidebar-second {
    clear: both;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
  }
  .sidebar-second .region-sidebar-second a[href]:after {
    /* Add visible URL after links. */
    content: " ( " attr(href) " )";
    font-weight: normal;
    font-size: 10px;
    display: block;
    text-decoration: none !important;
    margin-top: 3px;
    color: #666;
  }
}
/* End @media print */
