html,
body,
button,
input,
select,
textarea {
color: #333333;
font-family: 'Montserrat','Open Sans', sans-serif !important;
}
html {
font-size: 1em;
line-height: 1.3;
}
body {
background: #FFF;
min-width: 320px;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e7e7e7;
margin: 1em 0;
padding: 0;
}
.d-mob {
display: none;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {
margin: .75em 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
/*font-weight: normal;*/
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.17em;
}
h4 {
font-size: 1.12em;
}
h5 {
font-size: .83em;
}
h6 {
font-size: .75em;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {
zoom: 1;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a,
a:hover,
a:active,
a:focus {
outline: 0 none;
}
img {
height: auto;
max-width: 100%;
}
.border-top {
border-top: 1px solid #e7e7e7;
}
.border-right {
border-right: 1px solid #e7e7e7;
}
.border-bottom {
border-bottom: 1px solid #e7e7e7;
}
.border-left {
border-left: 1px solid #e7e7e7;
}
.margin-top {
margin-top: 1em;
}
.margin-right {
margin-right: 1em;
}
.margin-bottom {
margin-bottom: 1em;
}
.margin-left {
margin-left: 1em;
}
.margin-top-x2 {
margin-top: 2em;
}
.margin-right-x2 {
margin-right: 2em;
}
.margin-bottom-x2 {
margin-bottom: 2em;
}
.margin-left-x2 {
margin-left: 2em;
}
.padding-top {
padding-top: 1em;
}
.padding-right {
padding-right: 1em;
}
.padding-bottom {
padding-bottom: 1em;
}
.padding-left {
padding-left: 1em;
}
.padding-top-x2 {
padding-top: 2em;
}
.padding-right-x2 {
padding-right: 2em;
}
.padding-bottom-x2 {
padding-bottom: 2em;
}
.padding-left-x2 {
padding-left: 2em;
}
.fl-right {
float: right;
}
.fl-left {
float: left;
}
.center {
text-align:center;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.show-mob {
display: none;
}
.full-width {
width: 100%;
}
.horizontal-list li {
display: table-cell;
}
.horizontal-list li a {
display: block;
margin: 0 .75em;
text-align: center;
}
.vertical-list {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.vertical-list li {
display: block;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.field {
margin: .5em 0;
clear: both;
display: table;
width: 100%;
}
.field:after {
display: table;
content: " ";
clear: both;
}
.field>label {
width: 250px;
float: left;
padding: .5em 0;
}
table {
margin: 0.75em 0;
width: 100%;
}
td,
th {
text-align: left;
}
.field--chk-box {
margin: 1em 0 1em 250px;/*same width as label*/
}
.field--chk-box .form-error {
margin-left: 0 !important;
}
.field--chk-box>input[type="checkbox"] {
display: inline-block;
margin: 0.5em 0;
width: 5%;
}
.field--chk-box small {
font-size: 0.889em;
color: #999999;
}
.form-buttons {
margin: 0 0 .5em 250px;/*same width as label*/
}
.fixed .form-buttons {
margin: 0 0 .0 40%;padding-top:.5em
}
.form-buttons span {
vertical-align: middle;
}
.field>select {
width: auto;
}
input:not([type='submit']):not(.button),
select,
textarea {
border: 1px solid #DDDDDD;
padding: .4em;
-webkit-border-radius: 0;
border-radius: 0;
}
input[type="checkbox"],
input[type="radio"] {
border: 1px solid #DDDDDD;
}
input.required:not([type='submit']):not(.button),
select.required,
textarea.required {
border: 1px solid #999999;
}
input[type="search"] {
box-sizing: border-box;
}
input:not([type='submit']):not([type='radio']):not([type='checkbox']) {
-webkit-appearance: none;
}
.field>input:not([type='submit']),
.field>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.field>textarea {
float: left;
width: 50%;
}
.field>button {
float: right;
}
.checkout {
margin-bottom: 2em;
}
.checkout fieldset {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 1em;
margin-bottom: .5em;
}
.checkout fieldset legend
{
padding: .25em 0;
font-size: 1.5em;
}
.checkout fieldset legend>span {
background-color: #000;
color: #fff;
padding: 0.25em 0.5em;
margin-right: .25em;
}
.hastoken .field--chk-box:first-of-type {
margin-top: 0;
}
.hastoken .field--chk-box:last-of-type {
margin-bottom: .5em;
}
.hastoken span {
display: block;
padding: 0 0 1em 0;
}
#DeliverToExistingAddress {
padding: .25em 0;
}
#AddressList {
margin: .25em 0
}
.error input:not([type="submit"]):not(.button),
.error select,
.error textarea {
border: 1px solid #ce152a;
}
.error.field>label {
color: #ce152a
}
.helper {
float: left;
font-size: 0.889em;
padding: .25em 10px .25em 250px;
color: #999999;
}
aside.display-box-2 {
padding-bottom: 0;
}
.order-summary td {
padding: .25em 0;
}
.order-summary tr:nth-last-of-type(2) td {
padding-bottom: .5em;
}
.order-summary tr:last-of-type td {
padding-top: .5em;
}
.order-summary tr:last-of-type {
border-top: 1px solid #e7e7e7;
}
.order-summary tr:last-of-type td {
font-weight: 700;
}
.crt-acc .field>label,
.contact-form .field>label,
.fixed .field>label {
width: 40% !important;
min-width: 0;
}
.fixed .field>label+div {
width: 60%;
float:left;
}
.checkout .field>label+div {
width: 50%;
float:left;
}
.fixed .form-error, .checkout .form-error {margin-left:0!important;}
.crt-acc .field>input:not([type='submit']),
.contact-form .field>input:not([type='submit']),
.contact-form .field>textarea,
.fixed .field>input:not([type='submit'])
{
max-width: 375px;
width: 60%;
}
.fixed .field>label+div>input:not([type='submit']),
.fixed .field>label+div>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.fixed .field>label+div>textarea,
.checkout .field>label+div>input:not([type='submit']),
.checkout .field>label+div>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.checkout .field>label+div>textarea
{
width: 100%;
}
.display-box a:not(.button), .display-box-2 a:not(.button) {
color: #529ed0;
text-decoration: underline;
}
.crt-acc .display-box-2 a[href]:not(.button) {
margin: .75em 0;
float: left;
}
.pre-checkout a[href]:not(.button) {
margin: 0 0 .75em 0;
float: left;
}
#password-change {
text-align: center;
}
.g-recaptcha {
float: right;
margin-bottom: 10px;
}
.crt-acc .form-error,
.contact-form .form-error{
margin-left: 40%!important;
}
#AmazonAddressWidget,
#AmazonWalletWidget {
margin-bottom: 2%;
}
#AmazonAddressWidget iframe,
#AmazonWalletWidget iframe,
#AmazonAddressWidget *,
#AmazonWalletWidget * {
border-radius: 0!important
}
#amazon-pad .button {
min-width: 150px;
}
#amazon-pad input[value="Previous"] {
float: left;
background: #ededed;
color: #333333!important;
}
#amazon-pad input[value="Next"],
#amazon-pad [value="Confirm"] {
float: right;
}
/* ==========================================================================
OBJECTS
========================================================================== */
.full-width>* {
width: 100%;
max-width: 1640px;
margin: 0 auto;
padding-right: 1em;
padding-left: 1em;
}
.to-edge {
padding-right: 0!important;
padding-left: 0!important;
}
.box-links {
padding: 0 1em;
}
.section-header {
text-align: center;
font-size: 2rem;
position: relative;
z-index: 1;
margin-bottom: 1em;
}
.section-headerX:before {
border-top: 1px solid #e7e7e7;
content: "";
margin: 0 auto;
position: absolute;
top: 52%;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.section-header span {
background: #fff;
padding: 0 .75em;
text-align: center;
display: inline-block;
letter-spacing: 0
}
.pop-wrapper .main-content h1:first-of-type {
margin-top: 0;
}
.main-content a {
text-decoration: underline;
color: #529ed0;
}
/* ==========================================================================
COMPONENTS
========================================================================== */
/* Header */
.top-bar-wrapper {
background: #000;
position: relative;
z-index:100;
}
.top-bar {
text-align: right;
font-size: 0.889em;
}
.top-bar ul {
margin: 0;
padding: 0;
float: right;
}
.top-bar a {
color: #FFF;
transition: all 0.3s ease;
border-bottom: 2px solid transparent;
padding: .35em 0;
}
.top-bar a:hover {
border-bottom: 2px solid #b3d3e7;
}
.header-wrapper {
background: #FFF;
position: relative;
z-index:100;
}
header {
position: relative;
color: #FFF;
text-align: center;
}
header > .row {display:flex;align-items: center;justify-content:space-between}
.header-logo img {
/*max-width: 225px;*/
padding-top: 15px;
padding-bottom:15px
}
.search-wrapper {
flex-grow:1;
text-align: center;
}
.header-search {
position: relative;
background: #FFF;
border-radius: 2px;
background-clip: border-box;
margin:0 13%;
}
#menu-container {
position: absolute;
text-align: left;
}
#m-search-form,
.m-search-btn,
.m-acc-btn,
.m-search-btn span {
display: none;
}
.header-search input[type="search"] {
border: 0 none;
border-radius: 1px;
height: 50px;
line-height: 50px;
background: #FFF;
color: #666;
font-size: 1em;
float: left;
padding: 0 45px 0 10px;
width: 100%;
}
.header-search button {
background: #000;
height: 50px;
width: 50px;
min-width:0;
border: none;
border-radius: 0 1px 1px 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
border-left:1px solid #FFF;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
cursor: default;
}
.header-search button:before {
background: url(/images/search.png);
background-color:#000;
width:50px;
height:50px;
display:block;
content:"";
background-size:cover;
transform:translate(-50%,-50%);
position:absolute;
top:50%;
left:50%;
border: none;
border-radius: 0;
color: #fff;
font-size: 1em;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0;
padding-top: 0px;
padding-bottom: 0px;
width: 50px;
text-indent: 0;
cursor: pointer;
font-family: awb-icons;
font-weight: 400;
text-shadow: none;
-webkit-font-smoothing: antialiased;
transition: all .2s;
}
.header-search input[type="search"]:focus + button {
opacity: .75;
background: #ededed;
background-image: url(/images/search.png); /* fallback */
background: -webkit-linear-gradient(#ededed, #d2d2d2);
background: -o-linear-gradient(#ededed, #d2d2d2);
background: linear-gradient(#ededed, #d2d2d2);
border-left:1px solid #aeaeae;
}
.header-search button span {
display: none;
}
.header-search button:hover {
background-color: #000000!important;
cursor: default;
}
.header-search input[type="search"]:focus + button:hover {
opacity: .9;
cursor:pointer
}
.order-line {
position: absolute;
right: 10px;
line-height: 1em;
padding-top: 18px;
top: 0;
}
.order-line a {
color: #FFF;
}
.order-line span {
text-transform: uppercase;
}
.order-line:before {
background: rgba(0, 0, 0, 0) url("/images/phone.svg") no-repeat scroll 0 0;
content: " ";
display: inline-block;
float: left;
height: 20px;
left: 0;
top: 0;
width: 25px;
}
/*
.header-wrapper.smaller header {
height: 75px;
}
.header-wrapper.smaller .header-logo {
max-width: 70px;
}
.header-wrapper.smaller .header-logo img {
margin: .5em 0;
max-width: 100%;
}
.header-wrapper.smaller .main-nav>li>a {
padding: 1.5em .75em;
}
.header-wrapper.smaller #showLeft {
margin: .75em 0;
width: 50px;
height: 50px;
background: url(/images/mob-nav-but-2.png) no-repeat;
}
*/
.header-basket {
position: relative;
color: #FFF;
}
.basket-link {
color: #FFF;
display: inline-block;
margin-top:15px;
padding-bottom:15px;
}
.basket-link, .basket-link:before {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.basket-link:hover .basket-items:before {opacity:.95;}
.basket-link:hover #BasketTotal {color: #000}
.basket-link > span {display: inline-block;height:35px;line-height:35px;vertical-align: middle;}
.basket-items:before {
background: url("/images/shopping-bag-black.svg") no-repeat scroll 0 0;
content: " ";
display: inline-block;
width: 35px;
height: 35px;
background-size: cover;
position:absolute;
left:0;
top:-1px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.basket-items {
width: 35px;
position: relative;
margin-right: .5em;
}
.basket-items span {
background: #6b9591;
border-radius: 50%;
height: 21px;
width: 21px;
display: inline-block!important;
line-height: 21px;
text-align: center;
top:0;
right:-4px;
position: absolute;
font-size:12px;
font-weight:bold;
}
.basket-link:after {
content:"";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ebebeb;
dispaly:block;
position:absolute;
bottom:0;
opacity:0;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
left:8px;
z-index:+1
}
.basket-link.active:after {
opacity:1;
}
/* Basket Dropdown */
.basket-dropdown {
display:none;
background: #FFF;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
width:285px;
height:auto;
font-size: 0.889em;
position:absolute;
top:62px;
/*transform:translateX(-50%); */
color: #333333;
text-align:left;
right:0;
}
.basket-dropdown > div:not(.bkt-prods-wrap), .bkt-prod {padding:.75rem 1rem;}
.bkt-summary, .bkt-total {font-weight:bold;}
.bkt-summary {background:#ededed;}
.bkt-prods-wrap {max-height:200px;overflow-y: auto}
.bkt-prod-desc {flex-grow:1;}
.bkt-prod-desc > div:first-of-type {line-height:1.1em}
.bkt-prod-desc > div:last-of-type {font-size: 0.889em;padding-top:.35em;display:flex;justify-content: space-between;}
.bkt-prod-desc > div:last-of-type > span:not(:last-of-type) {font-weight:700;padding-right:1em;}
.bkt-prod-desc > div:last-of-type > span:last-of-type {flex-grow:1;color:#777777}
.bkt-total > span {text-align: right;float:right;}
.bkt-prod {display: flex;border-bottom:1px solid #e7e7e7}
.bkt-img {flex: 0 0 57px;padding-right:12px;}
.bkt-img img {width:45px}
.button.bsk-remove {min-width:0;margin: 0 ;padding: 0;background-color: transparent!important;}
.button.bsk-remove:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/bkt-remove.svg) center no-repeat;
background-size: cover;
display: inline-block;
opacity: .5;
margin:0 0 -4px 0;
}
.bkt-footer {display:block;clear:both;background:#ededed;}
.bkt-footer .button {width:100%;}
.cont-shopping {
color: #FFF;
line-height: 1em;
padding-top: 18px;
display: inline-block;
margin-left: 10px;
}
.cont-shopping:before {
background: rgba(0, 0, 0, 0) url("/images/home-icon.svg") no-repeat scroll 0 0;
content: " ";
display: inline-block;
float: left;
height: 20px;
left: 0;
top: 0;
width: 27px;
}
/* Promo Bar */
.promo-bar {
background: #f8f9fb;
border-bottom: 1px solid #e7e7e7;
text-align: center;
font-size: 0.889em;
}
.promo-bar ul {
list-style: none;
margin:0 auto;
padding:0;
display:inline-block;
}
.promo-bar li {
padding:0 2em;
}
.promo-bar li a {
color:#000;
padding:.45em 0;
display:inline-block;
}
.promo-bar li a:hover {
color:#000;
}
@keyframes promo-item {
0%, 33%, 100% {
opacity: 0;
height: 0;
pointer-events: none;
z-index:-1;
}
15%, 30% {
opacity: 1;
min-height: 1;
z-index:+1;
pointer-events:auto;
}
}
.click-collect{font-weight:bold;}
.del > span {font-weight:bold;}
.del em {font-style:normal;font-weight:normal;}
.rtn {font-weight:bold;}
.content {
padding-bottom: 2em;
}
.content a:not(.button):not(.share__button)
{color: #529ed0;
text-decoration: underline;}
.breadcrumb {
text-decoration: none;
margin: 1.75em auto 1em auto;
font-size: 0.889em;
}
.breadcrumb a:not(:first-of-type) {
padding-left:.75em;
}
.breadcrumb a {
color: #000;
}
.breadcrumb a:hover {
color: #888888;
}
.breadcrumb a:after {
content: "\002f";
display: inline-block;
margin: 0 0 0 1em;
color: #666;
}
.breadcrumb a:last-child, .breadcrumb a:last-child:hover {
color: #999;
cursor:default;
pointer-events:none;
}
.breadcrumb a:last-child:after {
display: none;
}
/* Footer Newsletter */
.abv-ftr-wrapper {
background-color: #000;
color: #fff;
padding: 10px 0 30px 0;
position: relative;
text-align: center;
}
.abv-ftr-wrapper .row {
max-width: 600px;
margin: 0 auto;
}
.nwsltr {
background: #fff;
position:relative;
border-radius: 2px;
background-clip: border-box;
}
.nwsltr input[type="email"] {
background: #fff none repeat scroll 0 0;
border: 0 none;
float: left;
font-size: 1em;
height: 42px;
line-height: 42px;
padding: 0 45px 0 10px;
width: 100%;
}
.nwsltr button {
background: #FFF;
height: 42px;
width: 42px;
border: none;
padding: 0;
border-radius: 0 1px 1px 0;
min-width:0;
position:absolute;
right:0;
top:0;
opacity: .5;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
cursor: default;
border-left:1px solid #FFF;
}
.nwsltr button:before {
background: url(/images/arrow.svg);
width:30px;
height:30px;
display:block;
content:"";
background-size:cover;
transform:translate(-50%,-50%);
position:absolute;
top:50%;
left:50%;
}
.nwsltr button span {
display: none;
}
.nwsltr input[type="email"]:focus + button {
opacity: .75;
background: #ededed;
background: -webkit-linear-gradient(#ededed, #d2d2d2);
background: -o-linear-gradient(#ededed, #d2d2d2);
background: linear-gradient(#ededed, #d2d2d2);
border-left:1px solid #aeaeae;
}
.nwsltr input[type="email"]:focus + button:hover{
opacity: .9;
background-color: #FFF!important
}
.nwsltr button:hover {
background-color: #FFF!important;
cursor: default;
}
.nwsltr input[type="email"]:focus + button:hover {
opacity: .9;
cursor:pointer
}
/* Footer */
.footer-wrapper {
background: #4C5973;
padding: 50px 0 30px 0;
}
footer {
color: #FFF;
}
footer h3 {
margin: 0 0 .75em 0;
font-weight: 700;
}
footer a {
color: #FFF;
text-decoration: none;
}
footer a:hover {
color: #bfd6e1
}
.footer__list {
margin: 0;
padding: 0;
list-style: none;
}
.footer__list li {
margin-bottom: .25em;
}
.footer-social,
.footer-payment-icons {
margin: 0;
padding: 0;
list-style: none;
font-size: 2em
}
.footer-social {
margin-bottom: 25px;
}
.footer-social li,
.footer-payment-icons li {
display: inline-block;
}
.footer-social li {
margin: 0 3px;
}
.footer-social li span,
.footer-payment-icons li span {
font-size: 0;
}
.blw-ftr-wrapper {
background-color:#4C5973;
position: relative;
}
.blw-ftr-wrapper>div {
padding-top: .75em;
padding-bottom: .75em;
padding-left:100px;
color: #FFF;
}
.footer-e2e {
text-align: right;
}
.footer-e2e a {
color: #FFF;
}
.e2e_logo:before {
font-family: e2e;
content: "\e83d";
font-size: .9em;
padding: 0 .125em;
}
footer address {
font-style: normal
}
/*
* BUTTONS
*/
.button,
button {
color: #FFF !important;
text-decoration: none !important;
background-color: #000000;
display: inline-block;
width: auto;
cursor: pointer;
padding: .75em 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
min-width:200px;
white-space:nowrap;
text-align: center;
}
.button:hover:not([disabled]):not(.regress):not(.secondary):not(.primary),
button:hover:not([disabled]):not(.regress):not(.secondary):not(.primary),
input[type="submit"]:hover:not([disabled]) {
opacity:0.7!important;
}
.button.regress, .button.secondary {
color: #333333 !important;
background-color: #ededed;
}
.button.regress:hover, .button.secondary:hover, buttonregress:hover, button.secondary:hover {
background: #f2f2f2!important;
}
input:not([type="checkbox"]):not([type="radio"]) {
-webkit-appearance: none;
}
.button.primary {
background-color: #000000;
}
.button.primary:hover, button.primary:hover{
background-color:#000000!important;
opacity:0.7!important;
}
.product__basket .button:hover, .button#add-to-basket:hover, .confirm-order-button.button:hover {
background-color:#000000!important;
opacity:0.7!important;
}
.confirm-order-button {
font-size: 1.125em;
width: 100%;
background-color:#000000;
}
button[disabled],
input[disabled] {
opacity: .5;
cursor: default;
}
.drop-menu {
background: #FFF;
position: absolute;
text-align: left;
z-index: 1000;
display: none;
}
.drop-menu>.row {
}
.drop-menu .nav-col {
min-width:250px;
padding: 15px 20px;
}
.mega-menu {
z-index: 1000;
display: none;
width: 100%;
position: absolute;
left: 0;
right: 0;
background: #FFF;
}
.mega-menu>.row {
display: table;
table-layout: fixed;
width: 100%;
}
.mega-menu .nav-col {
display: table-cell;
width: 19%;
text-align: left;
padding: 2% 1%;
vertical-align: top;
}
.mega-menu .nav-col:first-of-type {
width: 20%;
padding-left: 2%;
}
.mega-menu a, .drop-menu a {
display:block;
padding:.25em .5em;
}
.mega-menu a:hover, .drop-menu a:hover {
color: #FFF;
background:#4090c3;
}
.nav-col li:first-of-type a {
font-weight: 700;
font-size: 1rem;
}
.nav-col ul {
margin: 0 0 .5em 0;
padding: 0;
}
.menu-banner {
width: 24%;
height: 100%;
display: table-cell;
background-size: cover;
background-position: bottom center
}
.menu-banner img {
width: 100%;
height: auto
}
.mega-menu li:not(:first-of-type) a {
display: block;
padding: .125em .5rem;
text-decoration: none;
min-height: 100%;
height: 100%;
color: #a5a5a5!important;
font-size: 0.875em
}
.mega-menu li:first-of-type a, .drop-menu li:first-of-type a {
color: #000
}
.mega-menu li:first-of-type a:hover, .drop-menu li:first-of-type a:hover {
color: #FFF
}
.viewall {
font-weight: bold;
}
.m-nav-btn {
display: none;
}
button.m-nav-btn {min-width:0;}
/* Mobile Push Menu*/
.cbp-spmenu {
background: #d3d3d3;
position: fixed;
}
.cbp-spmenu h3 {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}
.cbp-spmenu a {
display: block;
color: #333333;
cursor: pointer;
background: #000;
background: #e6e6e6;
}
.cbp-spmenu a:hover {
background: #FFF;
color: #000;
}
.cbp-spmenu a:active,
.cbp-spmenu a:focus {
background: #000;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
overflow-y: auto;
border-right: 1px solid #aeaeae;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #aeaeae;
padding: .75em .5em;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
left: -240px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.cbp-spmenu ul {
margin: 0;
padding: 0;
}
.inner {
overflow: hidden;
display: none;
font-size: .9em
}
.inner a {
padding: .65em;
}
.cbp-spmenu-vertical .inner a {
background: #FFF;
}
.cbp-spmenu-vertical .inner a:hover {}
.cbp-spmenu-vertical .inner ul a {
background: #0079b2;
padding-left: 2em;
position: relative;
}
.cbp-spmenu-vertical .inner ul a:before {
width: .5em;
height: 1px;
display: inline-block;
background: #FFF;
content: "";
position: absolute;
top: 50%;
left: 1em
}
.inner {}
a.toggle {
width: 100%;
display: block;
transition: background .3s ease;
}
.toggle:hover,
.toggle:focus {
background: #000;
}
.toggle.open,
.toggle.open:hover {
background: #01aaf8;
}
/*
* Slideshow
*/
.main-slider-wrapper {
width: 100%;
}
.main-slider {
max-width: 1180px;
margin: 0 auto;
}
.main-slider img {
margin-bottom: 1px;
width: 100%;
height: auto;
}
.side-banners-wrapper {
width: 100%;
position: relative;
max-width: 1180px;
margin: 0 auto;
}
.hero-banner-mob,
.cat-banner-mob {
display: none;
}
.hero-banner {
max-width: 100% !important;
padding: 0;
margin: 0;
position: relative;
}
.hero-slides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.hero-slides_tabs li.hero-slides_here a {
border: 1px solid #01aaf8;
background-color: #FFF;
}
.hero-slides .slick-dots li button,
.hero-slides .slick-dots li button:hover {
background-color: #000;
min-width:0;
border-radius: 0;
}
.hero-slides .slick-dots li.slick-active button {
border: 1px solid #01aaf8;
background-color: #FFF;
}
.hero-banner .slick-dots {
bottom: 20px;
}
/* ==========================================================================
slick carousel
========================================================================== */
.hero-slides {
height: 375px;
overflow: hidden;
}
.hero-slides.slick-initialized {
height: auto;
overflow: visible
}
.hero-slides .slick-slide {
padding: 0;
}
.hero-slides img {
max-width: none;
width: 100%!important;
height: auto;
}
.slick-slide {
padding: 0 10px;
}
[class*='prod-carousel-'] {
padding-bottom: 1em;
}
[class*='prod-carousel-'] .grid__item,
.brands-carousel .slick-slide,
.hero-banner .slick-slider {
visibility: hidden;
}
[class*='prod-carousel-'].slick-initialized .grid__item,
.brands-carousel.slick-initialized .slick-slide,
.hero-banner .slick-slider.slick-initialized {
visibility: visible;
}
/*
.hero-slides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.hero-slides li:first-child{position:relative;display:block;float:left;}
.hero-slides img{display:block;height:auto;float:left;width:100%;border:0;}
.hero-slides_tabs{list-style:none;position:absolute;bottom:0;width:100%;text-align:center;z-index:30;padding:0;margin-bottom:10px;}
.hero-slides_tabs li{display:inline-block;}
.hero-slides_tabs li a{width:.5em;height:.5em;display:block;float:left;text-indent:-999px;overflow:hidden;background-color:#000;margin-right:.75em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #000;}
.hero-slides_tabs li.hero-slides_here a{border:1px solid #01aaf8;background-color:#FFF;}
*/
/*
* grid from E2EXpress
*/
/* column styles for E2EXpress */
.row:after,
.grid:after {
content: "";
display: table;
clear: both;
}
/* row column gutters */
[class*='col--'] {
padding-right: 2%;
float: left;
min-height: 1px
}
[class*='col--']:last-of-type {
padding-right: 0;
}
/* row column widths - */
.col--1 {
width: 8.33333%;
}
.col--2 {
width: 16.66667%;
}
.col--3 {
width: 25%;
}
.col--4 {
width: 33.33333%;
}
.col--5 {
width: 41.66667%;
}
.col--6 {
width: 50%;
}
.col--7 {
width: 58.33333%;
}
.col--8 {
width: 66.66667%;
}
.col--9 {
width: 75%;
}
.col--10 {
width: 83.33333%;
}
.col--11 {
width: 91.66667%;
}
.col--12 {
width: 100%;
}
@media (max-width: 849px) {
[class*='col--'] {
width: 100%;
padding: 0;
}
}
/*
* multiple rows grid
* ( mainly for lists of products and categories).
*/
.grid__item {
text-align: center;
position: relative;
}
.grid__item.cat-box {}
.grid__item .prod-box {
border: 1px solid #e7e7e7;
width:100%;
height:100%;
}
.grid__item .prod-box a {
display: block;
}
.prod-box .image-container {
background: #FFF;
padding: 1em;
}
.prod-box p {
display: none;
}
.grid__item .prod-box:hover {
border: 1px solid #e7e7e7;
}
.item__data {
position: relative;
padding: 1em 1em 3em 1em;
background: #f8f9fb;
}
.item__data .prices {
position: absolute;
bottom: 1em;
width: 100%;
text-align: center;
left: 0;
right: 0;
line-height:1;
}
.item__data .item__review {margin:0 auto;}
.item__review{height:15px;width:85px;background:url("/images/star-raitings--off.svg");position:relative;background-size:85px 15px;}
.item__review .review__raiting{background:url("/images/star-raitings--on.svg");position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-size:85px 15px}
.price--rrp {
text-decoration: line-through;
color: #999;
}
.prices .price--rrp {padding-right:.125em;}
.price {
font-size: 1.125em;
font-weight: 700;
line-height:1em;
color:#464646;
}
.flag-new:before {
background: rgba(0, 0, 0, 0) url("/images/flag-new.png") no-repeat scroll center center / 100% auto;
content: "";
height: 100px;
position: absolute;
right: -1px;
top:-1px;
width: 100px;
z-index: 5;
pointer-events: none;
}
.featured-categories {
margin-top:2.5em 0;
}
.product-carousel {
border-bottom: 1px solid #e7e7e7;
border-top: 1px solid #e7e7e7;
}
.grid__item.feature-banner {
padding: 0 2px;
}
.product-details {
margin-bottom: 1em;
}
.mob-name {
display: none;
}
.product__images {
text-align: center;
}
.product__images .image-container {
position:relative;
}
.images__zoom {
font-family: "e2e";
font-size: 1em;
z-index: 9;
}
.images__zoom>* {
color: #757575;
cursor: pointer;
display: inline-block;
height: 1.5em;
width: 1.5em;
font-size: 1.5em;
text-align: center;
line-height: 1.75em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.images__zoom>*:not(:first-child) {
display: none;
}
.images__zoom .js-zoom-show,
.images__zoom .js-zoom-hide {
background-color: transparent;
color: #e0e0e0;
height: 100%;
}
.images__zoom .js-zoom-show:before,
.images__zoom .js-zoom-hide:before {
content: '\e85b';
}
.images__zoom .js-zoom-hide:before {
content: "\e80c";
}
.js-zoom-in.zoom--in,
.js-zoom-out.zoom--out {
display: inline-block;
width: 50px;
}
.js-zoom-in.zoom--in:before,
.js-zoom-out.zoom--out:before {
content: '\e86f';
}
.js-zoom-out.zoom--out:before {
content: '\e870';
}
.product__images .images__thumbs {
margin: 1em auto 0 auto;
text-align: center;
width: 100%;
position: relative;
}
.product__images .images__thumbs .image-container {
cursor: pointer;
display: inline-block;
width: 18.4%;
margin: 0 2% 2% 0;
}
.product__images .images__thumbs .image-container:nth-of-type(5n+5) {
margin: 0;
}
.product__images .image-container, .product__images .images__thumbs {
max-width: 650px;
}
.product__data h1 {
margin-bottom: 0;
line-height: 1;
}
.product__data .offer {
color: #ce152a;
}
.product__data .rev-score {
clear: left;
margin: 0 0 .5em 0;
font-size: 0.889em;
}
.rev-score .item__review, .product__data .rev-score > span {vertical-align: middle;display:inline-block;}
.product__data .flex {display:flex;align-content: space-between;width:100%;align-items: center;padding-top: 1em;}
.product__data .flex > div:first-of-type {flex-grow: 1;}
.prd-brand {
}
.product-description .rev-score em {
vertical-align: middle;
width: 20px;
height: 20px;
background-size: cover;
}
.rev-score p {
margin-top: .25em;
}
.product__code {font-size: 0.889em;color: #757575;}
.product__price {
}
.product__price + .product__code {margin-bottom:2em;}
.product__price .price, .product__price .price--rrp {
display: block;
clear: both;
}
.price-prefix {
font-size: 1rem
}
.product__price .price {
font-size: 2.25em;
line-height: 1;
color: #464646;
}
.product__mod {padding:1em 0}
.freedelspan {
font-size: 1rem;
white-space: nowrap;
line-height: 1rem;
display: inline-block;
padding: 0 0 0 .25rem;
}
span.del-label {
font-size: 0.444em;
font-weight: 400;
}
.price--rrp {}
.price--dif:before {
content: " - "
}
.mod__grid {
padding: 0;
list-style: none;
margin-top: 0;
}
.mod__grid li {
border: 1px solid #e7e7e7;
width: 35px;
text-align: center;
height: 35px;
margin: 0 2px;
display: inline-block;
padding: 1px;
}
.mod__grid li.active {
border: 2px solid #333333;
}
.mod__grid a {
width: 100%;
height: 100%;
display: block;
}
.mod__grid a>* {
width: 100%;
height: 100%;
display: block;
}
/* if product mod has select box */
div[class^="product__mod"] select {
min-width: 50%;
display: block;
margin-bottom: 1em;
width: 100%;
}
.qty {
padding-bottom: 10px;
float: left;
margin-right: 2%;
width: 48%;
}
.product__mod--size {}
.product__mod h2 {
font-size: 1rem;
font-weight: 600;
margin-bottom:.25em;
}
.novalue input, .novalue select, .novalue .mod__grid li {
border:1px solid #b94a48;
}
.error-msg {
background:#f9e2e8;
text-align: center;
padding: .75em 1em;
font-size: .9em;
margin-bottom:1em;
display:none;
clear:both;
}
.product__basket {
background: #f8f9fb;
padding: 20px;
display: table;
width: 100%;
margin-bottom: 1em;
border: 1px solid #e7e7e7;
}
.product__basket--fields {display:flex;align-items:center;}
.product__basket--fields > fieldset:first-of-type {
white-space: nowrap;
}
.product__basket--fields > fieldset:last-of-type {
flex-grow:1;
text-align: right;
}
.add-to-basket {
font-size:1.125em;
padding-left:45px;
width: 100%;
max-width:300px;
}
.add-to-basket:before {
background: url(/images/shopping-bag-white.svg);
width:30px;
height:30px;
display:inline-block;
content:"";
background-size:cover;
position:absolute;
left:15px;
top:10px;
}
.email-stock {padding-top:1em;}
.email-stock fieldset {display:flex;align-items: center;}
.email-stock fieldset:first-of-type {}
.email-stock fieldset:last-of-type {}
.email-me{
min-width:110px;
border-radius: 0 3px 3px 0;
margin-left:-1px;
flex-shrink: 0;
}
.product__basket input[name="Email"] {
padding: .85em;
flex-grow:1;
margin-right:.5em;
min-width: 0;
}
.product__basket input[name="Qty"] {
width: 45px;
text-align: center;
font-size: 1.222em;
margin: 0 .5em 0 .25em;
vertical-align: middle;
}
.product__basket .button {
padding-left: 50px;
background-image: url(/images/shopping-bag-white.svg);
background-repeat: no-repeat;
background-position: left 10px center;
background-size: 30px 30px;
font-size:1.125em;
width: 100%;
max-width:350px;
background-color:#679591;
}
.product__basket .button.emailbtn {
padding-left: 55px;
background-image: url(/images/email.svg);
background-size: 28px 28px;
background-position: left 12px center;
width:160px;
min-width:0;
}
.product__basket label[for="Email"] {padding-right:5em;}
#EmailDiv {width:100%;}
.product__basket label {
font-size: 1.222em;
vertical-align: middle;
}
/*
.product__basket button {
padding: 1em;
text-align: center;
position: relative;
width: 100%;
display: block;
clear: both;
margin: 1em 0 .5em 0;
}*/
.StockMsg {
text-align: left;
vertical-align: middle;
}
.InStock, .OutStock {
color: #48972a;
background: url(/images/tick.svg) no-repeat left center;
padding: 0 0 0 30px;
display: block;
margin: 1em 0;
}
.OutStock {
color: #ce202b;
background: url(/images/cross.svg) no-repeat left center;
}
.prod-code {
font-size: 0.889em;
color: #d0d0d0;
display: inline-block;
padding-top: .5em;
}
.suggested-links ul {
list-style: none;
padding: 0;
}
.suggested-links li {
margin-bottom: .25em;
}
.suggested-links a:hover {
text-decoration: underline;
}
.suggested-links a {
display: inline-block;
padding: .25em 0;
}
.suggested-links a:after {
background: rgba(0, 0, 0, 0) url("/images/arrow.svg") no-repeat scroll 0 0;
background-size: cover;
content: " ";
display: inline-block;
height: 14px;
width: 14px;
margin: 0 0 -2px 5px;
}
.sku-table,
.table {
border-collapse: collapse;
margin: 1em 0 2em 0;
width: 100%;
}
.table.brd td {
border: 1px solid #e7e7e7;
}
.table.brd tr:first-of-type td {
border-top: 0;
}
.sku-table th,
.table th {
background: #4d5a72;
border: 0 none;
color: #fff;
padding: 0.65em 0.5em;
text-align: left;
font-weight: 400;
}
.sku-table td,
.table td {
padding: .5em;
}
.sku-table tr:nth-of-type(even) td,
.table tr:nth-of-type(even) td {
background: #e7e7e7;
}
.track-order th:last-of-type,
.track-order td:last-of-type {
text-align: center
}
.track-order {
table-layout: fixed;
}
.sku-table th:nth-of-type(4),
.sku-table td:nth-of-type(4),
.sku-table th:nth-of-type(5),
.sku-table td:nth-of-type(5) {
text-align: right;
}
.sku-table td:nth-of-type(1) {
width: 90px;
}
.sku-table td:nth-of-type(2) {
width: 125px;
}
.sku-table td:nth-of-type(7) {
width: 135px;
}
.sku-table td:nth-of-type(3) span {
display: block;
clear: both;
font-size: 0.889em;
}
.sku-table td:nth-of-type(3) span:first-of-type {
color: #b2b2b2;
display: none
}
.sku-table td:nth-of-type(3) span:nth-of-type(2) {
color: #46972a;
}
.sku-table td:nth-of-type(4) {
text-decoration: line-through;
}
.sku-table th:nth-of-type(6),
.sku-table td:nth-of-type(6) {
text-align: center;
}
.sku-table td:nth-of-type(6) input {
width: 45px;
text-align: center;
vertical-align: top;
padding: 0.45em 0;
}
.sku-table td:nth-of-type(6) button:first-of-type {
width: 40px;
height: 40px;
background: url(/images/minus.png) center no-repeat;
padding: 0;
vertical-align: top;
background-size: 25px 25px;
}
.sku-table td:nth-of-type(6) button:last-of-type {
width: 40px;
height: 40px;
background: url(/images/plus.png) center no-repeat;
padding: 0;
vertical-align: top;
background-size: 25px 25px;
}
.sku-table td:nth-of-type(6) button span {
display: none;
}
.sku-table td:nth-of-type(7) button:after {
content: "";
width: 22px;
height: 22px;
background: url(/images/basket-wt.svg) center no-repeat;
background-size: cover;
top: 50%;
margin-top: -12px;
right: 15px;
position: absolute;
display: inline-block;
}
.sku-table td:nth-of-type(7) button {
padding: 0.75em 0 0.75em 15px;
position: relative;
text-align: left;
width: 135px;
}
.sku-table .image-container {
border: 0;
width: 100%;
height: auto;
margin: auto;
max-width: 90px;
}
.page-review {display:flex;align-items: center;}
.page-review:not(:last-of-type) {border-bottom:1px solid #e7e7e7;margin-bottom:1em;padding-bottom:1em;}
.review__data {flex-grow: 1;border-right:1px solid #e7e7e7;padding-right:1em}
.review__data .item__review {display:inline-block;vertical-align: middle;}
.review__date {color: #888888;padding:0 .25em;vertical-align: middle;font-size:0.875em;}
.review__body {margin:.5em 0 0 0;}
.review__author {width:275px;padding:0 0 0 1em;flex-shrink: 0}
.review__author > span {font-weight:bold;display:block;}
/*
* Grid Items
*/
[class*='grid--'] {
display: flex;
flex-wrap: wrap;
/* justify-content:center;*/
margin:0 -.5%;
}
[class*='grid--'].one-row {
flex-wrap:nowrap;
}
[class*='grid--'] .grid__item {
padding: 0 .5% 1% .5%;
}
[class*='grid--'].no-gutter .grid__item {
padding: 0 0 1% 0;
}
.grid--1 .grid__item {
width: 100%;
}
.grid--2 .grid__item {
width: 50%;
}
.grid--3 .grid__item{
width: 33.333%;
}
.grid--4 .grid__item{
width: 25%;
}
.grid--5 .grid__item {
width: 20%;
}
.grid--6 .grid__item{
width: 16.666%;
}
.grid--7 .grid__item {
width: 14.285%;
}
.grid--8 .grid__item{
width: 12.5%;
}
@media(max-width:1240px) {
.grid--6 .grid__item {
width: 25%;
}
.grid--7 .grid__item {
width: 15.8333%;
}
.grid--7 .grid__item {
width: 16.666%;
}
.grid--8 .grid__item{
width: 16.666%;
}
}
@media(max-width:1024px) {
.grid--8 .grid__item {
width: 25%;
}
}
@media(max-width:849px) {
.grid--6 .grid__item {
width: 33.333%;
}
}
@media (max-width: 767px) {
.grid--2 .grid__item {
width: 100%;
}
.grid--3 .grid__item {
width: 50%;
}
.grid--4 .grid__item {
width: 33.333%;
}
}
@media (max-width: 575px) {
.grid--6 .grid__item {
width: 50%;
}
.grid--4 .grid__item {
width: 50%;
}
}
@media (max-width: 468px) {
.grid--8 .grid__item {
width: 50%;
}
}
.grid__item h3 {
overflow: hidden;
height: 3.9em;
font-size: 1em;
color: var(--h1_typography-color);
margin: 0 0 .25em 0;
}
.grid__item a {
text-decoration: none!important;
}
.grid__item .category-box img,
.grid__item .category-box:hover h3,
.grid__item .prod-box img {
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.grid__item .category-box {
padding-bottom: 2em;
position:relative;
}
.grid__item .category-box h3 {
color: #FFF;
height: auto;
background: #000;
padding: .75em;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.grid__item .category-box img, .grid__item .prod-box img {
-webkit-backface-visibility: hidden;}
.grid__item .category-box:hover img,
.grid__item .prod-box:hover img {
opacity: 0.7;
}
.grid__item .category-box:hover h3 {
background: #01aaf8;
}
.grid__item a:hover {
text-decoration: none;
color: #12b4f2;
}
.grid__item .image-container {
width: 100%;
margin: auto;
}
.grid__item .image-container img {
width: 100%;
height: auto;
}
.rrp {
font-size: 0.889em;
font-weight: 700;
color: #025c87;
}
.rrp:before {
content: "RRP ";
}
.rev-score {
padding-top: 2px;
}
/*
* brands slider
*/
.brands-wrapper {
margin: 55px 0;
background: #f8f9fb;
}
.brands-carousel {
padding: 15px 10px;
display: none;
}
.brands-carousel.slick-initialized {
display: block;
}
.brands-carousel img {
filter: grayscale(100%);
}
.brands-carousel img:hover {
filter: none;
}
.brands-carousel h4 {
color: #000;
margin-top: 0;
text-transform: uppercase;
}
.brands-carousel h4 em {
font-style: normal;
}
.brands-carousel a {
color: #000;
}
.brands-carousel h4:after {
background: rgba(0, 0, 0, 0) url("/images/arrow-bl.svg") no-repeat scroll 0 0;
background-size: cover;
content: " ";
display: inline-block;
height: 20px;
width: 20px;
position: absolute;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
margin: 2px 0 0 10px;
}
.brands-carousel h4 span {
float: right;
text-transform: none;
}
.brands-carousel ul {}
.brands-carousel li {
display: inline-block;
margin: 0 10px;
}
.allbrands .grid__item {
border: 1px solid #e7e7e7
}
.allbrands .grid__item span {
display: block;
font-size: 0.750em;
padding: .5em .25em;
background: #e7e7e7
}
/*
* display boxes
*/
.list__item h3 {
color: #333333;
font-size: 0.889em;
height: 2.6em;
margin: 0 0 .125em 0;
overflow: hidden;
}
.list__item {
display: table;
margin-bottom: 5%;
width: 100%;
}
.list__item .image-container {
display: table-cell;
width: 90px;
padding: 8px 10px 0 0;
vertical-align: top;
border: 1px solid #FFF;
border-right: 0;
}
.list__item:hover .image-container {
border: 1px solid #e7e7e7;
border-right: 0;
}
.list__item h3 a {
text-decoration: none;
}
.list__item a:hover {
text-decoration: none;
}
.list__item .image-container img {
width: 100%;
height: auto;
}
.list__item .rrp {
font-size: 0.889em;
}
.list__item .price {
font-size: 1.111em;
}
/*
* display boxes
*/
.display-box,
.display-box-2 {
padding: 20px;
}
.to-edge .display-box {
padding-right: 1em;
padding-left: 1em;
}
.display-box.filters {
padding: 0;
}
.section-header+.display-box {
margin: 0 0 25px 0;
}
.filters h4,
.group h4 {
font-size: 1.125em;
background: #4d5a72;
padding: .5em;
margin: 1em 0;
color: #FFF;
}
.group h4 {
margin: 1em 0 0 0;
}
.filterul>li:first-of-type h4 {
margin: 0 0 .25em 0;
}
.filters li label:hover {
cursor: pointer;
color: #025c87
}
h2.refine-search {
font-size: 1rem;
margin-top: 0;
}
.filters>h2 {
display: none;
margin: 0;
}
.filters>h2:after {
background: rgba(0, 0, 0, 0) url("../images/filter.svg") no-repeat scroll 0 0;
content: " ";
display: inline-block;
height: 20px;
width: 30px;
vertical-align: middle;
margin: -2px 0 0 .75em;
}
.group p a {
text-decoration: underline;
}
/*
* ##PRICE-SLIDER
form[name="Filters"] .slider-amount {
border: 0;
background-color: transparent;
opacity: 1;
padding: .5em 0;
}
form[name="Filters"] .slider-amount:hover,
form[name="Filters"] .slider-amount.button.active,
form[name="Filters"] .header-wrapper header .slider-amount.active.header__basket,
.header-wrapper header form[name="Filters"] .slider-amount.active.header__basket,
form[name="Filters"] .tab-box nav a.slider-amount.active,
.tab-box nav form[name="Filters"] a.slider-amount.active {
border: 0;
}
form[name="Filters"] .slider-range {
margin-bottom: 25px;
height: 5px;
}
form[name="Filters"] .slider-range .ui-slider-handle {
background-color: #CCC;
border-radius: 0;
}
form[name="Filters"] .slider-range .ui-slider-handle:last-of-type {
margin-left: -15px;
}
form[name="Filters"] .ui-slider-range {
background-color: #CCC;
}
form[name="Filters"] .ui-widget.ui-widget-content, form[name="Filters"] .ui-widget-header {background-color: #CCC;border:0;border-radius:0}
form[name="Filters"] .ui-state-hover, form[name="Filters"] .ui-state-focus {border:1px solid #4090c3;}
.slider-range {
width: 100%;
height: 3px;
position: relative;
background-color: #CCC;
margin-top: 10px;
}
.slider-amount {
width: 100%;
}
*/
/*
.ui-slider-handle {
height: 25px;
width: 25px;
background-color: #CCC;
display: inline-block;
position: absolute;
top: -12px;
}
.ui-slider-handle:last-of-type {
margin-left: -10px;
}
.ui-slider-range {
background-color: #CCC;
height: 3px;
position: absolute;
top: 0;
border: 0;
}
*/
.cat-desc-box {
margin-bottom: 1em
}
/*
* sorting
*/
.mgr-items {
height: 42px;
line-height: 42px;
margin-bottom: 2%;
}
.mgr-items>nav,
.listing-controls>div {
display: inline-block;
}
.mgr-items>div {
float: right;
}
.listing-controls__pagination {
width: 25%;
}
.listing-controls__pagination.search-results {
width: 40%;
}
.listing-controls__sorting {
text-align: right;
}
.listing-controls__pagination a {
padding: 0 .25em;
width: 30px;
height: 30px;
display: block;
border: 1px solid #9fa594;
line-height: 29px;
text-align: center;
background: #f8f9fb!important;
color: #004d72;
text-decoration: none;
}
.listing-controls__pagination a:hover,
.activePageNo a:hover {
background: #555555;
}
.mgr-items ul {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
.mgr-items li {
display: inline-block;
margin: 0 .125em;
}
.mgr-items li:first-of-type {
margin-left: 0;
}
.mgr-items li[class^="page"] a:hover {
background: #e7e7e7;
}
.mgr-items li:empty {margin:0;}
.activePageNo a {
background: #000000 !important;
border: 1px solid #000000 !important;
color: #FFF!important;
text-decoration:none!important;
}
.nextLink span,
.prevLink span {
display: none;
}
.nextLinkX:after {
content: '\276F';
padding: 0 .25em;
}
.nextLink:after,
.prevLink:after {
background: rgba(0, 0, 0, 0) url("/images/arrow.svg") no-repeat scroll 0 0 / cover;
content: " ";
display: inline-block;
height: 14px;
margin: 0 0 -2px 0;
width: 14px;
opacity:.5;
}
.prevLink:afterX {
content: '\276E';
padding: 0 .25em;
}
.prevLink:after {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.listing-controls__layout a {
color: #345CA7;
}
.mgr-items li.grid:nth-child(2) {
display: none;
}
#PageBySelect {
margin-right: .5em;
}
.mgr-items form {
display: inline-block;
}
.mgr-items form:not(:first-of-type) {padding-left:.5em}
.ctr {
text-align: center;
}
.banner {
border: 0;
display: table;
}
.cat-banner {
margin-bottom: 3%;
}
.flex-center {
background: black;
color: white;
border: 10px solid white;
display: flex;
flex-direction: column;
justify-content: center;
resize: vertical;
overflow: auto;
}
.flex-center p {
margin: 0;
padding: 20px;
}
.sub-cat-banner {
position: relative;
min-height: 300px
}
.sub-cat-banner h1 {
color: #FFF;
margin-top: 0;
font-size: 3em;
font-weight: 700;
}
.sub-cat-banner {
background-size: cover;
background-repeat: no-repeat;
height: 340px;
background-position: center center
}
.sub-cat-banner-txt {
background: rgba(2, 32, 46, .75);
font-size: 0.889em;
color: #FFF;
max-width: 50%;
padding: 20px;
}
.sub-cat-banner-txt div {
position: relative;
overflow: hidden;
min-height: 300px
}
@media(min-width:850px) {
.sub-cat-page, .category-page {display:flex;}
.sub-cat-page .col--2, .cat-page .col--2 {min-width: 215px;}
.sub-cat-page .col--10, .cat-page .col--10 {flex-grow:1;}
}
.sub-cat-page.no-filters .col--2 {display: none;}
.filters ul {
padding: 0;
list-style: none;
margin-top: 0;
}
.filters li span {
color: #b2b2b2;
}
.filters li {
margin-bottom: .5em;
}
.filters input[type="checkbox"]:checked~span {
color: #025c87
}
.filters input[type="checkbox"] {
margin-right: 7px;
}
/*
.ui-slider-handle {
border-radius: 0;
width: 12px;
}
.ui-slider-handle,
.ui-slider-range {
background-color: #345ca7;
outline: 0 none;
}
.slider-range>span:last-of-type {
margin-left: -10px;
}
.ui-slider-handle,
.ui-slider-range {
background-color: #345ca7;
outline: 0 none;
position: absolute;
}
.ui-slider-handle {
display: inline-block;
height: 16px;
top: -6px;
width: 16px;
border-radius: 0;
}
*/
.slider-range .ui-slider-handle {}
.filters li.parentCat {
margin: .5em 0;
border-bottom: 1px solid #e7e7e7;
padding-bottom: .25em
}
.product__share {}
.product__share h5 {
display: none;
}
.share__button {
display: inline-block;
width: 2em;
height: 2em;
text-align: center;
line-height: 0;
border-radius: 50%;
background-color: #FFF;
color: #FFF;
cursor: pointer;
font-size: 1.5em;
vertical-align: top;
}
.share__button:hover {
opacity: .7;
}
.share__button--icon {
font-family: e2e;
line-height: 2.05em;
}
.share__button--text {
display: none;
}
.share__button--facebook {
background-color: #4e71a8;
}
.share__button--facebook .share__button--icon:before {
content: '\e81c';
}
.share__button--twitter {
background-color: #1cb7eb;
}
.share__button--twitter .share__button--icon:before {
content: "\e81e";
}
.share__button--linkedin {}
.share__button--instagramX .share__button--icon:before {
content: "\e81c";
}
.share__button--instagram {
background-color: #444444;
background-image: url(../images/instagram.svg);
background-repeat: no-repeat;
background-size: 25px 25px;
background-position: center center;
}
.share__button--linkedin .share__button--icon:before {
content: "\e81c";
}
.share__button--google-plus {
background-color: #e3411f
}
.share__button--google-plus .share__button--icon:before {
content: "\e81d";
}
.share__button--pinterest {
background-color: #cc2028;
}
.share__button--pinterest .share__button--icon:before {
content: "\e823";
}
.share__button-email {}
.share__button-email .share__button--icon:before {
content: "\e804";
}
/* ==========================================================================
reponsive tabs
========================================================================== */
.product-description-wrapper {
border-top: 1px solid #e7e7e7;
position: relative;
background-color: #f8f9fb
}
.product-description-wrapper:before {
content: " ";
position: absolute;
background: #FFF;
height: 3.225rem;
left: 0;
right: 0;
border-bottom: 1px solid #e7e7e7;
z-index: +1;
}
ul.resp-tabs-list {
margin: 0 0 -1px 0;
padding: 0;
text-align: center;
font-size: 0;
z-index: +1;
position: relative;
}
.resp-tabs-list li {
color: #004d72;
cursor: pointer;
display: inline-block;
list-style: outside none none;
margin: 0;
padding: 0.75em 0;
border: 1px solid #e7e7e7!important;
text-align: center;
font-size: 1rem;
min-width: 225px;
}
.resp-tabs-list li:not(:first-of-type) {
margin-left: 1px;
}
.resp-tabs-list li a {
color: #fff!important;
}
.resp-tabs-list li {
background: #4d5a72!important;
border: 1px solid #4d5a72!important;
color: #fff!important;
}
.resp-tabs-list li:hover {
background-color: #7587a8!important;
border: 1px solid #7587a8!important;
}
.resp-tabs-list li.resp-tab-active,
.resp-tabs-list li a.active {
background-color: #f8f9fb !important;
border: 1px solid #e7e7e7!important;
border-bottom: 1px solid #f8f9fb!important;
color: #4d5a72!important;
}
.resp-tabs-container {
border: 0!important;
clear: left;
}
h2.resp-accordion {
cursor: pointer;
display: none;
padding: 5px;
}
.resp-tab-content {
display: none;
padding: 20px;
}
.resp-tab-content {
background-color: #f8f9fb;
display: none;
border: 1px solid #e7e7e7!important;
}
.ma-content {
margin-bottom: 2%;
}
.resp-tab-content>*:first-of-type {
margin-top: 0;
}
.resp-content-active,
.resp-accordion-active {
display: block;
}
h2.resp-accordion {
font-size: 1em;
margin: 0;
padding: 0.65em 15px;
cursor: pointer;
background-color: #4C5973 !important;
color: #FFF;
background-image: url(../images/plus.svg)!important;
background-position: right 15px center!important;
background-repeat: no-repeat!important;
background-size: 20px 20px!important;
border: 0!important;
}
h2.resp-accordion:not(:last-of-type) {
margin-bottom: 1px;
}
h2.resp-tab-active {
background-image: url(../images/minus.svg)!important;
margin-bottom: 0!important;
}
h2.resp-tab-activeX {
position: relative
}
.close {
position: absolute;
right: 32px;
top: 32px;
width: 32px;
height: 32px;
opacity: 0.3;
}
.close:hover {
opacity: 1;
}
.close:before,
.close:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #333;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}
h2.resp-tab-title:last-child {
background: blue none repeat scroll 0 0;
}
.resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%;
}
.resp-vtabs .resp-tabs-list li {
cursor: pointer;
display: block;
float: none;
margin: 0 0 4px;
padding: 15px !important;
}
.resp-vtabs .resp-tabs-container {
background-color: #fff;
border: 1px solid #c1c1c1;
border-radius: 3px;
clear: none;
float: left;
min-height: 250px;
padding: 0;
width: 68%;
}
.resp-vtabs .resp-tab-content {
border: medium none;
word-wrap: break-word;
}
.resp-vtabs li.resp-tab-active {
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
border-color: #5ab1d0 #fff #5ab1d0 #5ab1d0 !important;
border-image: none !important;
border-style: solid !important;
border-width: 1px 1px 1px 4px !important;
margin-bottom: 4px !important;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
position: relative;
z-index: 1;
}
.resp-arrow {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1;
display: none;
float: right;
height: 0;
margin-top: 3px;
width: 0;
}
h2.resp-tab-active span.resp-arrow {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color transparent #9b9797;
border-image: none;
border-style: none solid solid;
border-width: medium 6px 12px;
}
.resp-easy-accordion h2.resp-accordion {
display: block;
}
.resp-easy-accordion .resp-tab-content {
border: 1px solid #c1c1c1;
}
.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1;
}
.resp-jfit {
margin: 0;
width: 100%;
}
.resp-tab-content-active {
display: block;
}
#personal-details-table tr td:first-child {
font-weight: 700;
}
#personal-details-table td {
padding: .5em;
}
#personal-details-table tr:nth-last-child(1) td {
padding-top: 10px;
}
#personal-details-table tr:nth-child(2) td:nth-child(2) {
table-layout: fixed;
word-wrap: break-word;
}
@media (max-width: 800px) {
.cat-banner {
margin-bottom: 2px;
}
.brands-wrapper {
margin: 30px 0;
}
ul.resp-tabs-list {
display: none;
}
h2.resp-accordion {
display: block;
}
.resp-vtabs .resp-tab-content {
border: 1px solid #c1c1c1;
}
.resp-vtabs .resp-tabs-container {
border: medium none;
clear: none;
float: none;
min-height: 100px;
width: 100%;
}
.resp-tabs-container {
border-top: 0 !important;
}
.resp-accordion-closed {
display: none !important;
}
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #c1c1c1 !important;
}
.resp-tab-content-active {
display: block;
border-bottom: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
}
}
.basket-table,.basket-table2 {
margin: 0 0 3%;
background: #FFF;
}
.basket-table td,
.order-details-table td {
border-bottom: 1px solid #e3e3e3;
padding: .5em;
}
.basket-table2 td {
border-bottom: 1px solid #e3e3e3;
padding: .5em;
font-size: .8em;
}
.basket-table thead,
.order-details-table thead {
background-color: #000;
color: #FFF;
font-size: 1.25em;
}
.basket-table2 thead {
background-color: #000;
color: #FFF;
font-size: 0.8em;
}
.order-details-table thead {display:none;}
.basket-table th,
.order-details-table th {
padding: .5rem;
font-weight: 200;
height: 50px;
text-align: left;
}
.basket-table2 th {
padding: .5rem;
font-weight: 200;
height: 50px;
text-align: left;
}
.basket-table th:first-child {
padding-left: 15px;
}
.basket-table th:last-child {
padding-right: 15px;
}
.basket-table .image-container, .order-details-table .image-container {
display: inline-block;
max-width: 100px;
}
.basket-info-container,
.order-details-table .title {
display: inline-block;
padding-left: .75em;
vertical-align: middle;
width: 75%;
}
.shippingRow .image-container,
.discountRow .image-container {
display: none;
}
.shippingRow .title,
.discountRow .title {
padding-left: 0;
}
.basket-name {
display: block;
}
.basket-info-container .button {
font-size: 12px;
margin: 0 auto 0 4px;
padding: 0;
background-color: transparent!important;
min-width:0;
}
.basket-info-container .button span {
display: none;
}
.basket-info-container .button:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/bkt-remove.svg) center no-repeat;
background-size: auto auto;
background-size: cover;
display: inline-block;
opacity: .5;
}
.basket-table td:nth-child(2) {
width: 15%;
white-space: nowrap;
}
.basket-table td:nth-child(3),
.basket-table td:nth-child(4),
.basket-table th:nth-child(3),
.basket-table th:nth-child(4),
.basket-table .basket-shipping td:nth-child(2)
{
width: 10%;
text-align: right;
}
.basket-table td:nth-child(2) span:nth-child(2) {
white-space: nowrap;
}
.basket-table td:nth-child(5) {
width: 12%;
text-align: center;
}
.basket2-qty {
width: 40px;
text-align: center;
margin: 0 5px;
}
.ddlCountry {
width: 150px;
}
.basket-shipping td {
transition: background-color 0.3s ease;
background:transparent;
}
.noShipping td {
background:#f9e2e8;
}
.noShipping select {border: 1px solid #b94a48;}
.basket-shipping a {
text-decoration: underline;
font-size: 0.875em;
color: #38aae1
}
.basket-shipping .basket-qty {
display:none;
}
.basket-shipping td:nth-child(3) span {display:none;}
.basket-shipping tdtd:nth-child(2) {}
.discount-code span:first-child {
line-height: 2em;
color: #222;
}
#discount-error {
font-weight: 700;
color: red;
}
.show-mob {
display: none;
}
.basket-table input[type="text"],
.basket-table input:not([type="submit"]):not([type="button"]),
.basket-table select {
vertical-align: middle;
margin-right: 5px;
}
.basket-product input.button, .view-order-product input.button {
padding: .4em .75em;
vertical-align: middle;
min-width:0
}
.discount input.button {
padding: .4em .75em;
vertical-align: middle;
min-width:0;
}
.basket-qty {
width: 40px;
text-align: center;
margin: 0 5px;
}
.basket-product td,
.basket-shipping td,
.view-order-product td {
border-bottom: 1px solid #e3e3e3;
}
.basket-total,
.basket-total td {
border-bottom: 0;
}
.basket-total td:not(:first-of-type) span {
font-size: 1.5em;
font-weight:500;
}
.basket__shipping-method {
padding: 5px 0;
}
.ship-list span {
display: inline-block;
font-weight: 600;
padding-bottom: 0.25em;
}
.basket-info-container.moto {
padding-left: 0;
width: 100%;
}
.moto-values {
float: right;
}
.moto-values>div {
display: inline-block;
vertical-align: middle;
}
.secure-checkout:before {
background: rgba(0, 0, 0, 0) url("/images/padlock-blk.svg") no-repeat scroll 0 3px;
content: " ";
display: inline-block;
float: left;
height: 28px;
left: 0;
top: 0;
width: 25px;
margin-right: 5px;
}
.checkout-options {
padding-top: 1em;
}
.single-col-form {
padding: 0 0 1em 0;
}
.co-opts .display-box,
.pymt-opts .display-box,
.contact-form .display-box,
.display-box-2 {
border: 1px solid #e7e7e7;
background: #FFF;
}
.display-box-2 h2:first-of-type {
background: #000;
font-size: 1.5em;
position: relative;
text-align: left;
margin: -21px -21px .75em -21px;
color: #FFF;
padding: .25em 19px;
}
.crt-acc .display-box-2 {
}
.crt-acc .button,
.contact-form .button {
float: right;
}
/* REMOVE
.co-opts .display-box {
min-height: 265px;
}
.co-opt p {
margin-bottom: 1em;
min-height: 4.4em;
}
#AmazonPayButton img {
height: 42px !important
}
.co-opts .display-box:first-of-type {
padding-bottom: 0;
}
.co-opts .display-box .field:first-of-type {
margin-top: 0;
}
.co-opts .display-box .field {
margin-bottom: .75em;
}
.co-opt .field>label {
width: 125px;
min-width: 0
}
.co-opt .field>input:not([type="submit"]) {
width: 30%;
width: -webkit-calc(100% - 125px);
width: -moz-calc(100% - 125px);
width: calc(100% - 125px);
}
.co-opts>div:first-of-type .button {
margin: .125em 0 .5em 0;
}
.co-opts>div:first-of-type a {
text-decoration: underline;
font-size: 0.889em
}
.co-opts>div:first-of-type div:nth-of-type(4) {
text-align: right;
}
.co-opts {
padding: 0 0 2em 0;
}
/* REMOVE*/
/*
* Single Column Forms
*/
.single-col-form {
text-align: center;
}
.single-col-form>[class*="col--"], .single-col-form>div {
float: none;
text-align: left;
margin: 0 auto;
}
.single-col-form.fixed>[class*="col--"], .single-col-form.fixed>div {
width: 100%;
max-width: 600px;
}
.single-col-form.stacked-form>div[class*='col--'] {
width: 100%;
max-width: 500px;
}
.stacked-form fieldset {
width: 100%;
text-align: left;
}
/*delete below?*/
.stacked-form .form-error,
.trk-order .form-error {
margin-left: 0!important;
}
/*delete above?*/
.stacked-form input:not([type="radio"]):not([type="submit"]),
.trk-order input:not([type="radio"]) {
margin-bottom: .5em
}
.stacked-form input:not([type="radio"]):not(.button),.trk-order input:not([type="radio"]) {
width: 100%;
}
.acc-basicinfo input[type="checkbox"] {
width: auto !important;
margin-right: 0.5em;
}
.stacked-form .field-buttons {text-align: center}
.stacked-form input.button {margin:0 auto}
.stacked-form .field>label,
.stacked-form legend,
.trk-order .field>label {
width: 100%;
display: block;
font-weight: 600
}
.radios {
padding: .125em 0;
}
.radios>div {
margin: .5em 0;
}
.radios label {
cursor: pointer;
}
input[type="radio"] {
margin-right: .25em;
}
.acc-pass a {
text-decoration: underline;
font-size: 0.889em;
}
.field-buttons {
margin: .5em 0;
clear: both;
display: table;
width: 100%;
}
.pymt-opts {
float: right;
padding: 0 0 2em 0;
}
.pymt-option {
padding-bottom: 1.25em;
display: block;
}
.pymt-option.top {
text-align: right;
float: right;
padding-top: 1em;
}
.pymt-opts .display-box {
text-align: center;
}
.co-opt button,
.co-opt .button {
width: 100%;
max-width: 350px;
text-align: center;
}
.co-logo,
.pp-logo,
.amz-logo {
background-color: #fff;
background-image: url("/images/visa.png");
background-position: center center;
background-repeat: no-repeat;
background-size: 110px 35px;
height: 35px;
margin: -35px auto 0;
padding: 0 10px;
width: 130px;
}
.pp-logo {
background-image: url("/images/pp.png");
}
.amz-logo {
background-image: url("/images/amz.png");
}
.checkout-options p {
margin-top: 0;
line-height: 2.25em !important
}
.display-box.payment-options {
padding: 0 !important;
}
.button.checkout {
min-width: 254px;
text-align: center;
width: 100%;
}
.show_hide {
cursor: pointer;
}
.discount span {
float: left;
}
.discount span:first-of-type {
padding-right: .75em;
}
.basket-total td:first-of-type span:first-child {
line-height: 2em;
}
.basket-total td span em {
line-height: 2em;
font-style: normal;
color: #ce152a;
}
.disc-code {
padding-right: 5px;
display: none;
}
.disc-code form {display:inline-block;}
#RegionSelectFrm,
#clearfrm {
display: inline-block;
}
#basket-right {
display: inline-block;
float: right;
width: 40%;
text-align: right;
}
#basket-left {
display: inline-block;
float: left;
width: 55%;
}
#basket-left .title {
margin-bottom: 0;
}
#basket-butts {
text-align: right;
margin-bottom: 2%;
}
.checkout-button {
min-width: 250px;
text-align: center;
font-size: 1.25em;
}
.checkout-buttonX:before {
content: "";
width: 28px;
height: 28px;
background: url(/images/padlock.svg) center no-repeat;
background-size: cover;
top: 50%;
margin-top: -15px;
left: 12px;
position: absolute;
display: inline-block;
}
.continue-shopping {
float: left;
display: inline-block;
vertical-align: middle;
min-width: 210px;
text-align: center;
font-size: 1em;
}
.button.pp {
padding: 0;
background: transparent!important;
}
.icon-wrap {
color: #fff;
}
.progress-track {
display: table;
list-style-type: none;
margin: 0;
padding: 2em 0 1em;
table-layout: fixed;
width: 100%;
margin-bottom:2em;
}
.section-header + .progress-track, .section-header + .row > .progress-track {padding-top: 0;}
.progress-track li {
display: table-cell;
position: relative;
text-align: center;
}
.progress-track li:before {
content: attr(data-step);
display: block;
margin: 0 auto;
background: #DDD;
width: 3em;
height: 3em;
text-align: center;
margin-bottom: 0.25em;
line-height: 3em;
border-radius: 100%;
position: relative;
z-index: +1;
}
.progress-track li:after {
content: '';
position: absolute;
display: block;
background: #DDD;
width: 100%;
height: 0.5em;
top: 1.25em;
left: 50%;
margin-left: 1.5em;
z-index: -1;
}
.progress-track li:last-child:after {
display: none;
}
.progress-track li.progress-done {
}
.progress-track li.progress-done:after {
color: #FFF;
background: #46972a;
}
.progress-track li.progress-done:before {
color: #FFF;
background: #FFF;
border: 3px solid #46972a;
background-image: url("/images/tick.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 28px 28px;
}
.progress-track li.progress-current {
}
.progress-track li.progress-current:before
{
color: #FFF;
background: #FFF;
border: 3px solid #4090c3;
}
.progress-track li.progress-todo {
color:#999;
}
.progress-text {
display: block;
padding-top:.25em;
}
/*
.icon-wrap {
border-radius: 50%;
top: -1.5em;
display: block;
height: 2.5em;
margin: 0 auto -2em;
left: 0;
right: 0;
position: absolute;
width: 2.5em;
text-align: center;
}
.progress-done .icon-wrap {
background-color: #46972a;
}
.progress-done .icon-wrap span {
width: 25px;
height: 25px;
background: url(/images/progress-done.svg) no-repeat;
display: block;
margin: 10px auto 0;
}
.progress-current .icon-wrap {
border-radius: 50%;
background-color: #FFF;
border: 4px solid #46972a;
}
.progress-current .icon-wrap span {
width: 25px;
height: 25px;
background: url(/images/progress-current.svg) no-repeat;
display: block;
margin: 10px auto 0;
}
.progress-todo .icon-wrap {
border-radius: 50%;
bottom: 1.5em;
display: block;
height: 2.5em;
margin: 0 auto -2em;
width: 2.5em;
background-color: #FFF;
border: 4px solid #DDD;
color: #fff;
}
.progress-done,
.progress-current {
border-top: 5px solid #46972a;
}
.progress-todo {
border-top: 5px solid #DDD;
color: black;
}
*/
.hidden {
display: none;
}
/* mobile nav */
.ovrf-hide {
overflow: hidden;
}
/*.m-nav-btn-close:before {
transform: rotate(45deg);
}
.m-nav-btn-close:after {
transform: rotate(-45deg);
}*/
.hamburger {
/*padding: $hamburger-padding-y $hamburger-padding-x;*/
cursor: pointer;
transition-property: opacity, filter;
/* transition-duration: $hamburger-hover-transition-duration;
transition-timing-function: $hamburger-hover-transition-timing-function;
// Normalize (<button>)
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;*/
}
.hamburger-box {
width: 100%;
height: 25px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: 2px;}
.hamburger-inner:before,
.hamburger-inner:after {
width: 100%;
height: 4px;
background-color: #FFF;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
content: "";
display: block;
}
.hamburger-inner:before {
top: 10px;
}
.hamburger-inner:after {
bottom:10px;
}
.hamburger .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger .hamburger-inner:before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger .hamburger-inner:after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.active .hamburger-inner:before {
top: 0;
opacity: 0;
transition: top 0.075s ease,opacity 0.075s 0.12s ease;
}
.hamburger.active .hamburger-inner:after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mobile-nav-wrap {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 98;
}
.mobile-nav-wrap .mobile-nav {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 250px;
height: 100%;
overflow-y: scroll;
background-color: #e7e7e7;
}
.mobile-nav-wrap .mobile-nav .head {
text-transform: uppercase;
padding: .4em;
background: #000;
color: #FFF;
}
.mobile-nav-wrap .mobile-nav form {
position: relative;
padding: .5em;
background: #b2b2b2;
}
.mobile-nav-wrap .mobile-nav form .input-box input {
width: 100%;
}
.mobile-nav-wrap .mobile-nav form button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #46972a url(/images/search.svg) no-repeat 50% 50%;
background-size: 25px 25px;
height: 100%;
width: 35px;
border: none;
cursor: pointer;
float: right;
}
.expanded .mobile-nav-wrap .mobile-nav form button {
display: block;
}
.mobile-nav-wrap .mobile-nav ul {
margin: 0;
padding: 0;
display: block;
}
.mobile-nav-wrap .mobile-nav ul li {
display: block;
padding: 0;
}
.mobile-nav-wrap .mobile-nav ul li a {
margin: 0;
display: block;
width: 100%;
padding: .25em .5em;
text-align: left;
border-bottom: 1px solid #FFF;
color: #333333;
position: relative;
}
.mobile-nav-wrap .mobile-nav ul li a .with-child {
display: block;
font-size: 15px;
height: 100%;
width: 40px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
line-height: 2.75em;
text-align: center;
}
.mobile-nav-wrap .mobile-nav ul li a .with-child:after {
content: ">";
}
.mobile-nav-wrap .mobile-nav ul li:first-child span {
display: block !important;
visibility: visible;
}
.mobile-nav-wrap .mobile-nav ul li ul {
display: none;
padding: 0;
background-color: #808080;
}
.mobile-nav-wrap .mobile-nav ul li ul li a {
background-color: #e7e7e7;
color: #3f3f3f;
font-size: .9em;
}
.mobile-nav-wrap .mobile-nav ul li ul ul a {
font-size: .9em;
background-color: #a53e3b;
color: #fff;
}
.mobile-nav-wrap .nav--search {
width: 100%;
transition: width 0.2s;
}
.mobile-nav-wrap .nav--search .mob-search--close {
display: block;
background-color: #3f3f3f;
color: #fff;
border: none;
font-size: 13px;
padding-right: 15px;
padding-left: 15px;
}
.m-nav-btn {
padding: 25px 20px;
width: 80px;
height: 75px;
}
.m-nav-btn.active span {
opacity: .7
}
.hamburger-box {
position: relative;
width: 100%;
height: 25px;
}
.hamburger {
font: inherit;
cursor: pointer;
text-transform: none;
color: inherit;
}
.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
background-color: #FFFFFF;
}
.hamburger--squeeze .hamburger-inner {
transition-timing-function: cubic-bezier(.55,.055,.675,.19);
transition-duration: 75ms;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 40px;
height: 3px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
background-color: #FFFFFF;
}
.hamburger-inner {
top: 50%;
display: block;
margin-top: -2px;
}
.hamburger--squeeze.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(.215,.61,.355,1);
transform: rotate(45deg);
}
.hamburger--squeeze.is-active .hamburger-inner:before {
top: 0;
transition: top 75ms ease,opacity 75ms ease .12s;
opacity: 0;
}
.hamburger--squeeze.is-active .hamburger-inner:after {
bottom: 0;
transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
transform: rotate(-90deg);
}
.personal-details .col--6 {
margin-bottom: 1em;
}
.eql-height {
display: flex;
}
.eql-height div[class*='display-box'] {height:100%;}
.button.checkout#ChangePasswordBtn {
width: auto !important
}
.btn-row {
margin: .5em 0;
clear: both;
}
.change-password .btn-row, .personal-details .btn-row {text-align: center;}
.change-password .input[type="submit"], .personal-details .button {margin:0 auto;}
.orders {background: #FFF;border:1px solid #e3e3e3;}
.my-orders {border: 1px solid #e3e3e3}
.my-orders th {
white-space: nowrap;
}
.my-order-line button, .re-order {min-width:0;width:105px;}
.my-orders tr:first-of-type>th:nth-of-type(3),
.my-order-line td:nth-of-type(3),
.my-order-line td:nth-of-type(5) {
text-align: right;
}
.my-orders tr>td:nth-of-type(5),
.my-order-line td:nth-of-type(5) {
text-align: right;
width: 90%;
}
/*.my-order-line>td:nth-of-type(5) {
padding-right: 0;
}
*/
.my-orders td table {
margin: 0;
border-bottom: 3px solid #4090c3;
}
.order-details>td {
padding: 0;
}
.order-details-table {
background: #FFF;
}
.my-order-line td, .orders > thead th {
padding: .5em;
border:1px solid #e3e3e3;
}
.order-details-table th {
padding: .5rem;
}
.my-order-line {
border-bottom: 1px solid #e7e7e7;
}
.order-details-table td:first-child {
width: 35%;
}
.order-details-table td:not(:first-child) {
width: 10%;
}
.order-details-table td:nth-child(3),
.order-details-table td:nth-child(4),
.order-details th:nth-child(3),
.order-details th:nth-child(4) {
width: 10%;
text-align: right;
}
.order-details td:nth-child(2),
.order-details th:nth-child(2) {
text-align: center
}
/*.order-details td:nth-child(2) span:nth-child(2) {
white-space: nowrap;
}*/
.personal-details .field>label {
float: none;
font-weight: bold;
display: block;
padding-bottom:0;
}
.address {
background: #FFF;
border: 1px solid #e7e7e7;
padding: 20px;
height: 100%;
}
.adr-book span:last-of-type {
padding-top: 1.5em;
display: block;
clear: both;
}
.adr-book .button {
margin: 0 .25em .5em 0
}
/* ==========================================================================
Media Queries
========================================================================== */
@media screen and (max-width: 1049px) {
.full-width>* {
padding-left: 15px;
padding-right: 15px;
}
.hero-banner,
.hero-slides li>div {
height: auto;
padding-left: 0 !important;
padding-right: 0;
}
.main-nav>li>a {
font-size: 0.889em;
padding: 2.5em .75em;
}
.del em:before,
.rev em:before {
display: none;
}
.nwsltr h3 span {
display: block;
clear: left;
}
.nwsltr h3 span:before {
content: "";
}
.nwsltr .col--8 {
width: 55%;
}
.nwsltr .col--4 {
width: 45%;
}
}
@media screen and (max-width: 1025px) {
.nav-wrapper>span {
height: 45px;
}
.order-line,
.cont-shopping {
padding-top: 13px;
}
.mobile-nav-wrap .mobile-nav ul:not(.top-level) {
display: none;
}
}
@media screen and (max-width: 1023px) {
.my-account span,
.rev,
.basket-link > #BasketTotal,
.order-line span{
display: none!important;
}
.promo-bar {min-height:32px;}
.promo li:nth-of-type(1) {
padding-left: 0;
}
.promo li:nth-of-type(3) {
padding-right: 0;
}
.animated li {animation: promo-item 15s infinite ease-in-out;opacity: 0;height:0;pointer-events: none;z-index:-1;padding:0;}
.animated li:nth-of-type(2){
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated li:nth-of-type(3){
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
}
@media only screen and (min-width:1023px){
.promo-bar li {
display:inline-block;
}
}
@media only screen and (min-width:801px) and (max-width: 1024px) {
#StockMsg {
display: block;
float: none;
}
.product__basket {
text-align: left;
}
.product__basket label {
clear: left;
}
}
@media screen and (max-width: 849px) {
.product__data h1 {
text-align: center;
}
.grid__item .overlay {
bottom: 0;
height: 55px;
}
.grid__item:hover .overlay span {
display: none;
}
.footer-wrapper {
padding: 1em 0 0 0;
}
.footer-wrapper footer {
padding-left: 0!important;
padding-right: 0!important
}
footer h3 {
display: none;
}
footer [class*='col--'] {
padding: 0;
text-align: center;
}
.footer__list {
margin-bottom: 0;
text-align: center;
}
.footer-social,
.footer-payment-icons {
margin: 0;
padding: 10px 0;
}
.footer__list li {
margin-bottom: 0;
}
.footer__list li a {
display: block;
padding: .5em
}
.footer-payment-icons {
text-align: center;
}
.footer-payment-icons img {
margin: .5em auto 0 auto;
}
.suggested-links ul {
margin-bottom: 0;
}
.product__images .image-container {
margin: 0 auto;
}
.product-description-wrapper {
border-top: 0;
background-color: transparent
}
.product-description-wrapper:before {
content: none;
}
.resp-tabs-container {
padding: 0;
}
.filters>h2 {
display: inline-block;
cursor: pointer;
}
.filters>h2.open {
margin-bottom: .5em;
}
.adr-book {
margin-bottom: 1em;
}
.pymt-opts {
padding-bottom: .5em;
}
.pymt-opts>div:not(:last-of-type) {
margin-bottom: 2em;
}
.co-opt p {
height: auto;
min-height: 0;
}
.about-us {
display: none;
}
tr.basket__productX td {
background: #E2EEF4;
}
.basket tr.basket__product td:first-child {
margin-top: 1em;
background-color: #CB272F;
}
.header__logo {
float: left;
}
.stacked tbody tr td:first-child {
background-color: initial;
color: initial;
}
.basket__shipping td:first-child {
background-color: #919193 !important;
padding-left: 1em;
font-weight: bold;
text-transform: uppercase;
}
.order-summary td {
padding: .5em 0;
}
table.order-summary {
margin: 0 0 .5em 0
}
aside.display-box h2 {
margin: 0;
}
.crt-acc .field>input:not([type='submit']),
.contact-form .field>input:not([type='submit']),
.change-password .field>input:not([type='submit']) {
max-width: none;
}
.eql-height {display:block;}
.eql-height div[class*='display-box'] {height:auto;margin-bottom:1em;}
.mgr-items {
height: auto;
}
.listing-controls__pagination {
display: block;
order: 1;
text-align: left;
width: 100%;
min-width: 100%;
flex: 1;
}
.listing-controls__view-no {
display: inline-block;
order: 2;
min-width: 50%;
text-align: left;
clear: left;
padding-right: 1em;
}
.listing-controls__sorting {
display: inline-block;
order: 3;
min-width: 50%;
text-align: left;
}
.footer-copyright,
.footer-e2e {
text-align: center;
}
.footer-copyright {
padding-bottom: .25em;
}
.filters h4 {
font-size: 1em;
cursor: pointer;
padding: .5em 1em;
margin-bottom: 0;
}
.filters h4,
.filterul>li:first-of-type h4 {
margin: 0 0 1px 0;
margin-top: 0px;
cursor: pointer;
}
.filters ul {
margin-top: 0;
}
.filterul>li {
margin: 0;
}
.filterul>li:first-of-type {
border-top: 1px solid #e7e7e7;
}
form[name="Filters"] .slider-amount {
padding: .25em 0;
}
form[name="Filters"] .slider-range {
margin-bottom: 25px;
}
.filters ul li ul {
padding-top: .5em;
}
.filters ul li ul li {
width: 100%;
display: block;
}
}
.basket2-qty { width: 80% !important; }
@media (max-width: 1010px) {
.checkout-button {
width:100% !important;
}
.basket-table2 td:before {
content: attr(data-th);
font-weight: 700;
display: inline-block;
/*width:22%;*/
min-width: 130px;
float: left;
text-align: left;
white-space: nowrap;
line-height: 33px;
}
.basket-table2 td > a.d-mob {
width:12%;
display:inline-block;
}
.basket-table2 td:nth-child(2):before {
padding-top: .25em
}
.basket-table2 thead {
display: none;
}
.basket-table2 td {
display: block;
padding: .5em;
width: 100% !important;
border: 0;
}
.basket-table2 tr:first-child > td {
padding-top: inherit;
}
.basket-table2 td:nth-child(5) {
text-align: left;
}
.basket-table2 td:nth-child(3),
.basket-table2 td:nth-child(4) {
clear: left;
}
.basket-table2 td:nth-child(3) > input {
width: 200px;
}
.basket2-qty {
width: 80px !important;
text-align: center;
margin: 0;
}
.basket-table2 select, .basket-table2 input[type='text'] {
padding: .6em;
}
.basket2-product {
border: #DEDEDE solid 1px;
padding-top:6px;
margin-bottom:4px;
}
.savedoc {
content: 'Save';
color: #FFF !important;
text-decoration: none !important;
background-color: #2d8e3c;
display: inline-block;
width: 50%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
}
.hidden {
display: none;
}
.d-mob {
display: inline;
}
#addextradoc {
color: #FFF !important;
text-decoration: none !important;
/*background-color: #2d8e3c;*/
display: inline-block;
width: 100%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
font-size: 1.25em;
margin-top: 10px;
}
.editdoc {
color: #FFF !important;
text-decoration: none !important;
background-color: #000;
display: inline-block;
width: 50%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
}
.deletedoc {
color: #FFF !important;
text-decoration: none !important;
background-color: #8e2d2d;
display: inline-block;
width: 49%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
}
.show-mob {
display: inline-block;
vertical-align: top;
width: 40%;
font-weight: 600;
float: left;
text-align: left;
}
.hidden {
display: none;
}
}
.header-search{width:50%;}
.basket-qty { width: 30% !important; }
@media (max-width: 767px) {
.basket-qty { width: 10% !important; }
.basket2-qty { width: 20% !important; }
.header-search{width:100%}
.basket-table2 select, .basket-table2 input[type='text'] {
padding: .6em;
}
.top-bar-wrapper {
display: none;
}
.header-wrapper {
position: fixed;
z-index: 99;
top: 0;
left: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/*.content-wrapper {
padding-top: 75px;
}*/
.promo-bar, .content-wrapper.no-promo {margin-top: 75px;}
.content {padding-top:60px;}
.cbp-spmenu-push-toright .header-wrapper {
left: 240px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
.cbp-spmenu-push-toright {
left: 240px;
}
.header-wrapper header {
height: 75px;
padding: 0 !important;
}
header {
position: relative;
z-index: +1;
}
header > .row {
position: relative;
background: #4d5a72;
text-align: center;
height: 75px;
}
.header-logo {
text-align:center;
flex-grow:1;
}
.header-logo img {
max-height: 45px;
margin:auto;
padding:0 !important;
}
.search-wrapper {
position: absolute;
padding: 5px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
bottom: 0;
width: 100%;
left: 0;
right: 0;
background: #d9d9d9;
opacity: 0;
z-index: -1;
border-radius: 0;
}
.search-wrapper.open {
bottom: -52px;
opacity: 1;
}
.header-search {
margin:0;
width:100%;
}
.header-search button, .header-search input[type="search"]:focus + button {
background: #000;
opacity:1;
border-left:0;
}
.header-search button:before {
background: url(/images/search-mob.svg?v=2);
width:31px;
height:31px;
display:block;
content:"";
background-size:cover;
transform:translate(-50%,-50%);
position:absolute;
top:50%;
left:50%;
}
.header-search button:hover {
background-color: #4090c3!important;
cursor:pointer
}
#nav,
.sub-nav-wrapper,
.sub-nav-wrapper ul {
display: none;
}
.m-search-btn {
display: block;
height: 75px;
width: 75px;
float: left;
cursor: pointer;
background-image: url(/images/search-mob.svg?v=2);
background-size: 38px 38px;
background-repeat: no-repeat;
background-position: center center;
}
.m-search-btn:before {
content: "";
display: block;
width: 1px;
height: 40px;
float: left;
background: #3a4355;
margin-top: 17.5px;
}
.header-basket {
width: 75px;
height: 75px;
margin: 0;
}
.basket-link {
margin: 0;
height: 75px;
width: 75px;
padding: 20px;
}
.basket-link:after {
left: 27px;
}
.basket-dropdown {
top: 75px;
}
.m-nav-btn {
display: block;
float: left;
cursor: pointer;
background-color: #4d5a72!important;
}
#m-search-form {
display: block;
}
.m-acc-btn {
display: block;
width: 75px;
height: 75px;
background-size: 37px 37px;
background-image: url(/images/account.svg?v=2);
background-repeat: no-repeat;
background-position: center center
}
.m-acc-btn:before {
content: "";
display: block;
width: 1px;
height: 40px;
margin-top: 17.5px;
float: right;
background: #3a4355;
}
.m-acc-btn span {
display: none;
}
.abv-ftr-wrapper {
padding: 20px;
}
.abv-ftr-wrapper h2 {
margin: 0 0 .75em 0;
font-size: 1.25em;
}
footer .col--3:nth-of-type(2),
footer .col--3:nth-of-type(3) {
display: none;
}
.header-links {
margin: .75em 0 0 0;
}
.breadcrumb {
margin-top: 1em;
}
.basket-h1 {
float: none;
display: block;
}
.basket-h1+p {
clear: both;
display: block;
}
.my-order-line td:nth-of-type(3) {
text-align: left;
}
.orders {
margin-top: 0
}
.order-details-table thead,
.orders thead {
display: none;
}
.order-details-table td {
text-align: left;
display: block;
width: 100% !important;
padding-top: 0;
}
.my-order-line td {
text-align: left;
display: block;
width: 100% !important;
padding: 0 .5em;
border:0 none;
}
.order-details-table td:first-of-type,
.my-order-line td:first-of-type {
padding-top: .5em;
}
.order-details-table td:last-of-type {
padding: .5em;
}
.my-order-line td:last-of-type {
padding-bottom: .5em;
height: 0;
}
.shippingRow td:nth-of-type(2),
.discountRow td:nth-of-type(2),
.shippingRow td:nth-of-type(4),
.discountRow td:nth-of-type(4) {
display: none;
}
.order-toggle {
top: -4rem
}
.basket-table td:before,
.my-order-line td:before,
.order-details td:before {
content: attr(data-th);
font-weight: 700;
display: inline-block;
width: 20%;
min-width: 100px;
float: left;
text-align: left;
white-space: nowrap;
}
.basket-table2 td:before {
content: attr(data-th);
font-weight: 700;
display: inline-block;
/*width:22%;*/
min-width: 130px;
float: left;
text-align: left;
white-space: nowrap;
}
.basket-table2 td > a.d-mob {
width: 6%;
display: inline-block;
}
.basket-table td:nth-child(2):before,
.basket-table2 td:nth-child(2):before,
.order-details td:nth-child(2):before {
padding-top: .25em
}
.order-details td:nth-child(2) {
text-align: right;
}
.basket-product td:not(:last-of-type), .view-order-product td:not(:last-of-type) {
border-bottom: 0;
}
.basket-table thead, .basket-table2 thead {
display: none;
}
.basket-table td, .basket-table2 td {
display: block;
padding: .5em;
width: 100% !important;
border: 0;
}
.basket-table .image-container {
vertical-align: top;
}
.basket-table tr:first-child > td, .basket-table2 tr:first-child > td {
padding-top: inherit;
}
.basket-table td:nth-child(5), .basket-table2 td:nth-child(5) {
text-align: left;
}
.basket-table td:nth-child(5) .button {
margin-left: 40%;
}
.basket-total td:first-of-type {
height: 45px;
}
.basket-table td:last-child {
border-bottom: 1px solid #CCC;
padding-bottom: 3%;
}
.basket-table td:nth-child(3),
.basket-table td:nth-child(4) {
clear: left;
}
.basket-table2 td:nth-child(3),
.basket-table2 td:nth-child(4) {
clear: left;
}
.basket-table2 td:nth-child(3) > input {
width:200px;
}
.basket2-qty {
width: 40px;
text-align: center;
margin: 0;
}
.ddlCountry {
width:200px;
}
.savedoc {
content: 'Save';
color: #FFF !important;
text-decoration: none !important;
background-color: #2d8e3c;
display: inline-block;
width: 50%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
}
.d-mob {
display:inline;
}
.editdoc {
color: #FFF !important;
text-decoration: none !important;
background-color: #000;
display: inline-block;
width: 50%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
}
.deletedoc {
color: #FFF !important;
text-decoration: none !important;
background-color: #8e2d2d;
display: inline-block;
width: 49%;
cursor: pointer;
padding: .75em 1.5em;
padding-left: 1.5em;
border: 0;
position: relative;
vertical-align: middle;
transition: background-color 0.3s ease;
-webkit-appearance: none;
border-radius: 1px;
white-space: nowrap;
text-align: center;
}
.show-mob {
display: inline-block;
vertical-align: top;
width: 40%;
font-weight: 600;
float: left;
text-align: left;
}
.basket-table td:nth-child(2),
.basket-shipping td {
text-align: right;
}
.basket-table .discount-code td span {
display: block;
}
label[for="ShipRegion"] {
display: inline-block;
float: left;
font-weight: 600;
padding-top: .125em;
}
select#ShipRegion {
width: 56%;
}
/*.basket-table tr.basket-shipping td:nth-child(2),
.basket-table tr.basket-shipping td:nth-child(3), */
.basket-table tr.basket-total td:nth-child(2) {
display: none;
}
#RegionSelectFrm,
#clearfrm {
display: block;
}
.basket-table select {
margin-right: 0;
}
.basket-table2 select {
margin-right: 0;
}
.moto input[name="Code"] {
width: 30%;
}
.moto input[name="Name"] {
width: 65%;
}
.moto-values,
.moto-values>div {
float: none;
display: block;
clear: both;
}
.moto-values>div {
padding: .5em 0 0 0;
}
.sku-table thead {
display: none;
}
.sku-table tr td {
display: inline-block;
}
.sku-table tr td:nth-of-type(4) {
clear: left;
color: #b2b2b2;
}
.sku-table tr td:nth-of-type(4),
.sku-table tr td:nth-of-type(5) {
text-align: left;
}
.sku-table tr:nth-of-type(2n) {
background: #e7e7e7;
}
.sku-table td:nth-of-type(3) span:first-of-type {
display: block
}
.sku-table td:nth-of-type(3) span:first-of-type:before {
content: "Code: ";
}
.sku-table td:nth-of-type(2) {
display: none;
}
.sku-table td:nth-of-type(3) {
width: -webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
}
.sku-table td:nth-of-type(3):after {
content: attr(data-title);
font-size: 10px;
}
.brands-wrapper {
margin: 35px 0;
}
.single-col-form.stacked-form>div[class*='col--'] {
width: 100%;
}
.review__author {width:200px;}
.prices .price {
font-size: 1em;
color:#464646;
}
.prices .price {
font-size: 1em;
color:#464646;
}
.prices .price--rrp {
font-size: 0.875em;
line-height:.9em;
}
.hidden {
display: none;
}
.basket-items:before {
background: url("/images/shopping-bag-white.svg") no-repeat scroll 0 0;
content: " ";
display: inline-block;
width: 35px;
height: 35px;
background-size: cover;
position:absolute;
left:0;
top:-1px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
}
@media (max-width: 649px) {
html {
font-size: 1em;
}
.header-links li:first-of-type {
display: none;
}
.field>label,
.field>*:not(label):not(select):not(button) {
width: 100%;
}
.form-buttons, .fixed .form-buttons,
.crt-acc .field>label,
.contact-form .field>label,
.change-password .field>label,
.fixed .field > label,
.fixed .field > label + div,
.checkout .field > label + div
{
width: 100%!important;
}
.crt-acc .form-error,
.contact-form .form-error,
.fixed .form-error{
margin-left: 0!important;
}
.field>input:not([type='submit']),
.field>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.field>textarea,
/*
Delete below?
*/
.fixed .field>input:not([type='submit']),
.fixed .field>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
/*
Delete above
*/
.fixed .field+div:not(.form-buttons)>input:not([type='submit']),
.fixed .field+div>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.crt-acc .field>input:not([type='submit']),
.contact-form .field>input:not([type='submit']),
.contact-form .field>textarea,
.change-password .field>input:not([type='submit']) {
width: 100%;
float: none;
max-width: none;
}
.helper {
float: none;
padding: 0.25em 0
}
.form-buttons,
.fixed .form-buttons {
margin-left: 0;
text-align:center;
}
.fixed .form-buttons .button {margin:0 auto}
.checkout .form-buttons .button {display:block;margin:1em auto 1em auto;}
.field--chk-box {
margin-left: 0;
}
.form-error {
margin-left: 0;
margin-bottom: 0;
line-height: 1;
}
#BasketItems>span:before {
content: ""
}
#BasketItems>span:after {
content: ""
}
.header-basket em {
display: none;
}
#BasketItems {
margin-right: 0;
}
.horizontal-list li a.header-basket {
margin: 0;
}
.header-links {
margin-top: .25em;
}
.listing-controls__pagination {
width: 40%;
}
.listing-controls__sorting label {
display: none;
}
.mobile-nav-wrap .mobile-nav ul.more-links {
display: block;
}
.cat-banner {
height: 200px;
}
.sub-cat-banner {
height: auto;
min-height: 200px;
}
.sub-cat-banner-txt {
max-width: none;
}
.sub-cat-banner-txt div {
min-height: 0;
}
}
@media (max-width: 549px) {
.menu-listings li .button:nth-of-type(3) {
clear: left;
}
.promo li:first-of-type {
display: none;
}
.pymt-opts {
float: none;
width: 100%;
text-align: center;
padding-bottom: 0;
}
.pymt-opts .button {
max-width: none;
}
.pymt-opts img {
margin: 0 auto;
}
.pymt-option.top {
text-align: center;
}
.button.continue-shopping,
.button.checkout-button,
.button.pp {
width: 100%;
}
.cont-shopping>span {
display: none;
}
}
@media (max-width: 524px) {
.editdoc {
width:100%;
}
.savedoc, .deletedoc {
width: 100%;
}
.deletedoc {
margin-top:4px;
}
/*
* Hide Mobile
*/
.featured-brands,
.featured-categories,
.product__share,
.prod-code {
display: none;
}
.mob-name,
.mob-name .prod-code {
display: block;
text-align: center;
}
.mob-name>span:first-of-type {
font-size: 1.25em;
line-height: 1;
}
.mob-name .prod-code {
padding-bottom: .5em;
padding-top: 0;
}
.main.row .content {
padding: 0;
}
.product-details {
}
#StockMsg {
display: block;
float: none;
padding-top: 0;
}
.product__basket {
text-align: left;
}
.product__basket {
margin-bottom: 0;
}
.product__basket label {
clear: left;
}
.mgr-items>nav,
.mgr-items>div {
display: block;
float: none;
}
.mgr-items {
height: auto;
}
.listing-controls__sorting {
text-align: left;
}
.listing-controls__pagination {
width: 90%;
}
.listing-controls__pagination.search-results {
width: 90%;
}
.freedelspan {
display: block;
padding: 0;
}
.header-wrapper header {
height: 50px;
}
/*.content-wrapper {
padding-top: 50px;
}*/
header > .row {
height: 50px;
}
.promo-bar, .content-wrapper.no-promo {
margin-top: 50px;
}
.header-logo img {
max-height: 25px;
}
.header-basket {
width: 50px;
height: 50px;
}
.progress-track {
font-size: 0.889em;
}
.checkout .form-buttons .button {width:100%;}
.basket-link {
width: 50px;
height: 50px;
padding: 10px;
}
.basket-link > span {
width:30px;
height:30px;
}
.basket-link:after {
left: 15px;
}
.basket-dropdown {
top: 50px;
}
.basket-items:before {
width: 30px;
height: 30px;
top: 0;
}
.m-search-btn {
width: 50px;
height: 50px;
background-size: 30px 30px;
}
.m-search-btn:before {
height: 30px;
margin-top: 10px;
}
.m-acc-btn {
width: 50px;
height: 50px;
background-size: 30px 30px;
}
.m-acc-btn:before {
height: 30px;
margin-top: 10px;
}
#BasketItems {
display: none;
}
.m-nav-btn {
width: 50px;
height: 50px;
padding: 13px 10px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
position: absolute;
width: 30px;
height: 2px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 4px;
}
.product__mod--size {
width: 100%;
}
.qty {
padding-top: 2.65rem;
margin-right: 0;
float: right;
width: -webkit-calc(100% - 190px);
width: -moz-calc(100% - 190px);
width: calc(100% - 190px);
}
.product__price .price--rrp,
.product__price .price--dif {
font-size: 0.889em;
}
.product__price .price {
font-size: 2em
}
.crt-acc .button, .single-col-form.stacked-form .button
{
float:none;
width:100%;
}
.product__data h1 {
font-size:1.25em;
}
.prd-brand {
max-width:100px
}
.product__data .rev-score {margin-top:0;}
.section-header {font-size:1.5em;}
}
@media (max-width: 480px) {
.product-box.slick-slide {
border-right: 0;
}
}
@media (max-width: 425px) {
/* .product__basket--fields {display:block;}
.product__basket--fields > fieldset:last-of-type {
clear: both;
display: block;
padding-top: .75em;
width: 100%;
text-align: left;
}
.product__basket input[type="submit"] {
width:100%;
padding--left:1.5em;
}
.product__basket input[name="Email"] {
}*/
#EmailDiv fieldset:first-of-type {
margin-bottom: .75em;
}
}
@media (max-width: 375px) {
.orders tr>td:nth-of-type(5),
.my-order-line td:nth-of-type(5) {
text-align: left;
}
.my-order-line td:last-of-type {
height: auto;
text-align: left;
padding: .5em;
}
.order-toggle {
top: auto;
}
.resp-tab-content,
.ma-section {
padding: 15px;
}
.featured-brands {
display: none;
}
.m-acc-btn span {
display: none;
}
}
/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
display: table;
}
.stacktable.small-only {
display: none;
}
@media (max-width: 800px) {
.stacktable.large-only {
display: none;
}
.stacktable.small-only {
display: table;
}
}
/*
* ##POP-UPS.CSS
*/
.pop-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647;
background: rgba(0, 0, 0, 0.4);
box-sizing: border-box;
/*overflow-y: scroll;*/
}
.pop-wrapper .popup {
width: 95%;
max-width: 600px;
margin: 0 auto;
position: relative;
top: 75px;
background-color: #fff;
padding: 20px;
}
.pop-wrapper .popup .popup__close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
padding: 0.5em;
text-align: center;
background-color: #757575;
color: #fff;
line-height: 1em;
z-index: 10;
}
.pop-wrapper .popup .popup__close:before {
content: "\e80c";
font-family: e2e;
}
.pop-wrapper .popup .pop__container {
display: table;
width: 100% !important;
}
.pop-wrapper .popup .pop__container>* {
width: 100% !important;
}
.pop-wrapper.pop-wrapper-basket .popup {
width: 440px;
max-width: 90%;
margin: 0 auto;
top: 100px;
position: relative;
background-color: #FFF;
padding: 20px;
text-align: center;
}
.pop-wrapper-basket .popup .button {
width: 190px;
min-width:0;
margin: 0 .25em;
white-space: nowrap;
}
.pop-wrapper-basket .popup .button:first-of-type {
float: right;
margin-right: 0;
}
.pop-wrapper-basket .popup .button:last-of-type {
background: #e5e5e5;
color: #333333 !important;
float: left;
margin-left: 0;
}
@media (max-width: 625px) {
.pop-wrapper-basket .popup .button:first-of-type {
float: none;
margin: 0 auto .5em auto;
display: block;
}
.pop-wrapper-basket .popup .button:last-of-type {
float: none;
margin: 0 auto;
display: block;
}
.pop-wrapper.pop-wrapper-basket .popup {
width: 230px;
}
.add2bsk-prod h3 {
color: #333333;
font-size: 0.889em;
margin: 0 0 .125em 0;
}
.add2bsk-prod {
display: table;
margin-bottom: 10px;
width: 100%;
}
.add2bsk-prod .image-container {
display: table-cell;
width: 150px;
padding: 0 15px 0 0;
vertical-align: top;
}
.add2bsk-prod .item__data {
padding: 0 1.5em 0 0;
border: 0;
display: table-cell;
vertical-align: top;
}
.add2bsk-prod p {
margin: 0;
font-weight: bold;
}
.list__item .image-container img {
width: 100%;
height: auto;
}
.add2bsk-prod .price {
font-size: 1em;
}
.add2bsk-prod {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 15px;
}
.add2bsk-total {
text-align: right;
font-weight: bold;
margin-bottom: 15px;
}
.add2bsk-total:before {
background: rgba(0, 0, 0, 0) url("/images/popup-basket.svg") no-repeat scroll 0 0;
content: " ";
display: inline-block;
height: 24px;
left: 0;
top: 0;
width: 30px;
margin: 0 0 -5px 0;
}
.stage-buttons .button {
width: 100%;
text-align: center;
}
.stage-buttons .button.regress {
color: #333333!important;
background: #ededed;
}
.stage-buttons .button.regress:hover {
background: #f1f1f1;
}
.grid__item.sm h3,
.grid__item.sm .price,
.grid__item.sm .rrp {
font-size: 0.889em;
}
}
@media screen and (max-width: 600px) {
.full-width>* {
padding-left: 10px;
padding-right: 10px;
}
.pop-wrapper .popup,
.pop-wrapper.pop-wrapper-basket .popup {
position: relative;
top: 50px;
right: 0;
bottom: 0;
left: 0;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
/* -- review order --*/
.order-review {
list-style: none;
padding-left: 0;
}
.order-review li {
margin-bottom: 1em;
}
.order-review .title {
font-size: 1.25em;
}
.order-review .box {
display: table;
width: 100%;
padding:1em;
background:#f1f1f1;
}
.order-review__product .image-container {
display: inline-block;
width: 100px;
margin-right: 10px;
float:left;
}
.order-review__product .image-container img {
width:100%;
height:auto
}
/* full width form if no image */
.order-review .box > .product__review-form:first-child {
width: 100%;
float: none;
}
.product__review-form.rating .review-form__label, .product__review-form.comment .review-form__label {width:100px;}
.product__review-form.rating .review-form__label {padding-top:3px;}
.product__review-form.rating .review-form__field, .product__review-form.comment .review-form__field {width:90%;width:-webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);}
.product__review-form {
display: inline-block;
vertical-align: top;
width: 88%;
width:90%;width:-webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
float: right;
}
.review-form__label {
float: left;
width: 190px;
clear: right;
margin-bottom: .25em;
line-height: 1.25em;
}
.review-form__field {
float: right;
width:80%;
width:-webkit-calc(100% - 210px);
width: -moz-calc(100% - 210px);
width: calc(100% - 210px);
margin-bottom: .25em;
line-height: 1.25em;
}
.review-form__field textarea {
width: 100%;
min-height: 5em;
}
.star-rating {
line-height: 1.4;
font-size: 1.25em;
cursor: pointer;
color: #E7B906;
}
.star-rating:hover > span:before {
content: "\f005";
}
.star-rating > span:hover ~ span:before {
content: "\f006";
}
#overlay {
position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 999; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
.help {
color:#fff;
background-color:#feb22a;
width:12px;
height:12px;
display:inline-block;
border-radius:100%;
font-size:10px;
text-align:center;
text-decoration:none;
text-color:#000;
-webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
-moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
}
#oltext {
padding:10px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color:#FFFFFF;
border-style: solid;
}
@media screen and (max-width: 40em) {
.product__review-form.rating div {
width:100%;
display:block;
clear:both;
}
.product__review-form.rating .review-form__field, .product__review-form.comment .review-form__field {
width:100%;
}
.product__review-form.comment {
display:block;
float:none;
clear:both;
padding-top:1em;
width:100%;
}
.review-form__label, .product__review-form.comment .review-form__label {
width:100px;
}
.review-form__field, .product__review-form.comment .review-form__field {
width:100%;
width:-webkit-calc(100% - 100px);
width: -moz-calc(100% - 100px);
width: calc(100% - 100px);
}
}
@media screen and (max-width: 448px) {
.review-form__field, .product__review-form.comment .review-form__field {width:100%;}
}
.tooltip {opacity:1 !important;}
.dt-button {color:#111111 !important;}
.hamburger-box { color:#FFF !important;}
.breadcrumb{
margin-left: 1em;
}
#BasketTotal{color:#000;}
#BasketTotal:hover{color:#000;}
.continue-shopping {
color:#FFFFFF !important;
border:solid 1px #000000;
background-color:#000000;
}
.continue-shopping:hover {
opacity:0.7!important;
}
input:disabled { color:#888 !important;opacity: .8}
.footer__list a {font-size:1.2em;}
#comment-input input::placeholder, #comment-textarea textarea::placeholder, .comment-form-comment textarea::placeholder, .input-text::placeholder, .post-password-form label input[type="password"]::placeholder, .searchform .s::placeholder, input#s::placeholder, input::placeholder, textarea.fusion-form-input::placeholder{color:#888 !important;}
.table-muted {
border:0px;
padding:0px;
margin:0px;
}
.odr-dtls-col1 {
width: 200px;
max-width: 50%;
}
.hr-no-margin {
margin:0px !important;
}
.hr-small-margin {
margin:0.5em 0px 0px 0px !important;
}
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
.basket-product .image-container, .view-order-product .image-container {display:none;}
.basket-qty {
position: relative !important;
border: 0px !important;
padding: 0px !important;
height: auto !important;
text-align: left !important;
}
.vieworder-itemstable table,
.vieworder-itemstable thead,
.vieworder-itemstable tbody,
.vieworder-itemstable th,
.vieworder-itemstable td,
.vieworder-itemstable tr,
.vieworder-docstable table,
.vieworder-docstable thead,
.vieworder-docstable tbody,
.vieworder-docstable th,
.vieworder-docstable td,
.vieworder-docstable tr
{
display: block;
}
.vieworder-itemstable thead tr,
.vieworder-docstable thead tr
{
position: absolute;
top: -9999px;
left: -9999px;
}
.vieworder-itemstable tr, .vieworder-docstable tr { border: 1px solid #ccc; }
.vieworder-itemstable td, .vieworder-docstable td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
.vieworder-itemstable td:before, .vieworder-docstable td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.vieworder-itemstable td:nth-of-type(1):before { content: "Name"; }
.vieworder-itemstable td:nth-of-type(2):before { content: "Qty"; }
.vieworder-itemstable td:nth-of-type(3):before { content: "Price"; }
.vieworder-itemstable td:nth-of-type(4):before { content: "Cost"; }
.vieworder-docstable td:nth-of-type(1):before { content: "Qty"; }
.vieworder-docstable td:nth-of-type(2):before { content: "Type"; }
.vieworder-docstable td:nth-of-type(3):before { content: "Original"; }
.vieworder-docstable td:nth-of-type(4):before { content: "Name"; }
.vieworder-docstable td:nth-of-type(4):before { content: "Country"; }
}
body, .breadcrumb-row {
max-width:100% !important;
}
.cookie-alert {
color: #333;
background: #c7c7c7;
background: rgba(255,255,255,.7);
position: fixed;
bottom: 0px;
z-index: 99999;
width: 100%;
padding:10px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.responsive-table {
border-spacing: 0;
}
.responsive-table td,
.responsive-table th {
padding: 0.5em;
}
.responsive-table th {
font-weight: bold;
text-align: left;
}
.responsive-table td > div {
float: left;
}
.responsive-table-header {
display:none;
}
@media screen and (max-width: 885px) {
.responsive-table-header {
display: block;
width: 100%;
background-color: #999;
color: white;
font-weight: bold;
text-align: left;
padding: 0.5em;
font-size: 1em;
line-height: 1.3;
}
.responsive-table-hidden {
display:none;
}
.responsive-table td > div {
float: right;
}
.responsive-table thead th {
background-color: #999;
color: white;
}
.responsive-table thead th {
display: none;
}
.responsive-table td, .responsive-table th {
display: block;
width: 100% !important;
}
.responsive-table td:first-child {
font-weight: bold;
}
.responsive-table td[data-th]:before {
content: attr(data-th);
border-radius: 10px 0px 0px 10px;
font-weight: bold;
min-width: 10rem;
display: inline-block;
}
.responsive-table .title {
float: unset;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}
}
.footer-contact-info div {
background-color:#333;
border-radius:8px;
margin-bottom:8px;
}
.footer-copyright a {
color: white;
}
/* Ensure the banner always appears above everything */
#cookie-banner {
background-color: black;
color: white;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
padding: 15px;
z-index: 2147483647;
box-shadow: 0px -2px 5px rgba(0,0,0,0.5);
isolation: isolate;
}
#cookie-banner div {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#cookie-banner div span {
font-size: 16px;
line-height: 1.5;
flex: 1;
text-align: left;
}
#cookie-banner div a {
color: #DD5F56;
text-decoration: underline;
}
#close-cookie-banner {
background-color: #DD5F56;
color: white;
border: none;
padding: 10px 20px;
margin-left: 15px;
cursor: pointer;
border-radius: 5px;
flex-shrink: 0;
}
/* Style adjustments for mobile devices */
@media (max-width: 600px) {
#cookie-banner div {
flex-direction: column; /* Stack elements vertically on mobile */
}
#close-cookie-banner {
align-self: flex-start; /* Align button to the left */
margin-left: 0;
margin-right: 15px;
}
}
.lwp {
width:90%;
max-width:1000px;
}