/* ==========================================================================
	 Print styles.
	 Inlined to avoid the additional HTTP request:
	 https://www.phpied.com/delay-loading-your-print-css/
	 ========================================================================== */
  
     @media print {
        *,
        *::before,
        *::after {
          background: var(--primaryWhite100) !important;
          color: var(--sharedDarkGrey100) !important;
          /* Black prints faster */
          box-shadow: none !important;
          text-shadow: none !important;
        }
        .progressBar,
                #contactBtn, 
                #homeBtn,
                #backUpBtn,
                #reachOut,
                header nav,
                .scrollyArrow {
                    display: none;
                }
    
            body.recipe {
                h2#recipe,
                #articleIntro,
                article,
                #tags,
                #tags + #next,
                img,
                #tocBtnContain,
                #tocBtn,
                .citation,
                #highlightedStepTips,
                footer small:last-of-type,
                #features,
                #hp-carosel,
                #subscribe,
                #subscribe + hr,
                #FAQ,
                #finalFAQ {
                    display: none;
                }
            }
        div.flag.tip {
            break-inside: avoid;
          }
        .printFullWidth {
            grid-column: span 12;
        }
        .printFullWidth, 
        h2,
        .intro, 
        h3 {
            text-align: left;
        }
        .quarterTopMargin,
        .eighthTopMargin,
        .tenthTopMargin {
            margin-top: 1rem !important;
        }
        .quarterBottomMargin,
        .eighthBottomMargin,
        .tenthBottomMargin {
            margin-bottom: 1rem !important;
        }
        .quarterTopPadding,
        .eighthTopPadding,
        .tenthTopPadding,
        h1 {
            padding-top: 1rem !important;
        }
        .quarterBottomPadding, 
        .eighthBottomPadding, 
        .tenthBottomPadding {
            padding-top: 1rem !important;
        }
        pre {
          white-space: pre-wrap !important;
        }
      
        pre,
        blockquote {
          border: 1px solid var(--sharedLightGrey100);
          page-break-inside: avoid;
        }
      
        /* Printing Tables:
         * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
         */
        thead {
          display: table-header-group;
        }
      
        tr,
        img {
          page-break-inside: avoid;
        }
      
        p,
        h2,
        h3 {
          orphans: 3;
          widows: 3;
        }
      
        h2,
        h3 {
          page-break-after: avoid;
        }
      }