.dashed-border {border: 1px dashed black !important;} .spanThird, .spanThirds {width: calc(100% / 3); float: left;} .spanHalf {width: calc(100% / 2); float: left;} .spanThird.float-right {float: right;} .line-height1-1 {line-height: 1.1em;} .-min-height {min-height: 0;} .line-height2-5 {line-height: 2.5em;} .-line-height {line-height: 0 !important;} .linkedin-color { color: #0077B5;} .google-plus-color { color: #d34836;} select.error {box-shadow:inset 0 0 0 1px rgba(250,96,61,.7);} .fa-paper-plane.text-glow {text-shadow: 1px 1px 2px rgba(0,0,0,.4);} .css-blur {filter: blur(5px); } /* Boilerplate - these should be moved into bcthemes */ .-margin-top-lg {margin-top: -1rem !important;} a.color:not(.button), a.color i {color: inherit !important;} .larger-first-p p:first-child {font-size: larger; line-height: 1.5em;} .css-hover {transform: scale(1.05); transition: transform .3s .3s; will-change: transform;} .css-hover .on-hover-box-shadow { box-shadow: 0 0 0 4px rgba(19,143,207,.9), 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important; } .padding-top-xlg.padding-bottom-xlg:after {display: table; clear: both; content: '';} img.max-width.max-height {width: auto !important; height: auto !important; max-width: 100% important; max-height: 100% !important;} .truncate {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} .-min-height {min-height: 0 !important;} .scale80 {transform: scale(.8);-webkit-transform: scale(.8); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;} .scale50 {transform: scale(.5);-webkit-transform: scale(.5); transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;} /*TOFIX* */ .tag-favorites i {width: 1em;} i.material-icons.yellow {width: 1em;} i.material-icons.gray {width: 1em; opacity: .5;} i.material-icons.small {font-size: 1rem; line-height: 1rem; } i.material-icons.medium {font-size: 2rem; line-height: 1em; vertical-align: -6px;} .js-copy-link, .at-share-btn-elements span.at-icon-wrapper { width: 2rem !important; height: 2rem !important; text-align: center !important; padding: 0 !important; /*display: inline-block; vertical-align: middle;*/ border-radius: 100% !important; box-shadow: 0 2px 3px -1px rgba(0,0,0,.1) !important; background:#FAFAFA !important; } .at-share-btn-elements span.at-icon-wrapper { line-height: 3rem !important; } .limit-width-xsm {max-width: 18em;} small {opacity: .8; font-size: smaller;} div:empty {margin-top: 0;} .if-empty-show-next:empty + .-display, .if-first-child-show:first-child { display: block !important;} html { background: url(#) no-repeat 0 100%; background-color: rgba(19,143,207,1); background-size: cover; transition: background .3s; will-change: background; } html.no-ice:not(.ready) {height: 100vh; overflow: hidden; position: relative;} html.no-ice.ready {background-image: none; background-color: #FFFFFF; height: auto;} html.no-ice body {transition: opacity .3s; will-change: opacity;opacity: 0;} html.no-ice.ready body {opacity: 1; } #body.js-toggle-canvas-left .wrapper-outer {transition: filter .3s, right .3s; right: 0; will-change: filter, right;} #body.js-toggle-canvas-left.js-off-canvas .wrapper-outer {right: 70%; } html.onphone #body.js-toggle-canvas-left.js-off-canvas .wrapper-outer { overflow: visible !important;} /* Header */ #header > div {min-height: 3em;} #header > div {top: -6em; transition: top .3s .3s; will-change: top;} #header.js-over-the-top > div {top:0; position: fixed; left: 0; width: 100%; } #page-discounts #header.js-over-the-top > div {top: -6em;} html:not(.onphone) #page-discounts #header .container, #header.js-over-the-top .container {padding-top: 0; padding-bottom: .25em;} html:not(.onphone) #page-discounts #header img, #header.js-over-the-top .container img { transform: scale(.7);} #page-discounts #filter-wrapper { min-height: 12em; min-height: 10em; min-height: 8em;} #page-discounts #header.js-over-the-top ~ .content-wrapper #filter-wrapper > div { position: fixed; top: 0 ;left: 0; box-shadow: 0 0 2px 1px rgba(0,0,0,.2);} #page-discounts #header.js-over-the-top ~ .content-wrapper #filter-wrapper #primary-filter img {max-height: 2em;} #page-discounts #header.js-over-the-top ~ .content-wrapper #filter-wrapper #primary-filter > ul > li > a > p {bottom: .25em;} #filter-wrapper input, #filter-wrapper select, #filter-wrapper .input, #filter-wrapper .button:not(.pill) {border-radius: .5rem !important; box-shadow: inset 0 0 0 2px #bac3cc !important; height: 2rem !important; line-height: 2rem; font-size: 13px !important;} #filter-wrapper .input.-box-shadow { box-shadow: none !important;} #filter-wrapper .button.-radius-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} #filter-wrapper .button.-radius-left {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} #filter-wrapper .input, #filter-wrapper select {padding-left: calc(1.5rem + 10px) !important;} #filter-wrapper select.js-sort {padding-left: 1rem !important;} #filter-wrapper i {margin-top: 4px;} /*#filter-wrapper .transparent.button i {margin-top: 0 !important;}*/ #filter-wrapper .input i , #filter-wrapper .input + i {margin-left: 8px;} html[data-fullwidth] #content.container {max-width: 100%; padding-bottom: 0;} html[data-min][data-fullwidth] #content .tag-pagecontent > div {padding-top: 6em;} html[data-min] #callout-subscribe {display: none;} html[data-min][data-fullwidth].onphone #content .tag-pagecontent > div {padding-top: 0;} .tag-pagecontent h1 {line-height:1.3em;} .spanHalf { margin-left: 0; margin-right: 0; width: 50%;} .spanThirds { margin-left: 0; margin-right: 0; width: calc(100% / 3);} /* Custom - these are moved into the theme */ /* Typography */ html,body { color: rgba(85,85,85,.85); font-family: 'Montserrat',sans-serif; text-rendering: geometricPrecision;} .Display:not([class*="color"]) { color: rgba(85,85,85,1);} .Display.gray900, .gray900 {color: #333 !important;} nav a {} #content a:not(.button) {opacity: .8; transition: opacity .3s; will-change: opacity;} #content a:not(.button):hover {opacity: 1;} .Display:not([class*="bold"]) {font-weight: 700;} .larger-first-p p:first-child {font-size: 1.75em; line-height: 1.2em;} .Sans-Alt { font-family: 'Lato',sans-serif;} /* SVG */ /* [class*="svg-"] { object-fit: contain;} */ /*.svg-ourpower-logo {width: 137px; height: 18px;}*/ .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .icon-ourpower-logo { height: 2rem; width: 13.5rem; } .js-over-the-top .icon-ourpower-logo { width: 12rem; height: 2rem; vertical-align: middle; } /*.icon-ourpower-logo path { animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }*/ /* Colors * Blue * #138FCF rgba(19,143,207,1) * * * * RED * #E01B22 rgba(224,27,34,1) * * */ a:not(:hover) {text-decoration: none;} a[disabled], input[disabled], button[disabled] {opacity: .5 !important;} #content a:not(.button):not([class*="color"]) { color: inherit; /*rgba(19,143,207,1)*/} .button,a.button,input.button,input[type="submit"] {font-family: Lato; font-weight: 700; transition: color .3s, background-color .3s, opacity .3s, box-shadow .3s; will-change: color, background-color,opacity,box-shadow; box-shadow: 0 2px 3px -1px rgba(0,0,0,.1);} .button,a.button,.button[class*="color"],input[type="submit"] { color: rgba(255,255,255,.9);} .button:not(.fillet):hover, a.button:not(.fillet):hover, input.button:hover { box-shadow: 0px 5px 7px -3px rgba(0,0,0,.5); color: rgba(255,255,255,1); opacity: 1;} .color:not(.button),a.color:not(.button),.colors a {color:rgba(19,143,207,1) !important;} input[type="submit"]:not(.button) {background: rgba(19,143,207,1); color: #FFF; border-radius: 1.5em; height: 3em; line-height: 3em; padding: 0 3em;} .waDiscount .button.overflow-auto {overflow: auto;} a.js-toggle-display.js-toggle-active {color:rgba(19,143,207,1) !important;} /*a.js-toggle-display.js-toggle-active { background: rgba(19,143,207,1) !important;} a.js-toggle-display.js-toggle-active i { color: #FFF !important;}*/ input[name="SZMembership"]:checked + label, input[name="SZMembership"]:checked + label {opacity: 1;background: rgba(19,143,207,1) !important;} form input[name="SZMembership"] + label:not(.button), form input[name="SZMembership"] + label:not(.button) { max-height: none !important;} #form-subscribe input.fat.input.pill {height: 4em; line-height: 4em;} .module-webform input, .module-webform select, .module-webform textarea {height: 3em; line-height: 3em; border-radius: .5em; width: 100%; max-width: 100%;} .module-webform textarea {height: auto; min-height: 6em; line-height: 1.2em;} .AdditionalCardHolder + div .toggle-group:before {content:''; position: absolute; top: 3px; left: 3px; height: calc(100% - 6px); background: rgba(19,143,207,.9); width: calc(50% - 3px); z-index: 1; border-radius: 14px; transition: left .3s;will-change: left;} .AdditionalCardHolder:checked + div .toggle-group:before { left: 50%;} .toggle-group {position: relative; border-radius: 1rem; transform: scale(.9);transform-origin: top left; background: transparent;} .toggle-group.box-shadow-inset {box-shadow: inset 0 0 0 2px rgba(0,0,0,.2);} .toggle-group .button span {transition: color .3s; will-change: color;} .toggle-group .button { padding: 0 !important;width: 50% !important;float: left; z-index: 2; position: relative; font-size: 14px !important;} .AdditionalCardHolder:checked + div .toggle-group .button:first-child span {color: rgba(0,0,0,.5) !important;} .AdditionalCardHolder:not(:checked) + div .toggle-group .button + .button span {color: rgba(0,0,0,.5) !important;} .AdditionalCardHolder-email { transition: opacity .3s; will-change: opacity;} .AdditionalCardHolder:checked ~ div .AdditionalCardHolder-email, .AdditionalCardHolder:not(:checked) ~ div .AdditionalCardHolder-cards {display: none;} input.AdditionalCardHolder[disabled] + div {opacity: .7;} input[readonly] {background: rgba(0,0,0,.05);} input.AdditionalCardHolder[disabled] ~ div.span1 .AdditionalCardHolder-email, input.AdditionalCardHolder[disabled] ~ div.span8 .AdditionalCardHolder-cards {display: none;} .AdditionalCardHolder:not(:checked) ~ .missing-shipping {display: none;} /*.tag-pagecontent a {color: rgba(19,143,207,1);}*/ input.button, pill.input {font-size: 1rem;} .pill.input {} .pill.input.spacer-left {padding-left: 2.25rem !important;} .pill.input.spacer-right {padding-right: 2.25rem !important;} .pill.input.spacer-right[type="number"] {padding-right: 3rem !important;} .fat.button:not(.fillet) { border-radius: 3em; padding-left: 2em; padding-right: 2em;} .fat.input:not(.fillet):not(.pill) { border-radius: .75rem; padding-left: 0.75rem; padding-right: 0.75em;} .fat.input:not(.fillet) { border-radius: 3em; padding-left: 1.5em; padding-right: 1.5em;} .fatter.button { border-radius: 3.5em; padding-left: 2.5em; padding-right: 2.5em;} .fat.input, .fat.button {height: 3em; line-height: 3em !important; } .fillet.button, .fillet.input {border-radius: .5rem; border: none; box-shadow: inset 0 0 0 2px rgba(0,0,0,.2) !important;} .-radius-right {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .-radius-left {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} a.fat.fillet.button {height: 2.6em !important; line-height: 2.3em !important;} a.fat.fillet.button i { font-size: 1.75em !important; line-height: 1em !important;} fieldset .fat.button.fillet {line-height: 2.6rem !important; height: 2.6rem;} .color-bg, .color.button {background-color:rgba(19,143,207,1); } .color.button:not(hover) {background:rgba(19,143,207,.9); } .color-alt.button {background:rgba(224,27,34,1); } .color-alt.button:not(:hover) {background:rgba(224,27,34,.9);} .color600-alt-bg {background:rgba(224,27,34,.6);} .color800-alt-bg {background:rgba(224,27,34,.8);} .color900-alt-bg {background:rgba(224,27,34,.9);} .color100-bg {background:rgba(19,143,207,.1);} .color600-bg {background:rgba(19,143,207,.6);} .color800-bg {background:rgba(19,143,207,.8);} .color900-bg {background:rgba(19,143,207,.9);} .facebook-bg { background-color: rgba(59,89,152,1) !important;} .facebook-bg.fat.button i:after {content: '';width: 1px;border-left: 1px solid rgba(0,0,0,0.2);position: absolute;height: 3rem;top: -.65rem;right: -.75rem;border-right: 1px solid rgba(255,255,255,.2);} .button.transparent:not([class*="color"]) {color: rgba(102,102,102,1);} .color.button.transparent {color:rgba(19,143,207,1); background: transparent;} .color.button.transparent.border {box-shadow: 0 0 0 2px rgba(19,143,207,1) !important;} .button.transparent.border:not(:hover) {opacity: .8;} .tabbed-buttons .button.white {box-shadow: -2px -1px 2px rgba(0,0,0,0.025), 0 -2px 1px rgba(0,0,0,0.05);} .tabbed-buttons .button.white:hover {color: rgba(102,102,102,1) !important;} .transparent.white.button {color: rgba(255,255,255,.9) !important;} .transparent.white.button:hover {color: rgba(255,255,255,1) !important;} .transparent.color.button {color: rgba(19,143,207,1) !important;} .transparent.color.button:hover {color: rgba(19,143,207,1) !important;} .transparent.border {border-color: transparent !important;} .transparent.border.button {box-shadow: inset 0 0 0px 2px rgba(255,255,255,.9) !important;} .transparent.border.button:hover {box-shadow: inset 0 0 0px 2px rgba(255,255,255,1) !important;} .transparent.color.border.button {box-shadow: inset 0 0 0px 2px rgba(19,143,207,1) !important;} .transparent.color.border.button:hover {box-shadow: inset 0 0 0px 2px rgba(19,143,207,1) !important;} .button.border.-bg {border: 2px solid #424242 !important; } a.color-alt {color: rgba(224,27,34,1);} a.color300-alt {color: rgba(243,198,0,1);} .fatter.button { height: 3.5em; line-height: 3.5em;} .button.bold900 {font-weight: 900;} .button i.material-icons {font-size: 199%; vertical-align: middle;} .button i.camera_alt { font-size: 150%; vertical-align: -7px; } label.button { font-size: 1rem !important; width: auto !important; line-height: 3rem !important; height: 3rem !important; opacity: 1 !important;} .pill.xmedium::-webkit-input-placeholder { font-size: 1rem;font-weight: 400; } .pill.xmedium::-moz-placeholder { font-size: 1rem;font-weight: 400; } .pill.xmedium:-ms-input-placeholder { font-size: 1rem;font-weight: 400; } .pill.xmedium:-moz-placeholder { font-size: 1rem;font-weight: 400; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;} .button.full-width {width: 100%;} /* NAV */ .container {max-width: 74em;} nav.spaced-group:not(.align-right) li:not(:last-child) {padding-right: .75em;} nav.spaced-group.align-right li:not(:first-child) {padding-left: .75em;} #primary .button { font-weight: inherit; font-size: 96%; margin-top:1px;} #primary .button:hover {} html.onphone #primary a { padding-left: .25rem;} html.ondesktop #sidenav a:not(.button) { margin-top: .5em; line-height: 2em; padding: .5em;} html.onphone #sidenav li:not(:first-child) {} html.onphone #sidenav li:first-child {border-top: 1px solid rgba(0,0,0,1);} html.onphone #sidenav li { border-bottom: 1px solid rgba(0,0,0,1); border-top: 1px solid rgba(255,255,255,0.1);} html.onphone #sidenav li:last-child {border-bottom: none;} html.onphone #sidenav .margin-right {margin-right: 0;} html.onphone #sidenav .margin-left {margin-left: 0;} html.onphone #social-links a { display: inline-block; width: auto;} html.onphone #sidenav.padded-group a {line-height: 3.5em; height: 3.5em; display: block;} html.onphone #primary a.relative i { transition: opacity .3s; will-change: opacity;} html.onphone #primary a.relative.js-toggle-active i {opacity: 0;} html.onphone #primary a.relative.js-toggle-active i + i {opacity: 1;} html.onphone:not([data-hero]) #header:not(.js-over-the-top) a { color: rgba(255,255,255,1) !important;} html.onphone #logo {width: 9.25em; overflow: visible; margin-top: -.25em;} html.onphone #logo img {height: 1.5em;} html.onphone #social-links a {display: inline-block !important;} #primary-filter li {width: calc(100% / 7 - 1.5rem); margin-left: .75em; margin-right: .75em; background: #ececec; transition: all .3s;} #primary-filter li:hover {box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.08);} #primary-filter li.js-active {background: #FFF; box-shadow: 0 5px 19px 0 rgba(0, 0, 0, 0.08); box-shadow: 0px -5px 19px rgba(0, 0, 0, 0.08);} #primary-filter img { transition: max-height .3s; will-change: max-height;} #primary-filter > ul > li > a > p {transition: color .3s, bottom .3s; will-change: color, bottom;} #primary-filter > ul > li svg g {transition: all .3s; } #primary-filter > ul > li > a > p { bottom: 1em; color: #B0BAC5;} #primary-filter > ul svg.color-fill g {fill: #B0BAC5;} #primary-filter > ul svg.stroke-fill g {stroke: #B0BAC5;} #primary-filter > ul > li.js-active > a > p {color:#0192D6; } #primary-filter > ul > li.js-active svg.stroke-fill g {stroke:#0192D6;} #primary-filter > ul > li.js-active svg.color-fill g {fill: #0192D6;} #primary-filter > ul > li.js-active svg.color-stoke g {fill: #0192D6;} #primary-filter > ul > li:not(.js-active):hover > a > p {color:#333; } #primary-filter > ul > li:not(.js-active):hover svg.color-fill g {fill: #333;} #primary-filter > ul > li:not(.js-active):hover svg.color-stoke g {fill: #333;} #secondary-filter .box-shadow-inset {box-shadow: inset 0 -2px 0.25em rgba(0,0,0,.1);} #secondary-filter a.small {position: relative;} #secondary-filter a.small:before { content: ""; width: .75em; height: .75em; background: white; display: block; line-height: 1em; border-radius: 2px; box-shadow: 0 0 0 2px #bac3cc !important; margin-right: 2px; position: absolute; top: 8px; left: 9px; color: transparent;} #secondary-filter a.small.js-active:before { color:#bac3cc; } #secondary-filter a.small:after { position: absolute; top: 7px; left: 13px; border-color: transparent; display: block; content: ''; display: block; width: 4px; height: 10px; border-style: solid; border-width: 0 2px 2px 0;transform: rotate(45deg);} #secondary-filter a.small.js-active:after { border-color:rgba(19,143,207,.9); } #primary-filter > ul > li.js-active svg.color-fill g {fill: #0192D6;} #primary-filter > ul > li.js-active svg.color-stoke g {fill: #0192D6;} #primary-filter > ul > li:not(.js-active):hover > a > p {color:#333; } #primary-filter > ul > li:not(.js-active):hover svg.color-fill g {fill: #333;} #primary-filter > ul > li:not(.js-active):hover svg.color-stoke g {fill: #333;} html#page-discounts.onphone #primary-filter { height: calc(100vh - 3.5rem); top: 3.5rem; } html#page-discounts.onphone #primary-filter li {width: 100% !important; margin-left: 0;} /*html#page-discounts.onphone #secondary-filter.fix-left {left: 40vw; width: 60vw; height: 100vh; overflow: auto; background: white;}*/ html#page-discounts.onphone #secondary-filter.fix-left .container, html#page-discounts.onphone #secondary-filter.fix-left .span12 { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;} html#page-discounts.onphone #secondary-filter .box-shadow-inset { height: calc(100vh - 2.4rem); box-shadow: none; overflow: auto;} html.onphone #primary-filter, html.onphone #secondary-filter {/*display: none;*/} html.onphone #page-discounts #filter-wrapper {min-height: 0;} html.onphone #discounts-wrapper {padding-top: 0;} html.onphone #discounts-wrapper .waDiscount .margin-top {} html.onphone #secondary-filter .color.pill { width: calc(100% - 1.5em); text-align: left; text-indent: 1.5em; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} html.onphone #nav-dashboard, html.ontablet #nav-dashboard {transition: left .3s; width: 60vw; will-change: left;} html.onphone #nav-dashboard, html.ontablet #nav-dashboard, html.onphone #body.js-off-canvas left #nav-dashboard, html.ontablet #body.js-off-canvas left #nav-dashboard { left: -60vw;} html.onphone #nav-dashboard.js-toggle-on, html.ontablet #nav-dashboard.js-toggle-on {left: 0;} html.onphone #nav-dashboard, html.ontablet #nav-dashboard { left: auto !important; max-height: 0; right: 0;top: 4em; transition: opacity .3s, max-height .3s; will-change: opacity, max-height; width: 100vw !important;} html.onphone #nav-dashboard.js-toggle-on, html.ontablet #nav-dashboard.js-toggle-on { max-height: calc(100vh - 4em);} html.onphone #primary .nav-dashboard a:after, html.ontablet #primary .nav-dashboard a:after {opacity: 0; transition: opacity .3s; will-change: opacity; content: '';position: absolute;top: 100%;margin: -.5em;width: 0;height: 0;border-left: .75em solid transparent;border-right: .75em solid transparent;border-bottom: .75em solid white;margin-left: -1.75em; } html.onphone #primary .nav-dashboard a.js-toggle-active:after, html.ontablet #primary .nav-dashboard a.js-toggle-active:after {opacity: 1; } html.ontablet #nav-dashboard {background: rgba(255,255,255,.9);} html.ontablet #nav-dashboard > ul, html.ontablet #nav-dashboard > ul {max-width: 24rem; width: 100%; margin: auto; margin-right: 1em; background: white;} html#page-dashboard.onphone .fillet.box-shadow {border-radius: 0 !important;} html#page-dashboard.onphone fieldset .spanHalf, html#page-dashboard.onphone fieldset .spanThirds { float: none; width: 100%; clear: both;} html#page-dashboard.onphone fieldset a.button, html#page-dashboard.onphone fieldset input.button, html#page-dashboard.onphone fieldset button.button, html#page-dashboard.onphone fieldset .js-invite-member {width: 100% !important; margin-bottom: 1em; max-width: 100% !important;} html#page-dashboard.onphone fieldset .js-invite-member span {display: inline !important;} html#page-dashboard.onphone fieldset form, html#page-dashboard.onphone #panel-account-settings form {border-bottom: 1px solid rgba(0,0,0,.2) !important;} html#page-dashboard.onphone fieldset .align-right {text-align: left;} html#page-dashboard.onphone .span3.-gutter-right p { margin-top: 0;} html#page-dashboard.onphone .toggle-group.pill {margin-bottom: .75rem !important;} /*html#page-dashboard.onphone table.case-list tr:nth-child(odd) td {background: rgba(0,0,0,.1);}*/ html#page-dashboard.onphone table.case-list, html#page-dashboard.onphone table.case-list tfoot, html#page-dashboard.onphone table.case-list thead, html#page-dashboard.onphone table.case-list tbody, html#page-dashboard.onphone table.case-list tr, html#page-dashboard.onphone table.case-list td {display: block; width: 100%;} html#page-dashboard.onphone table.case-list {margin-left: -1em; margin-right: -1em; display: block;} html#page-dashboard.onphone table.case-list td {display: block; padding-left: 1em; padding-right: 1em;} html#page-dashboard.onphone table.case-list td:first-child {border-top: 1px solid rgba(0,0,0,.1) !important;} html#page-dashboard.onphone table.case-list td:last-child {border-bottom: 1px solid rgba(0,0,0,.1) !important;} html#page-dashboard.onphone fieldset .span12 {padding-left: 0; padding-right: 0;} /* FORMS */ form label, form .error.alert {padding-left: .5rem; font-size: .75rem !important; line-height: 1em !important; opacity: .5; min-height: 1em !important; height: auto !important; width: 100% !important; max-width: none; background: transparent; margin-top: -4px; margin-top: 0; transition: opacity .3s; will-change: opacity;} form .error.alert {background-color: transparent; color: #FA603D; box-shadow: none; position: absolute; top: 0; left: 0; line-height: 1em !important; padding: 0 0 0 .5rem; font-weight: bold; text-align: right;} form .error.alert + label {opacity: 0; z-index: -1; } form select + .alert.error, form input + .alert.error {font-size: .6rem !important;} form .error + label {position: absolute; top: 0; left: 0; font-size: .6rem !important;} form.js-duplicate-account > div:first-child {display: none;} form.js-duplicate-account:before { content: 'The email address you\'ve entered already has an account attached. Please click the login button to continue'; background: rgba(103,194,239,1); color: #3b7491; font-weight: bold; display: block; padding: .5em; margin: .5em 0; box-shadow: inset 0 0 0 1px rgba(0,0,0,.1); border-radius: .5em; background-image: linear-gradient(to bottom, rgba(255,255,255,.8), rgba(255,255,255,.8));} form.js-duplicate-account {background-repeat: repeat-x;} form.js-duplicate-account .hide-if-duplicate {display: none !important;} form.js-duplicate-account .show-if-duplicate {display: block; width: 100%; float: none; clear: both; margin-top: 1.5em;} .message.blue {color: #3b7491;} #panel-dashboard .success.message + .message {display: none;} .divider {border-top:2px solid #878e99 !important;} .divider .button {margin-top: -1.5em;background-color: #878e99 !important; color: #FFF !important; opacity: 1 !important;} .divider .transparent.border.button {box-shadow: none !important;} #toggle-registration #form-Register, #toggle-registration #register-facebook { overflow: hidden; transition: max-height .3s, opacity .3s; will-change: max-height,opacity; min-height: 0;} #toggle-registration #form-Register { max-height: 0; } #toggle-registration.js-toggle-registration #form-Register {max-height: inherit;} #toggle-registration.js-toggle-registration #register-facebook {max-height: 0;} label.js-toggle-open {opacity: .5;} html.ondesktop #toggle-registration.js-toggle-registration {max-height: calc(100vh - 20rem) !important;} html.ondesktop #toggle-registration.js-toggle-registration #form-Register {max-height: none;} html.onphone #toggle-registration.js-toggle-registration #form-Register {max-height: 64vh; overflow: auto;} html.onphone #form-Register2 input[type="text"], html.onphone #form-Register2 input[type="text"]:focus, html.onphone #form-Register2 input[type="tel"], html.onphone #form-Register2 input[type="tel"]:focus, html.onphone #form-Register2 input[type="email"], html.onphone #form-Register2 input[type="email"]:focus, html.onphone #form-Register2 select, html.onphone #form-Register2 select:focus { font-size: 16px !important; } #modal-onboarding .js-swipe-control-nav {text-align: center;} #modal-onboarding .js-swipe-control-nav li { display: inline-block; margin: .5em;} #modal-onboarding .js-swipe-control-nav a {display: block; width: 1em; height: 1em; background: rgba(255,255,255,.5); border-radius: 1em;} #modal-onboarding .js-swipe-control-nav li.js-active a { background: white;} #modal-onboarding .js-swipe-control-buttons {display: none !important;} html.onphone #modal-onboarding .spanHalf { float: none; padding: 0; width: calc(100% - 3rem);} html.onphone #modal-onboarding .spanHalf .large {font-size: 1.2rem; line-height: 1.2em;} html.onphone #modal-onboarding .spanHalf .medium {font-size: 1rem; line-height: 1.2em;} html.onphone #modal-onboarding .spanHalf img { height: 6em !important; width: auto !important;} html.onphone #modal-onboarding .spacer-top {padding-top: 0;} html.onphone #modal-onboarding .spacer-right {padding-right: 0;} /* TABLES */ table.padded-cells td {padding: .25em .5em .25em .5em;} /* GLOBAL */ html.js-loading .layout-1-detail:before { content: ''; z-index: 999999; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; } html.no-ice:not(.ready) body {transition: opacity .3s; will-change: opacity;} html.no-ice:not(.ready) body {opacity: 0;} html[id^="system-"] .content-wrapper.white-bg {background-color: #F5F5F5;} html[id^="system-"] #callout-subscribe {display: none;} html:not([data-fullwidth]) #content > div { max-width: 42em; margin: auto; padding-left:1.5em; padding-right: 1.5em;} html[data-min]:not(#page-discounts) #primary {display: none;} html:not([data-hero]) #content {padding-top: 4.5em;} html:not([data-hero]) .gray900-bg .button.transparent:not([class*="color"]), html .js-over-the-top .gray900-bg .button.transparent:not([class*="color"]) { color: rgba(255,255,255,.9);} .bg-image {background-position: 50% 50%; background-size: cover; background-repeat: none;} .is-empty-alt:empty:before {content: attr(alt);} .divider-left:after {content: ''; width:2px; border-left:1px solid rgba(0,0,0,.05); border-right:1px solid rgba(255,255,255,.3); top: -.95rem; height:3em; right: -2px; position: absolute;} .limit-width-sm {max-width: 32rem;} html[data-hero] #header:not(.js-over-the-top) > div { background: transparent !important; box-shadow: none;} html[data-hero] #header:not(.js-over-the-top) nav a { color: #FFFFFF;} #header.js-over-the-top .button { /*display: none;*/ } #header.js-over-the-top .button i { font-size: 18px; } #header.js-over-the-top .span12 {font-size: 80%;} #header.js-over-the-top .container.padding-top-sm.padding-bottom-sm {padding-top: .25em; padding-bottom: .25em;} html:not([data-hero]) #header:not(.js-over-the-top) a {/*color: #666666 !important;*/} html.ontablet #hero.bg-image.vh100, html.ondesktop #hero.bg-image.vh100 { min-height: 38rem; max-height: 42rem;} #hero.transparent-black-overlay:before{ background-color: rgba(0,0,0,.2); } #hero.transparent-black-overlay {text-shadow: 0px 1px 8px rgba(0,0,0,.6);} html.onphone #hero.bg-image.vh100 {height: auto;} html.onphone #hero.bg-image.vh100 #callout-features.position-bottom { position: relative; z-index: 3;} /*#footer {min-height: 28em;} #footer #footer-bg {height: 18em;}*/ html.onphone #footer, html.onphone #footer-bg {height: auto;} #footer .padding-right-custom {padding-right: 6rem;} #footer [class*="white-border"] {border-color: rgba(255,255,255,.2);} /* MODALS */ .toggle-slide-up {transition: top .3s cubic-bezier(0.895, 0.03, 0.685, 0.22), opacity .3s cubic-bezier(0.895, 0.03, 0.685, 0.22); will-change: top, opacity;} .toggle-slide-up.js-toggle-off { top: 100%; opacity: 0;} .toggle-slide-up.js-toggle-on { top: 0; opacity: 1;} .toggle-slide-up ~ .wrapper-outer { transition: filter .3s; will-change: filter;} .toggle-slide-up.js-toggle-on ~ .wrapper-outer, .toggle-slide-up.js-toggle-on ~ div { filter: blur(2px); -ms-filter: blur(2px);} /* TOGGLES */ .js-toggle-show { min-height: 0; max-height: 0; transition: max-height .3s, opacity .3s; will-change: max-height,opacity; opacity: 0; overflow: hidden;} .js-toggle-show.js-toggle-on { opacity: 1; max-height: 999em; } /* MODULES */ .faq-question a { font-weight: bold; font-size: 1.25em; line-height: 1.5em; text-decoration: none; opacity: .9 !important;} .faq-question a:hover {opacity: 1 !important;} .faq-question h1 {display: none;} .tag-answer {padding-top: .75em;} .tag-answer > p:first-child {margin-top: 0;} .faq-question.border-bottom {border-bottom-color: rgba(0,0,0,.075);} #page-faqs .border-bottom {border-bottom-color: rgba(0,0,0,.2);} #page-faqs .faq-question > a { margin: .75em 0; display: block;} #page-faqs .answer {padding-bottom: 3em; max-width: 48em;} /************************************************************************************/ /************************************************************************************/ /* PAGE - DISCOUNTS */ html.ondesktop#page-discounts nav#sidenav {font-size: 14px;} html.ondesktop#page-discounts header#header > div {/*background-color: #444;*/} html.ondesktop#page-discounts header#header > div a {/*color: rgba(85,85,85,1) !important;*/} #page-discounts #header { position: absolute; top: 0; left: 0; width: 100%;} #page-corporate #callout-subscribe, #page-discounts #callout-subscribe, #page-discounts #footer {display: none;} #page-discounts #content {/*height: 100vh;*/} #page-discounts #content, #page-discounts #content .tag-pagecontent, #page-discounts #content .tag-pagecontent > div {padding-top: 0 !important;} #page-discounts #content .tag-pagecontent { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/} #page-discounts #filter-wrapper {/*min-height: 4.5em;*/ top: 3.5em; transition: height .3s; will-change: height; } #page-discounts #toggle-display { /*top: 13em; position: absolute; height: calc(100vh - 7.5em); width: 100%;*/} #page-discounts #toggle-display .wrapper.min-vh100 {min-height: calc(100vh - 12em);} html#page-discounts.ondesktop #content {margin-top: 1rem !important;} #form-Discount-Search .short {width: 8em !important;} #form-Discount-Search .transparent.button { box-shadow: none !important;} #form-Discount-Search input.full-width {margin-bottom:0 !important;width: calc(100% - 3em); padding-left: 1em !important;} #form-Discount-Search i {margin-top: -3px;} html.ondesktop #form-Discount-Search i {margin-left: 4px !important;} .tag-searchcount.if-not-empty:not(:empty):before {content: "Found "; display: inline;} html.ondesktop .tag-searchcount.if-not-empty:not(:empty):before {padding-left:1em;} .tag-searchcount.if-not-empty:not(:empty):after {content: ' deals '} .tag-searchtitle.if-not-empty:not(:empty):before {content: "for '"} .tag-searchtitle.if-not-empty:not(:empty):after { content:"'"; display: inline;} #toggle-filter small {vertical-align: text-bottom;} html.onphone #toggle-filter small {font-size: 12px;} html.ondesktop #toggle-filter > .Display {max-width: 37rem; max-height: 2rem; overflow: hidden !important;} /* DISCOUNT TILES */ .if-empty-show-loading:empty:before { margin-top: 6em; content : 'loading discounts .. please wait a moment'; display: block; text-align: center;} .if-empty-show-loading:empty:before { content : ''; } html:not([data-hero]) #content { padding-top: 12em !important;} html:not([data-hero]) #content { padding-top: 7.5em !important;} html:not([data-hero]) #content { padding-top: 5em !important;} .waDiscount.layout-1 {} html.ondesktop #discounts-wrapper .waDiscount {width: calc(100% / 3 - 3px); cursor: pointer;} html.onphone #discounts-wrapper .waDiscount {width: calc(100vw - 4.5em); margin-right: 1.5em; cursor: pointer;} .waDiscount .box-shadow {border-radius: 2px;} .waDiscount.layout-1 .box-shadow1:not(:hover) { box-shadow: 0 0.25em .875em 0 rgba(0, 0, 0, 0.05);} .waDiscount.layout-1 .tile.offer-image-wrapper {padding-bottom: 61.8046971569839%;} .waDiscount.layout-1 .offer-wrapper {} /*.waDiscount.layout-1 .tag-shortOffer:not(:empty) { height:9rem; } .waDiscount.layout-1 .tag-longOffer:not(:empty) {height:3em;} .waDiscount.layout-1 .tag-Offer {height:7.1472em;}*/ .waDiscount.layout-1 .on-hover-box-shadow .animate-opacity [class*="opacity"] {transition: opacity .3s; will-change: opacity;} .waDiscount.layout-1 .on-hover-box-shadow:hover .animate-opacity {opacity: 1;} .waDiscount .on-hover-box-shadow {transition: box-shadow .6s .1s cubic-bezier(.25,.8,.25,1); will-change: box-shadow;} .waDiscount.layout-1 .tag-company { /*min-height: 2.6em; */} .waDiscount.layout-1 .tag-company.max-height2.line-height1-3 { height: 2.9em; } .waDiscount.layout-1 .tag-company p {line-height: inherit !important;} #discounts-wrapper .waDiscount:first-child .box-shadow1 .offer-image-wrapper.tile img.tag-logo { width: auto !important; height: auto !important; } /*html[data-filter="all"]:not(.js-show-all) .waDiscount:nth-child(n+50) {display: none !important;} html[data-filter="all"]:not(.js-show-all) .waDiscount:nth-child(49):after { content: "load more ..."; display: block; float: none; clear: both; height: 1.5em; width: 100vw; max-width: 80rem;text-align: center; margin-top: 3rem; background: rgba(19,143,207,1); border-radius: 1.5em; color: white; font-weight: bold; height: 3rem; line-height: 3rem; position: absolute; left: 50%; bottom: 1.5em; transform: translateX(-50%); max-width: 24em; } html[data-filter="all"] #toggle-display.js-toggle-off #discounts-wrapper {padding-bottom: 6em !important;}*/ /*html.onphone[data-filter="all"]:not(.js-show-all) #toggle-display.js-toggle-off .waDiscount:nth-child(49):after {display: none;}*/ .wrapper-show-more {display: none;} #toggle-display.js-toggle-off .waDiscount.show-more ~ .waDiscount, #toggle-display.js-toggle-off .waDiscount.show-more ~ .waAdvert { display: none !important;} #toggle-display.js-toggle-off .waDiscount.show-more ~ .waDiscount[style*="block"] ~ .wrapper-show-more {display: block;} /*html.onphone .waAdvert {display: none !important;}*/ html.onphone .waAdvert { width: calc(100vw - 4.5em);margin-right: 1.5em;cursor: pointer;clear: none;float: left;} html.onphone .waAdvert img { display: none;} html.onphone .waAdvert img.-display { display: block !important; } html.onphone #toggle-display.js-toggle-off .waDiscount.show-more ~ .waDiscount[style*="block"] ~ .wrapper-show-more {display: inline-block !important; margin-top: calc(50vh - 11em) !important;} html.ontablet .waDiscount {width: calc(100% / 2 - 4px);} html.ontablet .waDiscount .tile.align-center {padding-bottom: 18em;} html.onphone .waDiscount {width: calc(100%);} html.onphone .waDiscount .tile.align-center {padding-bottom: 18rem;} [class*="flex"] { display: flex;} .flex-center { align-items: center;} .flex-middle { justify-content: center;} .tag-shortOffer {} .waDiscount img[src="null"] {width: 100% !important;} .waDiscount .tile {padding-bottom: calc(100% + 3rem);} .waDiscount .offer-wrapper { } .waDiscount .offer-wrapper { height: 0; padding-bottom: calc(50% + 1.5rem); } .waDiscount .tag-shortOffer { height: 4rem; } .waDiscount .tag-longOffer { max-height: 6.5rem;} /* TODO: Switch with TILE%:*/ .waDiscount .tag-Offer {max-height: 12em; overflow: hidden;} .waDiscount .tag-Offer .tag-longOffer { max-height: 10.5rem; line-height: 1.22em;} .waDiscount .tag-comments:not(:empty):before {content:'(';} .waDiscount .tag-comments:not(:empty):after {content:')';} .waDiscount .tag-ratings, .waDiscount .tag-ratings * {vertical-align: bottom;} .waDiscount .tag-comments[data-comment="0"], .waDiscount .tag-comments[data-comment=""] {display: none;} .waDiscount .tag-favorites[href*="A=Remove"] > i { opacity: 1;} .waDiscount .tag-favorites[href*="A=Remove"] > i + i {opacity: 0;} #discounts-wrapper .waDiscount .tag-favorites {position: relative;} #discounts-wrapper .waDiscount .tag-favorites:before { content: '';display: block;box-shadow: inset 0 0 0 2px rgba(144,144,144,.5);width: 2.5rem;height: 2.5rem;position: absolute;top: -1.2rem;left: -.5rem;border-radius: 100%;} #discounts-wrapper .waDiscount .tag-favorites[href*="A=Remove"] {} #discounts-wrapper .waDiscount .tag-favorites[href*="A=Remove"]:before { background: rgba(19,143,207,.8) !important; background: #909090 !important; box-shadow: 0 0 0 2px rgba(0,0,0,0);} #discounts-wrapper .waDiscount .tag-favorites[href*="A=Remove"] i { color: rgb(255, 255, 255) !important; } #discounts-wrapper .waDiscount .tag-favorites[href*="A=Remove"] i { transform: translateX(-50%) translateY(calc(-50% - 6px)) translateZ(0) scale(1.0, 1.0) perspective(1px);} #discounts-wrapper .waDiscount img.tag-logo[src$="loader.svg"] { opacity: 0;} #discounts-wrapper .waDiscount img.tag-logo[src$="loader.svg"] + p { opacity: 1 !important;} html.isAdmin .waDiscount[data-category-name*="hot deal"] .tile.offer-image-wrapper:before, .waDiscount[data-category-name*="most popular"] .tile.offer-image-wrapper:before, .waDiscount[data-category-name*="newly added"] .tile.offer-image-wrapper:before, .waDiscount[data-category-name*="time limited offer"] .tile.offer-image-wrapper:before, .waDiscount[data-category-name*="ending soon"] .tile.offer-image-wrapper:before {content: "";position: absolute;bottom: .25rem;left: 0;text-transform: uppercase; background: rgba(19,143,207,.9);border-top-right-radius: .5em;border-bottom-right-radius: .5em;height: 2em;line-height: 2.1em;z-index: 1;color: #FFF;box-shadow: 1px 1px 2px 1px rgba(0,0,0,.4);padding: 0 1em;font-weight: 900;font-size: 18px;text-shadow: 1px 1px rgba(0,0,0,.4);} .waDiscount[data-category-name*="advertisement"] .tile.offer-image-wrapper:before {bottom: inherit; top: 0rem; background: rgba(19,143,207,1); width: 100%; border-radius: 0; display: none;} .waDiscount[data-category-name*="advertisement"] .box-shadow1 {overflow: hidden;} html.onphone #toggle-display.js-toggle-on .waDiscount[data-category-name*="most popular"] .tile.offer-image-wrapper:before, html.onphone #toggle-display.js-toggle-on .waDiscount[data-category-name*="newly added"] .tile.offer-image-wrapper:before, html.onphone #toggle-display.js-toggle-on .waDiscount[data-category-name*="time limited offer"] .tile.offer-image-wrapper:before, html.onphone #toggle-display.js-toggle-on .waDiscount[data-category-name*="ending soon"] .tile.offer-image-wrapper:before { font-size: 8px;} html.isAdmin .waDiscount[data-category-name*="hot deal"] .tile.offer-image-wrapper:before {background: rgba(224,27,34,.9);} .waDiscount[data-category-name*="time limited offer"] .tile.offer-image-wrapper:before {background: rgba(224,27,34,.9);} .waDiscount[data-category-name*="ending soon"] .tile.offer-image-wrapper:before {background: rgba(224,27,34,.9);} html.isAdmin .waDiscount[data-category-name*="hot deal"] .tile.offer-image-wrapper:before {content: "Hot Deal";} .waDiscount[data-category-name*="most popular"] .tile.offer-image-wrapper:before {content: "Super Popular";} .waDiscount[data-category-name*="newly added"] .tile.offer-image-wrapper:before {content: "Newly Added";} .waDiscount[data-category-name*="time limited offer"] .tile.offer-image-wrapper:before {content: "Time Limited Offer";} .waDiscount[data-category-name*="ending soon"] .tile.offer-image-wrapper:before {content: "Ending Soon";} html.isAdmin.ondesktop .waDiscount:before {content: attr(data-updateddate);} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] p {color: #FFF !important;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .color-bg.box-shadow1 {background: transparent !important;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .fat.button:not(:hover) {background: #FFFFFF !important; color: rgba(19,145,207,.9) !important;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .relative.tile.offer-image-wrapper.hide-overflow {padding-bottom: 150%;} html[data-isloggedin="false"] #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .relative.tile.offer-image-wrapper.hide-overflow {padding-bottom: 122.5%; padding-bottom: 122.818%;} html[data-isloggedin="false"] #discounts-wrapper .waDiscount[data-category-name*="advertisement"] aside {opacity: 0;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .relative.tile.offer-image-wrapper.hide-overflow + div {bottom: 0; left: 0; position: absolute; width: 100%;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .relative.tile.offer-image-wrapper img {top: 0; webkit-transform: none; -ms-transform: none; transform: none ; left: 0;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .offer-wrapper {opacity: 0;} #discounts-wrapper .waDiscount[data-category-name*="advertisement"] .tag-company {opacity: 0;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount[data-category-name*="advertisement"] {display: none !important;} #discounts-wrapper .waDiscount[data-opennewwindow="true"] .button-wrapper, #discounts-wrapper .waDiscount[data-opennewwindow="true"] .button-wrapper a.button[target="_blank"] { position: absolute; width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important;} #discounts-wrapper .waDiscount[data-opennewwindow="true"] .button-wrapper a.button[target="_blank"] {opacity: 0 !important;} #modal-offer-detail.is-competition #enter-competition-box {display: block !important;} #modal-offer-detail.is-competition #enter-competition-box + div {display: none !important;} #modal-offer-detail.is-competition #redeem-instore, #modal-offer-detail.is-competition #companyURL, #modal-offer-detail.is-competition #discount-reviews, #modal-offer-detail.is-competition #termsconditions, #modal-offer-detail.is-competition .tag-support-contact, #modal-offer-detail.is-competition .img-logo-wrapper, #modal-offer-detail.is-competition #external-action-links, #modal-offer-detail.is-competition .tag-redeem-info-wrapper {display: none !important;} #modal-offer-detail.is-competition .tag-offer-detail {padding-bottom: 6em !important;} #modal-offer-detail.is-competition .gray50-bg {background: white !important;} #modal-offer-detail.is-competition .tag-offer-detail {margin-top: 4rem !important;} .deal-content-information-title {color: rgba(0,0,0,0) !important;} .deal-content-information-title:before {color: rgba(85,85,85,1) !important; content: 'About This Promotion';} /*#discounts-wrapper .waDiscount[data-category-name*="newly added"] .offer-image-wrapper:after {display: block; content: ""; width: 5em; height: 5em; position: absolute; top: 0; right: 0; background: url(https://apod.com.au/_System/Assets/svg/apod-icon-new.svg) no-repeat; background-size: contain; z-index: 1;}*/ /*html[data-isloggedin="false"] a[href^="/FavoriteProcess.aspx"] {display: none;}*/ /* LAYOUT DETAIL */ .waDiscount.layout-1 .tile.offer-image-wrapper { padding-bottom: calc(48% - 1.5em); padding-bottom: 48%; padding-bottom: calc(56.25% + 3rem);} #modal-offer-detail {padding-top: 0 !important;} .waDiscount.layout-1.layout-1-detail {height: calc(100vh - 3rem); margin-top: 1.5em; overflow: hidden; width: 100%;} .waDiscount.layout-1.layout-1-detail > div {margin: 0;} .waDiscount.layout-1.layout-1-detail > div {height: calc(100% - 1.5em);} .waDiscount.layout-1.layout-1-detail .box-shadow1 { /*height: 100%; */} .waDiscount.layout-1.layout-1-detail .offer-image-wrapper {} html.onphone .waDiscount.layout-1.layout-1-detail, html.onphone .waDiscount.layout-1.layout-1-detail > div {height: 100%;} html.onphone .modal-discount-detail-1-4 > div.padding-bottom {padding-bottom: 0;} .waDiscount.layout-1 .tile.offer-image-wrapper { padding-bottom: 48%; padding-bottom: 40%; /* 2100x900 */ padding-bottom: 53%; /* 2100x900 */ padding-bottom: 50%; /* 2100x900 */ /*padding-bottom: calc(48% - 1.5em); padding-bottom: calc(56.25% + 3rem);*/ } .waDiscount.layout-1.layout-1-detail .tile.offer-image-wrapper { padding-bottom: 53%; } .waDiscount.layout-1.layout-1-detail .tag-offer-detail { padding-top: 53%; } /*.waDiscount.layout-1.layout-1-detail .offer-image-wrapper + div { position: absolute; top: calc(61.8046971569839% / 3 * 2); left:0; width: 40%; z-index: 3;} .waDiscount.layout-1.layout-1-detail .offer-image-wrapper + div { position: absolute; top: calc(50% / 3 * 2 - 1.5em);} .waDiscount.layout-1.layout-1-detail .offer-image-wrapper + div > .tile {background: white; border: 1px solid rgba(0,0,0,.1);} .waDiscount.layout-1.layout-1-detail .offer-image-wrapper + div > .tile, .waDiscount.layout-1.layout-1-detail .box-shadow1, .waDiscount.layout-1.layout-1-detail .box-shadow1:hover {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}*/ .waDiscount.layout-1.layout-1-detail .fat.button.tag-redeem {min-width: 12em;} .waDiscount.layout-1.layout-1-detail .fat.button.tag-redeem i {/*font-size: 16px !important; width: 16px; height: 16px; margin-top: -1px;*/} .waDiscount.layout-1.layout-1-detail .fat.button.tag-redeem:before { /*content: attr(data-redeem);*/} #modal-offer-detail .close.button, #modal-offer-detail .next.button, #modal-offer-detail .prev.button {box-shadow: 0 2px 3px -1px rgba(0,0,0,.1), 0 0 2px 1px rgba(0,0,0,.2); z-index: 4; opacity: 1; background-color: rgba(19,143,207,1);} #modal-offer-detail .close.button {font-size: 1.25rem; width: 4rem; height:4rem; line-height: 3.8rem; } #modal-offer-detail .next.button, #modal-offer-detail .prev.button {font-size: 2rem; line-height: 1.8em; top: 12em; } #modal-offer-detail .next.button { right: 1rem; text-indent: 2px;} #modal-offer-detail .prev.button {left: 1rem; text-indent: -2px;} #modal-offer-detail .next.button i, #modal-offer-detail .prev.button i {font-size: 1em !important;} #modal-offer-detail [class*="tag-"] {} #modal-offer-detail [class*="tag-"]:not(img):empty {display: none;} #modal-offer-detail .tag-terms:empty {display: block !important;} #modal-offer-detail .tag-terms:empty:before {content: 'Terms and Conditions Apply.'} #modal-offer-detail .waDiscount .tag-shortOffer {height: auto;} #modal-offer-detail .tag-reviews:not(:empty):before {content: "("} #modal-offer-detail .tag-reviews:not(:empty):after {content: ")"} #modal-offer-detail form .rating-group label { float: left; width:3rem !important; height: 3rem !important; max-width: 3rem !important; display: block; position: relative; margin: 0;} #modal-offer-detail form .rating-group i {font-size: 3rem !important; line-height: 1em !important; vertical-align: middle !important; position: absolute; top: 0; left: 0;} #modal-offer-detail .rating-group input[type="radio"] {display: none;} #modal-offer-detail .rating-group i {opacity: 1;} #modal-offer-detail .rating-group i+i {opacity: 0;} #modal-offer-detail .rating-group:hover i {color: #f3dd15; opacity: 0;} #modal-offer-detail .rating-group:hover i+i {color: #f3dd15; opacity: 1;} #modal-offer-detail .rating-group label:hover ~ label i {color: rgba(0,0,0,.8);} #modal-offer-detail .rating-group label:hover ~ label i + {} #modal-offer-detail .rating-group:not(:hover) [type="radio"]:checked ~ label i {opacity: 0; color: #f3dd15;} #modal-offer-detail .rating-group:not(:hover) [type="radio"]:checked ~ label i+i {opacity: 1;} #modal-offer-detail .rating-group:not(:hover) #rating1:checked ~ label[for="rating1"] ~ label i + i {opacity: 0;} #modal-offer-detail .rating-group:not(:hover) #rating1:checked ~ label[for="rating1"] ~ label i {opacity: 1; color: rgba(0,0,0,.4);} #modal-offer-detail .rating-group:not(:hover) #rating2:checked ~ label[for="rating2"] ~ label i + i {opacity: 0;} #modal-offer-detail .rating-group:not(:hover) #rating2:checked ~ label[for="rating2"] ~ label i {opacity: 1; color: rgba(0,0,0,.4);} #modal-offer-detail .rating-group:not(:hover) #rating3:checked ~ label[for="rating3"] ~ label i + i {opacity: 0;} #modal-offer-detail .rating-group:not(:hover) #rating3:checked ~ label[for="rating3"] ~ label i {opacity: 1; color: rgba(0,0,0,.4);} #modal-offer-detail .rating-group:not(:hover) #rating4:checked ~ label[for="rating4"] ~ label i + i {opacity: 0;} #modal-offer-detail .rating-group:not(:hover) #rating4:checked ~ label[for="rating4"] ~ label i {opacity: 1; color: rgba(0,0,0,.4);} #modal-offer-detail .rating-group:not(:hover) #rating5:checked ~ label[for="rating5"] ~ label i + i {opacity: 0;} #modal-offer-detail .rating-group:not(:hover) #rating5:checked ~ label[for="rating5"] ~ label i {opacity: 1; color: rgba(0,0,0,.4);} #modal-offer-detail img[src*="/deis/"] { height: 28em; width: auto; bottom: auto; max-width: none; top: 2em; width: 100% !important; bottom: 0 !important; top: initial !important; transform: none; left: 0; } #modal-offer-detail .tag-map.-display + div {display: none;} #modal-offer-detail .tag-google-map.tile {padding-bottom: 50%;} #modal-offer-detail .tag-google-map:not(.-display) + a {display: none;} .tag-google-map div {min-height :0;} /* TOGGLE MAP VIEW */ html.onphone .gm-style-iw {max-width: 12em !important;} .gm-style-iw p {margin-top: 0 !important; font-weight: 400; font-family: Montserrat,sans-serif; color: rgba(0,0,0,.8); line-height: 1.3em;} #map-wrapper {transition: opacity .3s; will-change: opacity;} #toggle-display.js-toggle-off .js-toggle-display-map, #toggle-display.js-toggle-on .js-toggle-display-grid { background:rgb(236, 236, 236) !important; color: #B0BAC5 !important;} #toggle-display.js-toggle-off .js-toggle-display-map:hover, #toggle-display.js-toggle-on .js-toggle-display-grid:hover { color: #000 !important;} #toggle-display.js-toggle-off #map-wrapper {opacity: 0;} #toggle-display.js-toggle-on #discounts-wrapper {} #toggle-display.js-toggle-off #discounts-wrapper { /*overflow-x: hidden; overflow-y: auto; height: calc(100vh - 12em) !important;*/} #toggle-display.js-toggle-on #discounts-wrapper {position:relative; /*top: 0; left: 0; width: 100%; /*height: 100vh; overflow: auto; */ } #toggle-display.js-toggle-on #discounts-wrapper { width: 32em; z-index: 2; padding-bottom: 6em;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount {width: 100%;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .box-shadow1 {overflow: hidden;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper, #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper + div {width: 50%; float: left;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper {padding-bottom: 50%;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper img {width: auto; max-width: none; height: 100% !important;} #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .position-bottom { display: none;} #toggle-display.js-toggle-on #map-wrapper { z-index: 1; position: fixed !important;} #toggle-display.js-toggle-on .waDiscount:not([data-geolocation]) {display: none !important;} #toggle-display[data-searchcount="0"] #nooffers {display: block !important;} html.onphone #toggle-display.js-toggle-off {overflow: auto;} html.onphone #toggle-display.js-toggle-on {height: calc(100vh - 3rem); overflow: auto; top: 40%; } html.onphone #toggle-display.js-toggle-on .span12 {padding-left: 0; padding-right: 0;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper {width: 100%; /*padding-left: 1.5rem; padding-right: 1.5rem;*/ background: white; min-height: 60vh;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount {margin-right: 0; border-top: 1px solid rgba(0,0,0,.4);} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .box-shadow {box-shadow: none !important; } html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .box-shadow1 {border-radius: 0;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount > .margin-top {margin-top: 0;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper {float: right; margin-top: 1.5em; margin-right: 1em; width: 30%; padding-bottom: calc(30% - 1.5em); margin-bottom:1.5em !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper + div {margin-top:1.5em;margin-left: 1em; padding-right: 1em; width: calc(70% - 3em) !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount [class*="padding"] {padding: 0 !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount [class*="height"], html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tag-shortOffer {display: block;height: auto !important; max-height: none !important; min-height: 0 !important; line-height: 1.3em !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount img.tag-logo { max-height: 1.5rem !important; max-width: 100% !important; transform: none !important; top: 0 !important; left: 0 !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.offer-image-wrapper img.full-height {height: 100% !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tag-shortOffer span { display: inline !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tag-Offer { position: intitial !important; transform: none !important; left: 0;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .transparent-black-gradient-down {display: none !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tile.align-center {height: auto !important; padding-bottom: 1.5em !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount p, html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tag-shortOffer {font-size: .75rem; text-align: left !important; margin-bottom: .25em;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount .tag-shortOffer p { font-size: 1rem !important; text-align: left !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount.css-hover {transform: none !important;} html.onphone #toggle-display.js-toggle-on #discounts-wrapper .waDiscount.css-hover .white-bg { background: rgba(19,143,207,.1);} #secondary-filter a:not(.js-active) {box-shadow: 0 0 0 2px #bac3cc !important; background:rgba(236, 236, 236,0) !important; color: #B0BAC5 !important;} #secondary-filter a:not(.js-active):hover { box-shadow: 0 0 0 2px #333 !important; color: #000 !important;} #secondary-filter .box-shadow-inset {min-height: 6em; } [id^="filter-"].js-toggle-close [data-toggle] {display: none;} /* DEV - DISCOUNTS */ .box-shadow1 {box-shadow: 0 0.25em 0.875em 0 rgba(0, 0, 0, 0.05);} #discounts-wrapper .waDiscount .box-shadow1 {border-radius: 4px;} [data-parent="sub"] {display: none !important;} #filter-wrapper > div {transition: top .3s .3s; top: -9em; will-change: top;} #secondary-filter .js-toggle-open .box-shadow-inset {border-bottom: 1px solid rgba(220,220,220,1); box-shadow: inset 0 -1px 1px 0px rgba(0,0,0,.1);} #filter-wrapper > div.js-stuck {transition: top .3s 0s; position: fixed; top: 4em; left: 0; width: 100%; z-index:3; box-shadow: 0 0 .2px rgba(0,0,0,.1); } #filter-wrapper select {max-width: 28vw;} html.preview-only.js-loading-discounts body:before, html.js-loading-discounts body:before, html.js-filtering-discounts:not(.onphone) #toggle-display:before {content: '';position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: 99997; background-color: rgba(255,255,255,.7);} html.js-loading-discounts body:after, html.js-filtering-discounts:not(.onphone) #toggle-display:after { content: "loading deals ..."; width: 9em; height: 9em; position: absolute; top: 50vh; left: 50%; margin-top: -4.5em; margin-left: -4.5em; background: url(/_System/Assets/svg/loader.svg) 50% 50% no-repeat; background-size: contain; z-index: 99998; } html.js-filtering-discounts:not(.onphone) #toggle-display:after { top: 40vh; content: "searching deals ..."; } html.preview-only.js-loading-discounts body:before {background-color: #333 !important;} html.preview-only #modal-offer-detail {position: fixed !important; top: 0; left: 0; z-index: 99999 !important; display: block !important; opacity: 1 !important; background-color: #333;} html.preview-only #activate-gtin { display: none;} /* 21:9 / 42.85% */ /* 16:9 / 56.25% */ /* 1:1 / 100% */ /* FIRST CHILD /Featured */ html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]), html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child { width: 100%;} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .box-shadow1 > div , html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .box-shadow1 > div { float: left; width: calc(65% + 1.5em);} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .box-shadow1 > div.tile, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .box-shadow1 > div.tile{ padding-bottom: 27.7%;} /* 21:9 */ html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .box-shadow1 > div.tile, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .box-shadow1 > div.tile{ padding-bottom: 36.5%;} /* 16:9 */ html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .box-shadow1 > div + div .tile, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .box-shadow1 > div + div .tile{ padding-bottom: 50%; position: initial;} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .offer-wrapper, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .offer-wrapper {height: 0; padding-bottom: 100%;} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .tag-company, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .tag-company { position: absolute; bottom: 1.5em; left:0; width: 18rem; height: 6rem; background: white; box-shadow: rgba(0, 0, 0, 0.1) 3px 1px 3px 1px !important; } html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .tag-company img, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .tag-company img { padding: 1em;} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) aside, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child aside {width: calc(35% - 4.5em);} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .box-shadow1 > div+div, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .box-shadow1 > div+div { width: calc(35% - 1.5em);} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child:not([data-category-name*="advertisement"]) .tag-longOffer, html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .tag-longOffer { max-height: 13rem;} .waDiscount[data-isdraft="true"] > div > div:before { text-transform: uppercase; background: black; content: "This offer is a preview, viewable by you only."; color: white; font-weight: bold; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; padding:0 1em; line-height: 1.5em; } /*html[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .tag-longOffer, html[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .tag-longOffer { overflow: visible !important;} html[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .tag-longOffer p, html[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="featured"]:first-child .tag-longOffer p { color: rgba(0,0,0,0) !important;} html[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .tag-longOffer:before, */ html[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .offer-wrapper:before { color: #222 !important; font-size: 20px !important; line-height: 1.5em !important; margin-top: 3em !important; content: "Get Access to this and many more great offers for defence members! Login or Register to get started."; position: absolute; width: 100%; top: 0; left: 0; color: rgba(19,143,207,1); } html.onphone[data-isloggedin="false"] #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .offer-wrapper:before { content: "";} html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:not([data-category-name*="advertisement"]):first-child .offer-image-wrapper:before { bottom: 7.5rem; left: 0; width: 18.1rem;border-radius: 0;box-shadow: none;} /*#toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .tag-company {position: relative;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) {width:calc(100% / 3 - 2px) !important;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div { width: 100%; float: none;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div + div .tile { padding-bottom: 116% !important;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div.tile {padding-bottom: 50% !important; } #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div.tile img { height: 100% !important; width: auto !important; max-width: none !important; } #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .offer-wrapper {margin-top: -3em;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .tag-company {top: 0em; bottom: initial;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) aside { width: calc(100% - 3rem);}*/ /* #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) {width:calc(100% / 3 * 2 - 2px);} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div { width: 100%; float: none;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div + div .tile { padding-bottom: 32%;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div.tile {padding-bottom: 56.5%; padding-bottom: 42.5%;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .box-shadow1 > div.tile img { height: 100% !important; width: auto !important; max-width: none !important; } #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .offer-wrapper {margin-top: -1.5em;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) .tag-company {top: 1.5em; bottom: initial;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[style*="block"] ~ .waDiscount[data-category-name*="featured"]:not(:first-child) aside { width: calc(100% - 3rem);} /*html:not(.onphone) #toggle-display.js-toggle-off #discounts-wrapper .waDiscount[data-category-name*="advertisement"]:first-child .box-shadow1 > div {}*/ /*#toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child {width: calc(100%);} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .box-shadow1 > div { width: 60%; float: left;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .box-shadow1 .offer-image-wrapper.tile {padding-bottom: 68.77% !important; padding-bottom: 62.5% !important;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .box-shadow1 .offer-image-wrapper.tile img {height: 100%; width: auto !important; max-width: none !important; transform-origin: 0 0;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .box-shadow1 > div+div { width: 40%; float: left;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:first-child .offer-image-wrapper + div .tile { padding-bottom: 186%;}*/ /*#toggle-display.js-toggle-off #discounts-wrapper .waDiscount.layout-featured:first-child .box-shadow1 > div { width: 65%; } #toggle-display.js-toggle-off #discounts-wrapper .waDiscount.layout-featured:first-child .box-shadow1 > div+div { width: 35%; }*/ /*#toggle-display.js-toggle-off #discounts-wrapper .waDiscount:nth-child(10) {width: calc(66.666% - 6px); } #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:nth-child(10) .box-shadow1 > div { width: 60%; float: right;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:nth-child(10) .box-shadow1 .offer-image-wrapper.tile {padding-bottom: 68.77% !important;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:nth-child(10) .box-shadow1 .offer-image-wrapper.tile img {height: 100%; width: auto !important; max-width: none !important; transform-origin: 0 0;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:nth-child(10) .box-shadow1 > div+div { width: 40%; float: right;} #toggle-display.js-toggle-off #discounts-wrapper .waDiscount:nth-child(10) .offer-image-wrapper + div .tile { padding-bottom: 206%;}*/ /* Discounts - On Hover */ .waAdvert a {opacity:1 !important;} .waDiscount:not(.waAdvert) img {transform-origin: 0 0;} .js-toggle-display.js-toggle-off .waDiscount .offer-image-wrapper img { transition: transform .3s cubic-bezier(0.895, 0.03, 0.685, 0.22); will-change: transform; } .js-toggle-display.js-toggle-off .waDiscount:hover .offer-image-wrapper img { transform: scale(1.05); } .js-toggle-display.js-toggle-off .waDiscount:hover .offer-image-wrapper img.position-center.position-middle {transform: scale(1.05) translateX(-50%) translateY(-50%); } .waDiscount .button {transition: background-color .3s, min-width .3s, color .2s, box-shadow .3s; will-change: background-color, min-width, color,box-shadow; min-width: 0; overflow: hidden; position:relative;} .waDiscount .button[data-redeem]:hover:before { transition: opacity .3s .1s, left .2s .1s; will-change: button;} .waDiscount .button[data-redeem]:before { transition: none;} .waDiscount .button[data-redeem]:hover {background-color: rgba(224,27,34,.9); color: rgba(255,255,255,0); min-width: 12em;} .waDiscount .button[data-redeem]:before { content: attr(data-redeem); opacity: 0; position: absolute; top: 0; left: 0; text-align: center; color: #FFF; width: 100%; left: 100%;} .waDiscount .button[data-redeem]:before {top: 50%; transform: translateY(-50%);} .waDiscount .button:hover {} .waDiscount .button:hover:before { opacity: 1 !important; left: 0;} #discounts-wrapper .waDiscount[data-category-name*="sponsored"] .button { opacity: 0;} #discounts-wrapper .waDiscount[data-category-name*="sponsored"] .box-shadow1 {border-radius: 0;} #discounts-wrapper .waDiscount[data-category-name*="sponsored"] .offer-image-wrapper:after { content: "sponsored advertisement"; display: block; width: 100%; z-index: 1; position: absolute; top: -1px; left: 0; background: white; line-height: 1.5em; font-size: 10px; text-transform: uppercase; padding: .25em 1em; } #body[data-upgrade] .waDiscount .position-bottom > p > .button:hover:before { transition: opacity .3s .1s, left .2s .1s; will-change: opacity, left;} #body[data-upgrade] .waDiscount .position-bottom > p > .button:before { transition: none;} #body[data-upgrade] .waDiscount .position-bottom > p > .button:hover {background-color: rgba(224,27,34,.9); color: rgba(255,255,255,0); min-width: 12em;} #body[data-upgrade] .waDiscount .position-bottom > p > .button:before { content: 'Upgrade to Redeem'; opacity: 0; position: absolute; top: 0; left: 0; text-align: center; color: #FFF; width: 100%; left: 100%;} #body[data-upgrade] .waDiscount .position-bottom > p > .button:before {top: 50%; transform: translateY(-50%);} #body[data-upgrade] .waDiscount .position-bottom > p > .button:hover {} #body[data-upgrade] .waDiscount .position-bottom > p > .button:hover:before { opacity: 1 !important; left: 0;} #body[data-upgrade] .waDiscount[data-category-name*="competition"] .position-bottom > p > .button:before { content: 'Upgrade to Enter';} #body[data-renew] .waDiscount .position-bottom > p > .button:before { content: 'Renew to Redeem';} /*.waDiscount:nth-child(8n) .button:before { content: 'Upgrade to View Offer'; } .waDiscount:nth-child(8n) .button:hover {min-width: 16em !important;} .waDiscount:nth-child(8n) .button:after {} .waDiscount:nth-child(8n) .tag-shortOffer p, .waDiscount:nth-child(8n) .tag-longOffer { color: transparent; position: relative;} .waDiscount:nth-child(8n) .tag-shortOffer p:before, .waDiscount:nth-child(8n) .tag-longOffer:before { color: #333333; content:'Members only\00a0offer'; position: absolute; top: 0; left: 0; width: 100%; height:100%; transform:scale(.8); text-transform: uppercase;} .waDiscount:nth-child(8n) .tag-longOffer:before { content:'Only members can view this exclusive offer.'; } .waDiscount:nth-child(8n) .button:after {opacity: 0; transition: opacity .3s .1s; content: '';} .waDiscount:nth-child(8n) .button:hover:after { content: ' Card Holder Only Offer'; background: rgba(19,143,207,.8); text-align: center; top: 0; left: -1.5rem; position: absolute;top: -1.5rem;height: calc(100% + 1.5rem); z-index: -1; opacity: 1;color: white;padding-top: 4.5rem;font-size: smaller; width: calc(100% + 3rem); }*/ .waDiscount.layout-detail {} html.onphone .waDiscount > .padding-left {padding-left: 0;} html.onphone .waDiscount > .padding-right { padding-right: 0;} html.onphone .waDiscount > .margin-top { /*margin-top: 0;*/} /* PAGES */ #page-index.ondesktop .module-faq .faq { width: 50%; display: block; float: left; padding: 0 .5em;} #page-index.ondesktop .module-faq .faq:nth-child(6) ~ .faq {display: none;} html.onphone#page-index #hero { background-position: 50% 4em; background-size: 100vh; background-repeat: no-repeat; } #page-index #discounts-wrapper .waDiscount:first-child {width: 100% !important; margin-bottom: 1.5em;} #page-index #discounts-wrapper .waDiscount:first-child + ul + div {display: none !important;} /*#discounts-wrapper .waDiscount:first-child .box-shadow1 .offer-image-wrapper.tile img {width: 100% !important; height: auto !important;}*/ #page-index #discounts-wrapper .waDiscount:first-child .box-shadow1 .offer-image-wrapper.tile {padding-bottom: 35.7% !important;} #page-index #discounts-wrapper .waDiscount:first-child .offer-image-wrapper + div .tile {padding-bottom: 116% !important;} #page-index .spanX .tile {padding-bottom: 100% !important; margin-top: 1.5em;} #page-index .spanX .tile * {color: #FFF;} #page-index #callout-categories .spanX .tile { padding-bottom: 80% !important; overflow: hidden;} /* 4:3 */ #callout-categories .spanX {padding: .75em 1em;} #callout-categories .spanX img {transition: all .3s; -webkit-backface-visibility: hidden;} #callout-categories p {transition: color .3s; will-change: color;} #callout-categories svg g {transition: all .3s; } #callout-categories p { bottom: 1em; color: #FFF;} #callout-categories svg.color-fill g {fill: #FFF;} #callout-categories svg.stroke-fill g {stroke: #FFF;} #callout-categories .spanX:hover p {color:#FFF; } #callout-categories .spanX:hover svg.stroke-fill g {stroke:#FFF !important; color: #FFF !important; } #callout-categories .spanX:hover svg.color-fill g {fill: #FFF !important;color: #FFF !important;} #callout-categories .spanX:hover a > img {filter: blur(4px); } #callout-categories .spanX a > div {margin-top: -0.75em;} #callout-testimonials [data-swipe] button {position: absolute; top: 50%; margin-top: -.75em; background-color:rgba(19, 143, 207, 0.9); color: #FFF;} #callout-testimonials [data-swipe] button.next { right: 0;} #callout-testimonials [data-swipe] button.prev {left: 0;} #callout-features .white-border-left { border-left-color: rgba(255,255,255,.2);} #callout-features [class*="black-border"] { border-color: rgba(0,0,0,.1);} #callout-features .text-shadow { /*font-weight: bold; background-color: #909090; color: transparent; text-shadow: 1px 1px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text;background-clip: text; */ color:#909090; text-shadow: none; } #callout-features p {min-height: 3rem; overflow: hidden;} html.ondesktop #callout-features p, html.ontablet #callout-features p {min-height: 3rem; overflow: hidden;} html.onphone #callout-features td { display: block; width: 100%; border-left: 0;} .pagination.webapp {display: none;} .js-toggle-amount {transition: background-color .3s; will-change: background-color; cursor: pointer;} .js-equalize-height { max-height: 70vh !important;} /* HOW IT WORKS */ #page-how-it-works #callout-subscribe {display: none;} /* Memberships */ #callout-latest-offers #discounts-wrapper, #callout-latest-offers #discounts-wrapper > div {height: 34em;} #callout-latest-offers #discounts-wrapper > div {width: calc(13 * 24em); overflow: hidden;} #page-index #callout-latest-offers #discounts-wrapper .waDiscount:first-child {display: none;} #page-index #callout-latest-offers #discounts-wrapper .waDiscount {width: 24em !important;} #member-plans-pricing th, #member-plans-pricing td {width: 33.33%; text-align: center; padding: 1em; vertical-align: center;} #member-plans-pricing td, #member-plans-pricing th.border {border: 1px solid rgba(0,0,0,.1); } #member-plans-pricing thead th.border {border-bottom-color: transparent; } #member-plans-pricing tfoot th.border {border-top-color: transparent; } #member-plans-pricing .black50-bg {} .member-plans-pricing-wrapper {width: 100%; overflow: auto;} .member-plans-pricing-wrapper #member-plans-pricing {width: calc((100vw - 6em) * 3);} /*table.zebra#member-plans-pricing tbody tr:nth-child(odd) {background-color: #DDDDDD; background-color: rgba(0,0,0,.01);}*/ table.zebra#member-plans-pricing tbody tr:nth-child(odd) {background-color: transparent;} table.zebra#member-plans-pricing tbody tr:nth-child(even) { background-color: rgba(0,0,0,.01);} table.zebra#member-plans-pricing tbody tr:hover { background-color: rgba(0,0,0,.03); color: #222;} /* JS */ /* DASHBOARD */ #nav-dashboard li {border-top: 1px solid rgba(255,255,255,.3);} #nav-dashboard li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,.1);} html:not(#page-dashboard) .nav-dashboard {display: none !important;} html.ondesktop #nav-dashboard {z-index:3; padding-top: 6em; width:14em;} #page-dashboard #content {height: 100vh;} #page-dashboard #callout-subscribe, #page-dashboard #footer {display: none;} html.ondesktop#page-dashboard .dashboard-wrapper { padding-top: 6em; width: calc(100vw - 14em); left: 14em; padding-left: 15.5em; left:0; width: 100vw; } html.onphone#page-dashboard .dashboard-wrapper, html.ontablet#page-dashboard .dashboard-wrapper {padding-top: 6em;} #page-dashboard .panel a:not(.button) { color: rgba(19, 143, 207, 0.9) !important;} #page-dashboard .panel a:not(.button):hover { color: rgba(19, 143, 207, 1) !important;} #page-dashboard fieldset {border: 0; padding: 0;} #page-dashboard fieldset a:not(.button) {font-size: smaller;} #page-dashboard fieldset p.medium {line-height: 1.6rem !important;} #page-dashboard fieldset [class*="span"] > div:first-child {margin-top: 1.5rem;} #page-dashboard fieldset label {padding-left: 0 !important; display: block !important; } #page-dashboard .panel-wrapper {transition: opacity .3s; will-change: opacity; max-height: 0; overflow: hidden; opacity: 0; min-height: 0;} #page-dashboard .panel-wrapper .container {padding: 0 .5em .5em .5em;} #page-dashboard .panel-wrapper.js-toggle-on {max-height: 999em; opacity: 1;} #page-dashboard .module-faq .answer { font-size: smaller; padding-bottom: 1.5rem;} #page-dashboard .module-faq .answer > *:first-child {margin-top: .25rem;} #page-dashboard #nav-dashboard-panels .js-active{ box-shadow: inset -7px 0px 0 0px rgba(19,143,207,.9); } #page-dashboard #nav-dashboard-panels .js-active a, #page-dashboard #nav-dashboard-panels .js-active i {color: #333333;} html.onphone#page-dashboard .dashboard-wrapper { padding-top: 4em;} html.onphone#page-dashboard .dashboard-wrapper {padding-left: 0; padding-right: 0;} html.onphone#page-dashboard .panel-wrapper .container {padding: 0;} html.onphone#page-dashboard .panel-wrapper .container { padding-left: 1em; padding-right: 1em;} html.onphone#page-dashboard .panel-wrapper .container .box-shadow { margin-left: -1em; margin-right: -1em; padding-left: 1em; padding-right: 1em;} /* Upgrade Account Subscription Form */ #nav-modal-upgrade-account li { width: calc(100% / 2); font-size: 80%; line-height: 3rem;box-shadow: inset 0 -2px rgba(255,255,255,.5); transition: box-shadow .3s, opacity .3s, background .3s; will-change: box-shadow, opacity,background; opacity:.7;} #nav-modal-upgrade-account li.js-active { box-shadow: inset 0 -3px rgba(255,255,255,.8); opacity: 1;} #modal-upgrade-account .alert.error, #panel-order-cards-postal-address .alert.error {text-align: right !important;} #modal-upgrade-account .panel {left: -100%; transition: left .3s; will-change: left;} #modal-upgrade-account .panel.js-active {left: 0 !important;} #modal-upgrade-account .panel.js-active ~ .panel, #modal-upgrade-account .panel#panel-upgrade-payment-details {left:100%;} #modal-upgrade-account .panel .grid3 .spanX {margin: 0; width: calc(100% / 3);} #modal-upgrade-account .fat.input {border-radius: .25em;} #modal-upgrade-account .panel { /*max-height: 80vh !important; */ overflow: auto; width: calc(100% - 4px);} #panel-upgrade-service-details-NONE.js-toggle-open ~ div, #panel-upgrade-service-details-NONE.js-toggle-open ~ footer {display: none;} #panel-upgrade-service-details form[data-connection="Current"] .defence-organisation-group {display: none;} #panel-upgrade-service-details form[data-connection="Employer"] .defence-forces-group {display: none !important;} label.js-toggle-close {display: none !important;} html.onphone #nav-modal-upgrade-account .js-equalize-height {height: calc(100vh - 9em) !important; max-height: 100vh !important;} .js-insert-message:empty {display: none;} /* MODULES CASES */ .module-cases tbody:not(:empty) + tfoot {display: none;} #primary-filter li .opacity50 { filter: grayscale(1);} #primary-filter li.js-active .opacity50, #primary-filter li:hover .opacity50 { filter: grayscale(0);} #primary-filter li:hover p.bold {color: #0192D6 !important;} #primary-filter .js-active .opacity50, #primary-filter .li:hover .opacity50 { opacity: 1;} html#page-discounts.ondesktop #primary-filter {left: -30vw;} html#page-discounts.ondesktop #primary-filter, html#page-discounts.ondesktop #primary-filter ul {width: 100% !important; } html#page-discounts.ondesktop #primary-filter li { width: calc(100% / 9 - 1.5em) !important;} #page-discounts #secondary-filter a.color.pill {margin-bottom: .75em !important;} html#page-discounts.ontablet #primary-filter li { width: calc(100% / 9 - 1em) !important;} html#page-discounts.onphone #primary-filter {background:#EEEEEE;} html#page-discounts.onphone #primary-filter a.align-center {padding-top: .75rem !important; padding-bottom: .75rem !important;} html#page-discounts.onphone #primary-filter a.align-center {text-align: left !important; padding-left: 1em;} html#page-discounts.onphone #primary-filter p.position-bottom { position: initial !important;float: none !important;display: inline !important; background:#EEEEEE; } /* ON PHONE */ /*html.onphone .js-equalize-height {height: auto !important;}*/ /*html.onphone #callout-categories .grid3 {overflow: auto; height: 12em;} html.onphone #callout-categories .grid3 .spanX {width: 18em; height: 18em; display: inline-block; } html.onphone #callout-categories .overflow-auto, html.onphone #callout-categories .overflow-auto .grid3 { height: 18em; width: 100%;} html.onphone #callout-categories .overflow-auto .grid3 {width: calc(19.5em * 9);}*/ html.onphone #callout-categories .grid2 .spanX { width: 50%; float: left;} html.onphone #callout-categories .grid2 .spanX p {font-size: 1em; bottom: .25rem;} html.onphone #callout-categories .grid2 .spanX .position-middle img {width: 100%;} html.onphone #callout-categories .grid2 .spanX a {margin-top: 0;} html.onphone #callout-categories .overflow-auto {margin-left: -1.5em; margin-right: -1.5em;} html.onphone .CHAT {display: none;} #page-wallet #content {overflow: hidden; height: 100vh;} #page-wallet .tag-pagecontent {background-color:#EEEEEE; height: 100vh !important;} #page-wallet .deal-swipe-wrapper {position: absolute; top: 4em; width: 100%; bottom: 0; left: 0; height: calc(100vh - 4em);} #page-wallet #deal-swipe.overflow-visible, #page-wallet #deal-swipe.overflow-visible > div {overflow: visible} /*#page-wallet:not([data-hero]) #content, #page-wallet .min-height80 {height: calc(100vh - 4em) !important; min-height: 0;}*/ #page-wallet #deal-swipe.vh100, #page-wallet #deal-swipe.vh100 .vh100 {height: calc(100vh - 4em);} #page-wallet #footer {display: none;} #page-wallet .js-swipe-control-buttons {display: none !important;} #page-wallet .min-vh80, #page-wallet .min-height80 {min-height: 0;} #page-wallet .tile {padding-bottom:56%;} #page-wallet .js-remove-off-page {top: -100vh !important;} /* Competition Swipe Wrapper */ .competition-swipe-wrapper {} .Mono {font-family: 'Overpass Mono', monospace; text-shadow: 1px 2px 0px black;} /* VIRUTAL CARD */ @media screen and (orientation:landscape) { #wrapper-virtual-card { width: 100vh; height:100vw; top: 100%; transform: rotate(-90deg); transform-origin: left top; } #virtual-card { width: calc(100vw - 10em) !important; height: 100vh !important; } } /*#wrapper-virtual-card {border: 2px solid blue;}*/ #virtual-card, html.js-orientation-portrait #virtual-card { transform: rotate(90deg); transform-origin: bottom left; position: absolute; bottom: calc(100% - 3rem); left: -1.5rem; /* overflow-x: hidden; */ /* position: absolute; */ /* bottom: 0; */ /* left: 0; */ width: calc(100vh - 10em); height: 100vw; } #wrapper-virtual-card img, html.js-orientation-portrait #wrapper-virtual-card img {height: auto; width: auto; max-height: 100%; max-width: 100%;} html.js-orientation-landscape #wrapper-virtual-card { width: 100vh !important; height:100vw !important; top: 100% !important; transform: rotate(-90deg) !important; transform-origin: left top !important; } html.js-orientation-landscape #virtual-card { width: calc(100vw - 10em) !important; height: 100vh !important; } html#page-wallet.js-orientation-landscape #wrapper-virtual-card + div:before, html#page-wallet.js-orientation-landscape #wrapper-virtual-card + div:after { position: fixed; top: 0; left: 0; content: ''; background: black; background: rgba(19,143,207,1); width: 100vw; height: 100vh; z-index: 1; display: block; } html#page-wallet.js-orientation-landscape #wrapper-virtual-card + div:after { content: "Please turn the phone back to portrait mode"; color: white; font-weight: bold; text-align: center; width: 100%; height: auto; top: 50%; } html.onphone #modal-register {padding: 0 !important;} html.onphone #modal-register .register-title {font-size: 1.2rem; display: inline-block; margin-bottom: .5em;} html.onphone #modal-register .gray50-bg {border-radius: 0; padding-left: 0; padding-right: 0;} html.onphone #modal-register .fat.fillet.button {height: 3rem !important; line-height: 3rem !important;} html.onphone #modal-register p.align-center {text-align: left;} html.onphone #modal-register .register-body { font-size: .8em; font-weight: 300;} html.onphone #modal-register {height: 100vh; overflow: hidden;} html.onphone #modal-register > div {min-height: calc(100vh - 8em);} html.onphone #modal-register > div.gray50-bg {padding-left: 0; padding-right: 0;} html.onphone #toggle-registration.js-toggle-registration #form-Register {height: calc(100vh - 18rem); max-height: none;} html.onphone #toggle-registration {padding-left: 1em; padding-right: 1em;} html.onphone #toggle-registration.js-toggle-registration {padding-left: 0; padding-right: 0;} html.onphone #toggle-registration #register-facebook, html.onphone #toggle-registration.js-toggle-registration #form-Register, html.onphone #toggle-registration.js-toggle-registration .disclaimer-wrapper{padding-left: 1em; padding-right: 1em;} html.onphone #toggle-registration.js-toggle-registration .facebook-register-wrapper {text-align: center;} html.onphone #toggle-registration .transparent.button {background:rgba(19,143,207,1) !important; color: #FFF !important;} html.onphone #toggle-registration .transparent.button.js-active {background:white !important; color: rgba(19,143,207,1) !important;} html.onphone #subscription-wrapper label td {display: block; text-align: left;} [data-subscription="yearly"] .js-subscription-monthly {display: none;} [data-subscription="monthly"] .js-subscription-yearly {display: none;} .transparent.button.js-toggle-subscription {border-bottom: 1px solid rgba(0,0,0,.2);} .transparent.button.js-toggle-subscription.js-active {background: white !important; border: 1px solid rgba(0,0,0,.2); border-bottom: none !important; color: rgba(19,143,207,1) !important;} .transparent.button.js-toggle-subscription:hover {color: rgba(19,143,207,1) !important;} #displayInfoMessage {transition: bottom .3s, opacity .3s; will-change: bottom,opacity;} #displayInfoMessage:not(.js-slide-up) {bottom: -9rem; opacity: 0;} #displayAlertMessage {transition: bottom .3s, opacity .3s; will-change: bottom,opacity;} #displayAlertMessage:not(.js-slide-up) {bottom: -9rem; opacity: 0;} /* DEV **/ html[data-mode="development"] #toggle-display.js-toggle-off .waDiscount {position: relative;} html[data-mode="development"] #toggle-display.js-toggle-off .waDiscount:before {content: attr(data-category-name); position: absolute; bottom: 63%; left: 1.5rem; background: white; display: block; font-size: 11px; z-index: 2; line-height: 1.5em; font-weight: 300; width: calc(100% - 3rem); border: 1px dashed; padding: 0 .5em; } html[data-mode="development"] #page-discounts #secondary-filter a.color.pill[data-value] { color: red !important;} html.onphone #console {display: none;} html[data-isloggedin="false"] .waDiscount[data-category-name*="mystery"] img { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); } html[data-isloggedin="false"] .waDiscount[data-category-name*="mystery"] .tag-logo {opacity: 0 !important;} html[data-isloggedin="false"] .waDiscount[data-category-name*="mystery"] .tag-logo + p {opacity: 1 !important; color: transparent !important;} html[data-isloggedin="false"] .waDiscount[data-category-name*="mystery"] .tag-logo + p:before { content: "Mystery Deal";font-size: 24px;font-weight: 800;color: #333 !important;text-align: center;position: absolute;top: 0;left: 0;width: 100%;margin-top: 1rem;} /* Vouchers */ svg.js-barcode.show-next-if-empty:empty {background: #eeeeee; margin-bottom: .75rem;} .js-barcode.show-next-if-empty:empty + p {display: block !important; } #current-orders .grid3 .spanX:nth-child(3n+1) {clear: left;}