@charset "UTF-8";
@media (max-width: 1366px) {
  body {
    font-size: 1.8vw !important;
  }
  #container {
    width: 100% !important;
  }
  #selected {
    background-size: 17px 10px !important;
    background-position: right 5% center !important;
  }
  .option {
    font-size:80% !important;
    padding:.8vw 1.2vw 1vw !important;
  }
  #menuOptions > .option  {
    padding-right:3vw !important;
  }
  #selected.option {
    font-size:85% !important;
    margin:.5vw 0 .5vw .5vw !important;
    padding-right:4.1vw !important;
  }
  #banner {
    padding-left: 8vw !important;
  }
  h1 {
    font-size: 3.35vw !important;
    letter-spacing: .015em !important;
  }
  #tagline {
    font-size: 2.57vw !important;
    letter-spacing: .09em !important;
  }
  #bar {
    height: 2.5vw !important;
  }
  .section {
    padding: 0 8vw 4vw !important;
  }
  h2 {
    font-size: 1.9vw !important;
  }
  h3, h4 {
    font-size: 2.2vw !important;
  }
  h5 {
    font-size: 3vw !important;
  }
  #payoutTab {
    padding:4% 3vw 1.5% !important;
  }
  #payIcon {
    width:3.5vw !important;
    margin:0 4% !important;
  }
  .progName {
    width:52% !important;
  }
  .progPayout {
    width:41% !important;
  }
  .legalExpand {
    padding:0 7% !important;
  }
  #footer {
    padding-top:4vw !important;
  }
}
/*********** 1150 *************/
@media (max-width: 1150px) {
  body {
    font-size: 1.9vw !important;
  }
  #menu {
    top:1.5vw !important;
    right:1.5vw !important;
  }
  #menuBars {
    width:4vw !important;
    padding:0 5px 7px !important;
  }
  .menuBar {
    height:4px !important;
    margin:7px 0 0 0 !important;
  }
  #queryForm {
    width: 100% !important;
    margin-top:9.5% !important;
  }
  #selected {
    background-size: 17px 10px !important;
    background-position: right 4% center !important;
  }
  #reportButton {
    padding:1.1vw 4vw 1.4vw !important;
  }
  #footerLogo {
    width:25% !important;
    padding-top:7.1% !important;
  }
}
/*********** 960 *************/
@media (max-width: 960px) {
  body {
    font-size: 2.1vw !important;
  }
  .section {
    padding: 0 6vw 4vw !important;
  }
  #banner {
    padding:4vw 6vw 0 !important;
  }
  #bannerLogo {
    width:46% !important;
    filter: drop-shadow(#091F3F .2em .2em 2px) !important;
    left:.65% !important;
  }
  #bannerText {
    width:45% !important;
  }
  h1 {
    font-size: 3.2vw !important;
    letter-spacing: .035em !important;
  }
  #tagline {
    font-size: 2.5vw !important;
    letter-spacing: .09em !important;
  }
  #menu {
    top:1.7vw !important;
    right:1.7vw !important;
  }
  #menuBars {
    width:4vw !important;
    padding:0 5px 6px !important;
  }
  .menuBar {
    height:3px !important;
    margin:6px 0 0 0 !important;
  }
  .option {
    font-size:75% !important;
    padding:.9vw 1.4vw 1.1vw !important;
  }
  #menuOptions > .option  {
    padding-right:3vw !important;
  }
  #queryForm {
    margin-top:8.5% !important;
  }
  #selected.option {
    font-size:80% !important;
    padding-right:4.1vw !important;
  }
  #selected {
    background-size: 4.5% !important;
    background-position: right 5% center !important;
  }
  #distiInfo {
    margin:13% 0 0 0 !important;
  }
  .toggleIcon img {
    width:36% !important;
  }
  .progHeader.tempHeader .toggleIcon img {
    width:65% !important;
  }
  .brandLogo {
    align-items: flex-start !important;
    padding:1.3vw 3vw 0 !important;
  }
  .logoArt {
    background-position:center top, center top !important;
    padding-top:84% !important;
  }
  .legalExpand .bullet {
    margin:0 0 0 1.5vw !important;
  }
  .legalExpand .bullet::before {
    margin:0 0 0 -1.5vw !important;
    width:1.5vw !important;
  }
}
/*********** 768 *************/
@media (max-width: 768px) {
  body {
    font-size: 2.3vw !important;
  }
  h2 {
    font-size: 2.1vw !important;
  }
  h3, h4 {
    font-size: 2.6vw !important;
  }
  h5 {
    font-size: 3.4vw !important;
  }
  #menuBars {
    width:4.8vw !important;
    padding:0 .6vw .8vw !important;
  }
  .menuBar {
    height:3px !important;
    margin:.8vw 0 0 0 !important;
  }
  #queryForm {
    margin-top:7.5% !important;
  }
  .option {
    font-size:72% !important;
  }
  #selected.option {
    font-size:72% !important;
    margin:.3vw 0 .3vw .5vw !important;
  }
  #distiInfo {
    padding:0 0 0 2vw !important;
  }
  #distiInfo span {
    display:inline !important;
  }
  #distiInfo br {
    display:none !important;
  }
  #payoutTab {
    padding:2vw 4vw 1vw !important;
  }
  #payIcon {
    width:4vw !important;
  }
  .progName {
    width:50% !important;
  }
  .progPayout {
    width:43% !important;
  }
  #footerLeft {
    width: 49% !important;
    padding:0 !important;
  }
  #reportButton {
    padding:1.6vw 4vw 1.9vw !important;
  }
}
/*********** 640 *************/
@media (max-width: 640px) {
  body {
    font-size: 2.5vw !important;
    line-height:135% !important;
  }
  .section {
    padding: 0 5vw 4vw !important;
  }
  h2 {
    font-size: 2.3vw !important;
  }
  h3, h4 {
    font-size: 2.7vw !important;
  }
  #banner {
    background-size: cover !important;
    flex-wrap:wrap !important;
    flex-direction:column !important;
    justify-content: space-between;
    align-items:flex-start !important;
    padding: 5vw 5vw 0 !important;
  }
  #menu {
    top:2.2vw !important;
    right:2.2vw !important;
  }
  #menuBars {
    width:6vw !important;
    padding:0 .7vw 1vw !important;
  }
  .menuBar {
    height:3px !important;
    margin:1vw 0 0 0 !important;
  }
  #queryForm {
    position:relative !important;
    text-align:center !important;
    width:80% !important;
    margin:4vw auto 5vw !important
  }
  #distiSelect {
    margin: 1vw 0 1.6vw 0 !important;
  }
  #distiList {
    max-height:50vh !important;
  }
  .option {
    font-size:inherit !important;
    padding:1.3vw 1.8vw 1.4vw !important;
  }
  #menuOptions > .option  {
    padding-right:4vw !important;
  }
  #selected {
    background-size: 3% !important;
    background-position: right 4% center !important;
  }
  #selected.option {
    font-size:inherit !important;
    margin:.4vw 0 .4vw .5vw !important;
    padding-right:10% !important;
  }
  #bannerLogo {
    background-size: 88% !important;
    background-position: center top !important;
    filter: drop-shadow(#091F3F .3em .3em 2px) !important;
    width:72% !important;
    padding:19.1% 0 0 0 !important;
    margin:0 auto !important;
  }
  #pdfPopup {
    width:80% !important;
    border-radius: 1.5em !important;
    padding:3em 3.5em 2em 2em !important;
  }
  #closeButton {
    font-size:1.6em !important;
    border-radius: .3em !important;
    border:2px solid #000 !;
    top:.7em !important;
    right:.7em !important;
    padding:.15em .25em .2em !important;
  }
  h1 {
    font-size: 4.5vw !important;
    text-align:center !important;
    letter-spacing: .035em !important;
    padding:0 .7vw 0 0;
    margin: 4.5% 0 2.5% !important;
  }
  #tagline {
    font-size: 3.5vw !important;
    letter-spacing: .09em !important;
    justify-content: center !important;
  }
  #bar {
    height: 2.9vw !important;
    margin:0 2.2vw !important;
  }
  #bannerText {
    width:100% !important;
  }
  #distiInfo {
    text-align:center !important;
    width:100% !important;
    padding:7% 8.5% 5% !important;
    margin:0 !important;
  }
  #distiName {
    font-size:120% !important;
    line-height:120%;
  }
  #payoutTab {
    padding:2vw 3vw 1vw !important;
    margin:0 !important;
  }
  #payoutTab p {
    font-size: 2.6vw !important;
  }
  #payIcon {
    width:4.5vw !important;
    margin:0 1.5vw !important;
  }
  h5 {
    font-size: 4.5vw !important;
  }
  .date {
    margin:1vw 0 0 !important;
  }
  .progHeader {
    padding:1.4vw 3vw 1.8vw 0 !important;
  }
  .leftCol {
    align-items: center;
    width: 6% !important;
  }
  .progName {
    width:47% !important;
  }
  .progPayout {
    width:47% !important;
  }
  .toggleIcon img {
    width:44% !important;
  }
  .progHeader.tempHeader .toggleIcon img {
    width:70% !important;
  }
  .arrowGrey {
    width:2.2% !important;
    margin:0 .6% .2% 0 !important;
  }
  .progPayout span {
    font-size: 3.4vw !important;
  }
  .multiHeader {
    padding:1% 2.5% 1.2% !important;
  }
  .metricTitle {
    width:80% !important;
    padding:0 3vw 0 0 !important;
  }
  .metricValue {
    width:20% !important;
  }
  .legal {
    font-size:90% !important;
  }
  .legalExpand {
    padding:0 6% !important;
  }
  .brandLogo {
    width:30% !important;
  }
  .brandMetrics {
    width:70% !important;
  }
  .metricRow {
    padding:1% 3% 2% !important;
  }
  .legalExpand .bullet {
    margin:0 0 0 1.8vw !important;
  }
  .legalExpand .bullet::before {
    margin:0 0 0 -1.8vw !important;
    width:1.8vw !important;
  }
  #footerLeft {
    line-height:125% !important;
  }
  #reportButton {
    padding:1.9vw 4vw 2.2vw !important;
  }
  #footerLogo {
    width:30% !important;
  }
}
/*********** 480 *************/
@media (max-width: 480px) {
  body {
    font-size: 3.2vw !important;
  }
  h2, .legal, #payoutTab p {
    font-size: 2.9vw !important;
  }
  h3 {
    font-size: 3.6vw !important;
  }
  .progHeader h3 {
    //font-size: 3.6vw !important;
    margin:0 0 1vw 0 !important;
  }
  h4 {
    font-size: 3.6vw !important;
  }
  h5 {
    font-size: 5.8vw !important;
  }
  #banner {
    padding: 6vw 5vw 0 !important;
  }
  #menu {
    top:2.2vw !important;
    right:2.2vw !important;
  }
  #menuBars {
    width:9vw !important;
  }
  #menuBars {
    padding:0 .9vw 1.2vw !important;
  }
  .menuBar {
    margin:1.2vw 0 0 0 !important;
  }
  #queryForm {
    width:100% !important;
  }
  #distiSelect {
    margin: 1.5vw 0 2vw 0 !important;
  }
  #distiList {
    //max-height:50vh !important;
  }
  .option {
    padding:2.4vw 2.5vw 2.6vw !important;
  }
  #menuOptions .option  {
    font-size:107% !important;
    padding-right:7vw !important;
  }
  #selected {
    background-size: 3.5% !important;
    background-position: right 4% center !important;
  }
  #selected.option {
    padding-right:10% !important;
    margin:0 0 0 .5vw !important;
  }
  #distiInfo {
    padding:7% 9.5% 5% !important;
  }
  #distiName {
    font-size:115% !important;
  }
  .arrowGrey {
    width:2.9% !important;
    margin:0 .9% .2% 0 !important;
  }
  #bannerLogo {
    background-size: 92% !important;
    filter: drop-shadow(#091F3F .3em .3em 2px) !important;
    width:80% !important;
    padding:22.3% 0 0 0 !important;
  }
  #pdfPopup {
    width:90% !important;
  }
  h1 {
    font-size: 5.2vw !important;
    letter-spacing: .035em !important;
  }
  #tagline {
    font-size: 4.2vw !important;
    letter-spacing: .08em !important;
  }
  #bar {
    height: 3.5vw !important;
  }
  .progHeader {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    padding:1.8% 4% 2.9% 0 !important;
  }
  .leftCol {
    align-items: center;
    width: 7% !important;
  }
  .toggleIcon {
    justify-content: center !important;
    padding:0 0 0 .5% !important;
  }
  .toggleIcon img {
    margin:27% 0 0 0 !important;
  }
  .progName {
    flex:0 0 auto !important;
    width:92% !important;
    padding: 0 !important;
    margin:0 0 .8% !important;
  }
  .progPayout {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    text-align:left !important;
    flex:1 1 auto !important;
    width:100% !important;
    padding:0 0 0 7% !important;
  }
  .progPayout .legal {
    line-height: 100% !important;
    order:1 !important;
    flex:0 0 auto !important;
    width:42% !important;
  }
  .progPayout h2 {
    line-height: 100% !important;
    text-align:right;
    order:2 !important;
    flex:0 0 auto !important;
    width:58% !important;
    margin:0 !important;
  }
  .progPayout span {
    font-size: 3.9vw !important;
    color:#FFB000 !important;
  }
