@charset "UTF-8";
@media print and (min-width:6.5in) {
 /*
   @page {
    size: letter;
    margin:.25in;
  }
*/

/********* All Print Styles ************/
  body {
    background-color:transparent !important
  }
  body, .legalHeader {
    font-size:16px !important;
  }
  #container {
    width: 100% !important;
  }
  .section {
    padding: 0 18px 30px !important;
  }
  #menu, label, .arrowGrey, #reportButton, .legalExpand {
    display:none !important;
  }
  #bannerLogo {
    width:356px !important;
    padding:108px 0 46px !important;
  }
  h1 {
    font-size:28px !important;
  }
  #tagline {
    font-size:22px !important;
    padding-right:5px !important;
  }
  #queryForm, #distiInfo {
    margin-top:48px !important;
  }
  #distiSelect {
    background:none !important;
    border:none !important;
    padding:0 !important;
    margin:0 !important;
  }
  #selected {
    background-image: none !important;
    text-align:right !important;
    padding:0 !important;
  }
  #selected.option, #distiName {
    font-size:16px !important;
    padding:0 !important;
  }
  .progBox {
    margin:1.5% 0 0 0 !important;
  }
  .legalBox {
    visibility: hidden !important;
  }
  .legal {
    font-size:80% !important;
  }
  #globalAlert, .alert {
    display:none !important;
  }
  .progHeader, .brandBox {
    break-inside: avoid !important;
  }
  .progExpand {
    break-before:avoid !important;
  }
  #programDivider {
    break-after:avoid;
  }
  
/********* B&W Print Styles ************/
  @media (orientation:portrait) {
    body, h1, #tagline, #year, .option, .legal, .date, #payoutTab, .progHeader h2, .metricValue, #bannerText {
      color:#000 !important;
    }
    #banner {
      background: none !important;
      color:#000 !important;
      padding:18px 36px 0 18px !important;
      border-bottom:4px solid #000 !important;
    }
    img {
    filter:grayscale(1);
    }
    #bannerLogo {
      background-image: url("../images/rewards_logo_blue.svg") !important;
      filter:none !important;
    }
    #bar {
      background-color:#000 !important;
    }
    .date {
      opacity:1 !important;
      margin:10px 0 0 !important;
    }
    #payoutTab {
      background-color:transparent !important;
      padding:8px 25px 8px !important;
      border:1px solid #000 !important;
      border-bottom:1px solid transparent !important;
    }
    .progBox {
      margin:2% 0 0 0 !important;
    }
    .progHeader {
      background-color:#EEE !important;
      color:#000 !important;
      padding:12px 18px !important;
    }
    .programList .progBox:first-child .progHeader {
      border-top:none !important;
    }
    .leftCol {
      display:none !important
    }
    .progName {
      width:55% !important;
    }
    .progPayout {
      width:45% !important;
    }
    .progExpand {
      padding:0 18px !important;
    }
    .archiveOn {
      background-color:#FFF !important;
    }
    .archiveCompleted {
      background-color:#DDD !important;
    }
    .brandBox {
      background-color:transparent !important;
      padding:0 !important;
      margin:2.5% 0 0 0;
      border:1px solid #000 !important;
    }
    .metricRow {
      border-bottom:1px solid #000 !important;
      padding:5px 8% 4px 5% !important;
    }
    .metricRow:last-of-type {
      border:none !important;
    }
    .metricRow.payout {
      color:#000 !important;
    }
    .multiHeader {
      background-color:transparent !important;
      color:#000 !important;
      padding:7px 3% 6px !important;
      margin:0 !important;
          border-bottom:2px solid #000;
    }
    .singleHeader {
      padding:0 !important;
      margin:0 !important;
    }
    .brandMetrics {
      width:82% !important;
      padding:0 !important;
    }
    .brandLogo {
      filter:grayscale(1);
      width:18% !important;
      padding:10px 12px !important;
      border-right:1px solid #000;
    }
    .metricTitle {
      width:80% !important;
    }
    .metricValue {
      width:20% !important;
    }
    .logoArt {
      background-position:center, center !important;
      padding-top:84% !important;
    }
    #programDivider {
        background-color:#DDD !important;
        padding:1.5% 2.5%;
    }
    .noArchive {
      margin:0 !important;
    }
    #footer {
      background-color: transparent !important;
      background: none !important;
      padding-top:20px !important;
      padding-bottom:30px !important;
      border-top:4px solid #000 !important;
    }
    #footerLeft {
     color:#000;
     flex: 0 0 auto !important;
     width:75% !important;
     height:auto;
     padding:0 !important;
    }
    #dseButton a[href]::after {
     content: "VIEW REPORTING CATALOG (" attr(href) ")";
     color:#000;
     overflow-wrap: break-word;
    }
    #footerLogo {
      background-image: url("../images/molsoncoors_logo_blue.svg") !important;
      width:20% !important;
      padding-top:7.1% !important;
    }
  }
  
}