/*
  Shared print rules for Colors With Glenn.

  Current behavior:
  - Browser/screen display is unchanged.
  - Print output shows only a simple message:
    "This page cannot be printed!"

  Reusable classes for later:
  - .no-print: hide this element when printing.
  - .print-only: hide this element on screen; show it only for print output.
  - .print-area: future hook for content that may be allowed to print later.
*/

.print-only {
  display: none !important;
}

@media print {
  @page {
    size: letter portrait;
    margin: 0.75in;
  }

  body,
  html {
    background: #ffffff !important;
  }

  body * {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .print-only * {
    display: initial !important;
  }

  .print-message {
    margin: 2in auto 0 auto;
    max-width: 7in;
    color: #000000 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24pt;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
  }

  .no-print {
    display: none !important;
  }

  /*
    Future use:
    When a page should have printable content, put that content inside
    an element with class="print-area" and adjust these rules to reveal it.
  */
}