/*
  .brandLogo {
    display:none !important;
  }
  .brandMetrics {
    width:100% !important;
    padding:0 4% !important;
  }
*/
  .legalExpand {
    padding:0 7% !important;
  }
  .date {
    line-height:115% !important;
    margin:1.4vw 0 0 !important;
  }
  #footerLeft {
   font-size:90% !important;
    width: 56% !important;
  }
  #reportButton {
    padding:2vw 3.4vw 2.3vw !important;
  }
}
/*********** 375 *************/
@media and (max-width: 375px) {
  body {
    font-size: 3.3vw !important;
  }
  h2, .legal, #payoutTab p {
    font-size: 3vw !important;
  }
  h3 {
    font-size: 3.9vw !important;
  }
  h5 {
    font-size: 6.2vw !important;
  }
  #menuBars {
    width:10vw !important;
  }
  #menuBars {
    padding:0 1vw 1.5vw !important;
  }
  .menuBar {
    height:2px !important;
    margin:1.5vw 0 0 0 !important;
  }
  #menuOptions .option  {
    font-size:113% !important;
  }
  .progPayout span {
    font-size: 3.9vw !important;
    color:#FFB000 !important;
  }
}
@container (width: 612px) {
  body {
    font-size: 1.8vw !important;
  }
  #container {
    width: 100% !important;
  }
  #selected {
    background-size: 17px 10px !important;
    background-position: right 5% center !important;
  }
  .option {
    font-size:80% !important;
    padding:.8vw 1.2vw 1vw !important;
  }
  #menuOptions > .option  {
    padding-right:3vw !important;
  }
  #selected.option {
    font-size:85% !important;
    margin:.5vw 0 .5vw .5vw !important;
    padding-right:4.1vw !important;
  }
  #banner {
    padding-left: 8vw !important;
  }
  h1 {
    font-size: 3.35vw !important;
    letter-spacing: .015em !important;
  }
  #tagline {
    font-size: 2.57vw !important;
    letter-spacing: .09em !important;
  }
  #bar {
    height: 2.5vw !important;
  }
  .section {
    padding: 0 8vw 4vw !important;
  }
  h2 {
    font-size: 2.2vw !important;
  }
  h3, h4 {
    font-size: 2.7vw !important;
  }
  h5 {
    font-size: 3vw !important;
  }
  #payoutTab {
    padding:4% 3vw 1.5% !important;
  }
  #payIcon {
    width:3.5vw !important;
    margin:0 4% !important;
  }
  .progName {
    width:52% !important;
  }
  .progPayout {
    width:41% !important;
  }
  .legalExpand {
    padding:0 7% !important;
  }
  #footer {
    padding-top:4vw !important;
  }
}
/* 
Sofia Regular font-family: "sofia-pro", Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal;
Sofia Regular Italic font-weight: 400; font-style: italic;
Sofia Bold font-weight: 800; font-style: normal;
Sofia Bold Italic font-weight: 800; font-style: italic;
Sofia Black font-weight: 900; font-style: normal;
Sofia Black Italic font-weight: 900; font-style: italic;
*/


