/**
 * Print stylesheet for Titebond.com
* @version         1.0
* @lastmodified    22.03.2018
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,600');


body {margin-top:20px;

}

h1, h2 {
    font-size: 24pt; font-family: 'Oswald', sans-serif;
}

h2, h3, h4 {
    font-size: 18pt;
    margin-top: 25px; 
}

.circle, .circle-lg, .circle-profile, .circle-icon { border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle; text-align:center;margin-right:10px; }

.circle { width: 42px; height: 42px;}

.circle-icon { width: 36px; height: 36px; padding-top:4px;}

.circle-profile { position:absolute; top:55px; left:10px; width: 42px; height: 42px;}

.circle-lg { width: 48px; height: 48px; padding-top:13px;}

.circle-sm {position:absolute; top:8px; right:10px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; text-align:center;padding-top:7px}

.circle-xl {border-radius: 50%;width: 160px;position: absolute;height: 160px;top:15px;left:50%;margin-left:-77px;}

.circle-i {position:absolute; top:9px; right:28px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; display: inline-block; text-align:center;padding-top:6px;}


@media print {

    /* Setting content width, unsetting floats and margins */
    /* Attention: the classes and IDs vary from theme to theme. Thus, set own classes here */
    #content, #page { width: 100%;  margin: 0;  float: none; }

    /* Set font to 16px/13pt, set background to white and font to black.*/
    /* This saves ink */
    body {

        font-size: 13pt;
        line-height: 1.3;
        background: #fff !important;
        color: #000;
    }

    @page:right{ 
      @bottom-left {
        margin: 10pt 0 30pt 0;
        border-top: .25pt solid #666;
        content: "Franklin International";
        font-size: 9pt;
        color: #333;
      }
    }



    /* Defining all page breaks */
    a {page-break-inside:avoid }
    blockquote { page-break-inside: avoid; }
    h1, h2, h3, h4, h5, h6 { page-break-after:avoid; page-break-inside:avoid }
    img { page-break-inside:avoid; page-break-after:avoid; }
    table, pre { page-break-inside:avoid }
    ul, ol, dl  { page-break-before:avoid }

    /* Displaying link color and link behaviour */
    a:link, a:visited, a {
    background: transparent;
    color: #520;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    }

    a {
        page-break-inside:avoid
    }

    a[href^=http]:after {
          content:" < " attr(href) "> ";
    }

    $a:after > img {
       content: "";
    }

    article a[href^="#"]:after {
       content: "";
    }

    a:not(:local-link):after {
       content:" < " attr(href) "> ";
    }

    /**
     * Making intergated videos disappear, and removing the iframes' whitespace to zero. 
     */
    .entry iframe, ins {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0pt !important;
        white-space: nowrap;
    }
    .embed-youtube, .embed-responsive {
      position: absolute;
      height: 0;
      overflow: hidden;
    }

    /* Hiding unnecessary elements for the print */

    #header-widgets, nav, aside.mashsb-container, 
    .sidebar, .mashshare-top, .mashshare-bottom, 
    .content-ads, .make-comment, .author-bio, 
    .heading, .related-posts, #decomments-form-add-comment, 
    #breadcrumbs, #footer, .post-byline, .meta-single, 
    .site-title img, .post-tags, .readability 
    {
    display: none;
    }

    /* Adding custom messages before and after the content */
    .entry:after {
    content: "\ All Rights Reserved. (c) 2018 Franklin International";
    color: #999 !important;
    font-size: 1em;
    padding-top: 30px;
    }



}