@media print {
  body {
  color: #000;
  background: #fff;
  font: 13pt Tahoma, Geneva, sans-serif;
  line-height: 1.5;
  }
#content { width: 100%; margin: 0; float: none; }
  header, #footerContainer, #s-lib-footer-login-link, #s-lib-footer-support-link, #s-lg-guide-print-url, div#s-lib-scroll-top {
    display: none!important;
}
body:after {
   display: block;
   content: "Thank you for visiting the Ray Howard Library website. Reach us by email at Library@Shoreline.edu";
   margin-bottom: 15px;
   border: 1px solid #bbb;
   padding: 5px 8px;
   font-style: italic;
}
img {
   max-width: 100% !important;
}
h1, h2, h3, h4, h5, h6 {
  page-break-after:avoid;
  page-break-inside:avoid
}
 
img {
  page-break-inside:avoid;
  page-break-after:avoid;
}
 
blockquote, table, pre {
  page-break-inside:avoid
} 
 
ul, ol, dl {
  page-break-before:avoid
}

 
body, article {
  width: 100%;
  margin: 0;
  padding: 0;
}
ul {
  page-break-inside: avoid;
}
article {
  page-break-before: always;
}
/**
 * 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;
}
a:link:after { content: " (" attr(href) ") "; }

}
/* hamburger menu */

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