/*********** DESKTOP STYLES *************/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  font-size: 24px;
  line-height: 125%;
  background-color: #CCC;
  font-family: "sofia-pro", Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight: 400;
  font-style: normal;
  margin: 0px;
  padding: 0px;
}
p {
  margin: 0;
}
/*Program Payout*/
h2 {
  font-size: 25px;
  line-height: 110%;
  color:#FFF;
  font-weight: 800;
  margin: 0 0 1.25%;
}
/*Program name*/
h3 {
  font-size: 30px;
  line-height: 108%;
  font-weight: 900;
  margin:0;
}
/*Completed Programs*/
h4 {
  font-size: 38px;
  line-height: 100%;
  font-weight: 800;
  margin:0;
}
/*Total Payout*/
h5 {
  font-size: 40px;
  line-height: 100%;
  font-weight: 900;
}
a:link, a:visited, a:hover, a:active {
  color: #FFF;
}
img {
  display: block;
}
#container {
  position: relative;
  background-color: #FFF;
  width: 1366px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  container-name: fullPage;
  container-type: inline-size;
}
.pdf {
  //width:612px !important;
}
.section {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0 115px 50px;
}

/*********** BANNER SECTION *************/

#banner {
  position: relative;
  background-color: #091F3F;
  background-image: url("../images/background.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:center;
  display: flex;
  flex-wrap:nowrap;
  justify-content: space-between;
  //align-items:flex-end;
  color:#FFF;
  width: 100%;
  height: auto;
  padding:4% 6% 0 115px;
  //overflow:hidden;
}
/*** Banner Logo ***/
#bannerLogo {
  position: relative;
  background-image: url("../images/rewards_logo.svg");
  background-size: 98%;
  background-repeat: no-repeat;
  background-position:left 4px top;
  flex: 0 0 auto;
  filter: drop-shadow(#091F3F .25em .25em 4px);
  width:48%;
  height: auto;
  padding:14.5% 0 8% 0;
}
h1 {
  font-size: 46px;
  line-height: 100%;
  letter-spacing: .011em;
  color:#FFF;
  font-weight: 800;
  width:100%;
  margin: 5.5% 0 3% 0;
}
#tagline {
  position: relative;
  display:flex;
  flex-wrap:nowrap;
  justify-content: space-between;
  align-items: center;
  font-size: 35px;
  line-height: 100%;
  letter-spacing: .2rem;
  color: #4fb0ff;
  width: 98.5%;
  height: auto;
}
#year {
 color:#ff8037;
}
#bar {
  position: relative;
  background-color:#fac84d;
  flex:0 0 auto;
  width: 2px;
  height: 30px;
  margin:.7% 0 0 0;
}

