/*

Reference: http://www.smashingmagazine.com/2015/01/07/designing-for-print-with-css/

*/

img { display: block; }

/* Hide things ___________________ */

#menu, #footer, #shiftnav-toggle-main, .shiftnav, header.contain-to-grid, .sidebar { display: none; }

/* Show things _____________________ */

.show-for-print { display: block !important; }

#printheader { font-size: 36px; font-weight: bold; }

/* Change things _________________ */

.columns.credits { float: left; text-align: left; }



@page {
  size: A4 landscape;
}

@page :left {
  margin-left: 3cm;
}

@page :right {
  margin-left: 3cm;
}

@page :first {

}

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

table, figure {
  page-break-inside: avoid;
}

/* Add title and page numbering to header and footer */

@page:right{
  @bottom-right {
     content: "Page " counter(page) " of " counter(pages);
  }
}

@page:left{
  @bottom-left {
     content: "Page " counter(page) " of " counter(pages);
  }
}

h1 { 
  string-set: doctitle content(); 
}

@page :right {
  @top-right {
    content: string(doctitle);
    margin: 30pt 0 10pt 0;
    font-size: 8pt;
  }
}


/* Hyperlinks: stop Foundation printing out the URLs */

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}