/**
 * 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;
}


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

.Diplay

/* 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: 6rem; 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;}


.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: rgba(0,0,0,.02);}
.mdl-list__item a {color: rgb(33,150,243); text-decoration: none; font-size: 1em; line-height: 24px;}
.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); overflow: auto; min-height: 0;}
#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;}




#layout-sidedraw .mdl-layout__header-row .mdl-textfield.mdl-js-textfield {}


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

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


/*.label {text-align: right;font-weight: bold;width: 100px;color: #303030;font-family: "Roboto";}
#address {border: 1px solid #000090;background-color: #f0f9ff;width: 480px;padding-right: 2px;}
#address td {font-size: 10pt;}
.field {width: 99%;}
.slimField {width: 80px;}
.wideField {width: 200px;} */
#address-lookup-container > div,
#address-lookup-container > form  {height: 3rem; margin-bottom: 2px; }
.pac-container
.pac-container.pac-logo.hdpi {z-index: 1001;}
#filter-by-location-group a { height: 3rem; line-height: 3rem;}
#address-lookup {padding-left: 1rem;}

/* 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*="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[data-source="dg"] .mdl-card__title:before,
 .deal[data-redeem-online]:not([data-redeem-instore]) .mdl-card__title:before,
 .deal[data-isConcession] .mdl-card__title:before {
    content: "ONLINE ONLY";
    background: rgba(0,0,0,.8);
    font-size: 13px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Montserrat;
    font-weight: bold;
    width: 8rem;width: 10rem;
    text-align: center;
    line-height: 2em;
    color: #FFFFFF;
}
.deal[data-source="dg"] .mdl-card__title:before {content: "eGIFT CARD";}
.deal[data-source="dg"] .tag-offer:before {content: "Buy eGift Card Online"; font-size: 80%; opacity: 0.9; display: block;}
.deal[data-isConcession] .mdl-card__title:before {background-color: rgba(255,82,82,.9) !important;}
.deal[data-isConcession] .mdl-card__title:before {content: "Concession Card"; text-transform: uppercase;}

.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) and (max-width:759px){*/
@media screen and (orientation:landscape) {
  .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;}
 
}

/* 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 .flex.stretch-items {text-align: center; margin-right: 0;}
  #apod3609543 .flex.stretch-items:before { content: "This offer is only redeemable from a mobile device in-store"; line-height: 1.5em; font-weight: bold;}
}
@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;}

}

/* 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: 23rem !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;
 }
 

 #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;}
 #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; }*/

.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; width: 3rem; height: 3rem;background:url(/PROD/app/img/svg/img-redeem-icons-card.svg) no-repeat 50% 50%; background-size:contain;}
.redeem-process .redeem-process__content {float: left; display: block !important; padding-left: 0.5rem; width: calc(100% - 4rem); line-height: 1.5em; padding-top: 0.25em;}
.redeem-process .redeem-process__content::before {content: "";}
.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";}

/*https://apod5042.sharepoint.com/:w:/r/sites/APOD-SHARED/_layouts/15/guestaccess.aspx?e=cl7Fje&share=EZRxOCBHAudKs_omil-u1IsBI3jD7Tl2W5qyRY7kyLQ6Wg*/

