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

/* Hide things ___________________ */

.wp-template, .header, .header__nav, .nav--footer, footer { display: none; }

.page-template-all-people .header__wrapper, .page-template-all-people .section--header { 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; }


/* Avoid page breaks  ________________________________________________________ */


.page-template-all-people .person { page-break-inside: avoid; }




@page {
  size: A4 portrait;
}

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

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

@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;}