/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */

.print-only {
  display: none;
}

@media print {
  h1,
  h2,
  h3,
  h4,
  h5 {
    page-break-after: avoid;
  }

  .print-only {
    display: block !important;
  }
  * {
    box-sizing: border-box;
  }

  /* Don't underline header */
  #site-name a:link,
  #site-name a:visited {
    text-decoration: none !important;
  }

  /* Add visible URL after links. */
  a[href]:after {
    display: none !important;
  }
  a {
    color: black !important;
    text-decoration: none !important;
  }

  #masthead-logo a[href]:after {
    content: "";
  }

  #masthead {
    /* height: 90px !important; */
    display: block !important;
  }

  /* Only display useful links. */
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    content: "";
  }

  /* Add visible title after abbreviations. */
  #content abbr[title]:after {
    content: " (" attr(title) ")";
  }

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

  @page {
    /* size: 8.5in 11in;
    margin: 0; */
  }

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

  /* Hide sidebars and nav elements */
  #skip-link,
  #toolbar,
  #navigation,
  #menu-secondary,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons,
  #footer,
  #site-header,
  #admin-menu,
  #nav-social,
  #user-box,
  .secondary-navigation-wrapper,
  .tabs-primary,
  .region-highlighted,
  .messages--error,
  .download-btn,
  .node-type-lesson-plan #masthead-logo,
  .ad-unit,
  #nav-actions {
    visibility: hidden;
    display: none !important;
  }

  .news-item {
    border-left: none !important;
  }

  /**
  * Making intergated videos disappear, and removing the iframes' whitespace to zero. 
  */
  .entry iframe,
  ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
  .embed-youtube,
  .embed-responsive {
    position: absolute;
    height: 0;
    overflow: hidden;
  }

  /* If you un-comment the "page { overflow-y: hidden; }" ruleset, Firefox clips
   the content after the first page. */
  #page {
    overflow-y: visible;
  }

  .lesson-plan-wrap {
    margin: 0 !important;
    /* border: 1px solid black; */
  }
  .lesson-plan .overview-section {
    background: #f5f0f5 !important;
  }
  .lesson-plan h1,
  .lesson-plan .lesson-plan-wrap h2,
  .lesson-plan .lesson-plan-wrap h2 b,
  .lesson-plan .lesson-plan-wrap h3,
  .lesson-plan .lesson-plan-wrap h3 strong {
    color: var(--purple) !important;
  }
  .lesson-plan .lesson-plan-wrap h3 strong {
    font-weight: 500;
  }
  .node-type-lesson-plan h2 {
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
  h1 {
    margin-bottom: 10px !important;
  }
  .lesson-plan-side-section {
    padding-top: 0;
    border-radius: 5px;
  }
  .logo-wrapper--as-schools {
    text-align: center;
  }
  /* Displaying link color and link behaviour */
  a:link,
  a:visited,
  a {
    background: transparent;
    text-align: left;
  }
  a {
    page-break-inside: avoid;
  }
  article a[href^="#"]:after {
    content: "";
  }
  a:not(:local-link):after {
    content: " < " attr(href) "> ";
  }
  .node-type-lesson-plan a {
    color: #097cb5 !important;
    text-decoration: underline !important;
  }
  * {
    box-sizing: border-box !important;
  }
  .row-fluid {
    width: 100% !important;
  }
  .row-fluid.lesson-plan-wrap {
    /* width: 80% !important; */
    display: block !important;
  }
  .row-fluid.lesson-plan-wrap .span8 {
    width: 60.95744680851064% !important;
    /* margin-right: 15px !important; */
    display: inline-block !important;
  }
  .row-fluid.lesson-plan-wrap .span4 {
    width: 36.914893617021278% !important;
    padding-left: 2% !important;
    display: inline-block !important;
    padding-top: 0 !important;
    vertical-align: top;
    height: 100%;
  }
  .news-trio {
    display: grid !important;
  }
} /* End @media print */