/*------------------------------------*\
    
    Global Print CSS

    You can include block or page specific print styling within its respective CSS stylesheet

\*------------------------------------*/


/**
  * Print CSS
  */

  @media print {

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

    h2,
    h3 {
        /* Avoid a paragraph being detached from the heading immediately preceding it */
        page-break-after: avoid;
    }

    figure,
    table {
        /* Avoid breaking figure or table into 2 pages */
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    p {
        /* Prevent single line at the end of a page and a single line at the top the next page */
        orphans: 2;
        widows: 2;
    }


    /* Grid Styling */

    .container {
        width: auto;
    }

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }


    /* Print Styling for blog homepage and blog post */
    .blog-post__sidebar,
    .desktop-menu__right,
    .masthead__img,
    .page-footer,
    .breadcrumbs,
    .blog .blog-post__img-container,
    .archive .blog-post__img-container,
    .blog-post__link,
    .blog-listing__pagination,
    /* .mobile-menu, */
    .social-share-row,
    .btn-nav,
    .ubermenu-responsive-toggle {
        display: none !important;
    }

    .single .masthead,
    .blog .masthead,
    .archive .masthead,
    .single .blog-listing-container,
    .blog .blog-listing-container,
    .archive .blog-listing-container,
    .blog-listing [class*="col-"] {
        margin-bottom: 0px;
    }

    .single .masthead,
    .blog .masthead,
    .archive .masthead {
        padding-top: 0;
        padding-bottom: 0;
    }

    .blog .blog-listing,
    .archive .blog-listing {
        margin-top: 0px;
    }

    .blog .blog-post__item,
    .archive .blog-post__item {
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
    }

    .blog-post__content-container {
        padding-left: 0;
    }

    .retina-logo img {
        display: block !important;
    }

    .mobile-menu {
        justify-content: center !important;
        margin-top: 20px !important;
    }
}