@charset "UTF-8";

@media print {

  /* Margins */

  @page {
    margin: 1cm;
  }

  html, body {
     height: 99%;
  }

  /* Fonts */

  body {
    background: #fff !important;
    color: #000;
    font: 13pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
  }

  h1 {
    font-size: 20pt;
  }

  h2,
  h3,
  h4 {
    font-size: 14pt;
    margin-top: 1cm;
  }

  /* 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;
  }

  pre,
  p,
  .col-sm-6 {
    page-break-inside: avoid;
  }

  ul,
  ol,
  dl {
    page-break-before: avoid;
  }

  /* Links */
  
  a:link,
  a:visited,
  a {
    background: transparent;
    font-weight: bold;
    text-decoration: underline;
  }

  a[href^=http]:after {
    content: " < " attr(href) "> ";
  }

  a {
    page-break-inside: avoid;
  }

  a:after > img {
    content: "";
  }

  /* Visibility */

  .print-only {
    display: block !important;
  }

  header.main,
  footer,
  .promo-wrap,
  .nav,
  .auth-nav,
  .print-me-button { 
      display: none !important;
  }

  body {
    padding-top:0px !important;
  }

  /* only for my orders page */

  body.page-template-page-my-orders .modal__close,
  body.page-template-page-my-orders #orders-table,
  body.page-template-page-my-orders #my-orders,
  body.page-template-page-my-orders .intro-page-title { 
      display: none !important;
  }

  body.page-template-page-my-orders .modal__container.modal__container {
      padding:0;
      width:100%;
      max-width:90%;
      max-height:100%;
  }

  body.page-template-page-my-orders .modal__overlay.modal__overlay {
    position:relative;
  }


  body.page-template-page-my-orders h2::before {
    content: "Kwik Goal ";
  }

  body.page-template-page-my-orders .modal__content .col-sm-6 {
    width:50%;
  }
}