/*** Disti Info and Payout ***/
#bannerText {
  position: relative;
  display: flex;
  flex-wrap:nowrap;
  flex-direction:column;
  justify-content: space-between;
  align-items:flex-end;
  line-height: 115%;
  color: #FFF;
  text-align: right;
  flex: 0 0 auto;
  width: 43%;
  height: auto;
}
#distiInfo {
  position: relative;
  text-align:right;
  width:100%;
  margin:15% 0 0 0;
}
#distiName {
  font-size:115%;
  line-height: 125%;
}
#distiInfo span {
  display:none;
}
/*** Hamburger Menu ***/
#menu {
  position:absolute;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  justify-content: flex-start;
  align-items: flex-end;
  top:15px;
  right:18px;
  margin-left:50%;
  width:auto;
  height:auto;
  z-index:10;
}
#menuBars {
  position:relative;
  background-color: rgba(255,255,255,0.30);
  flex:0 0 auto;
  width:50px;
  height:auto;
  padding:0 7px 8px;
  cursor:pointer;
}
.menuBar {
  position:relative;
  background-color:#FFF;
  flex:0 0 auto;
  width:100%;
  height:4px;
  margin:8px 0 0 0;
}
#menuOptions  {
  position:relative;
  background-color:#D8E0E4;
  width:auto;
  height:auto;
  border-radius: 6px;
}
.option {
  position:relative;
  font-size:80%;
  line-height:120%;
  color:#091F3F;
  word-wrap: break-word;  
  white-space: normal;
  width:auto;
  height:auto;
  padding:10px 14px 12px;
  border-bottom:1px solid #091F3F;
  cursor:pointer;
}
#menuOptions > .option  {
  padding-right:30px;
}
.option:last-child {
  border-bottom:none;
}
.option:not(#selected):hover {
  background-color: #091F3F;
  color:#fac84d !important;
}
.disabled {
  color:#091F3F77 !important;
}