.deal[data-source="dg"] .redeem-process .redeem-process__img {background-image:url(https://apod.com.au/_System/Assets/svg/apod-icon-giftcard-1.svg);}
.deal[data-category-names*="concession"] .redeem-process .redeem-process__img {background-image:url(https://apod.com.au/_System/Assets/svg/apod-icon-concession-1.svg);}

.deal[data-redeem-instore] .redeem-process .redeem-process__content::before {content: "Show your physical or digital APOD or Vetern Card in-store.";}
.deal[data-source="dg"] .redeem-process .redeem-process__content::before {content: "Buy eGift Card online to use in-store or online.";}
.deal[data-category-names*="concession"] .redeem-process .redeem-process__content::before {content: "Show your applicable concession card.";}
.deal[data-redeem-online] .redeem-process .redeem-process__content::before {content: "Shop online to acess this offer.";}
/*.deal[data-redeem-online] .redeem-process .redeem-process__content::before {content: "Show your physical or digital APOD or Veteran card in-store online";}*/
/*.deal[data-redeem-online] .redeem-process .redeem-process__content::before {content: "Purchase tickets online and show at venue";}*/
  
 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,.8),0 1em 1em rgba(0,0,0,.8); background:#FFF;}
 .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: calc(100% - 30rem); right: 0; left: auto;*/
   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 header {display: none;}*/
 
 #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-by-subcategory-group .mdl-list__item {/*padding: 0; border-radius: 4px; margin: 0 0 2px 2px; background-color: rgb(33,150,243); */}
 
 
 #filter-overlay header {top: 3.5rem; padding-top: 1.5rem; background: #EFEFEF; background: #FFFFFF;  /*background: transparent;*/ 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 {/*padding-right: 2rem; */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% / 9);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-by-subcategory-group .mdl-list__item label.is-checked { background: rgb(33,150,243); color: #FFF; }*/
  
  
.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);
    height:4rem;
    text-align: left;
    left: 0;
    top: 0;
    height: 4em;
 }
 nav#nav-sidebar {
  display: block;position: absolute;width: calc(100% - 240px);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;}

#filter-overlay,
#filter-overlay.js-toggle-off {
  /*left: 240px !important;
  width: calc(100% - 240px) !important;*/
  left: 26rem !important;
  width: calc(100% - 26rem) !important;
}


.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%
}

.mdl-textfield--expandable {background: white;padding: 4px 2px;background: white;border-radius: 0.25rem;}
.mdl-textfield--expandable label:after {display: none;}
.mdl-textfield--expandable i { color: rgba(0,0,0,.8);}
.mdl-textfield--expandable .mdl-button--icon {top : 2px;}

#filter-by-location-group {position: absolute; right:0; top: -3.2rem;}
#filter-by-location-group li:first-child {display: none;}
#filter-by-location-group  .mdl-js-button {width: 3rem;}

#layout-sidedraw .mdl-layout__header-row .mdl-textfield.mdl-js-textfield {right: 10rem; right: 0rem;}
#address-lookup-container {min-height: 3rem;}
#address-lookup-container > form { background: white; height: 2.2rem; border-radius: 0.25rem; max-width: 9rem; padding: 0 0.75rem 0 1.5rem;  padding: 0 0 0 0.75rem; margin-top: -1px;}
#address-lookup-container > form > .mdl-textfield { padding: 0 0 5px 0;  }
#address-lookup-container {right: 15rem; position: absolute;}
#address-lookup-container {/*min-height: calc(100vh - 29.5rem);*/}
#address-lookup {position: absolute;top: 0px;left: 0px;width: 99%;}
#address-lookup-container form:before {position: absolute;
    top: 0;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%;
}
#address-lookup-container.js-loading form:before {
  background-image: url(/app/img/gif/spinner.gif);
}

.pac-container {left: calc(100% - 25rem) !important; max-width: 12rem;}
.pac-container	{
  margin-left: -0.75rem !important;/* margin-left: -15.75rem !important;*/
    margin-top: 7px !important;
    min-width: 9.75rem !important;
		right: 1rem;
		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;}

#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;}

#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; 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 0; max-width: 26rem !important; display: block;}
 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 label:hover {background: transparent;}
 .filter-group.button-group {position: absolute; left: 0;}
 #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;}
 
 .filter-group.button-group {
  position: absolute;left: 0px;top: 63px;width: 12rem;height: 3rem;padding-top: 5px;
 }
 
 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-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: #EFEFEF; box-shadow: inset 0px 5px 5px -4px rgba(0,0,0,.3) !important;
   background: #FFFFFF; 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;}

} /* End media query */