/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

html, body,
.mdl-list__item,
.Sans {
  font-family: 'Montserrat', 'Helvetica', sans-serif;
  text-rendering: geometricPrecision;
}
.Mono {font-family: "Overpass Mono", monospace;}

a {color: rgb(33,150,243);}
.avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
p,
ul,
ol {font-size: 14px; font-size: 0.875em; line-height: 1.5em;} /*TODO: Check impact */
.layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.drawer {
  border: none;
}
/* iOS Safari specific workaround */
.drawer .mdl-menu__container {
  z-index: -1;
}
.drawer .navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  height: 151px;
}
.avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.layout .navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.layout .navigation .mdl-navigation__link[hidden] { display: none !important;}
.layout .navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}
.navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 32px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
 padding: 1rem;
}

.content {
  max-width: 1080px;
}

.charts {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart:nth-child(1) {
  color: #ACEC00;
}
.chart:nth-child(2) {
  color: #00BBD6;
}
.chart:nth-child(3) {
  color: #BA65C9;
}
.chart:nth-child(4) {
  color: #EF3C79;
}
.graphs {
  padding: 16px 32px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* TODO: Find a proper solution to have the graphs
 * not float around outside their container in IE10/11.
 * Using a browserhacks.com solution for now.
 */
_:-ms-input-placeholder, :root .graphs {
  min-height: 664px;
}
_:-ms-input-placeholder, :root .graph {
  max-height: 300px;
}
/* TODO end */
.graph:nth-child(1) {
  color: #00b9d8;
}
.graph:nth-child(2) {
  color: #d9006e;
}

.cards {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}
.cards .separator {
  height: 32px;
}
.cards .mdl-card__title.mdl-card__title {
  color: white;
  font-size: 24px;
  font-weight: 400;
}
.cards ul {
  padding: 0;
}
.cards h3 {
  font-size: 1em;
}
.deal .mdl-card__title {
  min-height: 200px;
  /*background-image: url('images/dog.png');*/
  background-position: 90% 100%;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.cards .mdl-card__actions a {
  color: #00BCD4;
  text-decoration: none;
}

.options h3 {
  margin: 0;
}
.options .mdl-checkbox__box-outline {
  border-color: rgba(255, 255, 255, 0.89);
}
.options ul {
  margin: 0;
  list-style-type: none;
}
.options li {
  margin: 4px 0;
}
.options .material-icons {
  color: rgba(255, 255, 255, 0.89);
}
.options .mdl-card__actions {
  height: 64px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}


/****************************************/


/* APOD - TOFIX */
.mdl-layout__content {background: #F0F0F0;}
.cards.deals {width: 100%; padding:8px 0  6em 0; justify-content: center;}

.mdl-card__supporting-text {width: calc(100% - 2rem);}
.mdl-card__supporting-text.mdl-color--blue-600 {color: rgba(255,255,255,1);}

.mdl-layout__header-row {padding-left: 56px;}
.mdl-layout__header-row + .mdl-layout__header-row {height: 43px; padding-left: 1.5rem;}
.mdl-layout__header-row + .mdl-layout__header-row button {color: white;}

#filter-overlay { z-index:998;}
#filter-overlay .mdl-layout__header-row {/*padding-left: 1.5em;*/}

#filter-overlay .js-clear-search,
#filter-overlay .js-clear-search i {color: #FFF;}

.mdl-card__content-block {padding: 1rem; font-size: 1rem; line-height: 1.2em;overflow: hidden;padding: 1em;width: calc(100% - 2rem);}
.mdl-card__content-block.mdl-card--border {border-top:  1px solid rgba(0,0,0,.25); }
 
 .card-wrapper .mdl-card__actions { box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
 
 


/* APOD - Shortcodes */

.color-bg { background-color: rgb(33,150,243);}
.relative {position: relative;}
.slide-up {transition: top .3s;}
.slide-left {transition: left .3s;}
 .uppercase {text-transform: uppercase;}
 .padding { padding: 1rem;}
 .padding-top { padding-top: 1rem;}
 .-padding-bottom {padding-bottom: 0;}
 .-margin {margin: 0 !important;}
 .-min-height {min-height: 0 !important;}
.flex {display: flex;}
.flex.stretch-items { flex-direction: row; align-items: stretch;}
.flex.stretch-items > * { flex:1;}

.xxsmall {font-size: 0.512rem;}
.xsmall {font-size: 0.64rem;}
.small {font-size: 0.8rem;}
.normal { font-size: 1rem;}
.medium {font-size: 1.25rem;}
.xmedium {font-size: 1.563rem;}
.large {font-size: 1.953rem;}
.xlarge {font-size: 2.441rem;}
.xxlarge {font-size: 3.052rem;}
.block {display: block;}
.align-center {text-align: center;}

.full-width {width: 100%;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.small i {font-size: 1.5em;}


/* APOD - Custom Sheets */

html {background-color: #F0F0F0;}
.margin-top {margin-top: 1.5rem;}
.margin-right {margin-right: 1.5rem;}
.margin-bottom {margin-bottom: 1.5rem;}
.margin-left {margin-left: 1.5rem;}
.margin-top-sm {margin-top: 1.5rem;}
.margin-right-sm {margin-right: 0.75rem;}
.margin-bottom-sm {margin-bottom: 0.75rem;}
.margin-left-sm {margin-left: 0.75rem;}



.mdl-layout__content {}
.mdl-grid {}
#overlay-ajax {height: 4px; position: absolute; top: 0; left: 0; width: 100%;}

#overlay-loading {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 99; text-align: center;}
#overlay-loading .mdl-spinner {position: absolute; top: 30vh;}

.overlay-container {position: fixed; overflow: auto; height: 100%; left: 0; bottom: 0; right: 0; background: #FFF; z-index: 100;}
.overlay-container.js-toggle-off {top: 100%;}
.overlay-container.js-toggle-on {top: 0;}

.overlay-container.slide-left.js-toggle-off {top: 0; left: 100%}
.overlay-container.slide-left.js-toggle-on {top: 0; left: 0;}

/* Alert buttons
 */
/*
//
// Tip: to integrate this plugin seamlessly into your application, use these styles as a starting
// point to build your own stylish alerts and confirmations!
//
*/

/* Modal */
.alertable {
  position: relative;
  z-index: 9999;
  top: 10vh;
  margin: auto;
  width: 300px;
  background: white;
  border-radius: 4px;
  padding: 1.5rem;
  margin: 0 auto;
  box-shadow: 0 2px 3rem rgba(0,0,0,.8);
}

/* Overlay */
.alertable-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .5);
}

/* Message */
.alertable-message {
  margin-bottom: 1.5rem;
}

/* Prompt */
.alertable-prompt {
  margin-bottom: 1.5rem;
}

.alertable-input {
  width: 100%;
  border-radius: 4px;
  box-shadow: none;
  border: solid 1px #ccc;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0 1rem; line-height: 3rem; height: 3rem;
  display: block;
  box-sizing: border-box;
  margin-bottom: 1rem;
}

/* Button group */
.alertable-buttons {
  text-align: right;
}
.alertable-buttons button {
  text-transform: uppercase; font-weight: 600;
  padding: 0 0.75rem; line-height: 2rem; height: 2rem; font-size: 0.8rem;
  border-radius: 4px;
  margin-left: 4px;
  cursor: pointer;
}

/* OK button */
.alertable-ok {
  background: #09d;
  color: white;
}

.alertable-ok:hover,
.alertable-ok:focus,
.alertable-ok:active {
  background-color: #08c;
}

/* Cancel button */
.alertable-cancel {
  background: white;
  color: #888;
}

.alertable-cancel:hover,
.alertable-cancel:focus,
.alertable-cancel:active {
  background-color: #f2f2f2;
}


/* Typography
 */

.heading {font-weight: bold;}

.drawer-header { height: 98px;}

.mdl-layout__header {background-color: #212121;}
.drawer-header img {width: calc(100% - 3rem);margin-bottom: 1rem;}
.layout .mdl-layout__header .mdl-layout__drawer-button { color: rgba(255,255,255,.6);}

/* Deal - DEV
 */

html[data-enable*="developer-mode"] .deal:after,
html[data-enable*="developer-mode"] .deal:before {position: absolute; top: 0em; right: 0;  color: white; display: inline-block; padding: 0 .5em; z-index: 99; font-size: 80%; text-transform: uppercase; font-weight: bold;}
html[data-enable*="developer-mode"] .deal:after {background: rgba(0,0,0,.8); content: attr(id); }
html[data-enable*="developer-mode"] .deal:before {background:red; top: 3rem;}

html[data-enable*="developer-mode"] .deal[data-offer-code]:before { content: "Has Offer Code"; }
html[data-enable*="developer-mode"] .deal[data-disable-instore]:before {content: "Instore Disabled";}
html[data-enable*="developer-mode"] .deal.card:before {content: "last updated:" attr(data-release-date) "/ weight:" attr(data-weight) " / reviews: " attr(data-); display: block; background: white; color: black; position: absolute; top: 3em; left: 0;}




/* GLOBALS
 */

html {scroll-behavior: smooth;}

textarea::-webkit-input-placeholder {color: rgba(0,0,0,.26); font-size: 16px;font-family: 'Montserrat';}

textarea:-moz-placeholder {color: rgba(0,0,0,.26);  font-size: 16px;font-family: Montserrat;}

textarea::-moz-placeholder {color: rgba(0,0,0,.26);  font-size: 16px;font-family: Montserrat;}

textarea:-ms-input-placeholder {color: rgba(0,0,0,.26);  font-size: 16px;font-family: Montserrat;}

textarea::placeholder {color: rgba(0,0,0,.26);  font-size: 16px; font-family: Montserrat;}

/*TODO: Fix empty variable */
.tag-number-deals {margin-bottom: 0; opacity: .9; line-height: 1em; /*font-size: 80%; *//*font-weight: bold;*/ line-height: 1.5em;}
.tag-number-deals[data-deals-loaded][data-deals-location]:empty:before { content:attr(data-deals-loaded) " deals found around " attr(data-deals-location);}
.tag-number-deals[data-deals-loaded="1"][data-deals-location]:empty:before { content:attr(data-deals-loaded) " deal was found around " attr(data-deals-location);}
.tag-number-deals[data-deals-loaded="0"][data-deals-location]:empty:before { content:"No deals were found around " attr(data-deals-location);}
.tag-number-deals[data-deals-loaded="Searching"]:before { content:attr(data-deals-loaded) " for deals around " attr(data-deals-location) " ... " !important;}
.tag-number-deals[data-deals-loaded]:empty:before { content:attr(data-deals-loaded) " deals found ";}

#navigation-subheader .tag-number-deals[data-count="0"]:before,
#navigation-subheader .tag-number-deals[data-count="0"]:after {
  position: absolute; top: 8rem; left: 3rem; width: calc(100% - 6rem); height: 12rem; text-align: center; opacity: .5;
 }
#navigation-subheader .tag-number-deals[data-count="0"]:before {content:"Try another search or look around another category";}
#navigation-subheader .tag-number-deals[data-count="0"]:after {
 content: "";
 top: 11rem; height: 50vh;
  background: url('https://apod.com.au/app/img/png/icon-no-results.png') no-repeat 50% 0; background-size: contain;
 }
 #navigation-subheader .tag-number-deals + button {display: none !important;}
 #navigation-subheader .tag-number-deals[data-count="0"] + button {display: block !important; width: calc(100% - 3rem); right: 1.5rem;}


.mdl-button--colored-alt {background-color: rgb(255,82,82); color: #FFF;}
.mdl-button--colored-alt2 {background-color: rgb(50, 203, 0); color: #FFF;}
.mdl-button--facebook {background-color: rgba(59,89,152,0.8); color: #FFF; width: calc(100% - 3rem); margin-bottom: .5rem;}
.mdl-button--facebook:hover {background-color: rgba(59,89,152,1);}

button.mdl-button--colored.js-activate-gtin[disabled] {background-color: rgba(33,150,243,.7); color: rgba(255,255,255,.6) !important;}

#nav-sidebar {padding-top: 0;}
#nav-sidebar button:not(:first-child),
#nav-sidebar a:not(:first-child) { border-top: 1px solid rgba(255,255,255,0.1);}
#nav-sidebar .mdl-layout-spacer ~ button,
#nav-sidebar .mdl-layout-spacer ~ a {background: rgba(255,255,255,0.05); border: none; border-top: 1px solid rgba(0,0,0,.1);}


/* Header
 */

#navigation-subheader {
  /*background: white;  */
  padding:0 16px;
  padding:16px 16px 0 16px;
}

/* Filter */
.filter-group label,
.filter-group select,
.filter-group button {color: white;}
.filter-group label,
.filter-group select { min-width:0; width: auto; padding-left: 0;padding-right: 0;}
.filter-group select {max-width: 142px; margin-top: -2px;}
.filter-group select,
.filter-group option {background: transparent; -webkit-appearance: none;}
.filter-group label {position: relative;}
  

.js-open-deal-filter {padding-right: 4px;}
.js-open-deal-filter i {margin-left: 8px;}

.page-content > .filter-list-item { margin: 0;}
.filter-list-item > li > span {font-weight: bold; color: rgba(0,0,0,.6);}
.mdl-list {padding: 0;}
.mdl-list__item {font-size: inherit;}
li.mdl-list__item,
li li.mdl-list__item:last-child {border-bottom: 1px solid rgba(0,0,0,.3);}
li li.mdl-list__item {border-bottom: 1px solid rgba(0,0,0,.15); background: #FFF;}
.mdl-list__item a {color: rgb(33,150,243); text-decoration: none; font-size: 1em; line-height: 24px;}
#filter-by-category-group .mdl-list__item a {font-size: 0.8rem;}
.mdl-list__item i {color: rgba(0,0,0,.8);}
.mdl-list__item img {margin-right: 1.5em; height: 24px !important;}


li.mdl-list__item span + a {font-size: 0.875em; text-decoration: none; height: auto;}
li.mdl-list__item span + a i {vertical-align: middle;}

.filter-list-item > .mdl-list__item {position: relative;}
.filter-list-item > .mdl-list__item  > a {display: block;position: absolute;text-align: right;width: 100%;height: 100%;left: 0; top: 0; padding-top: 1.5rem;}
.filter-list-item > .mdl-list__item  > a i {margin-right: 0.75rem;}

.mdl-list__item-primary-content,
.mdl-list__item-primary-content label { width: 100%; height: 2rem; line-height: 2rem; }
.mdl-list__item-secondary-action {width: 100%;}


.mdl-list__group .mdl-list__item {/*font-size: 0.875em; */}

.selected-category:before,
.selected-subcategory:before,
.selected-type:before,
.selected-location:before {display: inline-block;text-transform: capitalize;overflow: hidden;max-width: calc(50vw - 48px);text-overflow: ellipsis;white-space: nowrap;height: 24px; vertical-align: bottom;}
.selected-category:before,
.selected-subcategory:before {content: attr(data-selected-category);}
.selected-type:before {content: attr(data-selected-type);}
.selected-location:before {content: attr(data-selected-location);}

.mdl-list__item-primary-content {text-transform: capitalize;}


#filter-overlay .page-content { height: calc(100vh - 12rem);}
#deal-filter-controls {position: absolute; bottom: 0; left: 0; width: 100%; background: #FAFAFA; box-shadow: inset 0 2px rgba(0,0,0,.2);}
#deal-filter-controls button {width: calc(100% - 3rem);}
/*#deal-filter-controls .tag-number-deals:before { content : "("attr(data-deals-loaded) " deals)";}*/
#deal-filter-controls .tag-number-deals[data-count]:before {display: none;}
#deal-filter-controls .tag-number-deals:before { content : "("attr(data-count) " deals)" !important;}







#address-lookup-container > div,
#address-lookup-container > form {align-self: flex-start;}

#address-lookup-container > div, #controls {position: relative;width: 480px;}

.pac-container
.pac-container.pac-logo.hdpi {z-index: 1001;}
#filter-by-location-group a { height: 3rem; line-height: 3rem;}

/* Deal - Global
 */

.page-content {min-height: 100%;}

.mdl-card { width: auto; max-width: 480px;}
.mdl-cell {margin:8px 8px 16px 8px;}

.deal p:empty {display: none;}

img[src^="data"] {opacity: 0;}
.gm-style img {opacity: 1;}


.deal .tag-offer {font-size: 1.5rem; line-height: 1.2em; font-weight: 600; color: rgba(0,0,0,.8); margin-bottom: 0;}
.deal .mdl-card__title.mdl-color--blue-600[data-bg] {background-color: rgba(0,0,0,.1) !important;}
.deal .mdl-card__title { min-height:0;height: 0; padding-top: 62%; padding-top: 52%; position: relative;}
/*.deal .mdl-card__title .tag-logo {width: 60%;background-color: transparent; height: 3em;position: absolute;left: 1em;bottom: 1em; background-size: contain;background-repeat: no-repeat;background-position: 0 100%; color: transparent;}*/


.deal.card .mdl-card__title > img,
.deal.card .mdl-card__title > h2 {z-index: 3;}
.deal.card .mdl-card__title > .slideshow-swipe {z-index: 2;}
.deal.card .mdl-card__title > .slideshow-swipe > div {z-index: 1;}

img.tag-logo {width: auto; height: auto;max-width: 50%;max-height: 1.5em; border: 1px solid #FFF;  }
.deal .mdl-card__title img.tag-logo { position: absolute;left: 0.5em;bottom: 0.5em; background-color: #FFF;box-shadow: 0 10px 10px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2); padding: 6px; }
.deal.deal-expanded img.tag-logo { max-width: calc(100% - 8rem); max-height: 5rem;}
.deal.deal-expanded img.tag-logo { max-width: calc(100% - 3rem); max-height: 6rem;}


.mdl-card__title-text {color: rgba(0,0,0,.0);}
.color-bg .white {color: rgba(255,255,255,1); }
.tag-logo.error-no-image {display: none;}
.tag-logo.error-no-image + .mdl-card__title-text {
 font-size: 1.5rem; font-weight: bold; color: white; text-shadow: 0 1px rgba(0,0,0,8), 0 0 6px rgba(0,0,0,8); /*position: relative; *//* background: rgba(0,0,0,.4);*/
 max-width: calc(100% - 9.5rem);
 }


.deal span[class*="tag-price"],
.deal span[class*="tag-voucher"] {position: relative; display: inline-block;padding-top: 1em;vertical-align: bottom;line-height: 1em; margin-right: 4px; min-width: 3em; font-size: 1.2em; color: rgba(0,0,0,.8); text-transform: uppercase; font-weight: 600; max-width: calc(100% - 8rem);}
.deal span[class*="tag-price"]:before,
.deal span[class*="tag-voucher"]:before {content:attr(data-prefix); display: inline; opacity: .8; font-size: 80%; line-height: 100%; vertical-align: 1px;}
.deal span[class*="tag-price"]:after,
.deal span[class*="tag-voucher"]:after { position: absolute; top: 0; left: 0; bottom: 100%; line-height: 1em; display: inline-block; text-transform: uppercase; font-size: 60%; line-height: 1.5em; font-weight: bold; color: rgba(0,0,0,.7);}
.deal .tag-price-rrp { min-width: 4em; text-decoration: line-through; color: rgba(0,0,0,.6) !important;}
.deal .tag-price-from { min-width: 4em !important; font-weight: 500;}
.deal .tag-price-save { min-width: 4em !important;}
.deal .tag-price-rrp:after { content: "Normally"; }
.deal .tag-price-from:after { content: "Your Price";}
.deal .tag-price-save:after { content: "You Save"; }
.deal .tag-voucher-balance:after { content: "Balance"; }
.deal .tag-voucher-pin:after { content: "Your Pin"; right: 0;}
.deal .tag-price-from,
.deal span[class*="tag-voucher"] { min-width: 5em !important;}
.deal .tag-voucher-pin,
.deal .tag-voucher-pin:after {text-align: right;}
.gift-card .deal .tag-price-from:after { content: "Amount";}

.mdl-list__group.js-toggle.open-close { height: auto; max-height: 0;overflow: hidden; transition: max-height .3s;}
.mdl-list__item-secondary-action > i + i {display: none;}
.mdl-list__group.js-toggle.open-close.js-toggle-on {max-height: 999em;}
/*.mdl-list__group.js-toggle.open-close.js-toggle-on .mdl-list__item-secondary-action > i {display: none;}
.mdl-list__group.js-toggle.open-close.js-toggle-on .mdl-list__item-secondary-action > i + i {display: inline-block;}*/

.tag-deal-type {background-color: rgba(224,27,34,.9); margin:0; padding: 0 1em; line-height: 2em; color: white; font-weight: bold; text-transform: uppercase;}

/* Latest, Trending, Featured, Flash Sale, Time Limited Offer
 */


.deal .tag-deal-type {height: 2rem;}
.deal[data-category-names*="popular"] .tag-deal-type[data-deal-type=""] {background-color: rgba(33,150,243,0.9); display: block !important;}
.deal[data-category-names*="time limited offer"] .tag-deal-type[data-deal-type=""] {background-color: rgba(224,27,34,.9); display: block !important;}
.deal[data-category-names*="latest"] .tag-deal-type[data-deal-type=""] {background-color: rgba(224,27,34,.9); display: block !important;}
.deal[data-category-names*="featured"] .tag-deal-type[data-deal-type=""] {background-color: rgba(224,27,34,.9); display: block !important;}
.deal[data-category-names*="trending"] .tag-deal-type[data-deal-type=""] {background-color: rgba(224,27,34,.9); display: block !important;}

.deal[data-category-names*="popular"] .tag-deal-type[data-deal-type=""]:before {content: "Popular Offer";}
.deal[data-category-names*="time limited offer"] .tag-deal-type[data-deal-type=""]:before {content: "Time Limited Offer";}
.deal[data-category-names*="latest"] .tag-deal-type[data-deal-type=""]:before {content: "Latest Offer";}
.deal[data-category-names*="featured"] .tag-deal-type[data-deal-type=""]:before {content: "Featured Offer";}
.deal[data-category-names*="trending"] .tag-deal-type[data-deal-type=""]:before {content: "Trending";}

.deal[data-category-names*="covid19"] .tag-deal-type[data-deal-type=""] {background-color: rgba(224,27,34,.9); display: block !important;}
.deal[data-category-names*="covid19"] .tag-deal-type[data-deal-type=""]:before {content: "Covid-19 impacted business";}

.deal[data-category-names*="veteran"] .mdl-card__title:after {
  content: ""; width: 6rem; height: 6rem; position: absolute; right: 0.75rem; /*bottom: -1.5rem; */display: block; z-index: 3; background: black;
  background: url('https://apod.com.au/app/img/png/icon-veteran-owned.png?20190821.1237') no-repeat 50% 100% transparent; background-size: contain;
 }
 .deal[data-category-names*="veteran"] .mdl-card__title:after {
  height: 10rem; top: 0.75rem; width: 3.5rem;
  background-image: url('https://apod.com.au/app/img/svg/icon-veteran-owned-1.svg');
  background-position: 100% 0;
 }
 
.deal[data-category-names*="popular"][data-category-names*="veteran"] .tag-deal-type + .mdl-card__title:after,
.deal[data-category-names*="time limited offer"][data-category-names*="veteran"] .tag-deal-type + .mdl-card__title:after,
.deal[data-category-names*="latest"][data-category-names*="veteran"] .tag-deal-type + .mdl-card__title:after,
.deal[data-category-names*="featured"][data-category-names*="veteran"] .tag-deal-type + .mdl-card__title:after,
.deal[data-category-names*="trending"][data-category-names*="veteran"] .tag-deal-type + .mdl-card__title:after {top: -1rem;}

.deal[data-published="false"] { opacity: 0.6;}
.deal[data-draft="true"] { box-shadow: 0 0 3px 3px rgb(33,150,243);}
 




.deal.deal-expanded[data-category-names*="concession"]:not([data-redeem-online]) #redeem-group .flex.stretch-items:before,
.deal.deal-expanded[data-isconcession]:not([data-redeem-online]) #redeem-group .flex.stretch-items:before {
    content: "Check below for specific concession terms and conditions.";
    line-height: 1.5em;
    font-weight: bold;
    position: absolute;
    top: 4rem;
    left: 0;
    width: 100%;
    font-weight: bold;
    color: rgba(0,0,0,.8);
    font-size: 90%;
    text-align: center;
  }
  
  

.deal.deal-expanded[data-source="dg"] .mdl-card__title:before,
.deal.deal-expanded[data-redeem-online]:not([data-redeem-instore]) .mdl-card__title:before {display: none;}
.tag-concession-card:not(:empty) { padding: 0.5rem;}
.tag-concession-card img { width: calc(100% / 4 - 1rem);height: auto;margin: 0.75rem 0.75rem 0 0;box-shadow: 0 1px 1px rgba(0,0,0,0.4), 0 2px 16px rgba(0,0,0,0.2);}

.deal[data-isConcession] .mdl-card__title[style*="https://apod.com.au?"] {background-image: url(/app/img/png/bg-concession-card.png) !important;}


/*.js-scroll-top,
.js-scroll-bottom { position: fixed; bottom: .5rem; z-index: 2; color: #FFF; background: rgba(0,0,0,.8); max-width: calc(50% - 3rem);}*/
.js-scroll-top,
.js-scroll-bottom,
.fix-bottom,
.fix-top { position: fixed; z-index: 2; color: #FFF; background: rgba(0,0,0,.8); width: calc(100% - 3rem); }
.js-scroll-top,
.fix-top { left: 1.5rem; top: 10rem; }
.js-scroll-bottom,
.fix-bottom { right: 1.5rem; bottom: 1.5rem;}
 

/*.show-loggedin[hidden] { display: none !important;}
.show-loggedin[hidden] { display: none !important;}*/




/* Deal - Cards
 */

/*.mdl-card__actions {position: relative}*/
.mdl-card__actions .js-open-deal:first-child { float: none !important;}
.mdl-card__actions .js-open-deal:first-child:before { content: "Sign in to ";}

.deal.card .mdl-card__actions .tag-price-save {display: none !important;}
.deal.card .mdl-card__actions .mdl-button {float: right;}
.deal.card.js-active { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}

.deal .tag-description img {max-width: 100%; width: auto; height: auto;}




/* Deal - Expanded
 */

.mdl-card.deal.deal-expanded {max-width: 45rem; margin: auto;}
.deal.deal-expanded .mdl-card__title .mdl-button--fab {margin-right: 0.5em;margin-top: -.5em;}
.deal.deal-expanded .tag-offer {margin-top: 1.5rem; font-size: 1.5em;}
.deal.deal-expanded img:not(.no-image) ~ .tag-offer {margin-top: 1.5rem; }

.deal.deal-expanded .tag-offer { text-transform: uppercase;}
.deal.deal-expanded .tag-offer-alt {margin-bottom: 0;}
.deal.deal-expanded .tag-price-save {float: right; color: rgb(33,150,243); text-align: right;}

.deal.deal-expanded .mdl-card__supporting-text {/*width:calc(100% - 3rem); width: auto;*/}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle { overflow: hidden; max-height: 9999em; transition: max-height .6s;}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle.close { max-height: 24px; /*background: rgb(255,82,82); background-color: rgba(33,33,33,0.9);*/}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle > p.heading {color: #FFF; cursor: pointer; position: relative; margin-bottom: 3rem;}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle > p.heading:before {background-color: rgba(33,33,33,0.9); display: block;left: -16px;top: -16px;content: '';position: absolute;width: calc(100% + 2rem);height: 4rem;z-index: -1;}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle > p.heading i {float: right;}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle.close > p.heading i+i {display: none;}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle.open > p.heading i { display: none;}
.deal.deal-expanded .mdl-card__supporting-text.js-toggle.open > p.heading i+i {display: block;}


.deal.deal-expanded .mdl-card__title {padding-top: 61%; padding-top: 54%;}

.deal.deal-expanded .tag-hero {background-position: 50% 0;}

/*.deal.deal-expanded .tag-slideshow {margin-top: -1.5rem; }
.deal.deal-expanded .tag-slideshow-img {width: 3rem; height: 3rem; margin-right: .5em; box-shadow: 0 10px 10px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2); background-color: #FFF; cursor: pointer;}
.deal.deal-expanded .tag-slideshow-img.js-active {opacity: 0.6;}*/

.deal.deal-expanded .tag-slideshow {margin-top: -1.5rem;}
.deal.deal-expanded .tag-slideshow-img {display: inline-block;background: rgba(255,255,255,.6); border-radius: 100%; width: 1rem; height: 1rem; text-decoration: none; margin-left: 0.5rem; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8); cursor: pointer;}
.deal.deal-expanded .tag-slideshow-img.js-active {background: rgba(0,0,0,0.8); box-shadow: 0 0 1px 1px rgba(255,255,255,0.6);}



/*.mdl-card__title .slideshow-swipe {background: rgba(0,0,0,.2); border-radius: 100%; width: 1rem; height: 1rem; text-decoration: none; margin-left: 0.5rem; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.6);}
.mdl-card__title .slideshow-swipe.js-active {background: rgba(0,0,0,0.8);}
.mdl-card__title .slideshow-swipe div {position: absolute; top: 0; left: -100%; height: 100%; width: 100%; transition: left .3s cubic-bezier(0.55, 0.085, 0.68, 0.53); background-position: 50% 50%; background-repeat:no-repeat; background-size: cover;}
.mdl-card__title .slideshow-swipe.js-active div { left: 0;}
.mdl-card__title .slideshow-swipe.js-active ~ .slideshow-swipe div { left: 100%;}*/

.deal .tag-review-rating {margin: .5rem 0 .5rem -0.25rem; }
.deal .tag-review-rating a {text-decoration: none;}
.deal .tag-review-rating i { color: #D3D6DB; font-size: 1.25rem;}

.deal .tag-review-rating[data-rating="0"] {display: none;}

.deal .tag-review-rating[data-rating^="1"] .star,
.deal .tag-review-rating[data-rating^="2"] .star,
.deal .tag-review-rating[data-rating^="3"] .star,
.deal .tag-review-rating[data-rating^="4"] .star,
.deal .tag-review-rating[data-rating^="5"] .star,
.deal .tag-review-rating[data-rating^="6"] .star { color: #f3dd15;}
.deal .tag-review-rating[data-rating^="1"] .star:nth-child(1) ~ .star {color: #D3D6DB;}
.deal .tag-review-rating[data-rating^="2"] .star:nth-child(2) ~ .star {color: #D3D6DB;}
.deal .tag-review-rating[data-rating^="3"] .star:nth-child(3) ~ .star {color: #D3D6DB;}
.deal .tag-review-rating[data-rating^="4"] .star:nth-child(4) ~ .star {color: #D3D6DB;}
.deal .tag-review-rating[data-rating^="5"] .star:nth-child(5) ~ .star {color: #D3D6DB;}

.deal .tag-review-rating i.star_half { display: none;}
.deal .tag-review-rating[data-ratings*="."] i.star-half {display: inline-block;}

.deal  .tag-comment-count[data-comment-count="0"] {display: none;}
.deal  .tag-comment-count {opacity: 0.5; line-height: 1; vertical-align: 0.25rem; line-height: 1rem; color: #D3D6DB; margin-left: 1rem;}
.deal  .tag-comment-count:before { content : " " attr(data-comment-count);}
.deal  .tag-comment-count:after { content : " reviews";}


.deal.deal-expanded .tag-location-map img {width: 100%;}
.deal.deal-expanded .tag-location-map:not(:empty) {height: 0; padding-top: 100%;}
.deal.deal-expanded .tag-vendor-address {display: block;}
.deal.deal-expanded .tag-vendor-address:empty ~ span {display: none;}

.deal.deal-expanded p a {color: #00BCD4; text-decoration: none; color: rgb(33,150,243);}


.deal.deal-expanded [data-heading]:empty {display: none;}
.deal.deal-expanded [data-heading]:before { content: attr(data-heading); display: block; font-size: 0.875em; line-height: 1.5rem; margin: 0 0 0.25em 0; padding: 0; font-weight: bold;}
.tag-location-address:empty ~ span {display: none;}

.deal.deal-expanded .js-add-to-wallet { background-color: #D3D6DB;}
.deal.deal-expanded .js-remove-from-wallet { background-color: #f3dd15; background-color: rgb(255,82,82); color: white;}




/* TODO: fix */
 /*{overflow: hidden;}*/
 @supports not (-webkit-overflow-scrolling: touch) {
  #deal-overlay.js-toggle-on #redeem-group {position: fixed; bottom: 0; left: 0; width: calc(100% - 2rem); box-shadow: 0 -2px 2px rgba(0,0,0,.2); background-color: white; z-index: 9;}
}

#redeem-group .mdl-button.mdl-button--raised {margin-left: 0; margin-right: 1rem; width: 100%; max-width: 100%; height: 3rem; line-height: 3rem;}
#redeem-group > .flex {margin-left: 0rem; margin-right: -1rem;}
#deal-overlay .page-content  {padding-bottom:9rem;}


/* Digital Card
 */


#digital-card-overlay .mdl-layout__content {}
#digital-card-overlay .mdl-card.digital-card {min-height: calc(100vh - 56px - 6rem); background: transparent; /*border: 1px dotted red;*/ overflow: visible;}
#digital-card-overlay .mdl-layout__header-row {padding-left: 1.5rem;}
#digital-card-overlay .mdl-layout__content { background: #F0F0F0; overflow: hidden;}

/*WHTCRD,GLDCRD,ORGCRD*/
#dva-card-wrapper .mdl-card__content-block {/*background-color: #FFFFFF;*/}
#dva-card-wrapper[data-card-type="WHTCRD"] .mdl-card__content-block { background: #FAFAFA !important;}
#dva-card-wrapper[data-card-type="GLDCRD"] .mdl-card__content-block { background: #FFE17A !important;}
#dva-card-wrapper[data-card-type="ORGCRD"] .mdl-card__content-block { background:  #EB8A4A !important;}
#dva-card-wrapper .digital-card-details b {font-weight: 600 !important;}
#dva-card-wrapper .color-bg { background-color: #FFF; height: 32px; border-top: 1px solid rgba(0,0,0,.1);}
#dva-card-wrapper[data-card-type="WHTCRD"]  .color-bg {background-color: #FFFFFF;}
#dva-card-wrapper[data-card-type="GLDCRD"]  .color-bg {background-color: #FBCD31;}
#dva-card-wrapper[data-card-type="ORGCRD"]  .color-bg {background-color: #EF7727;}

#dva-card-wrapper .mdl-card.digital-card-slip * { color: rgba(0,0,0,.8) !important; text-shadow: 0 1px rgba(0,0,0,.1);}
#dva-card-wrapper .mdl-card.digital-card-slip img {box-shadow: 0 2px 4px rgba(0,0,0,0.3);}

#dva-card-wrapper[data-card-type="white"]

/* DVA CARD ONLY */
#dva-card-wrapper .color-bg {display: none !important;}
#dva-card-wrapper .digital-card-details {position: absolute; top: 40%; width: 100%;}
#dva-card-wrapper .tag-full-name { font-size: 0.8rem;  width: 60%; display: inline-block; vertical-align: top; text-transform: uppercase; font-weight: 600;}

#dva-card-wrapper .tag-full-name + div { display: inline-block; width: 30%;}
#dva-card-wrapper .tag-full-name + div table {margin-top: -0.25rem;}
#dva-card-wrapper .tag-full-name + div table,
#dva-card-wrapper .tag-full-name + div table td,
#dva-card-wrapper .tag-full-name + div table tr {display: block; }
#dva-card-wrapper .tag-full-name + div * {font-size: 0.8rem !important; margin: 0;}
#dva-card-wrapper .tag-full-name + div .uppercase {font-size: 0.7rem !important;}
#dva-card-wrapper .mdl-card.digital-card-slip {margin: 0.75rem 0.75rem 0 0.75rem;}
#dva-card-wrapper .color-bg {display: none !important;}
#dva-card-wrapper[data-card-type="WHTCRD"] .mdl-card__content-block,
#dva-card-wrapper[data-card-type="GLDCRD"] .mdl-card__content-block,
#dva-card-wrapper[data-card-type="ORGCRD"] .mdl-card__content-block { background: transparent !important;}

#digital-voucher-wrapper .digital-card-details { position: absolute; bottom: 0;}

.digital-card > div {}
.digital-card > div.rotate-90 {
 width: calc(100vh - 8rem); width: calc(100vh - 56px - .75rem - 5rem); height: calc(100vw - 3rem);
 transform: rotate(90deg); transform-origin: left top;
 position: absolute; /*overflow: hidden;*/
 top: 0.75rem; bottom: calc(100% - 56px); left: calc(100vw - 1.5rem);
}

.digital-card .digital-card-details { position: absolute; bottom: 1.5rem; left: 1.5rem; color: #FFF; text-shadow: 1px 2px 0 rgba(0,0,0,0); z-index: 1; }
.digital-card .digital-card-details p {margin-top: 0.75rem; margin-bottom: 0;}
.digital-card img {max-width: 100%; max-height: 100%; width: auto; height: auto; border-radius: 0.5rem; /*box-shadow: 0 0 3px 1px rgba(0,0,0,.3), 0em 0 6em -3em rgba(1,0,0,0.6); */}

.digitial-card-slip {}


#digital-card-overlay footer.mdl-card { position: absolute; bottom:0; left:0; width: 100%;}
#digital-card-overlay footer.mdl-card {height: auto; padding-top: 0.5em; min-height: 0; flex-direction: row; justify-content: center; background: #212121; z-index: 9;}


#digital-card-overlay.swipe-horizontal .card-wrapper { position: absolute;top: 0; width: 100%; height: 100%; transition:opacity .6s cubic-bezier(0.55, 0.085, 0.68, 0.53), left .4s cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; will-change: opacity; will-change:left;} 
#digital-card-overlay.swipe-horizontal .card-wrapper { left: -100vw;  }
#digital-card-overlay.swipe-horizontal .card-wrapper.js-active { left:0; opacity: 1;}
#digital-card-overlay.swipe-horizontal .card-wrapper.js-active ~ .card-wrapper  { left: 100vh; }


#digital-card-overlay.swipe-vertical .card-wrapper { position: absolute;top: 0; width: 100%; height: 100%; transition:opacity .6s cubic-bezier(0.55, 0.085, 0.68, 0.53), top .4s cubic-bezier(0.55, 0.055, 0.675, 0.19), transform .4s cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; will-change: opacity; will-change:top; will-change:transform; } 
#digital-card-overlay.swipe-vertical .card-wrapper { top: -10vh;  z-index: 2;}


#digital-card-overlay.swipe-vertical .card-wrapper:not(.js-active) {transform: scale(0.9); transform-origin: top center;}
#digital-card-overlay.swipe-vertical .card-wrapper:not(.js-active) .tag-logo { top: 0.75rem;}

#digital-card-overlay.swipe-vertical .card-wrapper.js-active { top:0;  z-index: 3 !important;}

#digital-card-overlay.swipe-vertical .card-wrapper.js-active + .card-wrapper { top: calc(100vh - 9.5em) !important; z-index: 5 !important;}
#digital-card-overlay.swipe-vertical .card-wrapper.js-active + .card-wrapper + .card-wrapper {top: calc(100vh - 7.5rem) !important; z-index: 6 !important; }
#digital-card-overlay.swipe-vertical .card-wrapper.js-active + .card-wrapper + .card-wrapper + .card-wrapper {top: calc(100vh) !important; z-index: 7 !important; }
#digital-card-overlay.swipe-vertical .card-wrapper.js-active ~ .card-wrapper  { top: 100vh; z-index: 8;}
#digital-card-overlay.swipe-vertical .card-wrapper.js-active + #dva-card-wrapper.card-wrapper { top: calc(100vh - 24em) !important; }

#digital-card-overlay.swipe-vertical footer  { /*display: none;*/}

#digital-card-purchase-overlay.js-toggle-on {top: 3em;}
#digital-card-purchase-overlay footer {
 position: absolute;top: calc(100vh - 10rem); padding-top: 1em; background:#EAEAEA;left: 0;width: 100%;z-index: 103;height: 6rem;
 box-shadow: inset 0px 6px 6px -6px rgba(0,0,0,.5);
 }
#digital-card-purchase-overlay .mdl-layout__content {background:#FAFAFA; height: 100vh; overflow: hidden;}
#digital-card-purchase-overlay .js-purchase-card {width: calc(100% - 1.5rem);}
#digital-card-purchase-overlay .mdl-card__supporting-text {padding: 1rem 0 0 1rem;}
#digital-card-purchase-overlay .heading {margin-bottom: 0;}
.store-card-payment-container > .page-content,
.store-card-payment-container > div {
  height: calc(100vh - 10rem);
  height: calc(100vh);
  overflow: auto;
}

#digital-card-purchase-overlay .mdl-textfield {width: 100%;}
#digital-card-purchase-overlay .flex .mdl-textfield {max-width: 4rem;}

.store-card-payment-container td:first-child { padding-left: 1rem !important;}

#generate-gin,
svg.js-generate-barcode {width: auto; height: auto; max-width: 100%; max-height: 100%; margin:auto;}
#generate-qrcode img {opacity: 1; width: calc(100% - 6rem); padding: 1.5rem;}

/**CALTEXT TEST ***/
.js-generate-voucher canvas {
    /*display: block !important;*/
}
.js-generate-voucher > div {width: 100%; height: 100%;}
.js-generate-voucher img {max-width: 100% !important;}

img.image-gif-test {position: absolute; /*top: 0.25rem;*/ bottom: -4.5rem;right: 1rem;width: 20%;z-index: 2;}
img.image-gif-overlay {position: absolute;width: 100%;top: 0;left: 0; }

.generate-gtin {width: 100%; margin-bottom: 1.5rem; background: #FFF;}

@keyframes shimmer {
 0% {
    left: -200%;
  }
  100% {
    left: 200%;
  }
}
@keyframes shimmer2 {
 0% {
    left: -250%;
    width: 50%;
  }
  100% {
    left: 250%;
    width: 200%;
  }
}

/* DIGITAL CARD VOUCHER
 */
.mdl-card.digital-card-voucher .mdl-card__title.mdl-card--expand:before {display: none;}
.mdl-card.digital-card-voucher .mdl-card__title.mdl-card--expand:after {
  display: none;content: "";position: absolute;top: 0%;left: -200%;width: 100%;height: 100%;opacity: 0;transform: rotate(5deg); opacity: 1;
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}
.mdl-card.digital-card-voucher .mdl-card__title.mdl-card--expand:before {animation : shimmer 3s infinite;  animation-timing-function: ease;}
.mdl-card.digital-card-voucher .mdl-card__title.mdl-card--expand:after {animation : shimmer 5s infinite;  animation-timing-function: ease;}

.digital-card-voucher-code-wrapper .loader {background: transparent !important; box-shadow: none !important; /*margin-top: 12rem !important;*/}

.digital-card-voucher-code-wrapper { transition: all .3s ease-in;}
.digital-card-voucher-code-wrapper.js-toggle-on {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; margin: 0; z-index: 99999; background: #FFFFFF; padding-left: 0; padding-right: 0;}
.digital-card-voucher-code-wrapper.js-toggle-on .js-generate-voucher > div { max-width: 90%; max-height: 90vh; margin: auto; }
.digital-card-voucher-code-wrapper.js-toggle-on .js-generate-voucher > div img { height: auto;width: auto;max-height: none;max-width: 70% !important;top: 7em;}
.digital-card-voucher-code-wrapper.js-toggle-on {}

#apod3609360 {opacity: 1 !important;}
#barcode-wrapper .mdl-card,
#qr-code-wrapper .mdl-card,
.mdl-card.digital-card-voucher { margin: 1.5rem; height: calc(100% - 7rem); border-radius: 0.5rem;}
.mdl-card.digital-card-voucher {height: calc(100% - 7.5rem); height: calc(100% - 3rem);  background: #FAFAFA; }

#digital-card img,
#barcode-wrapper .mdl-card,
#qr-code-wrapper .mdl-card,
.mdl-card.digital-card-slip,
.mdl-card.digital-card-voucher {box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}

.js-generate-voucher {/*position: absolute; left: 0;*/ width: 100%; /*bottom: 1.5rem;*/ height: 100%; position: relative;}
.js-generate-voucher img {position: absolute;top: 0;left: 50%;opacity: 1;transform: translateX(-50%); z-index: 1;}
.digital-card-voucher-code-wrapper .js-generate-voucher {/*position: initial;*/}
#generate-gin,
#generate-gtin,
.js-generate-voucher svg,
.js-generate-voucher img {background: white; box-shadow: 0 2px 6px 0px rgba(0,0,0,.2); border-radius: 4px; max-height: 11rem; max-width: calc(100% - 1.5rem); }
.js-generate-voucher button,
.js-generate-voucher a.mdl-button  { width: calc(100% - 6rem);}

.mdl-card.digital-card-slip {margin: 1.5em 1.5em 0 1.5em; background: rgba(0,0,0,0.85); border-radius: 0.25em; }
.mdl-card.digital-card-slip img {max-width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,1);}
.mdl-card.digital-card-slip .digital-card-details {color: #FFF; text-shadow: 0 1px rgba(0,0,0,1);}

.digital-card-voucher.mdl-color--blue-600 { background-color: rgba(30, 136, 229,.8) !important; background-color: #1E88E5 !important; }
.digital-card-voucher .mdl-card__actions { padding : 0.75rem 1em; /*position: absolute;*/ background: #FFF; display: flex;/* top: 0; left: 0; width: 100%;text-align: right;*/
 max-height: 5rem; font-size: 14px;
}

.digital-card-voucher {display: flex;}

.digital-card-voucher header.deal {} /*calc(70% - 6.5rem)*/
.digital-card-voucher .mdl-card__title { /*padding-top: calc(62% + 2rem); */ padding-top: calc(43% + 1.5rem); height: 0;}
.digital-card-voucher .mdl-card__title {background-position: 100% 1.5rem; background-size: cover; /*background-size: cover;*/}
.digital-card-voucher .mdl-card__title img.tag-logo {bottom: initial; top: 1rem; z-index: 1; box-shadow: none; padding: 0; max-height: 3rem;}

.digital-card-voucher .mdl-card__actions span { /*color: rgba(255,255,255,1);*/}
.digital-card-voucher .mdl-card__actions span:before,
.digital-card-voucher .mdl-card__actions span:after {/*color: rgba(255,255,255,0.8);*/ opacity: 0.8;}

.digital-card-voucher-code-wrapper {position: relative; flex-grow: 1; /*margin-top: 1.2em;*/}
.digital-card-voucher-code-wrapper > div { /*background: white;*/}

.digital-card-voucher .mdl-card__content-block.align-center img,
.digital-card-voucher .mdl-card__content-block.align-center svg {margin: auto;}

/* Caltex Coundown Timer
 */
#countdown-wrapper {background: rgba(0,0,0,.6); height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
#countdown-wrapper #countdown {position: relative;margin: auto;height: 40px;width: 40px;text-align: center; transform: scale(4); transform-origin: 50% -20%;}
#countdown-number {color: white;display: inline-block;line-height: 40px; font-size: .8rem;}
#countdown-wrapper svg {position: absolute;top: 0;right: 0;width: 40px;height: 40px;transform: rotateY(-180deg) rotateZ(-90deg);}
#countdown-wrapper svg circle {stroke-dasharray: 113px;stroke-dashoffset: 0px;stroke-linecap: round;stroke-width: 2px;stroke: white;fill: none;animation: countdown 10s linear infinite forwards;}
#countdown-wrapper:after {
 content: "Code will be available on\a" attr(data-expiry); position: absolute; bottom: 1.5rem; left: 0; right: 0; white-space: pre; color: #FFF; font-weight: bold; padding: 0 1em; line-height: 1.5em; text-transform: uppercase; 
 position: absolute; bottom: 0; left: 0; right: 0; background: #FFF; color: rgba(0,0,0,.8); padding: 0.25rem 0.75rem;
 }


/*@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}*/

 /* Redeem Code
  */
 
 #redeem-code-wrapper {background: rgb(33,150,243); color: #FFF; text-align: center;}
 #redeem-code-wrapper .heading {text-transform: uppercase; color: rgba(255,255,255,.8);}

 #redeem-code-wrapper .padding {padding-top: 0;}
 #redeem-code-wrapper .tag-redeem-code {border: 2px dashed rgba(0,0,0,0.8); background: white; color: rgba(0,0,0,.8); padding: 1rem .5rem; margin: .5rem; font-weight: bold;}
 #redeem-code-wrapper.js-toggle-on + div {display: none;}
 #redeem-code-wrapper .mdl-button--fab {background: transparent; color: rgba(255,255,255,1); box-shadow: none; }
 #redeem-code-wrapper .mdl-button--raised {margin-top: 1em; margin-bottom: 1em; width: calc(100% - 3rem); line-height: 3rem; height: 3rem;}
 #redeem-code-wrapper:not([hidden]) + #redeem-group {display: none;}
 
 
 
 /* FAQs
  */
 
 #help-support,
 #help-faq-item {background :#F0F0F0; width: 100vw;}
 #help-support .mdl-layout__header-row {padding-left:1rem;}
 #help-faq-item .mdl-layout__header-row {padding-left:2rem;}
 .faq-list-item.mdl-list {margin-top: 0; margin-bottom: 0;}
 .tag-faq.mdl-list__item  {padding: 0; background: #FFF;}
 .tag-faq.mdl-list__item > a { display: block; width: 100%;}
 .tag-faq-question { font-weight: bold;display: block;font-size: 0.85rem !important;line-height: 1.5em !important;padding: 0.75rem 1rem;}
 #help-faq-item .tag-question {line-height: 1.4em; margin: 1em 0 0 0;}
 #help-faq-item .tag-answer {line-height: 1.5em;}
 
 h6 i {vertical-align: -0.25em;}
 
 .js-activate-voucher {height: 3rem; line-height: 3rem;}
 
 #CardNumber,
 #CardName,
 #CardExpiryMonth,
 #CardExpiryYear,
 #CardCCV  {line-height: 2rem; height: 2rem;}
 #CardNumber {background: url(/app/img/png/img-credit-card.png) 100% 0 no-repeat;background-position: 100% -3.25rem;background-size: 3rem;}
 #CardNumber[data-type="visa"] {background-position: 100% -6rem;}
 #CardNumber[data-type="mastercard"] {background-position: 100% -11rem;}
 .tag-digital-card {width: 100%; max-width: 26rem;}
 /* #CardNumber[data-type="amex"] {background-position: 100% -3.25rem;} */
 


/*@media screen and (orientation:landscape) {*/
@media screen and (orientation:landscape) and (max-width:959px){
  .cards.deals.mdl-grid {display: flex !important;}
  .cards.deals.mdl-grid .deal.card {width: calc(50% - 1.5rem) !important;}
  .cards.deals.mdl-grid .deal.card .mdl-card__supporting-text {min-height: 8rem;}
  .cards.deals.mdl-grid .deal.card .tag-deal-type {position: absolute; z-index: 2;}
  
  
  #cards-wrapper:before {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 99999; content: ""; display: block;
  }
  #cards-wrapper:after { top: 50%; height: 3rem; margin-top: -1.5rem; text-align: center; width: 100%; content: "Please rotate your device back to portait mode"; color: white; position: absolute;z-index: 100000; left: 0; font-weight: bold;}
 
}

@media screen and (max-width:1024px) {
 .redeem-group__instructions table,
 .redeem-group__instructions tr,
 .redeem-group__instructions td {display: block;}
 .redeem-group__instructions img {width: 33.33%; height: auto;}
 .redeem-group__instructions td:first-child {text-align: center;}
 .redeem-group__instructions .bold{font-weight: bold;}
}

/* Small Phone
*/
@media screen and (max-width:375px) {
 /*.digital-card-voucher .mdl-card__title { padding-top: calc(43% + 2rem) !important;}
 .digital-card-voucher .tag-logo:not(.error-no-image) {padding: 4px !important; box-shadow: 0 10px 10px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.2) !important; border-radius: 4px !important;}
 .digital-card-voucher .mdl-card__actions {font-size: 0.8rem !important;}
 #digital-card-overlay.swipe-vertical .card-wrapper.js-active + .card-wrapper.gift-card { top: calc(100vh - 12em) !important; }*/
}

/* Tablet
 */

@media screen and (max-width:759px) {
  #login.overlay-container {background: #F0F0F0 !important; }
 .cards.deals.mdl-grid {display: block; }
 .cards.deals.mdl-grid .deal.card {margin-left: auto; margin-right: auto; }
 
 .hide-on-phone {display: none !important;}
 #logo:before {left:calc(100%  - 38px);}
}

@media (max-width:1060px) and (min-width:1024px){
  .mdl-layout__drawer #nav-sidebar .mdl-navigation__link:not(.link-my-apod){padding-left: 0.4rem; padding-right: 0.4rem;}
  .drawer .drawer-header{width: 200px;padding-left: 0.3rem; padding-right: 0.3rem;}
  .mdl-layout__drawer #nav-sidebar{ width: calc(100% - 200px); left: 188px;}
  
}

@media (min-width:1025px) and (max-width:1150px) {
 
 #filter-by-subcategory + li {width: 12rem !important;}
 #filter-by-subcategory + li > a:before { display: none;}
}

@media screen and (min-width: 819px) {
  #apod3609543 .js-open-digital-card {display: none;}
  #apod3609543 #redeem-group .heading {display: none;}
  #apod3609543 .flex.stretch-items {text-align: center; margin-right: 0;}
  #apod3609543 .flex.stretch-items:before {
    content: "Redeem this deal on\00a0Mobile\00a0only";
    line-height: 1.5em;
    font-weight: bold;
    position: absolute;
    top: 7rem;
    left: 0;
    width: 100%;
    font-weight: bold;
    color: rgba(0,0,0,.8);
  }
  #apod3609543 .flex.stretch-items:after {
    background: url(/app/img/svg/Icon-Mobile.svg) no-repeat 0 0;
    background-size: cover;
    content: '';
    width: 5rem;
    height: 5rem;
    /* background-color: red; */
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    top: 1.25rem;
  }
  
  
}
@media screen and (min-width: 760px) {
  .deal.card {flex-basis: calc(50% - 2em)!important;}
  
  .card.deal {margin-top: 2rem;}
  .deal[data-category-names*="popular"],
  .deal[data-category-names*="time limited offer"],
  .deal[data-category-names*="latest"],
  .deal[data-category-names*="featured"],
  .deal[data-category-names*="trending"] { margin-top: 0;}
  
  .card.deal .mdl-card__supporting-text {min-height: 6em;}
  
  #filter-overlay .page-content { /*height: calc(100vh - 20rem); min-height: 0; overflow: auto;*/}

}

/* ON DESKTOP
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************/

#map-wrapper,
.mdl-button.toggle-map {display: none;}



@media screen and (min-width: 1025px) {
 
 
		html, body {font-size: 1rem;}
		.drawer-header {height: 105px;}
		.cards.deals.mdl-grid .deal.card { max-width: 26rem !important; max-width: 24rem !important;}
		 
		 .mdl-layout__obfuscator.is-visible {display: none;}
		
		#layout-sidedraw .mdl-layout-title {color: transparent;}
		#layout-sidedraw .mdl-layout-title:before {
		 display: block;content: "";height: 2rem;width: 13rem;background: url(https://apod.com.au/_System/Assets/logos/apod-logo-2019.svg) 0 50% no-repeat;background-size: contain;top: 1em;position: relative;
		}
		
	 
  html:not([data-isloggedin]) #container-cards .mdl-card__supporting-text {min-height: 5rem; height: 5rem;}
  html:not([data-isloggedin]) #container-cards .mdl-card__actions.mdl-card--border {text-align: right;}
   
		#container-cards {max-width: 100%; padding-top: 5.5rem;}
		#container-cards .cards.deals {/*display: block;*/}
		#container-cards .cards.deals { /*display: block; */ /*max-width: 369px; width: 100%; *//*float: left;*/}
		#container-cards .mdl-card__supporting-text {height: 9rem; overflow: hidden;}
		#container-cards .deal.card:before {height: 3rem;}
		#container-cards .deal.card .tag-companyname {opacity: 0;}
		#container-cards .deal.card[data-source="apod"] .tag-logo.error-no-image +.tag-companyname {
			opacity: 1; color: rgba(0,0,0,.8); text-shadow: 0 1px rgba(255,255,255, 0.2), 0 0 16px rgba(255,255,255, 0.2);overflow: visible; font-family: "Montserrat",sans-serif; background-color: #FFF;
			box-shadow: 0 10px 10px rgba(0,0,0,.2), 0 2px 2px rgba(0,0,0,.2);padding: 6px; max-width: calc(100% - 4.5rem); margin-left: -6px;
		}
		#container-cards .deal.card .tag-offer-alt {font-size: 1rem; margin-top: 0.75rem; line-height: 1.5em;}
		#container-cards .deal.card  {margin:3rem 1.5rem 0 1.5rem; margin: 3rem 1rem 0 1rem;}
		#container-cards .deal.card .tag-deal-type {position: absolute; z-index: 1; top: 0; left: 0;}
		
		    /*#container-cards .deal.card[data-redeem-instore] .redeem-process {opacity: 1; }*/
	    
		 
		img.tag-logo[src^="https://d"] {width: 6rem !important;height: auto !important;max-height: none !important;}
		.mdl-card__title[style*="https://d"] {background-size: cover !important; background-position: 50% 50% !important; background-color: #FFF !important;}
	    
		.mdl-card.deal.deal-expanded {width: 100%; max-width: 100%; padding-left: 2rem; padding-right: 2rem;}
		
		.overlay-container:not(#filter-overlay) {z-index: 999;}
		.overlay-container {background: rgba(0,0,0,.7);}
		.overlay-container .mdl-layout__container { max-width: 960px; max-width: 62rem; margin: auto; position: initial !important; height: calc(100vh - 1.5rem);}
		.overlay-container .mdl-layout__content,
		.overlay-container .mdl-layout__header  {margin-left: 0 !important; width: 100% !important; box-shadow: none;}
		.overlay-container .mdl-layout__container > .mdl-layout {margin-top: 1.5em; padding:0 1.5rem; box-shadow: 0 50px 50px rgba(0,0,0,.05),0 1em 1em rgba(0,0,0,.2); background:#F0F0F0 !important;}
		.overlay-container .mdl-layout__header {background: transparent;}
		.overlay-container .mdl-layout__title,
		.overlay-container .mdl-layout-title,
		.overlay-container .mdl-layout__header-row,
		.overlay-container .mdl-layout__header .material-icons {color: rgba(0,0,0,.8);}
		
		.overlay-container .mdl-layout-title { text-indent: 1.5rem;}
		
		.deal-container .mdl-card__supporting-text {font-size: 1.5rem;}
		#deal-overlay.js-toggle-on #redeem-group {position: initial;}
		.deal.deal-expanded .tag-location-map:not(:empty) {padding-top: 50%;}
		.deal.deal-expanded .mdl-card--border {border-bottom-color: transparent; margin-bottom: 2px;}
		.deal.deal-expanded .mdl-card { background:transparent; }
		
		 #deal-overlay.js-toggle-on #redeem-group {
		  position: absolute;top: 25.25rem;width: calc(50% - 9rem); height: 10rem;left: auto;right: 3rem; border-radius: 0.25rem;
		}
		
		.deal.deal-expanded img.tag-logo {
		 background: white; position: absolute; top:1.5rem; left: 3rem; max-width: 40%; max-height: 6rem !important; padding: 0.5rem;
		 }
		 
		.deal.deal-expanded .tag-hero {margin-top: 5rem !important;}
		.deal.deal-expanded .tag-hero .tag-favorite { position: absolute; top: -3.75rem; right: -0.75rem;}
		.deal.deal-expanded .tag-deal-type{position: absolute;top:28rem;z-index: 1;min-width: calc(100% - 5.75rem);}
		.deal.deal-expanded .tag-price-save {text-align: left;} 
		#deal-overlay.js-toggle-on .deal.deal-expanded img.tag-logo,
		#deal-overlay.js-toggle-on .mdl-card--expand { box-shadow: 0 25px 25px rgba(0,0,0,.1), 0 1em 1em rgba(0,0,0,.2); }
		#deal-overlay.js-toggle-on #redeem-group { box-shadow: 0 25px 25px rgba(0,0,0,.01), 0 1em 1em rgba(0,0,0,.025); }
		
		#deal-overlay.js-toggle-on #redeem-group .mdl-button {margin-bottom: 1.5rem;}
		
		#deal-overlay.js-toggle-on #redeem-group .heading {text-transform: uppercase; text-align: center; font-size: 80%;}
		#deal-overlay.js-toggle-on #redeem-group .flex {display: block;}
		
		#redeem-group .mdl-button {width: calc(100% - 3.5rem) !important;}
	    
		.deal-price-wrapper {margin-top: 1.5rem;}
		.deal-offer-wrapper,
		.deal-price-wrapper {width: 50%;}
		.deal-offer-wrapper {margin-top:1.5rem}
		
		#login,
		#login .layout.mdl-layout,
		#login .mdl-shadow--2dp,
		#login.overlay-container { box-shadow: none; background: #FFF;}
		#login .mdl-layout__container {height: auto;}
		#login .mdl-layout__content .mdl-textfield__input,
		#login .mdl-layout__content .mdl-button {height: 3rem; line-height: 3rem; font-size: 1.2rem; }
		#login .mdl-layout__container {max-width: 30rem;}
		#login .padding {padding: 0;}
		#login .mdl-textfield  { width: 100%;}
		.mdl-layout__header-row {padding: 0 1em !important;}
		#login .mdl-card__supporting-text {padding: 0;}
		#login .mdl-card__supporting-text b {font-size: 1rem; color: rgba(0,0,0,.8);}
		
		/* FILTER OVERLAY
		 */
		
		/*
		.filter-group .js-open-deal-filter {display: none;}
		#filter-overlay .js-clear-search,
		#filter-overlay .js-clear-search,
		#filter-overlay .js-clear-filters,
		#filter-overlay .js-clear-filters i {color: rgba(0,0,0,.8);}
		#filter-overlay,
		#filter-overlay.js-toggle-off {background: transparent;top: 3.2rem;width: 100%; left: 0;}
		#filter-overlay,
		#filter-overlay.js-toggle-off,
		#filter-overlay .mdl-layout,
		#filter-overlay .mdl-layout__content {overflow: visible;background:transparent !important;}
		#filter-overlay,
		#filter-overlay .page-content,
		#filter-overlay .mdl-layout__container { height: 12rem;}
		#filter-overlay .mdl-layout {box-shadow: none; padding:0; margin: 0; overflow: visible;}
		#filter-overlay .mdl-layout__container { max-width: 100%;}
		#filter-overlay .mdl-layout__content {}
		#filter-overlay .page-content > ul > li {width: calc(100% / 4); width: 20rem; display: block; float: left;}
		#filter-overlay li#filter-by-category {float: right;max-height: 99em; top: 3.5rem;}
		#filter-overlay header,
		#filter-overlay li#filter-by-category,
		#filter-overlay #filter-by-subcategory,
		#filter-overlay #filter-by-type {
		 background: #EFEFEF; background: #FFFFFF; display: block;position: absolute;left: 0;
		 left: -15rem !important; width:calc(100% + 15rem) !important;
		 left: -26rem !important; width:calc(100% + 26rem) !important;
		}
		#filter-overlay li#filter-by-subcategory,
		#filter-overlay li#filter-by-type {background: #EEEEEE; background: #FFFFFF; top: 3.5rem;} 
		
	    
		ul#filter-by-subcategory-group,
		ul#filter-by-type-group {display: flex; height: 6.5rem; background: transparent; padding-top: 3.5rem; flex-wrap: wrap; overflow: auto;}
		#filter-overlay header {top: 3.5rem; padding-top: 1.5rem; background: #EFEFEF; background: #FFFFFF; z-index: 4;}
		#filter-overlay header  .mdl-layout__header-row { height: 0;}
		#filter-overlay header .js-close,
		#filter-overlay header .mdl-layout-title {display: none;}
		#filter-overlay header + .mdl-layout__content { z-index: 3;}
		
		#filter-overlay .filter-list-item > li.mdl-list__item:nth-child(1),
		#filter-overlay .filter-list-item > li.mdl-list__item:nth-child(3) { display: none;}
		
		#filter-overlay .mdl-list__item {border: none !important;}
		#filter-overlay .filter-list-item > li.mdl-list__item  span,
		#filter-overlay .filter-list-item > li.mdl-list__item  a,
		#filter-overlay .filter-list-item > li.mdl-list__item  i,
		#filter-overlay .filter-list-item > li.mdl-list__item .mdl-list__item-secondary-action:before { color: #FFFFFF;font-size: 14px;}
		#filter-overlay .filter-list-item > li.mdl-list__item  span,
		#filter-overlay .filter-list-item > li.mdl-list__item  a,
		#filter-overlay .filter-list-item > li.mdl-list__item .mdl-list__item-secondary-action:before {text-transform: uppercase; font-family:"Roboto","Helvetica","Arial",sans-serif;height: 35px;line-height: 1rem;}
		 #filter-overlay .filter-list-item > li.mdl-list__item  i {font-weight: 400; font-size: 24px; line-height: 1rem;vertical-align: -10px; color: red !important;}
		 #filter-overlay .filter-list-item > li.mdl-list__item  a {margin-left: -1.5rem;}
		*/
		
		/*#address-lookup,
		#searchProducts .mdl-textfield__input {font-family:"Roboto","Helvetica","Arial",sans-serif;}*/
		 
		/*
		 #filter-overlay ul#filter-by-category-group {display: block; position: relative; width: 100%;}
		    #filter-overlay li#filter-by-category li { width: calc(100% / 11);float: left;height: 6rem;vertical-align: top;display: block;}
		 #filter-overlay li#filter-by-category { box-shadow: 0 5px 5px rgba(0,0,0,.1); padding-top: 3rem;}
		 #filter-overlay li#filter-by-category .mdl-list__item-primary-content {text-align: center; display: block; font-weight: bold;}
		 #filter-overlay li#filter-by-category .mdl-list__item-primary-content img {display: block; margin: auto; height: 2.5rem !important; }
		 #filter-overlay ul#filter-by-category-group .mdl-list__item {border: none; background: transparent;}
		 #filter-overlay ul#filter-by-category-group .mdl-list__item:not(.js-active) img { filter: grayscale(100%);}
		 #filter-overlay ul#filter-by-category-group .mdl-list__item:not(.js-active) a {color: rgba(0,0,0,.5);}
		 
		 .mdl-list__item-primary-content,
		 .mdl-list__item-primary-content label {height: 1rem; line-height: 1rem; }
		 
		 #filter-overlay .tag-number-deals {margin-left: -12rem; margin-left: 0;}
		 #filter-overlay .js-clear-filters {margin-top: -5.75rem; font-weight: bold;}
		 #filter-overlay .js-clear-filters i { font-weight: 400;font-size: 1rem;margin-top: -2px;}
		 
		 
		 #filter-by-subcategory-group .mdl-list__item__with-checkbox .mdl-list__item-primary-content:before {
		   background: rgba(0,0,0,.6); background: rgb(33,150,243); border-radius: 1rem; height: 1.5rem;
		   content: ""; 
		 }
		 
		 #filter-overlay,
	    #filter-overlay.js-toggle-off {
		 left: 26rem !important;
		 width: calc(100% - 26rem) !important;
	    }
	    
		*/
		 
		 
		/* 201912 UPDATE */
		.mdl-layout__content.mdl-color-100 {left:24rem; width: calc(100% - 24rem); position: relative;}
		 /** NAV v2 **/
		.js-open-deal-filter {position: absolute; top: 3rem; right: 0;}
		
		
		#filter-overlay main.mdl-layout__content {left: 0; /*width: calc(100% - 24rem); */overflow: visible;}
		#filter-overlay header .mdl-layout__drawer-button {/*display: none;*/}
		#filter-overlay header .mdl-layout-title {}
		#filter-overlay header button.js-clear-search {background: transparent;}
  #filter-overlay header button.js-clear-search,
  #filter-overlay header button.js-clear-search i {color: rgb(33,150,243) !important; font-weight: 400;}
  
		#filter-overlay header .mdl-layout-title { font-size: 1rem; line-height:  3rem; font-weight: 600;}
		#filter-overlay .mdl-layout--fixed-drawer { margin: 0; padding: 0; padding-top: 6rem; overflow: visible; background: #FAFAFA;}
		#filter-overlay.js-toggle {top: 7rem;left: 0; width: 24rem; height: calc(100vh - 15.5rem);overflow: visible; transition: width .3s;}
  
  #filter-overlay.js-toggle .mdl-layout__header-row,
  #filter-overlay.js-toggle #filter-by-category ~ li {transition: opacity .3s;}
  #filter-overlay.js-toggle.js-toggle-off {width: 3rem;}
  #filter-overlay.js-toggle.js-toggle-off .mdl-layout__drawer-button { transform: rotate(180deg);}
  #filter-overlay.js-toggle.js-toggle-off {}
  #filter-overlay.js-toggle.js-toggle-off .mdl-layout__header-row,
  #filter-overlay.js-toggle.js-toggle-off #filter-by-category ~ li {opacity: 0;}
  
  .mdl-layout__content.mdl-color-100 {transition: left .3s, width .3s; will-change: width, left;}
  html.expand-view .mdl-layout__content.mdl-color-100 {left: 3rem; width: calc(100% - 3rem);}
  
  @media (min-width:1024px)  {
    #layout-sidedraw main.mdl-layout__content {height: calc(100vh - 12rem) !important; overflow: hidden;}
    #layout-sidedraw #container-cards {margin-top: 8.5rem; overflow: auto;height: calc(100vh - 16rem); padding-top: 0;}
    #layout-sidedraw  main.mdl-layout__content .tag-number-deals {position: absolute;top: 6rem;left: 0;display: block;background: #F0F0F0;z-index: 99;width: 100%;height: 2rem;padding-top:1rem;padding-left: 1.5rem;opacity: 1;}
    #layout-sidedraw  #container-cards .deal.card { margin-top: 0; margin-bottom: 3rem;}
    
    html.layout-fix main.mdl-layout__content {background: red;}
    html.layout-fix #container-cards {background:blue;}
  }
  
		#filter-overlay .filter-list-item > li:first-child {display: none;} 
		#filter-overlay li#filter-by-category {
			position: absolute; width: 100vw; height: 6rem; overflow: visible;
			box-shadow: 0 5px 5px rgba(0,0,0,.1);
			top: -13rem; background: #FAFAFA !important;
			max-height: 6rem;
		}
		#filter-overlay li#filter-by-category li { width: calc(100% / 14);float: left;height: 6rem;vertical-align: top;display: block;}
		#filter-overlay li#filter-by-category .mdl-list__item-primary-content {text-align: center; display: block; font-weight: bold;}
		#filter-overlay li#filter-by-category .mdl-list__item-primary-content img {display: block; margin: auto; height: 2.5rem !important; }
		#filter-overlay li#filter-by-category ul#filter-by-category-group {display: block; }
		#filter-overlay li#filter-by-category ul#filter-by-category-group .mdl-list__item {border: none; background: transparent; padding: 0 2px !important;}
  #filter-overlay li#filter-by-category ul#filter-by-category-group .mdl-list__item a {font-size: 0.6rem !important;}
  #filter-overlay li#filter-by-category ul#filter-by-category-group .mdl-list__item.js-active { border-bottom: 4px solid rgb(33,150,243) !important;}
		#filter-overlay li#filter-by-category ul#filter-by-category-group .mdl-list__item:not(.js-active) img { filter: grayscale(100%);}
		#filter-overlay li#filter-by-category ul#filter-by-category-group .mdl-list__item:not(.js-active) a {color: rgba(0,0,0,.5); }
		
		
		/*TODO: CHECK cross brower */
		
		#layout-sidedraw .mdl-layout__header-row .mdl-textfield.mdl-js-textfield  {right: 0; width: 16rem;}
		#layout-sidedraw .mdl-layout__header-row .mdl-textfield.mdl-js-textfield,
		#address-lookup-container .mdl-textfield.mdl-js-textfield { height: 3rem;padding-top: 0.75rem;}
		
		#layout-sidedraw .mdl-textfield--expandable,
		#address-lookup-container {background: white;padding: 4px 2px;background: white;border-radius: 0.25rem;}
		#address-lookup-container {padding-bottom: 1px;}
		#layout-sidedraw .mdl-textfield--expandable label:after {display: none;}
		#layout-sidedraw .mdl-textfield--expandable i { color: rgba(0,0,0,.8);}
		#layout-sidedraw .mdl-textfield--expandable .mdl-button--icon {top : 10px;}
		
		#address-lookup-container {padding-bottom: 0; padding: 0 2px; margin-top: 8px; border-bottom: 0;}
		#address-lookup-container .mdl-textfield__label:after {display: none;}
		#address-lookup-container #address-lookup {padding-left: 2rem;}
		
		#filter-by-location {
			position: absolute;
			top: -19.7rem; left: calc(100vw - 34rem); width: 16rem;
			height: 4rem;overflow: visible;
			max-height: none;z-index: 9999;
		}
		.pac-container {left: calc(100vw - 17rem); width: 16rem;}
		.pac-container	{margin-top: 7px !important;min-width: 9.75rem !important;right: 1rem !important;top: 48px;}
		.pac-icon.map-icon-marker {background-position: 18px -161px;}
		.pac-logo:after { z-index: -9 !important; position: absolute !important;}
		.pac-item {padding: 0.25rem 4px;}
		
		#filter-by-location #filter-by-location-group {}
		#filter-by-location #filter-by-location-group li:first-child {display: none;}
		#filter-by-location #filter-by-location-group  .mdl-js-button {width: 3rem;}
	    
	    #filter-by-location #address-lookup-container {min-height: 3rem;}
	    #filter-by-location #address-lookup-container form:before {
			position: absolute;
			top: 6px;left: 0;height: 2rem;width: 1.5rem;content: ''; background: url(/app/img/png/icon-map-marker-blue@48x48.png) no-repeat 2px 70%;background-size: 90%;
	    }
	    #filter-by-location #address-lookup-container.js-loading form:before {
		 background-image: url(/app/img/gif/spinner.gif);
	    }
	    
	    #searchProducts .mdl-textfield__input { color: rgba(0,0,0,.8);}
	    #searchProducts.mdl-textfield__expandable-holder {max-width: 600px;}
	    #searchProducts .mdl-textfield__label {top: 0.25rem;}
	    
		#filter-by-location + li {display: none;}
  
  
		
		
		    
		    
		 
		/**********/
		 
	    .deal .tag-deal-type + .mdl-card__title:after { top: .75rem !important;}
		 
		 
		#deal-filter-controls {display: none !important;}
		 
		#layout-sidedraw .mdl-layout__header,
		#layout-sidedraw .mdl-layout__header .mdl-layout__drawer,
		#layout-sidedraw .mdl-color--blue-grey-900,
		#layout-sidedraw .mdl-color--blue-grey-800 {
		  background: #212121 !important;
		  box-shadow: none;
		}
		#layout-sidedraw .mdl-color-text--blue-grey-50 {
		 color: #FFFFFF !important;
		}
		
		.drawer.mdl-layout__drawer {
		position: absolute;
		   width: calc(100% - 25rem); width: calc(100% - 35rem);
		   height:4rem;
		   text-align: left;
		   left: 0;
		   top: 0;
		   height: 4em;
		}
		nav#nav-sidebar {
		 display: block;position: absolute;width: calc(100% - 16rem);left: 240px;  top: 4px;
		}
		.drawer-header {
		   height:3.5rem;
		   width: 240px;
		   display: block; overflow: hidden;
	    }
	    #nav-sidebar a {display: block; float: left; color: #FFF; background: transparent; font-weight: bold;}
	    #nav-sidebar a:nth-child(1),
	    #nav-sidebar a:nth-child(2)  {/*float: right;*/}
	    #nav-sidebar .mdl-layout-spacer ~ a {display: none !important;}
	    
	    #nav-sidebar a i {color: #FFF;}
	    #nav-sidebar a i {display: none;}
	    
	    
	    
	    .mdl-layout--fixed-drawer>.mdl-layout__header {margin-left: 0 !important; width: 100% !important;}
	    .mdl-layout--fixed-drawer>.mdl-layout__content {margin-left: 0;}
	    
	    .selected-category:before, .selected-subcategory:before, .selected-type:before, .selected-location:before {
		 max-width: 31%; position: absolute; right: 2rem; bottom: -2px; 
	    }
	    
	    #nav-sidebar .mdl-layout-spacer ~ button, #nav-sidebar .mdl-layout-spacer ~ a {background: transparent; border: none;}
	    
	    #layout-sidedraw .mdl-textfield .mdl-textfield__label:after {
		   left: 0;
		   visibility: visible;
		   width: 100%
	    }
	    
	    
	    
	    
	    #deal-overlay > .mdl-layout__container {max-width: 45rem;}
	    .deal-expanded  .deal-offer-wrapper {margin-top: 0; padding-left: 0; padding-right: 0;}
	    .deal-expanded[data-source="exoz"] .deal-offer-wrapper .tag-offer,
	    .deal-expanded[data-source="gin"] .deal-offer-wrapper .tag-offer { position: absolute; top: -1rem;left: 2rem; width: calc(100% - 12rem); max-height: 2.35em; overflow: hidden;}
	    .deal-expanded[data-source="exoz"] .deal-offer-wrapper .tag-offer p.tag-offer-alt,
	    .deal-expanded[data-source="gin"] .deal-offer-wrapper .tag-offer p.tag-offer-alt {margin-top: 1.5rem;}
	    .deal-expanded  .deal-offer-wrapper .tag-offer { font-size: 1.5rem; line-height: 1.2em; margin-bottom: 0.5rem;}
	    .deal-expanded  .deal-offer-wrapper .tag-review-rating {margin-top: 0;}
	    
	    .deal-expanded .mdl-card__supporting-text {font-size: 1rem; }
	    .deal-expanded .mdl-card__supporting-text:not(#redeem-group) {padding-left: 0.75rem; padding-right: 0;}
	    .deal-expanded .mdl-card__supporting-text.js-toggle.open,
	    .deal-expanded .mdl-card__supporting-text.js-toggle.close,
	    .deal-expanded .mdl-card__supporting-text.js-toggle.open .heading,
	    .deal-expanded .mdl-card__supporting-text.js-toggle.close .heading { background: transparent !important; color: rgba(0,0,0,.54);}
	    .deal-expanded .mdl-card__supporting-text .heading {padding-bottom: 0 !important; font-size: 1rem !important; color: rgba(0,0,0,.8) !important;}
	    .deal-expanded .mdl-card__supporting-text .heading:before,
	    .deal-expanded .mdl-card__supporting-text .heading i {display: none !important;}
	    .deal-expanded .mdl-card__supporting-text.js-toggle.close {max-height: 999em !important; overflow: auto;}
	    .deal-expanded .mdl-card__supporting-text.js-toggle > p.heading { margin-bottom: 0.75rem !important;}
	    
	    .deal-expanded .deal-price-wrapper {margin-top: 0.75rem; padding-left: 0.75rem; padding-right: 0;}
	    .deal-expanded #location-map ~ p {margin-top: 1.5rem !important;}
	    .deal-expanded .tag-offer-alt {font-size: 1rem; line-height: 1.5em;}
	    
	    .deal-expanded .tag-review-rating i {font-size: 2rem;}
	    
	    
	    
	    #login .mdl-layout__container {margin-left: 0;}
	    #login.overlay-container {background: url('/images/hero/20151111raaf8526970_0220.jpg') 0 0 no-repeat rgba(0,0,0,.8);  background-size: cover !important;}
	    #login > .mdl-layout__container {height: 100vh !important;}
	    #login > .mdl-layout__container > .layout.mdl-layout {background: rgba(255,255,255,0.9) !important; margin-top: 0; box-shadow: 0 10px 10px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.2); }
	    #login > .mdl-layout__container > .layout.mdl-layout .mdl-card { background: transparent;}
	    #login > .mdl-layout__container > .layout.mdl-layout .mdl-textfield {padding-top: 0;}
	    #login > .mdl-layout__container > .layout.mdl-layout #facebookloginexternal + p {margin-top: 0.5rem; margin-bottom: 3rem;}
	    #login .page-content {min-height: 50%; padding: 3rem;}
	    /*TODO:
		* Open files toggle boxes - remove backgrounds and normail
		* move heading up
		* move map to the bottom
		* 
		*/
	    
		/* Google Maps
		 */
		.mdl-button.toggle-map {display: inline-block;}
		.mdl-button.toggle-map.js-active {/*background-color: rgb(33,150,243) !important;*/ color: rgba(255,82,82,.9) !important;}
		html.toggle-show-map.toggle-on #map-wrapper {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255,255,255.8);}
		html.toggle-show-map.toggle-on #container-cards {width: 40rem; height: calc(100% - 10rem); padding-top: 7rem;  padding-top: 2.5rem; overflow: auto;border: 1px solid blue;}
		html.toggle-show-map.toggle-on #container-cards .cards.deals.mdl-grid {display: block;}
		html.toggle-show-map.toggle-on #container-cards .deal.card {margin: 0.5rem 0 0 1rem; max-width: 26rem !important; display: block;}
  html.toggle-show-map.toggle-on #container-cards  .redeem-process {display: none;}
		html.toggle-show-map.toggle-on #container-cards .deal.card .mdl-card__title,
		html.toggle-show-map.toggle-on #container-cards .deal.card .mdl-card__supporting-text { }
		html.toggle-show-map.toggle-on #container-cards .deal.card .mdl-card__title { float:left; width: 50%;}
		html.toggle-show-map.toggle-on #container-cards .deal.card .mdl-card__supporting-text { float: right; width: calc(50% - 2rem); text-align: left;}
		html.toggle-show-map.toggle-on #container-cards .deal.card .mdl-card__actions {position: absolute;bottom: 0;left: 0;width: 100%; font-size: 0.8rem;}
		html.toggle-show-map.toggle-on #container-cards .deal.card p {font-size: 0.8rem;}
		html.toggle-show-map.toggle-on #container-cards .deal.card .mdl-card__title { padding-top: 31%; }
		html.toggle-show-map.toggle-on #container-cards .deal.card .tag-deal-type {font-size: 0.8rem; height: auto;}
		html.toggle-show-map.toggle-on #container-cards .deal.card[data-source="dg"] .mdl-card__supporting-text,
		html.toggle-show-map.toggle-on #container-cards .deal.card[data-source="apod"] .mdl-card__supporting-text { padding-top: 3rem;}
		html.toggle-show-map.toggle-on #container-cards .deal.card[data-source="dg"] .mdl-card__title-text,
		html.toggle-show-map.toggle-on #container-cards .deal.card[data-source="apod"] .mdl-card__title-text {
		   position: absolute;left: 100%;width: calc(100% - 1.5rem);display: block !important;opacity: 1;font-size: 0.9rem;top: 0.75rem;
		   font-weight: bold;padding-left: 1rem; height: 2.2rem;
		   line-height: 1.2em;font-weight: 600;color: rgba(0,0,0,.8); box-shadow: none; font-family: 'Montserrat', 'Helvetica', sans-serif;
		}
		html.toggle-show-map.toggle-on #container-cards .deal.card.js-active {margin: 1rem 0 1rem 1rem !important;}
		html.toggle-show-map.toggle-on #container-cards .deal.card.js-active:after {background: rgb(33,150,243); width: 4px; height: 100%; position: absolute; top: 0; left: 0; content: ""; display: block;}
		
		/*html.toggle-show-map.toggle-on  .deal.card:not([data-redeem-instore]):before{
		 display: block;
		   content: 'This deal is only available online';
		   background: rgba(0,0,0,.9);
		   padding: 0 7px;height: auto !important;
		   left: 0;position: absolute;z-index: 1;top: 66%;width: 100%;
		   color: rgba(255,255,255,0.9);font-size: 0.75rem;font-weight: bold;line-height: 1.5em;text-transform: uppercase;text-align: left;
		  } */
		   
		.filter-group { position: absolute; right: 0; top: 4rem;}
		.filter-group label:hover {background: transparent;}
		.filter-group.button-group {position: absolute;left: 0px;top: 63px;width: 12rem;width: 19rem;height: 3rem;padding-top: 5px;}
  .filter-group.button-group .js-print {display: inline-block !important;}
		
		#layout-sidedraw .mdl-layout__header-row {margin-left: 8rem; margin-left: 12rem;}
	    
		select#sortDropDown,
		.mdl-list__item-secondary-action:before {font-weight: 400; text-transform: capitalize !important;}
		.selected-subcategory:before {width: 5rem; text-align: left;}
		.selected-type:before {width: 10rem;text-align: left; max-width: none;}
		
		.deal[data-category-names*="veteran"] .mdl-card__title:after {height: 3rem;}
		
		.hide-on-desktop,
		#nav-sidebar.navigation .mdl-navigation__link.hide-on-desktop {display: none !important;}
		
		#nav-sidebar a {color: #FFF !important; opacity: 1 !important;}
		
		
		ul#filter-by-subcategory-group,
		ul#filter-by-type-group {width: 100vw; background: white; box-shadow: inset 0 4rem 3px rgba(0,0,0,.3)}
  #filter-by-category + li {border-top: 1px solid rgba(0,0,0,.3);}
  
  #filter-by-type.js-toggle-off img {display: none;}
  ul#filter-by-type-group img {position: absolute; left: 20rem; height: 2.5rem !important; width: auto;}
  #filter-by-type {overflow: hidden;}
		
		.filter-group label.mdl-button {
		   left: -1rem;
		   background: #EFEFEF !important; background: #FFFFFF !important;
		   padding-left: 1rem;
		   height: 3rem;
		   padding-top: 10px;
		   width: 13rem;
		   padding-right: 0 !important;
		   margin-right: 0 !important;
		}
		.filter-group.button-group,
		.filter-group-wrapper {
		  background: #FAFAFA; box-shadow: none !important;
		}
	    .li li.mdl-list__item {background: transparent;}
	    .filter-group label.mdl-button {font-weight: bold;}
	    .filter-group label,
	    .filter-group select,
	    .filter-group button,
	    #filter-overlay .filter-list-item > li.mdl-list__item span, #filter-overlay .filter-list-item > li.mdl-list__item a, #filter-overlay .filter-list-item > li.mdl-list__item i, #filter-overlay .filter-list-item > li.mdl-list__item .mdl-list__item-secondary-action:before {color: rgba(0,0,0,.8) !important;}
	    
	    .link-my-apod { text-transform: uppercase;
		   box-shadow: inset 0 0 0 2px;border-radius: 3em;line-height: 0rem;height: 0rem;margin-top: 0.75rem !important;
		}
		 
		 .overlay-container .mdl-layout__container {}
		 
		 #digital-card-purchase-overlay {background: transparent;}
		 #digital-card-purchase-overlay .mdl-layout__container { max-width: 45rem; }
		 #digital-card-purchase-overlay.js-toggle-on .mdl-layout__container{}
		 #digital-card-purchase-overlay .mdl-layout__content {max-width: 26rem; margin: auto !important;}
		 .overlay-container .mdl-layout__container > .mdl-layout {background: #FAFAFA;}
		 
	    
		 select#select-StoreCardAmount {
		    height: 3rem;
		    line-height: 3rem;
		    font-size: 1rem;
		    width: 100%;
		    background: white;
		}
		#digital-card-purchase-overlay .mdl-card { background: white;}
  
  .deal-expanded .redeem-group__instructions.js-toggle.close,
  .deal-expanded .redeem-group__instructions.js-toggle.open {
    background-color: #F0F0F0 !important;
    width: 100%;
    padding: 3rem 2.5rem 1rem 2.5rem !important;
    margin-left: -2rem;
    margin-bottom: -2px;
  }
   .deal-expanded .redeem-group__instructions {color: #000; }
   .deal-expanded .redeem-group__instructions.js-toggle.close .heading {color: #000 !important; margin-bottom: 2rem !important;}

   #filter-overlay header .mdl-layout__drawer-button { top: 6.5rem; margin: 0 !important;}
   
   #digital-card-overlay #cards-wrapper:before,
   #digital-card-overlay #cards-wrapper:after {display: none !important;}
   #digital-card-overlay .mdl-layout-title {display: none;}
   #digital-card-overlay > .mdl-layout__container {max-width: calc(100% - 9rem);margin-left: 3rem;}
   
   #digital-card-overlay.swipe-vertical .card-wrapper.js-active,
   #digital-card-overlay.swipe-vertical .card-wrapper { max-width: 20rem; height: 20rem;}
   
   #navigation-subheader .tag-number-deals[data-count="0"] + button {display: block !important; width: 22rem;right: 50%;margin-right: -23rem;}
   
  .redeem-group__instructions .row {position: relative; padding-bottom: 1.5rem; min-height: 120px;}
  .redeem-group__instructions td:first-child {width: 33.33%; }
  .redeem-group__instructions td:first-child img {width: calc(100% - 1.5rem); height: auto; margin-bottom: 1.5rem;}
  .redeem-group__instructions p.bold {color: rgb(33,150,243); font-weight: bold; }
  
  #filter-overlay .page-content { height: calc(100vh - 20rem); min-height: 0; overflow: auto;}
  #filter-by-type-group > li,
  #filter-by-subcategory-group > li  {position: relative;}
  
  .store-card-payment-container > .page-content,
 .store-card-payment-container > div {
   height: calc(100vh - 8rem);
 }

} /* End media query */

/* END/ON DESKTOP
 ********************************************************************************
 ********************************************************************************
 ********************************************************************************/



/* Redemption Process
 */
.redeem-process {padding: 0 8px; border-top: 1px solid rgba(0,0,0,.1);}
.redeem-process p {margin-bottom: 0; line-height: 3rem; font-weight: 600; opacity: 0.8;}
.redeem-process *:empty {display: block;}
.redeem-process__img {
  float: left; margin: 0.5rem 0.5rem 0.5rem 0; width: 2.5rem; height: 2.5rem;/*background-image: url(/app/img/svg/img-redeem-icons.svg);*/background-position: 0 4px;background-size: 200%;background-repeat: no-repeat;}
.redeem-process .redeem-process__content {
   float: left; padding-left: 0.5rem; width: calc(100% - 4rem); line-height: 1.5em; /*padding-top: 0.75em;*/ height: 3.5rem;
    display: flex; align-items: center; justify-content: center;
 }
.redeem-process .redeem-process__content::before {content: ""; width: 100%;}

/*.deal[data-redeem-instore] .redeem-process .redeem-process__content::before {content: "Scan digital APOD or Veteran Card in-store.";}
.deal[data-redeem-online] .redeem-process .redeem-process__content::before {content: "Special conditions apply. See full discount offer for details and how to redeem";}*

/*
 * blue #108FCF
 * black #211E1B
 * red #DF2226
 * purple #404398
 * gray #7F7F7F
/*https://apod5042.sharepoint.com/:w:/r/sites/APOD-SHARED/_layouts/15/guestaccess.aspx?e=cl7Fje&share=EZRxOCBHAudKs_omil-u1IsBI3jD7Tl2W5qyRY7kyLQ6Wg*/

.deal[data-redeem-code] { }

.deal[data-redeem-code="av"] .redeem-process .redeem-process__content::before {content: "Show APOD or Veteran Card";}
.deal[data-redeem-code="b"]  .redeem-process .redeem-process__content::before {content: "Barcode Required";}
.deal[data-redeem-code="m"]  .redeem-process .redeem-process__content::before {content: "Use on Mobile Only";}
.deal[data-redeem-code="o"]  .redeem-process .redeem-process__content::before {content: "Use Online";} 
.deal[data-redeem-code="sca"]  .redeem-process .redeem-process__content::before {content: "Special Conditions Apply";} 
.deal[data-redeem-code="t"]  .redeem-process .redeem-process__content::before {content: "Buy Tickets Online";} 
.deal[data-redeem-code="gc"]  .redeem-process .redeem-process__content::before {content: "Buy eGift Card Online";}
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__content::before {content: "Show APOD or Veteran Card or Use\00a0Online";} 
.deal[data-redeem-code="av,b"]  .redeem-process .redeem-process__content::before {content: "Show APOD or Veteran Card, Barcode\00a0Required";} 
.deal[data-redeem-code="av,sc"]  .redeem-process .redeem-process__content::before {content: "Show APOD or Veteran Card, Special|\00a0conditions|\00a0apply";} 
.deal[data-redeem-code="m,b"]  .redeem-process .redeem-process__content::before {content: "Use on Mobile Only, Barcode|\00a0Required";}

.deal[data-redeem-code] .redeem-process .redeem-process__img {background-size: cover;background-position: 0 0; border-radius: 100%; overflow: hidden; /*background-image: url("/app/img/svg/Icon-Web.svg");*/}
.deal[data-redeem-code="av"] .redeem-process .redeem-process__img {/*background-color: #108FCF;*/ background-image: url("/app/img/svg/Icon-Card.svg");}
.deal[data-redeem-code="b"]  .redeem-process .redeem-process__img {/*background-color: #211E1B;*/ background-image: url("/app/img/svg/Icon-Barcode.svg");}
.deal[data-redeem-code="m"]  .redeem-process .redeem-process__img {/*background-color: #DF2226;*/ background-image: url("/app/img/svg/Icon-Mobile.svg");}
.deal[data-redeem-code="o"]  .redeem-process .redeem-process__img {/*background-color: #404398;*/ background-image: url("/app/img/svg/Icon-Web.svg");}
.deal[data-redeem-code="sca"]  .redeem-process .redeem-process__img {/*background-color: #7F7F7F;*/ background-image: url("/app/img/svg/icon-special.svg");}
.deal[data-redeem-code="t"]  .redeem-process .redeem-process__img {/*background-color: #404398;*/ background-image: url("/app/img/svg/Icon-Tickets.svg");}
.deal[data-redeem-code="gc"]  .redeem-process .redeem-process__img {/*background-color: #404398;*/ background-image: url("/app/img/svg/Icon-GiftCard.svg");}
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img {/*background-color: #108FCF;*/ /*width: 7rem; background: none;*/ background-image: url("/app/img/svg/Icon-Web.svg");}


.deal[data-redeem-code="av,v"] .redeem-process .redeem-process__content::before,
.deal[data-redeem-code="v"] .redeem-process .redeem-process__content::before,
.deal[data-isconcession] .redeem-process .redeem-process__content::before {content: "Veteran Card Concession" !important;} 
.deal[data-redeem-code="av,v"] .redeem-process .redeem-process__img,
.deal[data-redeem-code="v"]  .redeem-process .redeem-process__img,
.deal[data-isconcession] .redeem-process .redeem-process__img,
.deal[data-isconcession][data-redeem-code="av,"] .redeem-process .redeem-process__img:before,
.deal[data-isconcession][data-redeem-code="av,o"] .redeem-process .redeem-process__img:before,
[data-redeem-code="av,v"] .redeem-process .redeem-process__img:before {background-image: url("/app/img/svg/Icon-Concession.svg")  !important;}

.deal[data-isconcession][data-redeem-code="av,o"] .redeem-process .redeem-process__img {background: none !important;}

.deal[data-redeem-code*=","]  .redeem-process .redeem-process__img {background-image: none;}
.deal[data-redeem-code*=","]  .redeem-process .redeem-process__img + .redeem-process__content {width: calc(100% - 105px);}
.deal[data-redeem-code*=","]  .redeem-process .redeem-process__img:before,
.deal[data-redeem-code*=","]  .redeem-process .redeem-process__img:after {content: "";}
.deal[data-redeem-code*=","] .redeem-process .redeem-process__img {width: 85px; border-radius: 0;}
.deal[data-redeem-code*=","] .redeem-process .redeem-process__img:before,
.deal[data-redeem-code*=","] .redeem-process .redeem-process__img:after {width: 40px; height: 40px;display: inline-block;}

.deal[data-redeem-code^="av,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-Card.svg");}
.deal[data-redeem-code^="b,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-Barcode.svg");}
.deal[data-redeem-code^="m,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-Mobile.svg");}
.deal[data-redeem-code^="o,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-Web.svg");}
.deal[data-redeem-code^="sca,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/icon-special.svg");}
.deal[data-redeem-code^="t,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-Tickets.svg");}
.deal[data-redeem-code^="gc,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-GiftCard.svg");}
.deal[data-redeem-code^="v,"] .redeem-process .redeem-process__img:before{background-image: url("/app/img/svg/Icon-Card.svg");}

.deal[data-redeem-code$="av"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-Card.svg");}
.deal[data-redeem-code$="b"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-Barcode.svg");}
.deal[data-redeem-code$="m"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-Mobile.svg");}
.deal[data-redeem-code$="o"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-Web.svg");}
.deal[data-redeem-code$="sca"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/icon-special.svg");}
.deal[data-redeem-code$="t"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-Tickets.svg");}
.deal[data-redeem-code$="gc"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-GiftCard.svg");}
.deal[data-redeem-code$="v"] .redeem-process .redeem-process__img:after{background-image: url("/app/img/svg/Icon-Concession.svg");}

.deal[data-redeem-code$="av,v"] .redeem-process .redeem-process__img { width: 2.5rem;}
.deal[data-redeem-code$="av,v"] .redeem-process .redeem-process__content {width: calc(100% - 3.5rem) !important;}
.deal[data-redeem-code$="av,v"] .redeem-process .redeem-process__img:after{display: none;}


/*.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img:before,
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img:after { content: ""; width: 2.5rem; height: 2.5rem; border-radius: 100%;}
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img:before {background: blue;}
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img:after { background: red;}*/
/*.deal[data-redeem-code="av,o"] .redeem-process .redeem-process__img,
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img {background: #108FCF;}*/
/*.deal[data-redeem-code="av,b"]  .redeem-process .redeem-process__img {background: #108FCF;}
.deal[data-redeem-code="av,sc"]  .redeem-process .redeem-process__img {background: #108FCF;}
.deal[data-redeem-code="m,b"]  .redeem-process .redeem-process__img {background: #108FCF;}*/

.tag-deal-availability {opacity: 0;}
.deal[data-redeem-instore] .tag-deal-availability {opacity: 1;line-height: 2.1rem; font-weight: 600;font-family: 'Montserrat', 'Helvetica', sans-serif; font-size: 14px;}
.deal[data-redeem-instore] .tag-deal-availability:before {font-size: 0.8rem;}
.deal[data-redeem-instore] .tag-deal-availability:before {content: "Available in all stores";}
.deal[data-redeem-instore][data-limited-stores] .tag-deal-availability:before {content: "Available in limited stores";}
.deal[data-redeem-instore][data-at-store] .tag-deal-availability:before {content: "Available instore";}
.deal[data-redeem-instore][data-in-store] .tag-deal-availability:before {content: "Check locations in your area";}

.redeem-process__secondary-content {font-size: 14px; line-height: 1rem;}
.redeem-process__secondary-content a {font-weight: bold;}


.redeem-group__instructions p span.bold { font-weight: bold;}
.redeem-group__instructions p span.color { color: rgb(33,150,243);}
.redeem-group__instructions .row > p.bold {color: rgba(0,0,0,.8);}
.deal[data-redeem-code*="o"] [data-redeem-instructions="o"] { display: block !important;}
.deal[data-redeem-code*="av"] [data-redeem-instructions="av"] { display: block !important;}
.deal[data-redeem-code="t"] [data-redeem-instructions="t"] { display: block !important;}
.deal[data-redeem-code="gc"] [data-redeem-instructions="gc"] { display: block !important;}
.deal[data-redeem-code*="m"] [data-redeem-instructions="m"] { display: block !important;}
.deal[data-redeem-code*="b"] [data-redeem-instructions="b"] { display: block !important;}


/*.deal[data-redeem-code="av"] .redeem-process .redeem-process__img {background-position: 0 0 !important;}
.deal[data-redeem-code="b"]  .redeem-process .redeem-process__img {background-position: 0 -48px !important;}
.deal[data-redeem-code="m"]  .redeem-process .redeem-process__img {background-position: 0 -96px !important;}
.deal[data-redeem-code="o"]  .redeem-process .redeem-process__img {background-position: 0 -144px !important;}
.deal[data-redeem-code="sca"]  .redeem-process .redeem-process__img {background-position: 0 -192px !important;}
.deal[data-redeem-code="t"]  .redeem-process .redeem-process__img {background-position: 0 -240px !important;}
.deal[data-redeem-code="gc"]  .redeem-process .redeem-process__img {background-position: 0 -288px !important;}
.deal[data-redeem-code="v"]  .redeem-process .redeem-process__img {background-position: 0 -336px !important;}
.deal[data-redeem-code="av,o"]  .redeem-process .redeem-process__img {background-position: 0 -384px !important;}
.deal[data-redeem-code="av,b"]  .redeem-process .redeem-process__img {background-position: 0 -432px !important;}
.deal[data-redeem-code="av,sc"]  .redeem-process .redeem-process__img {background-position: 0 -480px !important;}
.deal[data-redeem-code="m,b"]  .redeem-process .redeem-process__img {background-position: 0 -528px !important;}*/

.deal[data-display="false"] {box-shadow: inset 0 0 0px 4px red;background: rgba(255,0,0,0.1); display: none !important;}
html[data-isAdmin] .deal[data-display="false"] {display: flex !important;}

#filter-by-type-group .mdl-list__item .mdl-list__item-primary-content:first-child {text-indent: 1.5rem;}