/*Part 2 Print styling*/
/*- Hide irrelevant information
  - Change page layout
  - Overriding styles intended for screen display (font size and type scale)
  - Adding Hyphenation, margin, URL and page break
*/

@media print {
    /*Hiding irrelevant information*/
    nav {
        display: none;
    }
    article .nested1 aside {
        display: none;
    }
    /*Change page layout*/
    .header, .article, .footer {
        display: block;
    }
    .header {
        text-align: center;
    }

    /*Make print version to be 2 columns*/
    .wrapper {
        width: auto;
        margin: auto;
        columns: 2;
    }
    .wrapper img{
      width: 50%;
    }
    .sidebar img {
      width: 50%;
    }

    /*Make page break*/
    .pagebreak {
        page-break-after: always;
    }
    /*Overriding styles intended for screen display (font size and type scale)*/
    :root {
        --base-size: 10px;
        --type-scale:1.125;
      
    /*Adding Hyphenation*/
    body {
        font-family: "Delius", Helvetica, sans-serif;
        margin: 0;
        padding: 0;
        --webkit-hyphens: auto;
        --moz-hyphen: auto;
        hyphens: auto;
    }
  
    /*So, the general page margin will be 0.5 inhes
      However, when making a hole punch to make a book:
      - the left page will have 2" of margin
      - the right page will have 2" of margin;*/
    @page {
        margin: 0.5in;
    }
    @page: left {
        margin-right: 2in;
    }
    @page: right {
        margin-left:2in;   
    }
  
    /*Display URL for social media links*/
    
    footer,
    footer a {
        background-color: white;
        color: black;
        display: inline-block;
    }
    footer a::after {
        content: attr(href);
    }
   /* a[href]::after {
      content: " (" attr(href) ")";
      font-size: var(--base-size);
    }
    .social a[href] {
      display: block;
      margin-bottom: 0.25in;
    }*/
  }