/*
 * Print styles.
 *
 * Loaded with media="print", so nothing in here can affect the screen.
 *
 * The aim is the article and nothing else: no navigation, no sidebar, no
 * sharing controls, no advertising. Readers print an article to read or file
 * it, and everything else is wasted ink.
 */

@media print {

    /* ---------- Ink and colour ---------- */

    *,
    *:before,
    *:after {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
        line-height: 1.5;
    }

    /* ---------- Chrome that should never print ---------- */

    .ht-top-header,
    .ht-middle-header,
    .ht-main-navigation,
    .ht-site-navigation,
    .ht-site-nav,
    .ht-header-social-icons,
    .ht-header-widget,
    .ht-header-bttn,
    .ht-offcanvas-nav,
    .ht-offcanvas-sidebar,
    .ht-offcanvas-sidebar-modal,
    .ht-offcanvas-sidebar-wrapper,
    .ht-site-footer,
    .ht-main-footer,
    .ht-top-footer,
    .ht-bottom-footer,
    .ht-bottom-top-footer,
    .ht-site-info,
    #ht-colophon,
    #ht-back-top,
    #ht-preloader-wrap,
    .ht-social-share,
    .viral-pro-related-post,
    .viral-pro-related-post-wrap,
    .ht-breadcrumb,
    .breadcrumb-trail,
    #comments,
    .comments-area,
    .comment-respond,
    .widget-area,
    .ht-sidebar,
    aside.widget-area,
    .viral-pro-ad,
    .ht-ticker-wrap,
    .ht-reading-progress,
    form.search-form,
    .navigation.post-navigation,
    .navigation.posts-navigation,
    .page-links {
        display: none !important;
    }

    /* ---------- Give the article the full page ---------- */

    #ht-page,
    #ht-content,
    .ht-site-wrapper,
    .ht-site-content,
    .ht-main-content,
    .ht-container,
    .content-area,
    #primary,
    .site-main {
        display: block !important;
        float: none !important;
        margin: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* ---------- Links ---------- */

    a,
    a:visited {
        text-decoration: underline;
    }

    /*
     *  A printed link is useless without its destination, so write the href
     *  out beside it. Fragments and javascript: links have nothing worth
     *  showing, and links whose text is already the url would just repeat.
     */
    .entry-content a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 90%;
        word-wrap: break-word;
    }

    .entry-content a[href^="#"]:after,
    .entry-content a[href^="javascript:"]:after {
        content: "";
    }

    /* ---------- Media ---------- */

    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    figure,
    blockquote,
    pre,
    table {
        page-break-inside: avoid;
    }

    /* An embedded video is a blank box on paper. */
    iframe,
    video,
    audio,
    .wp-block-embed__wrapper {
        display: none !important;
    }

    /* ---------- Typography and pagination ---------- */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    h1 {
        font-size: 20pt;
    }

    h2 {
        font-size: 16pt;
    }

    h3 {
        font-size: 14pt;
    }

    p,
    li {
        orphans: 3;
        widows: 3;
    }

    .entry-title {
        margin-bottom: 6pt;
    }

    /* Keep the byline and date, they are part of the record. */
    .entry-meta {
        font-size: 10pt;
        margin-bottom: 12pt;
    }

    @page {
        margin: 2cm;
    }

}

/*
 * The table of contents is navigation, and anchors are meaningless on paper.
 */
@media print {

    .viral-pro-toc {
        display: none !important;
    }

}