/*** Disti Dropdown ***/
#queryForm {
  position: relative;
  color:#FFF;
  width: 96%;
  height: auto;
  margin-top:10%;
}
#distiSelect {
  position: relative;
  background-color: rgba(255,255,255,0.30);
  word-wrap: break-word;  
  white-space: normal;
  width: auto;
  height: auto;
  margin:1.4% 0 2% 0 ;
  border-radius: 6px;
  border: 1px solid #FFF;
}
.dropBtn {
  border:none !important;
}
#distiList {
  position: absolute;
  background-color:#D8E0E4;
  text-align:left;
  width: auto;
  height: auto;
  max-height:70vh;
  padding: 0;
  left:0;
  top:0;
  border-radius: 6px;
  overflow:auto;
  z-index:9;
}
#selected {
  background-image: url("../images/arrow.svg");
  background-size: 17px 10px;
  background-position: right 5% center;
  background-repeat: no-repeat;
  text-align:left;
  cursor:pointer;
}
#selected.option {
  font-size:85%;
  color:#FFF;
  margin:6px 0 6px 6px;
  padding-right:10%;
  border-bottom:1px solid transparent;
}
.dropdowns {
  border: 2px solid #4fb0ff !important;
  filter: drop-shadow(5px 5px 7px #000000);
}
/*** Total Payout ***/
#payoutBlock {
  position: relative;
  display:inline-flex;
  flex:0 0 auto;
  width:auto;
  overflow:auto;
}
#payoutTab {
  position: relative;
  background-color:#FFF;
  display: inline-flex;
  flex-wrap:nowrap;
  justify-content: center;
  align-items: center;
  color:#091F3F;
  flex: 0 0 auto;
  width:auto;
  padding:4.5% 30px 1.5%;
  margin:0 0 0 0;
}
#payoutTab p, #payoutTab h5 {
  position: relative;
  line-height:105%;
  width:auto;
  margin:0;
}
#payoutTab h5 {
  text-align:left;
  margin:0 0 1% 0;
}
#payIcon {
  position: relative;
  flex:0 0 auto;
  width:46px;
  height:auto;
  margin:0 12px;
}
#payIcon img {
  width:100%;
  height:auto;
}
#noData {
  position: relative;
  background-color: #e7e9ec;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 5%;
}
#noData h3 {
  color: #ff6912;
  font-weight:800;
}

