/* CSS file for printing (for printed résumé webpage) */
/* Mar 2021 */

/* Src: */
/* https://flaviocopes.com/css-printing/ */

/* Note: To view page with print layout: Chrome > Dots > More tools > Rendering > "print" not "screen". */
/* For firefox, toggle the page icon ("Toggle print media simulation") above the CSS pane. */

@media print { 
    body { 
        font-size: 10px; 
    }
    main > h1 {
        text-align: center;
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 3px;
        font-weight: 500;
    }
    main > h2 {
        font-size: 13px;
        padding-top: 12px;
        padding-bottom: 3px;
        font-weight: 500;
    }
    main > h3 {
        font-size: 10px;
        padding-top: 10px;
        padding-bottom: 3px;
        font-weight: 300;
    }
    main > p {
        padding-top: 5px;
        padding-bottom: 3px;
    }
    ol, ul {
        margin-block-start: 3px;
        margin-block-end: 3px;
    }
    li {
        margin-bottom: 3px;
    }
    strong {
        font-weight: 500;
    }
    .center-upon-print {
        text-align: center;
    }
}

@media print
{    
    .no-print, .no-print *, #markdown-toc, .hamburger-menu, nav, header, footer
    {
        display: none !important;
    }
}

/* Don't underline links, looks weird in pdf */
/*@media print
{
    a:link {
      text-decoration: none;
    }
}
*/
/* Append the link after the <a> tag text */
/*@media print {
    a[href*='//']:after {
        content:" (" attr(href) ") ";
        color: $primary;
    }
}*/

/* internal links to be printed */
/*@media print {
    a:after {
        content:" (" attr(href) ") ";
        color: $primary;
    }
}*/

/* Page margins */
/* Note: can target first, left-hand, or right-hand pages with */
/* @page :first */
/* @page :left */
/* @page: right */
@page {
    margin-top: 0.5cm;
    margin-bottom: 0.5cm;
    margin-left: 2cm;
    margin-right: 2cm;
}

/* Page breaks */
/* Note: should use break-after, not page-break-after. */
.plz-page-break-after-me {
    page-break-after: always;
}

.plz-page-break-before-me {
    page-break-before: always;
}

/* More: https://developer.mozilla.org/en-US/docs/Web/CSS/break-after
Generic break values
break-after: auto;
break-after: avoid;
break-after: always;
break-after: all;

Page break values
break-after: avoid-page;
break-after: page;
break-after: left;
break-after: right;
break-after: recto;
break-after: verso;
*/


/* Avoid breaking images in the middle */
/* (literal tag like <p>, not class, may be reqd) */
.plz-no-page-break-me {
  page-break-inside: avoid;
}