/* Set the font to Arial. Metropolis looks good on screen but I thought it looked a bit Fisher-Price on a printed document */
body { font-family: Arial }
/* Stop paragraphs splitting across pages */
p { page-break-inside: avoid }
/* Start a new page for a new section */
.section { page-break-before: always }
/* Don't put a header at the end of a page without its content */
.header { page-break-after: avoid }
/* Hide header and footer for print */
.container-fluid.bg-dark { display: none }
/* Re-implement a couple of Bootstrap classes here because we ignore Bootstrap for print */
.font-weight-bold { font-weight: bold }
.text-justify { text-align: justify }
.w-100 { width: 100% }
.text-right { text-align: right }
.border { border-style: solid; border-width: thin; }
.mt-3 .my-3 { margin-top: 1rem; }
.mb-3 .my-3 { margin-bottom: 1rem; }
/* Make the links look more appropriate for print */
a { color: #00a89c; text-decoration: none; }

@page{
  size: A4;
  margin: 2cm;
  
  @bottom-left{
    font-family: Arial;
    font-size: 8.5pt;
    content: "\00a9\00a0PPL 2022";
  }

  @bottom-center{
    font-family: Arial;
    font-size: 8.5pt;
    content: counter(page) " of " counter(pages);
  }

  @bottom-right{
    font-family: Arial;
    font-size: 8.5pt;
    content: "Confidential";
  }
}