/*********** ALERTS *************/

#archive {
  position:relative;
  font-weight:800;
  text-transform:uppercase;
  padding:30px 0 0 0;
}
#globalAlert {
  background-color:#FFF;
  border:1px solid #1496ff;
}
.noArchive {
  margin:5% 0 0 0;
}
.addArchive {
  margin:1.5% 0 0 0;
}
.alert {
  position: relative;
  background-color:#dcefff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding:3.5% 7% 3.8% 0;
}
.alertIcon {
  visibility:hidden;
}
.alertIcon img {
  width:70%;
  height:auto;
  margin:2% 0 0 0;
}
.alertIconOn {
  visibility:visible;
}
.alertMessage {
  position: relative;
  width: 100%;
  height: auto;
}
.alertMessage h3 {
  color: #091F3F;
  font-weight:800;
  margin: 0 0 1% 0;
}
.alertMessage p {
  margin:0 0 2% 0;
}
.alertMessage p:last-of-type {
  margin:0;
}

/*********** PROGRAMS *************/

.archiveOn {
  background-color:#b8e2f8 !important;
}
.archiveCompleted {
  background-color:#ff6912 !important;
}
.programList {
  position: relative;
  width:100%;
  height:auto;
}
#programDivider {
  position: relative;
  background-color:#FFB000;
  text-align:center;
  width:100%;
  height:auto;
  padding:1.5% 2.5%;
}

