/* /Pages/CategoriesAndItems/PrintList.razor.rz.scp.css */
/*
   See https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/
   Font size and line height amended
*/

@media print {
   /* 
      Setting content width, unsetting floats and margins
   */

   #content[b-zjo5fymx1p], #page[b-zjo5fymx1p] {
      width: 100%;
      margin: 0;
      float: none;
   }

   /* 
      Setting margins 
   */

   @page {
      margin: 1.5cm
   }

   /* Or: */
   /*   @page :left {
      margin: 1cm;
   }

   @page :right {
      margin: 1cm;
   }*/

   /* 
      The first page of a print can be manipulated as well 
   */

   /*   @page :first {
      margin: 1cm 2cm;
   }*/

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

   body[b-zjo5fymx1p] {
      font: 11pt Georgia, "Times New Roman", Times, serif;
      line-height: 1.5;
      background: #fff !important;
      color: #000;   
   }
   
   h1[b-zjo5fymx1p] {
      font-size: 24pt;
   }

   h2[b-zjo5fymx1p], h3[b-zjo5fymx1p], h4[b-zjo5fymx1p] {
      font-size: 14pt;
      margin-top: 25px;
   }

   /* 
      The three CSS attributes page-break-before, page-break-after, 
      and page-break-inside allow you to decide exactly where a print page will be broken. 
      Among other things, this will prevent images from being broken into two pieces.

      page-break-before determines if and how a pagebreak is set before this element.
      page-break-after takes care of breaks behind an element.
      page-break-inside can cause a break within an element, like images or graphics, for instance.
      
      The following settings are possible:
      page-break-after : auto | always | avoid | left | right
      page-break-before : auto | always | avoid | left | right
      page-break-inside : auto | avoid

      Auto is the print element’s standard, always places a break every time, 
      avoid prohibits the break, and left, and right are meant for continuation pages 
      that are formatted left or right, accordingly. 
      If applied properly, these rules would look as follows:
   */

   /* 
      Defining all page breaks 
   */

   a[b-zjo5fymx1p] {
      page-break-inside: avoid
   }

   blockquote[b-zjo5fymx1p] {
      page-break-inside: avoid;
   }

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

   img[b-zjo5fymx1p] {
      page-break-inside: avoid;
      page-break-after: avoid;
   }

   table[b-zjo5fymx1p], pre[b-zjo5fymx1p] {
      page-break-inside: avoid
   }

   ul[b-zjo5fymx1p], ol[b-zjo5fymx1p], dl[b-zjo5fymx1p] {
      page-break-before: avoid
   }

   /* 
      Displaying link color and link behaviour 
   */

   a:link[b-zjo5fymx1p], a:visited[b-zjo5fymx1p], a[b-zjo5fymx1p] {
      background: transparent;
      color: #520;
      font-weight: bold;
      text-decoration: underline;
      text-align: left;
   }

   a[b-zjo5fymx1p] {
      page-break-inside: avoid
   }

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

   $a:after > img[b-zjo5fymx1p] {
      content: "";
   }

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

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

   /*
      Making intergated videos disappear, 
      and removing the iframes' whitespace to zero. 
   */

   .entry iframe[b-zjo5fymx1p], ins[b-zjo5fymx1p] {
      display: none;
      width: 0 !important;
      height: 0 !important;
      overflow: hidden !important;
      line-height: 0pt !important;
      white-space: nowrap;
   }

   .embed-youtube[b-zjo5fymx1p], .embed-responsive[b-zjo5fymx1p] {
      position: absolute;
      height: 0;
      overflow: hidden;
   }

   /* 
      Hiding unnecessary elements for the print 
   */

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

   /* 
      Adding custom messages before and after the content 
   */

   .entry[b-zjo5fymx1p]:after {
      content: "\ All Rights Reserved. (c) 2014 - 2016 ";
      color: #999 !important;
      font-size: 1em;
      padding-top: 30px;
   }

   #header[b-zjo5fymx1p]:before {
      content: "\ Thank you for printing our article. We hope that some of our other articles can catch your eye as well.";
      color: #777 !important;
      font-size: 1em;
      padding-top: 30px;
      text-align: center !important;
   }
}
/* /Shared/BlankLayout.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-egfcqh4nxc] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-egfcqh4nxc] {
    flex: 1;
}

.sidebar[b-egfcqh4nxc] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-egfcqh4nxc] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-egfcqh4nxc]  a, .top-row .btn-link[b-egfcqh4nxc] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-egfcqh4nxc] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
/*   Because .top is none yet has a grey bar across thead page,
   this forces thead body content down from thead top */   
   .iMargin[b-egfcqh4nxc] {
      margin-top: 40px;
   }

   .top-row:not(.auth)[b-egfcqh4nxc]  {
      display: none;
   }

    .top-row.auth[b-egfcqh4nxc] {
        justify-content: space-between;
    }

    .top-row a[b-egfcqh4nxc], .top-row .btn-link[b-egfcqh4nxc] {
        margin-left: 0;
    }

   body[b-egfcqh4nxc] {
      margin-top: 50px;
      padding-top: 50px;
   }
}

@media (min-width: 641px) {
    .page[b-egfcqh4nxc] {
        flex-direction: row;
    }

    .sidebar[b-egfcqh4nxc] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-egfcqh4nxc] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-egfcqh4nxc] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-s560odmbu4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-s560odmbu4] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-s560odmbu4] {
    font-size: 1.1rem;
}

.oi[b-s560odmbu4] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-s560odmbu4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-s560odmbu4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-s560odmbu4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-s560odmbu4]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-s560odmbu4]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-s560odmbu4]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-s560odmbu4] {
        display: none;
    }

    .collapse[b-s560odmbu4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}