/*** Program Header ***/
.progBox {
  position: relative;
  width:100%;
  margin:3.5% 0 0 0;
}
.progHeader {
  position: relative;
  background-color:#091F3F;
  color:#FFF;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items:center;
  padding:1.8% 4% 2% 0;
  cursor:pointer;
}
.tempHeader {
  background-color:#6b798b;
  cursor:inherit;
}
#tempLegal {
  margin:2% 0 0 0;
}
.leftCol {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  flex:0 0 auto;
  width: 7%;
  height:auto;
  padding:0 1.5% 0 0;
}
.toggleIcon {
  align-items: center;
}
.toggleIcon img {
  transform:rotate(270deg);
  width:30%;
  height:auto;
  margin:6% 0 0 0;
}
.tempHeader .toggleIcon img {
  width:55% !important;
}
.progName {
  position: relative;
  flex:0 0 auto;
  width:53%;
  padding:0 20px 0 0;
}
.progName h3 {
  text-transform: uppercase;
}
.progPayout {
  position: relative;
  text-align:right;
  flex:0 0 auto;
  width:40%;
}
.progPayout .legal {
  color:#D8E0E4DD;
}
.progPayout br {
  display:none;
}

/*** Program Metrics ***/

.brandBox {
  position: relative;
  background-color:#D8E0E4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width:100%;
  padding:0 0 1.5% 0;
  margin:2.5% 0 0 0;
}
.brandHeader {
  position: relative;
  flex:0 0 auto;
  width:100%;
  //padding:1.2% 3% .6%;
}
.multiHeader {
  background-color:#333333;
  line-height: 115%;
  color:#FFB000;
  font-weight:800;
  padding:1% 3.5% 1.2%;
  margin:0 0 1.25% 0;
}
.singleHeader {
  padding:.8% 0 0 0;
  margin:0 0 .45% 0;
}
.brandLogo {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex:0 0 auto;
  width:25%;
  padding:0 36px;
  //overflow:hidden;
}
.logoArt {
  position: relative;
  background-image: url("../images/default_logo@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position:center;
  width:100%;
  height:auto;
  padding-top:81%;
}
.brandMetrics {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction:column;
  justify-content: center;
  //align-items:center;
  flex:0 0 auto;
  width:75%;
  padding:0 4% 0 0;
}
.metricRow {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex:0 0 auto;
  width:100%;
  padding:.5% 8% 1% 3%;
}
.metricRow:nth-child(even) {
  background-color: rgba(255,255,255,0.50);
}
.metricRow.payout {
  background-color: transparent;
  color:#1496FF;
  font-weight:800;
  border-top:1px solid #091F3F;
}
.metricTitle {
  position: relative;
  line-height: 115%;
  text-align:left;
  flex:0 0 auto;
  width:75%;
  padding:0 20px 0 0;
}
.metricTitle span {
  white-space:nowrap;
}
.parens {
  font-size:85%;
  font-style: italic;
}
.metricValue {
  position: relative;
  text-align:right;
  flex:0 0 auto;
  width:25%;
}

/*********** LEGAL SECTION (Qualifications) *************/

.legal {
  font-size:75%;
  line-height:130%;
  color:#807f83;
}
.legalHeader {
  position: relative;
  text-align:left;
  width:100%;
  padding:2% 0 1% 0;
  cursor:pointer;
}
.arrowGrey {
  display:inline-block;
  width:12px;
  height:auto;
  margin:0 .4% .2% 0;
}
.arrowGrey img {
  width:100%;
  height:auto;
  transform:rotate(270deg);
}
.legalExpand {
  position: relative;
  text-align:left;
  width:100%;
  padding:0 3%;
}
.legalExpand p {
  margin:0;
}
.legalSubhead {
  font-weight:800;
}
.legalExpand .bullet {
  margin:0 0 0 15px;
}
.legalExpand .bullet::before {
  content:"•";
  display:inline-block;
  width:15px;
  margin:0 0 0 -15px;
}
#popWindow {
	position: absolute;
	background-color: rgba(0, 0, 0, .8);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 300;
}
#pdfPopup {
  position:relative;
  background-color:#FFB000;
  width:62%;
	height: auto;
	border-radius: 30px;
  padding:3em 3em 2em;
  margin:10% 0 0;
}
#closeButton {
  position:absolute;
  text-align:center;
  font-size:1.2em;
  font-weight:800;
  width:auto;
	height: auto;
	border-radius: .4em;
  border:3px solid #000;
  top:.8em;
  right:.8em;
  padding:.25% 1.25% .5%;
  cursor:pointer;
}
#pdfPopup p {
  font-weight:800;
  margin:0 0 .5em 0;
}
#pdfSteps {
  position:relative;
  width:100%;
  counter-reset: my-item-counter;
}
#pdfSteps > div {
  counter-increment: my-item-counter;
}
#pdfSteps > div {
  display:block;
  margin:0 0 .5em 1.2em;
}
#pdfSteps > div::before {
  content:counter(my-item-counter) ". ";
  display:inline-block;
  font-weight:800;
  width:1.2em;
  margin:0 0 0 -1.2em;
}
#pdfButton {
  position: relative;
  background-color:#091F3F;
  line-height:100%;
  color:#FFF;
  font-weight:800;
  text-align: center;
  width:max-content;
  border-radius: 1em;
  padding:2.5% 50px 3.5%;
  margin:5% auto 0;
  cursor:pointer;
}
.footnote::before {
  content:"*";
  display:inline-block;
  width:1.5%;
  margin:0 0 0 -1.5%;
}
#queryForm label {
  line-height:100%;
  color:#FFF;
}
.date {
  position:relative;
  line-height:100%;
  color:#FFF;
  opacity:.6;
  width:auto;
  margin:1.5% 0 0;
}
/*********** FOOTER *************/

#footer {
  position: relative;
  background-color: #091F3F;
  background-image: url("../images/background.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:left 88%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height:auto;
  padding-top:50px;
}
#footerLeft {
  position: relative;
  color:#FFF;
  flex:0 1 auto;
  width:auto;
  height:auto;
  padding:0 8% 0 0;
}
#footerLeft a {
  color:#FFF;
  text-decoration:none;
}
#reportButton {
  position: relative;
  font-size:85%;
  line-height:100%;
  text-align: center;
  width:max-content;
  padding:3.5% 50px 5%;
  border:1px solid #FFF;
  border-radius: 6px;
  cursor:pointer;
}
#footerLogo {
  position: relative;
  background-image: url("../images/molsoncoors_logo_reverse.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position:center;
  flex:0 0 auto;
  width:215px;
  height:auto;
  padding-top:5.2%;
}