/***
The new CSS reset - version 1.7.2 (last updated 23.6.2022)
GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
- The "symbol *" part is to solve Firefox SVG sprite bug
*/
*:where(:not(html, iframe, canvas, img, svg, video):not(svg *, symbol *)) {
all: unset;
display: revert;
}
/* Preferred box-sizing value */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Reapply the pointer cursor for anchor tags */
a,
button {
cursor: revert;
}
/* Remove list styles (bullets/numbers) */
ol,
ul,
menu {
list-style: none;
}
/* For images to not be able to exceed their container */
img {
max-width: 100%;
height: auto;
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
/* removes spacing between cells in tables */
table {
border-collapse: collapse;
}
/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input,
textarea {
-webkit-user-select: auto;
}
/* revert the 'white-space' property for textarea elements on Safari */
textarea {
white-space: revert;
}
/* minimum style to allow to style meter element */
meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
}
/* reset default text opacity of input placeholder */
::-moz-placeholder {
color: unset;
}
::placeholder {
color: unset;
}
/* fix the feature of 'hidden' attribute.
display:revert; revert to element instead of attribute */
:where([hidden]) {
display: none;
}
/* revert for bug in Chromium browsers
- fix for the content editable attribute will work properly.
- webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
-webkit-user-drag: element;
}
/* Setup usage of Magento variables */
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size-adjust: 100%;
}
body {
color: #003057;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.25;
font-size: 1.6rem;
}
p {
margin-top: 0rem;
margin-bottom: 0rem;
}
abbr[title] {
border-bottom: 1px dotted #EDF4F8;
cursor: help;
}
b,
strong {
font-weight: 700;
}
em,
i {
font-style: italic;
}
mark {
background: #E6F4F9;
color: #002E50;
}
small,
.small {
font-size: 1.3rem;
}
hr {
border: 0;
border-top: 0.2rem solid #EDF4F8;
margin-bottom: 2rem;
margin-top: 2rem;
}
sub,
sup {
font-size: 68.75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dfn {
font-style: italic;
}
h1 {
font-weight: 700;
line-height: 1.3;
font-size: 3rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
h2 {
font-weight: 700;
line-height: 1.3;
font-size: 2.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
h3 {
font-weight: 700;
line-height: 1.3;
font-size: 1.8rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
h4 {
font-weight: 700;
line-height: 1.3;
font-size: 1.7rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
h5 {
font-weight: 700;
line-height: 1.3;
font-size: 1.4rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
h6 {
font-weight: 700;
line-height: 1.3;
font-size: 1.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
color: #003057;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1;
}
a,
.alink {
color: #DE4700;
text-decoration: none;
}
a:visited,
.alink:visited {
color: #DE4700;
text-decoration: none;
}
a:hover,
.alink:hover {
color: #DE4700;
text-decoration: none;
}
a:active,
.alink:active {
color: #00843D;
text-decoration: none;
}
ul,
ol {
margin-top: 0rem;
margin-bottom: 0rem;
}
ul > li,
ol > li {
margin-top: 0rem;
margin-bottom: 0rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
dl {
margin-bottom: 0;
margin-top: 0;
}
dt {
font-weight: 400;
margin-bottom: 0;
margin-top: 0;
}
dd {
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
code {
background: #E6F4F9;
color: #000a12;
padding: 2px 4px;
font-size: 1.3rem;
white-space: nowrap;
}
kbd {
background: #E6F4F9;
color: #000a12;
padding: 2px 4px;
font-size: 1.3rem;
}
pre {
background: #E6F4F9;
border: 0.2rem solid #EDF4F8;
color: #000a12;
line-height: 1.25;
margin: 0 0 1rem;
padding: 1rem;
font-size: 1.3rem;
display: block;
word-wrap: break-word;
}
pre code {
background-color: transparent;
border-radius: 0;
color: inherit;
font-size: inherit;
padding: 0;
white-space: pre-wrap;
}
blockquote {
border-left: 0 solid #EDF4F8;
margin: 0 0 1.8rem 3.2rem;
padding: 0;
color: #003057;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 1.25;
font-size: 1.6rem;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
color: #003057;
line-height: 1.25;
font-size: 1.1rem;
display: block;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
blockquote cite {
font-style: normal;
}
blockquote:before,
blockquote:after {
content: '';
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
cite {
font-style: normal;
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type*="date"],
input[type="email"] {
background: #E6F4F9;
background-clip: padding-box;
border: 0.2rem solid #E6F4F9;
border-radius: 0.3rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
height: 4.4rem;
line-height: normal;
padding: 0 1.8rem;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type*="date"]:focus,
input[type="email"]:focus {
border: 0.2rem solid #7392a8;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type*="date"]:disabled,
input[type="email"]:disabled {
opacity: 0.5;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type*="date"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
color: rgba(0, 48, 87, 0.5);
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type*="date"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type*="date"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
select {
background: #E6F4F9 url('../images/select-bg.svg') no-repeat 100% 45%;
background-clip: padding-box;
border: 0.2rem solid #E6F4F9;
border-radius: 0.3rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
height: 4.4rem;
line-height: 4rem;
padding: 0 4rem 0 1.8rem;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
}
select:focus {
border: 0.2rem solid #7392a8;
}
select:disabled {
opacity: 0.5;
background: #E6F4F9;
}
select[multiple] {
height: auto;
background-image: none;
}
textarea {
background: #E6F4F9;
background-clip: padding-box;
border: 0.2rem solid #E6F4F9;
border-radius: 0.3rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
height: 16rem;
line-height: normal;
margin: 0;
padding: 1.8rem;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
resize: none;
}
textarea:focus {
border: 0.2rem solid #7392a8;
}
textarea:disabled {
opacity: 0.5;
}
textarea::-moz-placeholder {
color: rgba(0, 48, 87, 0.5);
}
textarea::-webkit-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
textarea:-ms-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
input[type="checkbox"] {
margin: 0;
position: relative;
top: 2px;
}
input[type="checkbox"]:disabled {
opacity: 0.5;
}
input[type="radio"] {
margin: 0;
}
input[type="radio"]:disabled {
opacity: 0.5;
}
input.mage-error,
select.mage-error,
textarea.mage-error {
border-color: #ed786f;
}
div.mage-error {
color: #DA291C;
font-size: 1.3rem;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type*="date"] {
background: #E6F4F9;
background-clip: padding-box;
border: 0.2rem solid #E6F4F9;
border-radius: 0.3rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
height: 4.4rem;
line-height: normal;
padding: 0 1.8rem;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
}
input[type*="date"]:focus {
border: 0.2rem solid #7392a8;
}
input[type*="date"]:disabled {
opacity: 0.5;
}
input[type*="date"]::-moz-placeholder {
color: rgba(0, 48, 87, 0.5);
}
input[type*="date"]::-webkit-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
input[type*="date"]:-ms-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}
table th {
text-align: left;
}
table > tbody > tr > th,
table > tfoot > tr > th,
table > tbody > tr > td,
table > tfoot > tr > td {
vertical-align: top;
}
table > thead > tr > th,
table > thead > tr > td {
vertical-align: bottom;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
padding: 1rem 1rem;
}
button {
background-image: none;
background: #003057;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
}
button:focus,
button:active {
background: #003057;
border: 0.2rem solid #E6F4F9;
color: #ffffff;
}
button:hover {
background: #E6F4F9;
border: 0.2rem solid #7392a8;
color: #003057;
}
button.disabled,
button[disabled],
fieldset[disabled] button {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
/* Replace Magento reset ._keyfocus styles */
a:focus,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
outline: 0.2rem solid #103250;
outline-offset: 0.2rem;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
a:focus-visible,
button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
[role="region"]:focus-visible {
outline: 0.2rem solid transparent;
outline-offset: 0.2rem;
box-shadow: 0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #103250;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/* Will automatically add woff2 and woff formats */
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/regular/Roboto-Regular-subset.woff2') format('woff2'), url('../fonts/roboto/regular/Roboto-Regular-subset.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/bold/Roboto-Bold-subset.woff2') format('woff2'), url('../fonts/roboto/bold/Roboto-Bold-subset.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/medium/Roboto-Medium-subset.woff2') format('woff2'), url('../fonts/roboto/medium/Roboto-Medium-subset.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/black/Roboto-Black-subset.woff2') format('woff2'), url('../fonts/roboto/black/Roboto-Black-subset.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto/italic/Roboto-Italic-subset.woff2') format('woff2'), url('../fonts/roboto/italic/Roboto-Italic-subset.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
/* Custom icon font built on top of Luma icons */
@font-face {
font-family: 'luma-icons-custom';
src: url('../fonts/luma-icons-custom/luma-icons-custom.woff2') format('woff2'), url('../fonts/luma-icons-custom/luma-icons-custom.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
h2 {
font-size: 1.8rem;
line-height: 1.33333333;
}
.contentmanager-content-view h2,
.contact-index-index h2,
.customer-account-login h2,
.customer-account-create h2,
.account .column.main h2,
.checkout-cart-index h2,
.checkout-index-index .opc-wrapper .step-title,
.checkout-index-index .opc-block-summary h2 {
font-size: 1.8rem;
line-height: 1.33333333;
}
h3 {
font-size: 1.6rem;
line-height: 1.75;
}
h4 {
font-size: 1.4rem;
line-height: 1.28571429;
}
.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-main,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container {
padding-left: 0;
padding-right: 0;
}
/* padded content grids */
.columns,
.breakout.columns-subgrid,
.page-footer,
.usp__block--home,
.usp__block--footer,
.notice-banner__container {
display: grid;
grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 138rem) [wrapper-end] 1fr [full-end];
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
/* any child can break out of the max width content grid */
}
.columns > .breakout,
.breakout.columns-subgrid > .breakout,
.page-footer > .breakout,
.usp__block--home > .breakout,
.usp__block--footer > .breakout,
.notice-banner__container > .breakout {
grid-column: full;
}
/* grid containers with all children contained to max width */
.columns > *,
.breakout.columns-subgrid > *,
.usp__block--home > *,
.usp__block--footer > *,
.notice-banner__container > * {
grid-column: wrapper;
}
/* grid containers with selected list of children contained to max width */
.page-footer .footer-inner,
.page-footer .payment__partners {
grid-column: wrapper;
}
.page-footer .footer__pattern {
grid-column: full;
}
/* default (12) column grid */
.columns-subgrid__inner {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.columns-subgrid__inner > * {
grid-column-start: 1;
grid-column-end: -1;
}
.table-wrapper {
margin-bottom: 1.8rem;
}
table > caption {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.table tfoot {
background: #f5f5f5;
}
.table tfoot > tr:first-child th,
.table tfoot > tr:first-child td {
border-top: 0.4rem solid #EDF4F8;
padding-top: 1.8rem;
}
.table tfoot th,
.table tfoot td {
border: 0;
}
.table tfoot .mark {
font-weight: 400;
text-align: right;
}
.message.info {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #F7DE88;
border-color: transparent;
color: #003057;
}
.message.info a {
color: #DE4700;
}
.message.info a:hover {
color: #DE4700;
}
.message.info a:active {
color: #DE4700;
}
.message.error {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #F9DEC7;
border-color: #DA291C;
color: #DA291C;
}
.message.error a {
color: #DE4700;
}
.message.error a:hover {
color: #DE4700;
}
.message.error a:active {
color: #DE4700;
}
.message.warning {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #F8D6B9;
border-color: transparent;
color: #003057;
}
.message.warning a {
color: #DE4700;
}
.message.warning a:hover {
color: #DE4700;
}
.message.warning a:active {
color: #DE4700;
}
.message.notice {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #F7DE88;
border-color: transparent;
color: #003057;
}
.message.notice a {
color: #DE4700;
}
.message.notice a:hover {
color: #DE4700;
}
.message.notice a:active {
color: #DE4700;
}
.message.success {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #C3FEE1;
border-color: transparent;
color: #007637;
}
.message.success a {
color: #007637;
}
.message.success a:hover {
color: #007637;
}
.message.success a:active {
color: #007637;
}
.messages .message a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.3rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
}
.messages .message a:focus,
.messages .message a:hover,
.messages .message a:active {
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.5rem;
}
.messages .message.info {
padding-left: 5.4rem;
background: revert;
background-color: #F7DE88;
background-image: url('../images/icons/messages/message--info.svg');
background-position: 1.8rem 1.6rem;
background-repeat: no-repeat;
background-size: 2.4rem 2.4rem;
}
.messages .message.error {
padding-left: 5.4rem;
background: revert;
background-color: #F9DEC7;
background-image: url('../images/icons/messages/message--error.svg');
background-position: 1.8rem 1.6rem;
background-repeat: no-repeat;
background-size: 2.4rem 2.4rem;
}
.messages .message.warning {
padding-left: 5.4rem;
background: revert;
background-color: #F8D6B9;
background-image: url('../images/icons/messages/message--warning.svg');
background-position: 1.8rem 1.6rem;
background-repeat: no-repeat;
background-size: 2.4rem 2.4rem;
}
.messages .message.notice {
padding-left: 5.4rem;
background: revert;
background-color: #F7DE88;
background-image: url('../images/icons/messages/message--notice.svg');
background-position: 1.8rem 1.6rem;
background-repeat: no-repeat;
background-size: 2.4rem 2.4rem;
}
.messages .message.success {
padding-left: 5.4rem;
background: revert;
background-color: #C3FEE1;
background-image: url('../images/icons/messages/message--success.svg');
background-position: 1.8rem 1.6rem;
background-repeat: no-repeat;
background-size: 2.4rem 2.4rem;
}
.panel.header .links,
.panel.header .switcher {
display: none;
}
.nav-sections {
background: #f0f0f0;
}
.nav-toggle {
display: inline-block;
text-decoration: none;
cursor: pointer;
display: block;
font-size: 0;
left: 15px;
position: absolute;
top: 15px;
z-index: 14;
}
.nav-toggle:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: inherit;
color: #757575;
content: "\e609";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.nav-toggle:hover:before {
color: #333;
}
.nav-toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.tooltip.wrapper {
position: relative;
}
.tooltip.wrapper .tooltip.content {
background: #fff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #003057;
line-height: 1.4;
border: 1px solid #bbb;
margin-top: 5px;
left: 0;
top: 100%;
}
.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.tooltip.wrapper .tooltip.content:after {
border-width: 5px;
border-color: transparent;
}
.tooltip.wrapper .tooltip.content:before {
border-width: 6px;
border-color: transparent;
}
.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before {
bottom: 100%;
}
.tooltip.wrapper .tooltip.content:after {
border-bottom-color: #fff;
left: 15px;
margin-left: -5px;
}
.tooltip.wrapper .tooltip.content:before {
border-bottom-color: #bbb;
left: 15px;
margin-left: -6px;
}
.tooltip.wrapper .tooltip.toggle {
cursor: help;
}
.tooltip.wrapper .tooltip.toggle:hover + .tooltip.content,
.tooltip.wrapper .tooltip.toggle:focus + .tooltip.content,
.tooltip.wrapper:hover .tooltip.content {
display: block;
}
.tooltip.wrapper .tooltip.content dl {
margin-bottom: 0;
}
.tooltip.wrapper .tooltip.content dd {
white-space: normal;
}
.tooltip.wrapper .tooltip.content .subtitle {
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
}
.tooltip.wrapper .tooltip.content .label {
margin-top: 1rem;
}
.tooltip.wrapper .tooltip.content .label:first-child {
margin-top: 0;
}
.tooltip.wrapper .tooltip.content .values {
margin: 0;
}
.ui-tooltip {
position: absolute;
z-index: 9999;
}
.load.indicator {
background-color: rgba(255, 255, 255, 0.7);
z-index: 9999;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
position: absolute;
}
.load.indicator:before {
background: transparent url('../images/loader-2.gif') no-repeat 50% 50%;
border-radius: 5px;
height: 160px;
width: 160px;
bottom: 0;
box-sizing: border-box;
content: '';
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.load.indicator > span {
display: none;
}
.loading-mask {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
background: rgba(255, 255, 255, 0.5);
}
.loading-mask .loader > img {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}
.loading-mask .loader > p {
display: none;
}
body > .loading-mask {
z-index: 9999;
}
._block-content-loading {
position: relative;
}
[data-role='main-css-loader'] {
display: none;
}
.fieldset {
border: 0;
margin: 0 0 3.2rem;
padding: 0;
letter-spacing: -0.31em;
}
.fieldset > * {
letter-spacing: normal;
}
.fieldset > .legend {
margin: 0 0 2rem;
padding: 0;
width: 100%;
box-sizing: border-box;
float: left;
font-weight: 500;
line-height: 1.75;
font-size: 1.6rem;
}
.fieldset > .legend + br {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.fieldset:last-child {
margin-bottom: 1.8rem;
}
.fieldset > .field,
.fieldset > .fields > .field {
margin: 0 0 0;
}
.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
margin: 0 0 0.9rem;
display: inline-block;
}
.fieldset > .field:last-child,
.fieldset > .fields > .field:last-child {
margin-bottom: 0;
}
.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
font-weight: 500;
line-height: 1.06666667;
font-size: 1.5rem;
}
.fieldset > .field > .label + br,
.fieldset > .fields > .field > .label + br {
display: none;
}
.fieldset > .field .choice input,
.fieldset > .fields > .field .choice input {
vertical-align: top;
}
.fieldset > .field .fields.group:before,
.fieldset > .fields > .field .fields.group:before,
.fieldset > .field .fields.group:after,
.fieldset > .fields > .field .fields.group:after {
content: '';
display: table;
}
.fieldset > .field .fields.group:after,
.fieldset > .fields > .field .fields.group:after {
clear: both;
}
.fieldset > .field .fields.group .field,
.fieldset > .fields > .field .fields.group .field {
box-sizing: border-box;
float: left;
}
.fieldset > .field .fields.group.group-2 .field,
.fieldset > .fields > .field .fields.group.group-2 .field {
width: 50% !important;
}
.fieldset > .field .fields.group.group-3 .field,
.fieldset > .fields > .field .fields.group.group-3 .field {
width: 33.3% !important;
}
.fieldset > .field .fields.group.group-4 .field,
.fieldset > .fields > .field .fields.group.group-4 .field {
width: 25% !important;
}
.fieldset > .field .fields.group.group-5 .field,
.fieldset > .fields > .field .fields.group.group-5 .field {
width: 20% !important;
}
.fieldset > .field .addon,
.fieldset > .fields > .field .addon {
display: inline-flex;
flex-wrap: nowrap;
padding: 0;
width: 100%;
}
.fieldset > .field .addon textarea,
.fieldset > .fields > .field .addon textarea,
.fieldset > .field .addon select,
.fieldset > .fields > .field .addon select,
.fieldset > .field .addon input,
.fieldset > .fields > .field .addon input {
order: 2;
flex-basis: 100%;
display: inline-block;
margin: 0;
width: auto;
}
.fieldset > .field .addon .addbefore,
.fieldset > .fields > .field .addon .addbefore,
.fieldset > .field .addon .addafter,
.fieldset > .fields > .field .addon .addafter {
background: #E6F4F9;
background-clip: padding-box;
border: 0.2rem solid #E6F4F9;
border-radius: 0.3rem;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 400;
height: 4.4rem;
line-height: normal;
padding: 0 1.8rem;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
order: 3;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
width: auto;
}
.fieldset > .field .addon .addbefore:focus,
.fieldset > .fields > .field .addon .addbefore:focus,
.fieldset > .field .addon .addafter:focus,
.fieldset > .fields > .field .addon .addafter:focus {
border: 0.2rem solid #7392a8;
}
.fieldset > .field .addon .addbefore:disabled,
.fieldset > .fields > .field .addon .addbefore:disabled,
.fieldset > .field .addon .addafter:disabled,
.fieldset > .fields > .field .addon .addafter:disabled {
opacity: 0.5;
}
.fieldset > .field .addon .addbefore::-moz-placeholder,
.fieldset > .fields > .field .addon .addbefore::-moz-placeholder,
.fieldset > .field .addon .addafter::-moz-placeholder,
.fieldset > .fields > .field .addon .addafter::-moz-placeholder {
color: rgba(0, 48, 87, 0.5);
}
.fieldset > .field .addon .addbefore::-webkit-input-placeholder,
.fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder,
.fieldset > .field .addon .addafter::-webkit-input-placeholder,
.fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
.fieldset > .field .addon .addbefore:-ms-input-placeholder,
.fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder,
.fieldset > .field .addon .addafter:-ms-input-placeholder,
.fieldset > .fields > .field .addon .addafter:-ms-input-placeholder {
color: rgba(0, 48, 87, 0.5);
}
.fieldset > .field .addon .addbefore,
.fieldset > .fields > .field .addon .addbefore {
float: left;
order: 1;
}
.fieldset > .field .additional,
.fieldset > .fields > .field .additional {
margin-top: 1rem;
}
.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after {
content: '*';
color: #DE4700;
font-size: 1.3rem;
margin: 0 0 0 1ch;
}
.fieldset > .field .note,
.fieldset > .fields > .field .note {
color: #4F758B;
font-size: 1.3rem;
margin: 3px 0 0;
padding: 0;
display: inline-block;
text-decoration: none;
}
.fieldset > .field .note:before,
.fieldset > .fields > .field .note:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2.6rem;
line-height: 1.3rem;
color: #4F758B;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.fieldset > .field.no-label > .label,
.fieldset > .fields > .field.no-label > .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.fieldset > .field.choice .label,
.fieldset > .fields > .field.choice .label {
display: inline;
font-weight: normal;
margin: 0;
}
.column:not(.main) .fieldset > .field .label,
.column:not(.main) .fieldset > .fields > .field .label {
font-weight: normal;
}
.fieldset > .field .field.choice,
.fieldset > .fields > .field .field.choice {
margin-bottom: 1rem;
}
.fieldset > .field .field.choice:last-child,
.fieldset > .fields > .field .field.choice:last-child {
margin-bottom: 0;
}
.legend + .fieldset,
.legend + div {
clear: both;
}
.legend > span {
margin-right: 0.4rem;
}
fieldset.field {
border: 0;
padding: 0;
}
.field.date .time-picker {
display: inline-block;
margin-top: 1rem;
white-space: nowrap;
}
.field .message.warning {
margin-top: 1rem;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-size: 30px 60px;
text-indent: 0.01em;
text-overflow: '';
}
select::-ms-expand {
display: none;
}
select.admin__control-multiselect {
height: auto;
}
.field-error,
div.mage-error {
margin-top: 7px;
}
.field-error {
color: #DA291C;
font-size: 1.3rem;
}
.product-options-wrapper .date.required div[for*='options'].mage-error {
display: none !important;
}
.field .tooltip {
position: relative;
}
.field .tooltip .tooltip-content {
background: #fff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #003057;
line-height: 1.4;
border: 1px solid #bbb;
margin-left: 5px;
left: 100%;
top: 0;
}
.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.field .tooltip .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.field .tooltip .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before {
right: 100%;
}
.field .tooltip .tooltip-content:after {
border-right-color: #fff;
margin-top: -5px;
top: 15px;
}
.field .tooltip .tooltip-content:before {
border-right-color: #bbb;
margin-top: -6px;
top: 15px;
}
.field .tooltip .tooltip-toggle {
cursor: help;
}
.field .tooltip .tooltip-toggle:hover + .tooltip-content,
.field .tooltip .tooltip-toggle:focus + .tooltip-content,
.field .tooltip:hover .tooltip-content {
display: block;
}
.field .tooltip .tooltip-content {
min-width: 200px;
white-space: normal;
}
input:focus ~ .tooltip .tooltip-content,
select:focus ~ .tooltip .tooltip-content {
display: block;
}
._has-datepicker ~ .ui-datepicker-trigger {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-shadow: none;
font-weight: 400;
display: block;
text-decoration: none;
display: inline-block;
margin-top: -4px;
vertical-align: middle;
}
._has-datepicker ~ .ui-datepicker-trigger:focus,
._has-datepicker ~ .ui-datepicker-trigger:active {
background: none;
border: none;
}
._has-datepicker ~ .ui-datepicker-trigger:hover {
background: none;
border: none;
}
._has-datepicker ~ .ui-datepicker-trigger.disabled,
._has-datepicker ~ .ui-datepicker-trigger[disabled],
fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger {
pointer-events: none;
opacity: 0.5;
}
._has-datepicker ~ .ui-datepicker-trigger > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
._has-datepicker ~ .ui-datepicker-trigger:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 23px;
line-height: 23px;
color: #0F304D;
content: "\e612";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
._has-datepicker ~ .ui-datepicker-trigger:focus {
box-shadow: none;
outline: 0;
}
.sidebar .fieldset {
margin: 0;
}
.sidebar .fieldset > .field:not(.choice):not(:last-child),
.sidebar .fieldset .fields > .field:not(:last-child) {
margin: 0 0 0;
}
.sidebar .fieldset > .field:not(.choice) .label,
.sidebar .fieldset .fields > .field .label {
margin: 0 0 4px;
padding: 0 0 0.4rem;
text-align: left;
width: 100%;
}
.sidebar .fieldset > .field:not(.choice) .control,
.sidebar .fieldset .fields > .field .control {
width: 100%;
}
@font-face {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
src: url('../fonts/Luma-Icons.woff2') format('woff2'), url('../fonts/Luma-Icons.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
button,
a.action.primary {
border-radius: 0.3rem;
}
button:active {
box-shadow: inset 0 1px 0 0 rgba(237, 244, 248, 0.8), inset 0 -1px 0 0 rgba(237, 244, 248, 0.3);
}
a.action.primary,
a.action.cta,
a.action.clear,
a.action.as-btn {
display: inline-flex;
text-decoration: none;
}
a.action.primary:hover,
a.action.cta:hover,
a.action.clear:hover,
a.action.as-btn:hover,
a.action.primary:active,
a.action.cta:active,
a.action.clear:active,
a.action.as-btn:active,
a.action.primary:focus,
a.action.cta:focus,
a.action.clear:focus,
a.action.as-btn:focus {
text-decoration: none;
}
a.action.clear,
a.action.clear:focus,
a.action.clear:hover,
a.action.clear:active {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.action.primary,
.action-primary {
background-image: none;
background: #00843D;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
}
.action.primary:focus,
.action-primary:focus,
.action.primary:active,
.action-primary:active {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
.action.primary:hover,
.action-primary:hover {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
.action.primary.disabled,
.action-primary.disabled,
.action.primary[disabled],
.action-primary[disabled],
fieldset[disabled] .action.primary,
fieldset[disabled] .action-primary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.action.primary.submit,
.action-primary.submit {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.action.cta {
background-image: none;
background: #DE4700;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
}
.action.cta:focus,
.action.cta:active {
background: #DA291C;
border: 0.2rem solid transparent;
color: #ffffff;
}
.action.cta:hover {
background: #DA291C;
border: 0.2rem solid transparent;
color: #ffffff;
}
.action.cta.disabled,
.action.cta[disabled],
fieldset[disabled] .action.cta {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.action.cta-invert {
background-image: none;
background: #ffffff;
border: 0.2rem solid transparent;
color: #DE4700;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
}
.action.cta-invert:focus,
.action.cta-invert:active {
background: #ffffff;
border: 0.2rem solid #DE4700;
color: #DE4700;
}
.action.cta-invert:hover {
background: #DE4700;
border: 0.2rem solid transparent;
color: #ffffff;
}
.action.cta-invert.disabled,
.action.cta-invert[disabled],
fieldset[disabled] .action.cta-invert {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.action.ghost {
background-image: none;
background: #E6F4F9;
border: 0.2rem solid #E6F4F9;
color: #003057;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
transition: background-color 250ms linear, border 250ms linear;
}
.action.ghost:focus,
.action.ghost:active {
background: #F3FAFD;
border: 0.2rem solid #003057;
color: #003057;
}
.action.ghost:hover {
background: #F3FAFD;
border: 0.2rem solid #003057;
color: #003057;
}
.action.ghost.disabled,
.action.ghost[disabled],
fieldset[disabled] .action.ghost {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
a.action.clear,
button.action.clear,
.modal-custom .action-dismiss,
.modal-popup .action-dismiss,
.modal-slide .action-dismiss,
.shopping-cart__row .scr-bulk-actions .action.update {
background-image: none;
background: transparent;
border: 0.2rem solid transparent;
color: #DE4700;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500;
margin: 0;
padding: 0.8rem 0.4rem;
font-size: 1.3rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
a.action.clear:focus,
button.action.clear:focus,
a.action.clear:active,
button.action.clear:active {
background: transparent;
border: 0.2rem solid transparent;
color: #DE4700;
}
a.action.clear:hover,
button.action.clear:hover {
background: transparent;
border: 0.2rem solid transparent;
color: #DE4700;
}
a.action.clear.disabled,
button.action.clear.disabled,
a.action.clear[disabled],
button.action.clear[disabled],
fieldset[disabled] a.action.clear,
fieldset[disabled] button.action.clear {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
a.action.clear:focus,
button.action.clear:focus,
a.action.clear:hover,
button.action.clear:hover,
a.action.clear:active,
button.action.clear:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
a.action.clear:focus,
button.action.clear:focus,
a.action.clear:hover,
button.action.clear:hover,
a.action.clear:active,
button.action.clear:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
button.btn--large,
.action.primary.btn--large,
.action-primary.btn--large,
.action.secondary.btn--large,
.action.cta.btn--large,
.action.cta-invert.btn--large,
.action.clear.btn--large {
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
}
button.btn--small,
.action.primary.btn--small,
.action-primary.btn--small,
.action.secondary.btn--small,
.action.cta.btn--small,
.action.cta-invert.btn--small,
.action.clear.btn--small {
line-height: 2.2rem;
padding: 0.4rem 2rem;
font-size: 1.5rem;
font-weight: 500;
}
button.btn--xlarge,
.action.primary.btn--xlarge,
.action-primary.btn--xlarge,
.action.secondary.btn--xlarge,
.action.cta.btn--xlarge,
.action.cta-invert.btn--xlarge,
.action.clear.btn--xlarge {
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
padding: 1.6rem 4rem;
}
.action.clear.btn--xlarge,
.action.clear.btn--large,
.action.clear.btn--small {
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.product.data.items {
margin: 0;
padding: 0;
border-bottom: 0.2rem solid #EDF4F8;
margin-bottom: 1.8rem;
margin-left: -1.8rem;
margin-right: -1.8rem;
}
.product.data.items > .item.title {
box-sizing: border-box;
float: none;
width: 100%;
}
.product.data.items > .item.title > .switch {
display: block;
}
.product.data.items > .item.content {
box-sizing: border-box;
display: block;
float: none;
margin: 0;
}
.product.data.items > .item.content:before,
.product.data.items > .item.content:after {
content: '';
display: table;
}
.product.data.items > .item.content:after {
clear: both;
}
.product.data.items > .item.content.active {
display: block;
}
.product.data.items > .item.title {
margin: 0;
}
.product.data.items > .item.title > .switch {
border-top: 0.2rem solid #EDF4F8;
height: 3.2rem;
padding: 1px 1rem 1px 1rem;
font-weight: 600;
line-height: 3.2rem;
font-size: 1.6rem;
color: #003057;
text-decoration: none;
}
.product.data.items > .item.title > .switch:visited {
color: #6d6d6d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:hover {
color: #003057;
text-decoration: none;
}
.product.data.items > .item.title > .switch:active {
color: #003057;
text-decoration: none;
}
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
color: #003057;
text-decoration: none;
padding-bottom: 1px;
}
.product.data.items > .item.content {
background: #ffffff;
margin: 0;
padding: 1rem 1rem 2.4rem;
}
.product.data.items .item.title a {
position: relative;
text-decoration: none;
}
.product.data.items .item.title a:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.6rem;
line-height: inherit;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.product.data.items .item.title a:after {
position: absolute;
right: 1rem;
top: 1px;
}
.product.data.items .item.title.active a:after {
content: "\e621";
}
.product.data.items .value p:last-child {
margin-bottom: 0;
}
.product.data.items .table-wrapper {
margin: 0;
}
.pages > .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages .items {
margin: 0;
padding: 0;
list-style: none none;
display: inline-flex;
font-weight: 400;
}
.pages .item {
margin: 0;
display: inline-flex;
}
.pages .item .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages a.page {
background: #ffffff;
border: 0.2rem solid #EDF4F8;
color: #003057;
display: inline-flex;
padding: 0.4rem;
text-decoration: none;
}
.pages a.page:visited {
background: #ffffff;
border: 0.2rem solid #EDF4F8;
color: #003057;
}
.pages a.page:hover {
background: #ffffff;
border: 0.2rem solid #003057;
color: #003057;
text-decoration: none;
}
.pages a.page:active {
background: #ffffff;
border: 0.2rem solid #003057;
color: #003057;
}
.pages strong.page {
background: #EDF4F8;
border: 0.2rem solid #EDF4F8;
color: #003057;
display: inline-flex;
font-weight: 700;
padding: 0.4rem;
}
.pages .action {
background: #E6F4F9;
border: 0.2rem solid #E6F4F9;
color: #003057;
display: inline-flex;
padding: 0.4rem;
text-decoration: none;
}
.pages .action:visited {
background: #E6F4F9;
border: 0.2rem solid #E6F4F9;
color: #003057;
}
.pages .action:hover {
background: #E6F4F9;
border: 0.2rem solid #003057;
color: #003057;
text-decoration: none;
}
.pages .action:active {
background: #E6F4F9;
border: 0.2rem solid #003057;
color: #003057;
}
.pages .action {
box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(237, 244, 248, 0.3);
border-radius: 3px;
padding: 0 8px;
}
.pages .action.previous {
margin-right: 8px;
}
.pages .action.next {
margin-left: 8px;
}
.actions-toolbar {
display: flex;
flex-wrap: wrap;
margin-top: 4rem;
gap: 2rem;
}
.actions-toolbar > .primary,
.actions-toolbar > .secondary {
display: inline-flex;
flex-wrap: wrap;
gap: 2rem;
}
.actions-toolbar > .primary .action,
.actions-toolbar > .secondary .action,
.actions-toolbar > .primary a.action,
.actions-toolbar > .secondary a.action {
display: inline-flex;
}
.breadcrumbs {
margin: 3rem 0;
}
.breadcrumbs .items {
font-size: 1.5rem;
color: rgba(79, 117, 139, 0.5);
margin: 0;
padding: 0;
list-style: none none;
}
.breadcrumbs .items > li {
display: inline-block;
vertical-align: top;
}
.breadcrumbs .item {
margin: 0;
}
.breadcrumbs a {
color: rgba(79, 117, 139, 0.5);
text-decoration: none;
}
.breadcrumbs a:visited {
color: rgba(79, 117, 139, 0.5);
text-decoration: none;
}
.breadcrumbs a:hover {
color: #4F758B;
text-decoration: underline;
}
.breadcrumbs a:active {
color: #4F758B;
text-decoration: none;
}
.breadcrumbs strong {
font-weight: 400;
}
.breadcrumbs .item:not(:last-child):after {
color: rgba(79, 117, 139, 0.5);
content: '>';
}
.ui-dialog.popup .action.close {
position: absolute;
height: 40px;
right: 0;
top: 0;
width: 40px;
z-index: 1001;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.ui-dialog.popup .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-dialog.popup .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 16px;
color: #8c8c8c;
content: "\e616";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.ui-dialog.popup .action.close:hover:before {
color: #737373;
}
.ui-dialog.popup .action.close:active:before {
color: #737373;
}
.ui-dialog.popup .action.close:focus,
.ui-dialog.popup .action.close:active {
background: none;
border: none;
}
.ui-dialog.popup .action.close:hover {
background: none;
border: none;
}
.ui-dialog.popup .action.close.disabled,
.ui-dialog.popup .action.close[disabled],
fieldset[disabled] .ui-dialog.popup .action.close {
pointer-events: none;
opacity: 0.5;
}
.popup .actions-toolbar .action.cancel {
font-weight: 400;
}
.popup-pointer {
margin-left: -14px;
position: absolute;
top: -14px;
}
.popup-pointer:before,
.popup-pointer:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-bottom-style: solid;
}
.popup-pointer:before {
left: 2px;
top: 2px;
border: solid 6px;
border-color: transparent transparent #fff transparent;
z-index: 99;
}
.popup-pointer:after {
left: 1px;
top: 0px;
border: solid 7px;
border-color: transparent transparent #aeaeae transparent;
z-index: 98;
}
.price-tier_price .price-excluding-tax,
.price-tier_price .price-including-tax {
display: inline;
}
.price-including-tax,
.price-excluding-tax {
display: block;
font-size: 1.8rem;
line-height: 1;
}
.price-including-tax .price,
.price-excluding-tax .price {
font-weight: 700;
}
.price-including-tax + .price-excluding-tax,
.weee[data-label] {
display: block;
font-size: 1.8rem;
}
.price-including-tax + .price-excluding-tax:before,
.weee[data-label]:before {
content: attr(data-label) ': ';
font-size: 1.1rem;
}
.price-including-tax + .price-excluding-tax .price,
.weee[data-label] .price {
font-size: 1.1rem;
}
body._has-modal {
height: 100%;
overflow: hidden;
width: 100%;
}
.modals-overlay {
z-index: 899;
}
.modal-slide,
.modal-popup {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.3s, opacity 0.3s ease;
}
.modal-slide._show,
.modal-popup._show {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease;
}
.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
transform: translate(0, 0);
}
.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
background-color: #fff;
box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
opacity: 1;
pointer-events: auto;
}
.modal-slide {
left: 44px;
z-index: 900;
}
.modal-slide._show .modal-inner-wrap {
transform: translateX(0);
}
.modal-slide .modal-inner-wrap {
height: 100%;
overflow-y: auto;
position: static;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
width: auto;
}
.modal-slide._inner-scroll .modal-inner-wrap {
overflow-y: visible;
display: flex;
flex-direction: column;
}
.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer {
flex-grow: 0;
flex-shrink: 0;
}
.modal-slide._inner-scroll .modal-content {
overflow-y: auto;
}
.modal-slide._inner-scroll .modal-footer {
margin-top: auto;
}
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
padding: 0 2.6rem 2.6rem;
}
.modal-slide .modal-header {
padding-bottom: 2.1rem;
padding-top: 2.1rem;
}
.modal-popup {
z-index: 900;
left: 0;
overflow-y: auto;
}
.modal-popup.confirm .modal-inner-wrap {
max-width: 50rem;
}
.modal-popup._show .modal-inner-wrap {
transform: translateY(0);
}
.modal-popup .modal-inner-wrap {
margin: 5rem auto;
width: 75%;
display: flex;
flex-direction: column;
box-sizing: border-box;
height: auto;
left: 0;
position: absolute;
right: 0;
transform: translateY(-200%);
transition: transform 0.2s ease;
}
.modal-popup._inner-scroll {
overflow-y: visible;
}
.ie11 .modal-popup._inner-scroll {
overflow-y: auto;
}
.modal-popup._inner-scroll .modal-inner-wrap {
max-height: 90%;
}
.ie11 .modal-popup._inner-scroll .modal-inner-wrap {
max-height: none;
}
.modal-popup._inner-scroll .modal-content {
overflow-y: auto;
}
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
padding-left: 3rem;
padding-right: 3rem;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
flex-grow: 0;
flex-shrink: 0;
}
.modal-popup .modal-header {
padding-bottom: 1.2rem;
padding-top: 3rem;
}
.modal-popup .modal-footer {
margin-top: auto;
padding-bottom: 3rem;
padding-top: 3rem;
}
.modal-popup .modal-footer-actions {
text-align: right;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
position: absolute;
right: 0;
top: 0;
width: 3.2rem;
height: 3.2rem;
}
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
background: none;
border: none;
}
.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover {
background: none;
border: none;
}
.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close {
pointer-events: none;
opacity: 0.5;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close,
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
background: transparent url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2010%2010%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpolygon%20points%3D%228.53%200%2010%201.47%206.47%205%2010%208.56%208.53%2010%205%206.47%201.47%2010%200%208.53%203.53%205%200%201.44%201.47%200%205%203.53%208.53%200%22%20fill%3D%22%23003057%22/%3E%3C/svg%3E') no-repeat center;
}
.modal-custom .action-close span,
.modal-popup .action-close span,
.modal-slide .action-close span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.modal-custom .action-dismiss,
.modal-popup .action-dismiss,
.modal-slide .action-dismiss {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(0, 48, 87, 0.2);
text-decoration-color: rgba(0, 48, 87, 0.2);
color: #003057;
}
.modal-custom .action-dismiss:focus,
.modal-popup .action-dismiss:focus,
.modal-slide .action-dismiss:focus,
.modal-custom .action-dismiss:hover,
.modal-popup .action-dismiss:hover,
.modal-slide .action-dismiss:hover,
.modal-custom .action-dismiss:active,
.modal-popup .action-dismiss:active,
.modal-slide .action-dismiss:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.modal-custom .action-dismiss:focus,
.modal-popup .action-dismiss:focus,
.modal-slide .action-dismiss:focus,
.modal-custom .action-dismiss:hover,
.modal-popup .action-dismiss:hover,
.modal-slide .action-dismiss:hover,
.modal-custom .action-dismiss:active,
.modal-popup .action-dismiss:active,
.modal-slide .action-dismiss:active {
-webkit-text-decoration-color: rgba(0, 48, 87, 0.4);
text-decoration-color: rgba(0, 48, 87, 0.4);
}
.modal-custom .action-close {
margin: 1.8rem;
}
.modal-popup {
pointer-events: none;
}
.modal-popup .modal-title {
border-bottom: 0.2rem solid #EDF4F8;
font-weight: 300;
padding-bottom: 1rem;
font-size: 2.8rem;
margin-bottom: 0;
min-height: 1em;
word-wrap: break-word;
}
.modal-popup .action-close {
padding: 0.8rem;
}
.modal-popup .modal-footer {
display: flex;
gap: 2rem;
}
.modal-popup .modal-footer .action-dismiss {
order: 9;
}
.modal-slide .action-close {
margin: 15px;
padding: 0;
}
.modal-slide .page-main-actions {
margin-bottom: 0.9rem;
margin-top: 2.1rem;
}
.modals-overlay {
background-color: rgba(0, 48, 87, 0.3);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}
body._has-modal-custom .modal-custom-overlay {
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 899;
}
.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999 !important;
touch-action: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
overflow: hidden;
}
.glightbox-container.inactive {
display: none;
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.glightbox-container .gslider {
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
overflow: hidden;
display: flex !important;
justify-content: center;
align-items: center;
transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.gslide iframe,
.gslide video {
outline: none !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
touch-action: auto;
}
.gslide-image {
align-items: center;
}
.gslide-image img {
max-height: 100vh;
display: block;
padding: 0;
float: none;
outline: none;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
touch-action: none;
margin: auto;
min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%;
}
.gslide-image img.zoomable {
position: relative;
}
.gslide-image img.dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
transition: none;
}
.gslide-video {
position: relative;
max-width: 100vh;
width: 100% !important;
}
.gslide-video .gvideo-wrapper {
width: 100%;
margin: auto;
}
.gslide-video::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 0.34);
display: none;
}
.gslide-video.playing::before {
display: none;
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
height: 75vh;
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important;
}
.gslide-inline {
background: #fff;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
max-width: 100%;
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%;
}
.gslide-inline .dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
transition: none;
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1;
}
.gslide-external {
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%;
}
.gslide-media {
display: flex;
width: auto;
}
.zoomed .gslide-media {
box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
margin: 0 auto;
flex-direction: column;
}
.gslide-description {
position: relative;
flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%;
}
.gslide-description p {
margin-bottom: 12px;
}
.gslide-description p:last-child {
margin-bottom: 0;
}
.zoomed .gslide-description {
display: none;
}
.glightbox-button-hidden {
display: none;
}
/*
* Description for mobiles
* something like facebook does the description
* for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
background: transparent;
position: absolute;
bottom: 15px;
padding: 19px 11px;
max-width: 100vw !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
transition: opacity 0.3s linear;
padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc strong {
color: #fff;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: 0.4;
}
.gdesc-open .gslide-media {
transition: opacity 0.5s ease;
opacity: 0.4;
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
transition: opacity 0.5s ease;
opacity: 1;
}
.greset {
transition: all 0.3s ease;
}
.gabsolute {
position: absolute;
}
.grelative {
position: relative;
}
.glightbox-desc {
display: none !important;
}
.glightbox-open {
overflow: hidden;
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader 0.8s infinite linear;
animation: lightboxLoader 0.8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: calc(100vh + 1px);
position: fixed;
top: -1px;
left: 0;
background: #000;
will-change: opacity;
}
.glightbox-mobile .goverlay {
background: #000;
}
.gprev,
.gnext,
.gclose {
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
border: none;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.gprev svg,
.gnext svg,
.gclose svg {
display: block;
width: 25px;
height: auto;
margin: 0;
padding: 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: 0.1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: #fff;
}
.gbtn.focused {
outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
}
/*Skin */
.glightbox-clean .gslide-description {
background: #fff;
}
.glightbox-clean .gdesc-inner {
padding: 22px 20px;
}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: arial;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em;
}
.glightbox-clean .gslide-video {
background: #000;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.75);
border-radius: 4px;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
fill: #fff;
}
.glightbox-clean .gprev {
position: absolute;
top: -100%;
left: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gnext {
position: absolute;
top: -100%;
right: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gclose {
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
}
.glightbox-clean .gclose svg {
width: 18px;
height: auto;
}
.glightbox-clean .gclose:hover {
opacity: 1;
}
/*CSS Animations*/
.gfadeIn {
-webkit-animation: gfadeIn 0.5s ease;
animation: gfadeIn 0.5s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut 0.5s ease;
animation: gfadeOut 0.5s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft 0.3s ease;
animation: gslideOutLeft 0.3s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft 0.3s ease;
animation: gslideInLeft 0.3s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight 0.3s ease;
animation: gslideOutRight 0.3s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight 0.3s ease;
animation: gslideInRight 0.3s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn 0.5s ease;
animation: gzoomIn 0.5s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut 0.5s ease;
animation: gzoomOut 0.5s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
transform: translate3d(60%, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
transform: translate3d(60%, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@media (min-width: 769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-top .gslide-description {
order: 0;
}
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
order: 1;
}
.glightbox-container .ginner-container.desc-left .gslide-description {
order: 0;
}
.glightbox-container .ginner-container.desc-left .gslide-image {
order: 1;
}
.gslide-image img {
max-height: 97vh;
max-width: 100%;
}
.gslide-image img.zoomable {
cursor: zoom-in;
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab;
}
.gslide-inline {
max-height: 95vh;
}
.gslide-external {
max-height: 100vh;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px;
}
.glightbox-open {
height: auto;
}
.goverlay {
background: rgba(0, 0, 0, 0.92);
}
.glightbox-clean .gslide-media {
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
}
.glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
position: absolute;
height: 100%;
overflow-y: auto;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.32);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.glightbox-clean .gprev {
top: 45%;
}
.glightbox-clean .gnext {
top: 45%;
}
}
@media (min-width: 992px) {
.glightbox-clean .gclose {
opacity: 0.7;
right: 20px;
}
}
@media screen and (max-height: 420px) {
.goverlay {
background: #000;
}
}
@-webkit-keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@-webkit-keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-variant-numeric: tabular-nums;
font-weight: 400;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
z-index: 0;
}
.plyr video,
.plyr audio,
.plyr iframe {
display: block;
height: 100%;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4a5464;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
-webkit-animation: plyr-fade-in 0.3s ease;
animation: plyr-fade-in 0.3s ease;
bottom: 0;
display: none;
font-size: 13px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 15px;
padding: calc(10px * 2);
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(calc(10px * -4));
}
.plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__caption div {
display: inline;
}
.plyr__control {
background: transparent;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: calc(10px * 0.7);
position: relative;
transition: all 0.3s ease;
}
.plyr__control svg {
display: block;
fill: currentColor;
height: 18px;
pointer-events: none;
width: 18px;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
outline-color: #00b3ff;
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
display: none;
}
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
display: none;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0;
}
.plyr__controls .plyr__controls__item {
margin-left: calc(10px / 4);
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: calc(10px / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 calc(10px / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
padding-left: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
display: none;
}
.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded='true'] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
-webkit-animation: plyr-popup 0.2s ease;
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5464;
font-size: 15px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
content: '';
height: 0;
position: absolute;
right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
top: 100%;
width: 0;
}
.plyr__menu__container [role='menu'] {
padding: calc(10px * 0.7);
}
.plyr__menu__container [role='menuitem'],
.plyr__menu__container [role='menuitemradio'] {
margin-top: 2px;
}
.plyr__menu__container [role='menuitem']:first-child,
.plyr__menu__container [role='menuitemradio']:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
display: flex;
font-size: 13px;
padding-bottom: calc(calc(10px * 0.7) / 1.5);
padding-left: calc(calc(10px * 0.7) * 1.5);
padding-right: calc(calc(10px * 0.7) * 1.5);
padding-top: calc(calc(10px * 0.7) / 1.5);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: calc(calc(10px * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: #728197;
right: calc((calc(10px * 0.7) * 1.5) - 4px);
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
margin: calc(10px * 0.7);
margin-bottom: calc(calc(10px * 0.7) / 2);
padding-left: calc(calc(10px * 0.7) * 4);
position: relative;
width: calc(100% - (calc(10px * 0.7) * 2));
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: #728197;
left: calc((calc(10px * 0.7) * 1.5) - 4px);
}
.plyr__menu__container .plyr__control--back::before {
background: #dcdfe5;
box-shadow: 0 1px 0 #fff;
content: '';
height: 1px;
left: 0;
margin-top: calc(calc(10px * 0.7) / 2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role='menuitemradio'] {
padding-left: calc(10px * 0.7);
}
.plyr__menu__container .plyr__control[role='menuitemradio']::before,
.plyr__menu__container .plyr__control[role='menuitemradio']::after {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::before {
background: rgba(0, 0, 0, 0.1);
content: '';
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform 0.3s ease, opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
background: #00b3ff;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role='menuitemradio']:hover::before {
background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: calc((calc(10px * 0.7) - 2) * -1);
overflow: hidden;
padding-left: calc(calc(10px * 0.7) * 3.5);
pointer-events: none;
}
.plyr--full-ui input[type='range'] {
-webkit-appearance: none;
/* stylelint-disable-line */
background: transparent;
border: 0;
border-radius: calc(13px * 2);
color: #00b3ff;
display: block;
height: calc((3px * 2) + 13px);
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
background: transparent;
border: 0;
border-radius: calc(5px / 2);
height: 5px;
-webkit-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor 0%, transparent 0%);
}
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
height: 13px;
position: relative;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
-webkit-appearance: none;
/* stylelint-disable-line */
margin-top: calc(((13px - 5px) / 2) * -1);
}
.plyr--full-ui input[type='range']::-moz-range-track {
background: transparent;
border: 0;
border-radius: calc(5px / 2);
height: 5px;
-moz-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-moz-user-select: none;
user-select: none;
}
.plyr--full-ui input[type='range']::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
height: 13px;
position: relative;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
}
.plyr--full-ui input[type='range']::-moz-range-progress {
background: currentColor;
border-radius: calc(5px / 2);
height: 5px;
}
.plyr--full-ui input[type='range']::-ms-track {
background: transparent;
border: 0;
border-radius: calc(5px / 2);
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type='range']::-ms-fill-upper {
background: transparent;
border: 0;
border-radius: calc(5px / 2);
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
}
.plyr--full-ui input[type='range']::-ms-fill-lower {
background: transparent;
border: 0;
border-radius: calc(5px / 2);
height: 5px;
-ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type='range']::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
height: 13px;
position: relative;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 13px;
margin-top: 0;
}
.plyr--full-ui input[type='range']::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type='range']:focus {
outline: 0;
}
.plyr--full-ui input[type='range']::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: #00b3ff;
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
outline-color: #00b3ff;
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
outline-color: #00b3ff;
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px;
}
.plyr__poster {
background-color: black;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 13px;
}
.plyr__time + .plyr__time::before {
content: '\2044';
margin-right: 10px;
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4a5464;
font-size: 13px;
font-weight: 400;
left: 50%;
line-height: 1.3;
margin-bottom: calc(calc(10px / 2) * 2);
opacity: 0;
padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: calc(4px * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: calc((18px / 2) + calc(10px * 0.7));
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((18px / 2) + calc(10px * 0.7));
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
transform: translate(0, 0) scale(1);
}
.plyr__progress {
left: calc(13px * 0.5);
margin-right: 13px;
position: relative;
}
.plyr__progress input[type='range'],
.plyr__progress__buffer {
margin-left: calc(13px * -0.5);
margin-right: calc(13px * -0.5);
width: calc(100% + 13px);
}
.plyr__progress input[type='range'] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 13px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
/* stylelint-disable-line */
background: transparent;
border: 0;
border-radius: 100px;
height: 5px;
left: 0;
margin-top: calc((5px / 2) * -1);
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
-moz-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
-webkit-animation: plyr-progress 1s linear infinite;
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, 0.6);
}
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%;
}
.plyr__volume input[type='range'] {
margin-left: calc(10px / 2);
margin-right: calc(10px / 2);
position: relative;
z-index: 2;
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto;
}
.plyr--audio {
display: block;
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4a5464;
padding: 10px;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded='true'] {
background: #00b3ff;
color: #fff;
}
.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, 0.6);
}
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
background-color: rgba(193, 200, 209, 0.6);
}
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
background-color: rgba(193, 200, 209, 0.6);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, 0.6);
}
.plyr--video {
background: black;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: black;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: calc(10px / 2);
padding-top: calc(10px * 2);
position: absolute;
right: 0;
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding-top: calc(10px * 3.5);
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded='true'] {
background: #00b3ff;
color: #fff;
}
.plyr__control--overlaid {
background: #00b3ff;
border: 0;
border-radius: 100%;
color: #fff;
display: none;
left: 50%;
opacity: 0.9;
padding: calc(10px * 1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: 0.3s;
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
opacity: 1;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, 0.25);
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
left: 0;
margin: 2px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: calc(calc(10px / 2) * 2);
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: calc(4px * -1);
content: '';
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: calc(3px - 1px);
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: calc(3px - 1px);
color: #fff;
font-size: 13px;
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
.ui-datepicker {
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
margin-top: 0.4rem;
margin-bottom: 0.4rem;
border-radius: 0.3rem;
border: 0.1rem solid #EDF4F8;
background-color: #ffffff;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-prev-hover span {
border-color: transparent #00843D transparent transparent;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-next-hover span {
border-color: transparent transparent transparent #00843D;
}
.ui-datepicker table {
font-size: inherit;
}
.ui-datepicker .ui-datepicker-calendar th {
padding: 0.4rem;
min-width: 4.4rem;
border: 0.1rem solid #D3DBE0;
background: #ffffff;
color: #4F758B;
font-weight: 500;
text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td {
border: 0.1rem solid #D3DBE0;
}
.ui-datepicker .ui-datepicker-calendar td a {
padding: 0.4rem;
color: #003057;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {
background: #a0dbf3;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
background: #EDF4F8;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
color: #8098ab;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-active.ui-state-hover {
background: #003057;
color: #ffffff;
}
.newspopup_up_bg {
position: fixed;
z-index: 5000;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
background-color: rgba(0, 48, 87, 0.3);
}
.newspopup_up_bg .newspopup-up-form {
position: relative;
width: 100%;
max-width: 80ch;
}
.newspopup_up_bg .newspopup-up-form .hld-pop {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #E6F4F9 transparent;
max-height: 80vh;
overflow-y: auto;
overscroll-behavior: contain;
padding: 3rem 2rem;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
background-color: #ffffff;
}
.newspopup_up_bg .newspopup-up-form .hld-pop::-webkit-scrollbar-track {
background: transparent;
}
.newspopup_up_bg .newspopup-up-form .hld-pop::-webkit-scrollbar-thumb {
background-color: #E6F4F9;
border-radius: 0.3rem;
border: 0;
}
.newspopup_up_bg .newspopup-up-form .hld-pop::-webkit-scrollbar-thumb:hover,
.newspopup_up_bg .newspopup-up-form .hld-pop::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.newspopup_up_bg .newspopup-up-form .hld-pop .pr-popup__form-wrapper:not(:first-child) {
margin-top: 2.4rem;
}
.newspopup_up_bg div.mage-error[style*="display"] {
display: block !important;
}
.newspopup_up_bg div.mage-error[style*="opacity"] {
opacity: 1 !important;
}
.newspopup-blur {
filter: blur(0.1rem);
}
.pr-popup__close {
position: absolute;
z-index: 9;
top: 1rem;
right: 1rem;
}
.pr-popup__intro {
line-height: 1.5;
}
.pr-popup__title + .pr-popup__intro {
margin-top: 1rem;
}
.newspopup_up_bg .newspopup-messages-holder {
display: table;
width: 100%;
margin-bottom: 0;
}
.newspopup_up_bg .newspopup-messages-holder-tr:not(:empty) {
margin-top: 2.4rem;
}
.newspopup_up_bg .newspopup-messages-holder-tr > div {
padding: 1.8rem;
border-width: 0.2rem;
border-style: solid;
border-color: transparent;
background-color: #F7DE88;
color: #003057;
}
.newspopup_up_bg .newspopup-messages-holder-tr > .error {
border-color: #DA291C;
background-color: #F9DEC7;
color: #DA291C;
}
.newspopup-message-success {
position: fixed;
overflow: hidden;
width: 100%;
max-width: 80ch;
top: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
z-index: 99;
background-color: #C3FEE1;
}
.pr-mode-form .newspopup-message-success {
transform: none;
}
.newspopup-message-success .success-body-wrp {
padding: 1.8rem;
}
@media screen and (max-width: 56.24em) {
.pr-popup__close {
right: 0;
top: 0;
}
.pr-popup__close svg {
width: 1.2rem;
height: 1.2rem;
}
}
@media screen and (min-width: 56.25em) {
.newspopup_up_bg .newspopup-up-form .hld-pop {
padding: 3rem 4rem;
}
}
@media not (prefers-reduced-motion) {
html {
scroll-behavior: smooth;
}
}
body {
overflow-x: hidden;
}
img {
vertical-align: middle;
}
svg {
display: block;
}
.sr-only,
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.nobr {
white-space: nowrap;
}
/* Inline SVG sprite sheets with reusable symbols */
.symbol__library {
display: none;
}
@-webkit-keyframes animloader {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes animloader {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@-webkit-keyframes spinner-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner-rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
@keyframes pulse {
0% {
transform: scale(0);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.wysiwyg-text h2 + * {
margin-top: 1.8rem;
}
.wysiwyg-text h3 + *,
.wysiwyg-text h4 + *,
.wysiwyg-text p + *,
.wysiwyg-text ul + *,
.wysiwyg-text ol + *,
.wysiwyg-text dl + * {
margin-top: 1em;
}
.wysiwyg-text h3 + div[class],
.wysiwyg-text h4 + div[class],
.wysiwyg-text p + div[class],
.wysiwyg-text ul + div[class],
.wysiwyg-text ol + div[class],
.wysiwyg-text dl + div[class] {
margin-top: 1.5em;
}
.wysiwyg-text blockquote {
margin: 1.8rem 0;
}
.wysiwyg-text a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
font-weight: 500;
}
.wysiwyg-text a:focus,
.wysiwyg-text a:hover,
.wysiwyg-text a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.wysiwyg-text a:focus,
.wysiwyg-text a:hover,
.wysiwyg-text a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.wysiwyg-text ul,
.wysiwyg-text ol {
margin-left: 2ch;
list-style-position: outside;
}
.wysiwyg-text ul li,
.wysiwyg-text ol li {
padding-left: 1rem;
}
.wysiwyg-text ul li ul,
.wysiwyg-text ol li ul,
.wysiwyg-text ul li ol,
.wysiwyg-text ol li ol {
margin: 0.5em 0 0.5em 2ch;
}
.wysiwyg-text ul {
list-style-type: disc;
}
.wysiwyg-text ol {
list-style-type: decimal;
}
.wysiwyg-text ol ol {
counter-reset: list-item;
}
.wysiwyg-text ol li::marker {
font-weight: 700;
}
.wysiwyg-text dl dd {
margin-left: 4ch;
}
.wysiwyg-text dl * + dd {
margin-top: 0.5em;
}
.product-info-details__attr__value h2 + * {
margin-top: 1.8rem;
}
.product-info-details__attr__value h3 + *,
.product-info-details__attr__value h4 + *,
.product-info-details__attr__value p + *,
.product-info-details__attr__value ul + *,
.product-info-details__attr__value ol + *,
.product-info-details__attr__value dl + * {
margin-top: 1em;
}
.product-info-details__attr__value h3 + div[class],
.product-info-details__attr__value h4 + div[class],
.product-info-details__attr__value p + div[class],
.product-info-details__attr__value ul + div[class],
.product-info-details__attr__value ol + div[class],
.product-info-details__attr__value dl + div[class] {
margin-top: 1.5em;
}
.product-info-details__attr__value blockquote {
margin: 1.8rem 0;
}
.product-info-details__attr__value a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
font-weight: 500;
}
.product-info-details__attr__value a:focus,
.product-info-details__attr__value a:hover,
.product-info-details__attr__value a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.product-info-details__attr__value a:focus,
.product-info-details__attr__value a:hover,
.product-info-details__attr__value a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.product-info-details__attr__value ul,
.product-info-details__attr__value ol {
margin-left: 2ch;
list-style-position: outside;
}
.product-info-details__attr__value ul li,
.product-info-details__attr__value ol li {
padding-left: 1rem;
}
.product-info-details__attr__value ul li ul,
.product-info-details__attr__value ol li ul,
.product-info-details__attr__value ul li ol,
.product-info-details__attr__value ol li ol {
margin: 0.5em 0 0.5em 2ch;
}
.product-info-details__attr__value ul {
list-style-type: disc;
}
.product-info-details__attr__value ol {
list-style-type: decimal;
}
.product-info-details__attr__value ol ol {
counter-reset: list-item;
}
.product-info-details__attr__value ol li::marker {
font-weight: 700;
}
.product-info-details__attr__value dl dd {
margin-left: 4ch;
}
.product-info-details__attr__value dl * + dd {
margin-top: 0.5em;
}
.overflow-menu__wrapper {
display: none;
padding-left: 3.2rem;
}
.overflow-menu__wrapper .overflow-menu__toggle {
padding: 0.4rem 1.8rem;
color: #003057;
border-color: transparent;
background: #ffffff;
}
.overflow-menu__wrapper .overflow-menu__toggle:focus-visible {
border-color: transparent;
}
.overflow-menu__wrapper .overflow-menu__toggle:not(:focus-visible):hover {
border-color: #003057;
}
.overflow-menu__wrapper .overflow-menu__toggle[aria-expanded="true"] {
background-color: #E6F4F9;
}
.overflow-menu__wrapper .overflow-menu {
margin: 0;
list-style: none none;
display: block;
position: absolute;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
width: 1px;
z-index: 3;
border-radius: 0.3rem;
}
.overflow-menu__wrapper .overflow-menu > li + li {
border-top: 0.2rem solid #E6F4F9;
}
.overflow-menu__wrapper .overflow-menu > li,
.overflow-menu__wrapper .overflow-menu > li a {
display: block;
text-align: center;
}
.overflow-menu__wrapper .overflow-menu > li a {
padding: 0.3rem 1.8rem;
color: #003057;
line-height: 1.5;
}
.overflow-menu__wrapper .overflow-menu > li a:hover,
.overflow-menu__wrapper .overflow-menu > li a:active {
text-decoration: underline;
}
.site-header__bottom {
display: none;
}
.footer-inner {
font-size: 1.5rem;
line-height: 1.33333333;
}
.footer-inner .line:not(:last-child) {
margin-bottom: 1rem;
}
.footer-inner a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.3rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(255, 255, 255, 0.4);
text-decoration-color: rgba(255, 255, 255, 0.4);
}
.footer-inner a:focus,
.footer-inner a:hover,
.footer-inner a:active {
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.5rem;
}
.footer-inner a:focus,
.footer-inner a:hover,
.footer-inner a:active {
-webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
text-decoration-color: rgba(255, 255, 255, 0.8);
}
.footer__contact {
padding: 0 2.4rem 2.4rem;
border: 0.2rem solid #ffffff;
border-radius: 0.3rem;
}
.footer__logo {
display: inline-flex;
padding: 1.8rem 2.4rem;
margin-bottom: 1.8rem;
background: #ffffff;
}
.footer__logo svg {
max-height: 2rem;
width: auto;
}
.footer__usp-list {
margin: 0;
padding: 0;
list-style: none none;
}
.footer__usp-list > li {
display: flex;
align-items: baseline;
}
.footer__usp-list > li svg {
flex: 0 0 1.8rem;
margin-right: 1.8rem;
}
.footer__nav .ui-menu {
margin: 0;
padding: 0;
list-style: none none;
}
.footer__nav .ui-menu > li + li {
margin-top: 1rem;
}
.footer__nav-heading {
margin-bottom: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 1.9rem;
line-height: 1.05263158;
}
.nav--footer_social li.level0 {
display: flex;
}
.nav--footer_social a {
display: flex;
}
.nav--footer_social a::before {
content: '';
height: 2rem;
width: 2.4rem;
margin-right: 1.4rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.nav--footer_social a[href*="facebook"]::before {
background-image: url("../images/icons/social/facebook.svg");
}
.nav--footer_social a[href*="youtube"]::before {
background-image: url("../images/icons/social/youtube.svg");
}
.page-end__content {
display: flex;
flex-direction: column;
font-size: 1.2rem;
line-height: 1.25;
}
.page-end__content svg {
display: block;
}
.page-end__content a {
color: inherit;
}
.page-end__content a:hover,
.page-end__content a:active {
text-decoration: underline;
}
.page-end__content .ui-menu {
margin: 0;
padding: 0;
list-style: none none;
}
.nav__suffix--made-by a {
display: flex;
}
.nav__suffix--made-by a .made-by-logo {
margin-left: 0.5ch;
transform: translateY(-0.1rem);
}
.block__title + .block__content {
margin-top: 2rem;
}
.block__content {
font-size: 1.5rem;
line-height: 1.6;
}
.category-teasers {
display: grid;
grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 138rem) [wrapper-end] 1fr [full-end];
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
/* any child can break out of the max width content grid */
}
.category-teasers > .breakout {
grid-column: full;
}
.category-teasers .categories-grid-wrapper {
grid-column: full;
grid-row: 1;
}
.category-teasers .categories-pattern {
grid-column: full;
grid-row: 1;
}
.categories-overview__list {
padding-bottom: 2rem;
}
.categories-overview__visual {
overflow: hidden;
aspect-ratio: 244 / 230;
background-color: #ffffff;
}
.categories-overview__visual,
.categories-overview__visual img {
border-radius: 0.3rem;
}
.categories-overview__visual img {
transition: 250ms ease-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.categories-overview__item {
display: grid;
position: relative;
}
.categories-overview__item > * {
grid-row: 1;
grid-column: 1;
}
@media (hover: hover) {
.categories-overview__item:hover .categories-overview__visual img {
transform: scale(1.06);
opacity: 0.88;
}
.categories-overview__item:hover .categories-overview__more .icon {
transform: translateX(25%);
}
}
.categories-overview__info {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
z-index: 3;
}
.categories-overview__link,
.categories-overview__more {
display: inline-flex;
padding: 0.5rem 2rem;
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.46666667;
}
.categories-overview__link {
transition: background-color 250ms linear;
background-color: #003057;
color: #ffffff;
/* faux block */
}
.categories-overview__link:focus,
.categories-overview__link:hover,
.categories-overview__link:active {
background-color: #002E50;
color: #ffffff;
}
.categories-overview__link:visited {
color: #ffffff;
}
.categories-overview__link::after {
content: '';
position: absolute;
inset: 0;
}
.categories-overview__more {
align-items: center;
background-color: #ffffff;
color: #DE4700;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.69230769;
}
.categories-overview__more .label + .icon {
margin-left: 0.8rem;
}
.categories-overview__more .icon {
transition: 250ms ease-out;
}
.categories-overview__more .icon svg {
display: block;
}
.categories-overview__more .icon svg path {
fill: currentColor;
}
.newsletter__signup {
padding: 3.2rem 1.8rem;
background-color: #003057;
color: #ffffff;
font-size: 1.3rem;
text-align: center;
}
.newsletter__signup .block__title + .block__content {
margin-top: 1rem;
}
.newsletter__signup .block__content > * + * {
margin-top: 1.8rem;
}
.newsletter__signup .block__content .help {
opacity: 0.5;
}
.newsletter__signup .block__content a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.3rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(255, 255, 255, 0.4);
text-decoration-color: rgba(255, 255, 255, 0.4);
color: inherit;
}
.newsletter__signup .block__content a:focus,
.newsletter__signup .block__content a:hover,
.newsletter__signup .block__content a:active {
text-decoration-thickness: 0.1rem;
text-underline-offset: 0.5rem;
}
.newsletter__signup .block__content a:focus,
.newsletter__signup .block__content a:hover,
.newsletter__signup .block__content a:active {
-webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
text-decoration-color: rgba(255, 255, 255, 0.8);
}
.newsletter__signup .block__content button {
font-weight: 500;
}
.notice-banner__container {
background-color: #DE4700;
color: #ffffff;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.33333333;
}
.notice-banner__inner {
display: flex;
align-items: center;
padding: 1.4rem 0 1.3rem;
}
.notice-banner__inner .icon {
align-self: flex-start;
}
.notice-banner__inner .icon svg {
display: block;
}
.notice-banner__inner .icon + .label {
margin-left: 2rem;
}
.payment__partners {
margin-top: 2.4rem;
}
.payment-partners__list {
margin: 0;
padding: 0;
list-style: none none;
padding: 0.8rem 0.8rem 0 1.6rem;
display: flex;
flex-wrap: wrap;
border-radius: 0.2rem 0.2rem 0 0;
border-bottom: 0.2rem solid #EDF4F8;
background-color: #ffffff;
}
.payment-partners__item {
display: flex;
justify-content: center;
align-items: center;
padding: 0 0.8rem 0.8rem 0;
}
.payment-partners__item img {
max-width: 4.4rem;
}
.usp__block--tinted {
padding-top: 1.8rem;
padding-bottom: 1.8rem;
background-color: #E6F4F9;
}
.usp__block--category {
margin-bottom: 3rem;
}
.usp__block--pdp {
margin-top: 5rem;
margin-bottom: 5rem;
}
.usp__list {
margin: 0;
padding: 0;
list-style: none none;
display: flex;
flex-direction: column;
gap: 1.8rem;
}
.usp__list-item {
display: flex;
gap: 1.8rem;
align-items: center;
}
.usp__label {
font-size: 1.3rem;
line-height: 1.38;
}
.usp__icon svg {
display: block;
}
.breadcrumbs-container {
width: 100%;
}
.breadcrumbs .items {
display: flex;
gap: 0.8rem;
line-height: 2;
}
.breadcrumbs .items > li {
display: inline-flex;
align-items: center;
}
.breadcrumbs .item:not(:last-child)::after {
content: '';
margin-left: 0.8rem;
width: 0.6rem;
height: 1rem;
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%206%2011%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M5.97,5.5l-.48-.57L1.34,0,.03,1.14,3.7,5.5,.03,9.86l1.31,1.14L5.49,6.07l.48-.57Z%22%20fill%3D%22rgba%2879,%20117,%20139,%200.5%29%22%20/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 0.6rem 1rem;
color: inherit;
}
.breadcrumbs .item:last-child {
min-width: 0;
}
.breadcrumbs .item:last-child strong {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.breadcrumbs a {
transition: 250ms linear;
}
.contentmanager-contentlist-view .breadcrumbs .items,
.catalog-category-view .breadcrumbs .items {
color: #ffffff;
}
.contentmanager-contentlist-view .breadcrumbs .item:not(:last-child)::after,
.catalog-category-view .breadcrumbs .item:not(:last-child)::after {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%206%2011%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M5.97,5.5l-.48-.57L1.34,0,.03,1.14,3.7,5.5,.03,9.86l1.31,1.14L5.49,6.07l.48-.57Z%22%20fill%3D%22%23ffffff%22%20/%3E%3C/svg%3E");
}
.contentmanager-contentlist-view .breadcrumbs a,
.catalog-category-view .breadcrumbs a,
.contentmanager-contentlist-view .breadcrumbs a:visited,
.catalog-category-view .breadcrumbs a:visited {
color: inherit;
}
.contentmanager-contentlist-view .breadcrumbs a:hover,
.catalog-category-view .breadcrumbs a:hover,
.contentmanager-contentlist-view .breadcrumbs a:active,
.catalog-category-view .breadcrumbs a:active {
color: #DE4700;
}
button,
a.action {
transition: color 250ms linear, background-color 250ms linear;
border-radius: 0.3rem;
}
button svg,
a.action svg {
display: block;
}
button svg path,
a.action svg path {
fill: currentColor;
}
button .icon,
a.action .icon {
display: flex;
align-items: center;
transition: 250ms ease-in-out;
}
.btn--icon-l {
align-items: center;
}
.btn--icon-l .icon {
margin-right: 1.8rem;
}
.btn--icon-r {
align-items: center;
}
.btn--icon-r .icon {
margin-left: 1.8rem;
}
.icon__next .icon {
will-change: transform;
}
.icon__next:focus .icon,
.icon__next:hover .icon,
.icon__next:active .icon {
transform: translateX(0.4rem);
}
.icon__prev .icon {
will-change: transform;
}
.icon__prev:focus .icon,
.icon__prev:hover .icon,
.icon__prev:active .icon {
transform: translateX(-0.4rem);
}
.content-type__header__visual {
aspect-ratio: 2.76;
overflow: hidden;
}
.content-type__header__visual img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 0.3rem;
}
.content-type__header__intro {
padding: 3rem 0;
border-radius: 0.3rem;
background-color: #E6F4F9;
}
.content-type__header__intro .page-title-wrapper + .page__intro {
margin-top: 2.4rem;
}
.content-type__header.columns-subgrid__inner {
grid-column: full;
grid-template-rows: 1fr minmax(-webkit-min-content, 3rem);
grid-template-rows: 1fr minmax(min-content, 3rem);
}
.content-type__header.columns-subgrid__inner .content-type__header__visual {
grid-row: 1 / span 2;
}
.content-type__header.columns-subgrid__inner .content-type__header__intro {
grid-row: 2 / span 2;
grid-column: 1 / -1;
margin-left: 2rem;
margin-right: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.content-header {
padding-top: 3.2rem;
padding-bottom: 4rem;
background-color: #E6F4F9;
}
.content-header .page-title,
.content-header .page__intro {
max-width: 80ch;
}
.content-header .page__intro {
line-height: 1.75;
}
form .field + .field,
form .fields + .field,
form .field + script + .field,
form .fields + script + .field {
margin-top: 2rem;
}
form .field + .field.choice,
form .fields + .field.choice,
form .field + script + .field.choice,
form .fields + script + .field.choice {
margin-top: 3rem;
}
form .password-strength-meter {
margin-top: 0.9rem;
height: 3rem;
font-size: 0;
line-height: 3rem;
}
form .password-strength-meter > span {
display: inline-flex;
font-size: 1.3rem;
}
form .password-very-strong .password-strength-meter {
color: #ffffff;
}
form .fieldset > .field.choice .label,
form .fieldset > .fields > .field.choice .label {
display: inline-block;
}
form .fieldset .message {
margin-bottom: 0;
margin-top: 2rem;
}
.field.choice {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.field.choice > label,
.field.choice > .label {
align-self: center;
cursor: default;
max-width: calc(100% - 4.6rem);
line-height: 1.2;
}
.field.choice > label a,
.field.choice > .label a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.field.choice > label a:focus,
.field.choice > .label a:focus,
.field.choice > label a:hover,
.field.choice > .label a:hover,
.field.choice > label a:active,
.field.choice > .label a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.field.choice > label a:focus,
.field.choice > .label a:focus,
.field.choice > label a:hover,
.field.choice > .label a:hover,
.field.choice > label a:active,
.field.choice > .label a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.field.choice div.mage-error {
flex: 1 1 100%;
}
input[type="checkbox"],
input[type="radio"] {
display: inline-flex;
flex: 0 0 2.8rem;
height: 2.8rem;
margin-right: 1.8rem;
border: 0.2rem solid #E6F4F9;
background-clip: content-box;
background-color: #E6F4F9;
}
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
border: 0.2rem solid #7392a8;
}
input[type="checkbox"] {
top: 0;
}
input[type="checkbox"]:checked::before {
content: '';
position: absolute;
top: 0.6rem;
left: 0.8rem;
height: 1.2rem;
width: 0.8rem;
margin: auto;
transform: translateY(-20%) rotate(45deg);
border-right: 0.2rem solid #00843D;
border-bottom: 0.2rem solid #00843D;
}
input[type="radio"] {
border-radius: 50%;
border-width: 0.6rem;
}
input[type="radio"]:checked {
border-color: #E6F4F9;
background-color: #00843D;
}
select {
background-position: right 1.8rem center;
background-size: auto;
}
.field .intl-tel-input input,
.field .intl-tel-input.allow-dropdown input,
.field .intl-tel-input.separate-dial-code input,
.field .intl-tel-input input[type="text"],
.field .intl-tel-input.allow-dropdown input[type="text"],
.field .intl-tel-input.separate-dial-code input[type="text"],
.field .intl-tel-input input[type="tel"],
.field .intl-tel-input.allow-dropdown input[type="tel"],
.field .intl-tel-input.separate-dial-code input[type="tel"] {
padding-right: 1.8rem;
padding-left: 5.8rem;
}
.field .intl-tel-input .selected-flag,
.field .intl-tel-input.allow-dropdown .selected-flag,
.field .intl-tel-input.separate-dial-code .selected-flag {
width: 5.4rem;
padding-left: 1.8rem;
}
.field .intl-tel-input .country-list,
.field .intl-tel-input.allow-dropdown .country-list,
.field .intl-tel-input.separate-dial-code .country-list {
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
margin-top: 0.4rem;
overflow-y: auto;
max-height: 27.2rem;
border-radius: 0.3rem;
border-color: #EDF4F8;
}
.field .intl-tel-input .country-list .country,
.field .intl-tel-input.allow-dropdown .country-list .country,
.field .intl-tel-input.separate-dial-code .country-list .country {
display: flex;
align-items: center;
padding: 0.5rem 1.8rem;
line-height: 1.875;
}
.field .intl-tel-input .country-list .country:not(:last-child),
.field .intl-tel-input.allow-dropdown .country-list .country:not(:last-child),
.field .intl-tel-input.separate-dial-code .country-list .country:not(:last-child) {
border-bottom: 0.2rem solid #EDF4F8;
}
.field .intl-tel-input .country-list .country.highlight,
.field .intl-tel-input.allow-dropdown .country-list .country.highlight,
.field .intl-tel-input.separate-dial-code .country-list .country.highlight {
/* js triggered hover state */
background-color: #E6F4F9;
}
.field .intl-tel-input .country-list .country.active,
.field .intl-tel-input.allow-dropdown .country-list .country.active,
.field .intl-tel-input.separate-dial-code .country-list .country.active,
.field .intl-tel-input .country-list .country.preferred,
.field .intl-tel-input.allow-dropdown .country-list .country.preferred,
.field .intl-tel-input.separate-dial-code .country-list .country.preferred {
display: none;
}
.field .intl-tel-input .country-list .flag-box,
.field .intl-tel-input.allow-dropdown .country-list .flag-box,
.field .intl-tel-input.separate-dial-code .country-list .flag-box,
.field .intl-tel-input .country-list .country-name,
.field .intl-tel-input.allow-dropdown .country-list .country-name,
.field .intl-tel-input.separate-dial-code .country-list .country-name {
margin-right: 1rem;
}
.field .intl-tel-input .country-list .divider,
.field .intl-tel-input.allow-dropdown .country-list .divider,
.field .intl-tel-input.separate-dial-code .country-list .divider {
display: none;
}
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="text"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="text"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type="text"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="text"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type="tel"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type="tel"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type="tel"],
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type="tel"] {
padding-left: 11rem;
}
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag,
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag,
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag,
.field .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
width: 10rem;
}
.loading-mask {
display: flex;
justify-content: center;
align-items: center;
}
.loading-mask .loader {
display: inline-block;
position: relative;
width: 3.5rem;
height: 3.5rem;
-webkit-animation: spinner-rotation 1s ease-in-out 0s infinite;
animation: spinner-rotation 1s ease-in-out 0s infinite;
background: #003057;
border-radius: 50%;
}
@media (prefers-reduced-motion) {
.loading-mask .loader {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
}
}
.loading-mask .loader img,
.loading-mask .loader img[style] {
display: none !important;
}
.loading-mask .loader::after {
content: '';
position: absolute;
width: 0.5rem;
height: 0.5rem;
top: 1.5rem;
left: 1.5rem;
box-shadow: 1rem 0, -1rem 0, -0.5rem -1rem, 0.5rem -1rem, -0.5rem 1rem, 0.5rem 1rem;
border-radius: 50%;
background: currentColor;
color: #ffffff;
}
.page__intro {
font-size: 1.5rem;
line-height: 1.6;
}
.pages .action {
box-shadow: none;
border-radius: 0;
padding: 0.4rem;
}
.pages .action:focus-visible {
outline: 0.2rem solid transparent;
outline-offset: 0.2rem;
box-shadow: 0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #103250;
}
.pages .action.previous {
margin-right: 0;
}
.pages .action.next {
margin-left: 0;
}
.pages .action span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages a {
transition: 250ms linear;
}
.pager {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 2.4rem;
flex-grow: 1;
}
.pager .pages {
display: inline-flex;
order: -1;
width: 100%;
justify-content: center;
}
.pager .pages-items {
gap: 0.5rem;
flex-wrap: wrap;
justify-content: center;
}
.pager .page,
.pager .action {
width: 5.6rem;
height: 5rem;
justify-content: center;
align-items: center;
}
.pager .limiter {
display: flex;
align-items: center;
gap: 1rem;
}
.pager .limiter select {
min-width: 8.8rem;
}
.pager .action.previous,
.pager .action.previous:hover,
.pager .action.previous:active {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015%2011%22%20width%3D%2223%22%20height%3D%2217%22%3E%3Cpath%20fill%3D%22%23003057%22%20d%3D%22M6.79,1.16l-3.58,3.52H14.96v1.63H3.21l3.58,3.52-1.17,1.15L.04,5.5,5.62,.02l1.17,1.15Z%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 2.3rem 1.7rem;
background-color: #E6F4F9;
}
.pager .action.next,
.pager .action.next:hover,
.pager .action.next:active {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2223%22%20height%3D%2217%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%23003057%22%20d%3D%22m9.334%200%205.582%205.484-5.582%205.484L8.166%209.82l3.584-3.52H0V4.666h11.75L8.166%201.146%209.334%200Z%22%20/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
background-size: 2.3rem 1.7rem;
background-color: #E6F4F9;
}
.account .pager .toolbar-amount {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.14285714;
}
.account .pager .limiter {
color: #4F758B;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.14285714;
}
.account .pager .limiter strong {
font-weight: inherit;
}
.account .pager .limiter .limiter-text {
white-space: nowrap;
}
.account .pager .limiter select {
height: 3.4rem;
font-weight: 500;
line-height: 3rem;
}
.switcher-language {
display: flex;
font-size: 1.3rem;
letter-spacing: 0.05rem;
line-height: 2.30769231;
text-transform: uppercase;
}
.switcher-language .switcher-label,
.switcher-language .mobile-hint {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.switcher-language .switcher-options {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0;
z-index: 1000;
}
.switcher-language .switcher-options + .dropdown {
display: none;
}
.switcher-language .switcher-option + .switcher-option {
border-top: 0.2rem solid #E6F4F9;
}
.switcher-language .switcher-option,
.switcher-language .switcher-option a {
display: block;
text-align: center;
}
.switcher-language .switcher-option a {
color: #003057;
}
.switcher-language .switcher-option a:hover,
.switcher-language .switcher-option a:active {
text-decoration: underline;
}
.switcher-language .switcher-trigger {
padding: 0.4rem 1.4rem 0.8rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
background-color: #E6F4F9;
color: inherit;
font-size: 1.3rem;
line-height: 2.30769231;
}
.switcher-language .switcher-trigger strong {
font-weight: 500;
}
.switcher-language .switcher-trigger strong::after {
content: '';
display: block;
height: 0.6rem;
line-height: 1;
background: transparent url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%2011%206%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23003057%22%20d%3D%22m5.587%206.488.57-.48%204.93-4.15-1.14-1.31-4.36%203.67-4.36-3.67-1.14%201.31%204.93%204.15.57.48z%22/%3E%3C/svg%3E') no-repeat center;
}
.switcher-language .switcher-dropdown {
margin: 0;
padding: 0;
list-style: none none;
}
.switcher-language .mage-dropdown-dialog {
position: absolute;
bottom: 100%;
left: 0;
box-shadow: 0 -0.2rem 0.6rem 0 rgba(0, 48, 87, 0.21);
min-width: 100%;
border-radius: 0.3rem;
background: #ffffff;
}
.toolbar.top {
margin-bottom: 3rem;
}
.toolbar.bottom {
margin-top: 3rem;
}
.site-header__m-overlay {
display: none;
}
.mobile-menu__open {
padding: 1rem;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 0.1rem;
line-height: 1;
}
.mobile-menu__open,
.mobile-menu__open:focus,
.mobile-menu__open:hover,
.mobile-menu__open:active {
border-color: transparent;
background: transparent;
color: inherit;
}
.mobile-menu__open svg {
display: block;
}
.mobile-menu__open .icon + .label {
margin-left: 1rem;
}
.blog-teaser__wrapper {
position: relative;
display: flex;
flex-direction: column;
}
.blog-teaser__wrapper .blog-teaser__title,
.blog-teaser__wrapper .blog-teaser__text {
font-size: 1.5rem;
line-height: 1.33333333;
}
.blog-teaser__wrapper:not(.blog-teaser--m) .blog-teaser__title a::before {
content: '';
position: absolute;
inset: 0;
}
@media (hover: hover) {
.blog-teaser__wrapper:not(.blog-teaser--m):hover .faux-more .icon {
transform: translateX(25%);
}
.blog-teaser__wrapper:not(.blog-teaser--m):hover img {
transform: scale(1.06);
opacity: 0.88;
}
}
.blog-teaser__visual {
position: relative;
overflow: hidden;
background-color: #ffffff;
}
.blog-teaser__visual,
.blog-teaser__visual img {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.blog-teaser__visual img {
will-change: transform;
}
@media (hover: hover) {
.blog-teaser__visual img {
transition: 250ms ease-out;
}
}
.blog-teaser__visual .tag {
display: inline-flex;
padding: 0.1rem 1.2rem;
position: absolute;
left: 0;
bottom: 0;
border-top-right-radius: 0.3rem;
background-color: #EDF4F8;
color: #003057;
font-size: 1.3rem;
}
.blog-teaser__body {
padding: 2.4rem 3rem;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
background-color: #ffffff;
color: #003057;
}
.blog-teaser__body .faux-more {
display: inline-flex;
align-items: center;
gap: 1rem;
margin-top: 0.5rem;
color: #DE4700;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.38;
}
.blog-teaser__body .faux-more .icon {
transition: 250ms ease-out;
}
.blog-teaser__body .faux-more .icon svg {
display: block;
}
.blog-teaser__body .faux-more .icon svg path {
fill: currentColor;
}
.blog-teaser__title a {
color: inherit;
}
.blog-teaser__wrapper.blog-teaser--s .blog-teaser__body {
padding: 1.5rem;
background-color: #003057;
color: #ffffff;
}
.blog-teaser__wrapper.blog-teaser--s .blog-teaser__body .faux-more {
transition: 250ms linear;
color: #4F758B;
}
.blog-teaser__wrapper.blog-teaser--s:hover .faux-more {
color: #a7bac5;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual {
background-color: #F3FAFD;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual img {
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual {
aspect-ratio: 1.41772152;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (hover: hover) {
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual:hover img {
transform: scale(1.06);
opacity: 0.88;
}
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__body {
padding: 1.8rem 1.2rem;
border-radius: 0;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title + .blog-teaser__text {
margin-top: 0.5rem;
}
@media (hover: hover) {
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(0, 48, 87, 0.2);
text-decoration-color: rgba(0, 48, 87, 0.2);
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a:focus,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a:hover,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a:focus,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a:hover,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title a:active {
-webkit-text-decoration-color: rgba(0, 48, 87, 0.4);
text-decoration-color: rgba(0, 48, 87, 0.4);
}
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__title,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__text {
font-size: 1.5rem;
line-height: 1.33333333;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__more {
display: inline-flex;
margin-top: 1rem;
}
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__more:focus .faux-more .icon,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__more:hover .faux-more .icon,
.blog-teaser__wrapper.blog-teaser--m .blog-teaser__more:active .faux-more .icon {
transform: translateX(25%);
}
.blog-teaser__wrapper.blog-teaser--l .blog-teaser__visual .tag {
background-color: #ffffff;
}
.blog-teaser__wrapper.blog-teaser--l .blog-teaser__body {
display: flex;
flex-flow: column wrap;
padding: 1.5rem 2.4rem;
background-color: #E6F4F9;
text-align: center;
}
.blog-teaser__wrapper.blog-teaser--l .blog-teaser__body .faux-more {
padding-top: 1rem;
margin-top: auto;
}
.blog-teaser__wrapper.blog-teaser--l .blog-teaser__title a::before {
content: '';
position: absolute;
inset: 0;
}
.blog-teaser__wrapper.blog-teaser--highlight {
display: grid;
}
.blog-teaser__wrapper.blog-teaser--highlight .blog-teaser__visual {
grid-row: 1;
grid-column: 1;
}
.blog-teaser__wrapper.blog-teaser--highlight .blog-teaser__body {
grid-column: 1;
z-index: 1;
padding: 1.5rem;
border-radius: 0;
background-color: #ffffff;
}
.blog-teaser__wrapper.blog-teaser--highlight .blog-teaser__body .faux-more {
margin-top: 1.5rem;
}
.blog-teaser__wrapper.blog-teaser--highlight .blog-teaser__title a::before {
content: '';
position: absolute;
inset: 0;
}
.product__item,
.product-teaser__component {
border-radius: 0.3rem;
background-color: #ffffff;
}
@media (hover: hover) {
.products-grid .product__items .product-teaser__component .product-item-photo,
.products-grid .product__items .product-teaser__component .product-item-details__top {
box-shadow: none;
transition: box-shadow 250ms ease-out;
}
.products-grid .product__items .product-teaser__component:hover .product-item-photo {
box-shadow: 0 0.2rem 0 0 inset #E6F4F9, 0.2rem 0 0 0 inset #E6F4F9, -0.2rem 0 0 0 inset #E6F4F9;
}
.products-grid .product__items .product-teaser__component:hover .product-item-details__top {
box-shadow: 0.2rem 0 0 0 inset #E6F4F9, -0.2rem 0 0 0 inset #E6F4F9, 0 -0.2rem 0 0 inset #E6F4F9;
}
/* autoprefixer: ignore next */
@supports selector(:has(+ *)) {
.paragraph--products .product-teaser__component:has(.product-item-photo:hover, .product-item-link:hover) {
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
}
}
/* autoprefixer: ignore next */
@supports not selector(:has(+ *)) {
.paragraph--products .product-teaser__component:hover {
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
}
}
}
.product-teaser__component {
box-shadow: none;
transition: box-shadow 250ms ease-out;
height: 100%;
display: flex;
flex-direction: column;
}
.product-teaser__component .product-item-photo {
position: relative;
padding: 0.4rem 0 0;
aspect-ratio: 230/152;
overflow: hidden;
}
.product-teaser__component .product-item-details {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.product-teaser__component .product-item-details:has(.product-item-details__bottom) .product-item-details__top {
/* Only allow the title + teaser block link to grow when
* it is followed by a price box.
*/
flex-grow: 1;
}
.product-teaser__component .product-item-details__top {
display: flex;
flex-direction: column;
}
.product-teaser__component .product-item-details__bottom {
display: flex;
}
.product-teaser__component .product-item-details__bottom .price-block {
flex-grow: 1;
display: flex;
}
.product-teaser__component .product-item-details__bottom .tier-form {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.product-teaser__component .product-item-details__bottom .tier-form > .field {
position: relative;
}
.product-teaser__component .product-item-details__bottom .price-tier_price {
flex-grow: 1;
}
.product-teaser__component .product-item-details__top {
position: relative;
padding: 1.2rem 2rem;
}
.product-teaser__component .product-item-details__top .product-item-link {
display: inline-flex;
}
.product-teaser__component .product-item-details__top .product-item-link::after {
content: '';
position: absolute;
inset: 0;
}
.product-teaser__component .product-item-details__top .product-item-name {
color: #003057;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.38;
}
.product-teaser__component .product-item-details__top .product-item-packaging {
margin-top: 0.4rem;
color: #DE4700;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.38;
}
.product-teaser__component .product-item-details__top .product-item-description {
margin-top: 0.5rem;
margin-bottom: 0.4rem;
color: #4F758B;
font-size: 1.2rem;
line-height: 1.5;
}
.product-teaser__component .product-item-details__bottom .price-tier_price {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.8rem 1rem 1rem;
background-color: #E6F4F9;
}
.product-teaser__component .product-item-details__bottom .tier-price-options {
padding: 0 1rem;
}
.product-teaser__component .product-item-details__bottom .tier-price .price,
.product-teaser__component .product-item-details__bottom .tier-price .unit-price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
-moz-column-gap: 0.4ch;
column-gap: 0.4ch;
}
.product-teaser__component .product-item-details__bottom .tier-price .price + .unit-price {
margin-top: 0.4rem;
}
.product-teaser__component .product-item-details__bottom .tier-price .price .amount {
font-size: 1.4rem;
font-weight: 700;
}
.product-teaser__component .product-item-details__bottom .tier-price .unit-price .amount {
font-size: 1.1rem;
}
.product-teaser__component .product-item-details__bottom .tier-price .row-info {
color: #4F758B;
font-size: 1.1rem;
}
.product-teaser__component .product-item-details__bottom .tocart {
position: relative;
justify-content: center;
align-self: flex-start;
}
.ajax-loading .product-teaser__component .product-item-details__bottom .tocart.disabled .icon {
width: 2.4rem;
height: 2.4rem;
display: inline-flex;
position: relative;
background: none;
}
.ajax-loading .product-teaser__component .product-item-details__bottom .tocart.disabled .icon::after,
.ajax-loading .product-teaser__component .product-item-details__bottom .tocart.disabled .icon::before {
content: '';
width: 2.4rem;
height: 2.4rem;
position: absolute;
left: 0;
top: 0;
-webkit-animation: pulse 1200ms linear infinite;
animation: pulse 1200ms linear infinite;
border-radius: 50%;
background: #ffffff;
}
.ajax-loading .product-teaser__component .product-item-details__bottom .tocart.disabled .icon::after {
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
opacity: 0;
}
.ajax-loading .product-teaser__component .product-item-details__bottom .tocart.disabled .icon svg {
visibility: hidden;
}
.product-teaser__component select {
padding-left: 1.4rem;
border-color: #EDF4F8;
background-color: #ffffff;
}
.product-teaser__component select:focus-visible {
border: 0.2rem solid #7392a8;
}
.product-teaser__component .product__label {
position: absolute;
left: 4rem;
padding: 0 1rem;
border-radius: 0.3rem;
background-color: #DE4700;
color: #ffffff;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 2;
text-transform: uppercase;
}
.product-teaser__component .product__tag {
display: inline-flex;
align-items: baseline;
gap: 0.4rem;
color: #00843D;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.42857143;
}
.product-teaser__component .product__tag .icon {
transform: translateY(0.2rem);
}
.product-teaser__component .product__tag--mobile {
margin-bottom: 1rem;
}
.product__item--narrow .product-teaser__component .product-item-details__top {
padding: 1.2rem 1rem;
}
.product__item--narrow .product-teaser__component .product-item-details__top .product-item-packaging {
display: none;
}
.product__item--narrow .product-teaser__component .product__label {
left: 1rem;
}
.product__item--narrow .product-teaser__component .product-item-details__bottom {
padding: 0;
}
.content-list__header {
background-color: #003057;
}
.content-list__header + .content-list__wrapper {
margin-top: 4rem;
}
.content-list__header-pattern,
.content-list__header-wrapper {
grid-row: 1;
}
.content-list__header-pattern {
display: flex;
align-items: flex-end;
overflow: hidden;
}
.content-list__header-pattern svg {
display: block;
pointer-events: none;
}
.content-list__header-wrapper {
color: #ffffff;
}
.content-list__header-intro {
padding-bottom: 4rem;
}
.content-list__filter-wrapper {
background-color: #ffffff;
}
.content-list__filter {
padding: 2rem 4rem;
border: 0.2rem solid #EDF4F8;
}
.content-list__filter {
display: flex;
flex-wrap: wrap;
align-items: center;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 1rem;
}
.content-list__filter .select-layout-wrapper {
flex-grow: 1;
}
.ct-listing__list--graphical {
display: flex;
flex-direction: column;
gap: 2rem;
}
.homepage__hero {
position: relative;
}
.homepage__hero h1 {
position: absolute;
left: 2.4rem;
bottom: 2.4rem;
max-width: 70%;
color: #ffffff;
}
.homepage__hero img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 0.3rem;
}
.homepage__categories {
padding-top: 5rem;
}
.homepage__categories-pattern {
background-color: #E6F4F9;
}
.homepage__categories-pattern .pattern-wrapper {
background-color: #ffffff;
}
.homepage__featured-blog {
display: grid;
grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 138rem) [wrapper-end] 1fr [full-end];
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
/* any child can break out of the max width content grid */
padding-top: 4rem;
background: linear-gradient(to bottom, #E6F4F9 24rem, #ffffff 24rem);
}
.homepage__featured-blog > .breakout {
grid-column: full;
}
.homepage__featured-blog .homepage-blog-grid-wrapper {
grid-column: wrapper;
}
.homepage__featured-blog .featured-blog__list {
display: flex;
flex-direction: column;
gap: 2rem;
}
.homepage__layout .homepage__products {
grid-column: full;
}
.homepage__products {
margin-top: 3rem;
width: 100%;
}
.homepage__products .product__list {
display: flex;
gap: 2rem;
padding-left: 2rem;
padding-right: 12rem;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-padding-inline-start: 2rem;
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #003057 transparent;
}
.homepage__products .product__list::-webkit-scrollbar-track {
background: transparent;
}
.homepage__products .product__list::-webkit-scrollbar-thumb {
background-color: #003057;
border-radius: 0.3rem;
border: 0;
}
.homepage__products .product__list::-webkit-scrollbar-thumb:hover,
.homepage__products .product__list::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.homepage__products .product__item {
flex: 0 0 24rem;
scroll-snap-align: start start;
}
.content-type__paragraphs {
margin-top: 5rem;
}
.content-type__paragraphs .paragraph + .paragraph {
margin-top: 3rem;
}
.paragraph__title + .paragraph__body {
margin-top: 1.2rem;
}
.paragraph__body {
font-size: 1.5rem;
line-height: 1.6;
}
.paragraph__header + .paragraph__listing {
margin-top: 3rem;
}
.paragraph__links {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
align-items: center;
}
.paragraph--cta {
display: grid;
grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 138rem) [wrapper-end] 1fr [full-end];
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
/* any child can break out of the max width content grid */
overflow: hidden;
min-height: 30vh;
}
.paragraph--cta > .breakout {
grid-column: full;
}
.paragraph--cta .bg-pattern {
grid-column: full;
grid-row: 1;
display: flex;
}
.paragraph--cta .bg-pattern svg {
display: block;
transform: translateY(20%);
}
.paragraph--cta .paragraph__inner {
position: relative;
padding: 3rem 0;
grid-column: wrapper;
grid-row: 1;
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.paragraph--cta .paragraph__inner > * {
grid-column-start: 1;
grid-column-end: -1;
}
.paragraph--cta .paragraph__layout {
display: grid;
place-content: center;
}
.paragraph--cta .text-wrapper {
padding-bottom: 7vw;
}
.p-cta__title {
text-align: center;
}
.p-cta__title + .paragraph__actions {
margin-top: 2.4rem;
}
.paragraph--media-embed .paragraph__inner {
display: flex;
justify-content: center;
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph--media-embed .media-embed__wrapper {
width: 55rem;
max-width: 100%;
}
.paragraph--media-embed .media-embed__wrapper > * {
max-width: 100%;
}
.paragraph--media-embed .media-embed__wrapper > *[style*="max-width"] {
max-width: 100% !important;
}
.paragraph--media-embed .media-embed__wrapper > *[style*="min-width"] {
min-width: 238px !important;
}
.paragraph--products .paragraph__inner {
padding: 3rem 2rem;
background-color: #E6F4F9;
}
.paragraph--products .product__list {
display: flex;
flex-direction: column;
gap: 2rem;
}
.paragraph--products .product__item {
flex: 1 1 100%;
}
.paragraph--products .product-teaser__component .product-item-photo {
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph--products .product-teaser__component .product-item-details__top {
padding-left: 4rem;
padding-right: 4rem;
}
.paragraph--products .product-teaser__component .product-item-details__top:last-child {
flex-grow: 1;
}
.paragraph--products .product-teaser__component .product-item-details__bottom {
padding: 0 2rem 2rem;
}
.paragraph--text-image img {
border-radius: 0.3rem;
}
.paragraph--text-image .paragraph__layout {
display: flex;
gap: 1.5rem;
}
.paragraph--video {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.paragraph--video > * {
grid-column-start: 1;
grid-column-end: -1;
}
.paragraph--video .paragraph__inner {
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph--video .paragraph__inner[data-has-played="1"] img,
.paragraph--video .paragraph__inner[data-has-played="1"] button {
display: none;
position: static;
}
.paragraph--video .preview-stack {
display: grid;
aspect-ratio: 1.77777778;
}
.paragraph--video .preview-stack > * {
grid-row: 1;
grid-column: 1;
position: relative;
}
.paragraph--video button.video-icon {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: 0;
background: none;
display: grid;
place-content: center;
}
.paragraph--video button.video-icon svg {
display: block;
}
.paragraph--video button.video-icon svg circle {
transition: 500ms ease-out;
}
.paragraph--video button.video-icon svg .disc {
fill: #003057;
}
.paragraph--video button.video-icon svg .arrow {
fill: #ffffff;
}
.paragraph--video button.video-icon:hover svg circle {
fill-opacity: 0.197;
}
.page-title {
font-size: 2.4rem;
line-height: 1.125;
letter-spacing: 1.47;
}
.contentmanager-content-view .page-title {
font-size: 2.2rem;
line-height: 1.18181818;
letter-spacing: 0.067rem;
}
.contentmanager-contenttype-homepage .page-title,
.cms-home .page-title {
font-size: 3rem;
line-height: 1;
letter-spacing: 0.094rem;
}
.page-title::after {
content: '';
display: block;
width: 6rem;
height: 0.5rem;
margin-top: 1rem;
background-color: #DE4700;
}
.page-title-wrapper + * {
margin-top: 1.8rem;
}
.page-title__region {
padding: 3rem 2rem;
background-color: #E6F4F9;
}
.page-title__region.is-centered {
display: flex;
justify-content: center;
}
.page-title__region.is-centered .page-title {
display: flex;
flex-direction: column;
align-items: center;
}
.page-title__region.is-centered .page-title,
.page-title__region.is-centered .page-title .base {
text-align: center;
}
.page-title__region .page-title-wrapper {
max-width: 91.4rem;
}
.section__heading + * {
margin-top: 3rem;
}
.section__title {
font-size: 1.8rem;
line-height: 1.38888889;
text-align: center;
}
.section__subtitle {
color: #DE4700;
font-size: 1.4rem;
line-height: 1.78571429;
text-align: center;
}
.contact-index-index .layout--cl-left .layout__cl-wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.contact-index-index .layout--cl-left .layout__cl-wrapper > * {
grid-column-start: 1;
grid-column-end: -1;
}
.contact-index-index .layout--cl-left .layout__cl-wrapper .cl-primary {
margin-top: 3rem;
}
.contact-index-index .layout--cl-left .layout__cl-wrapper .cl-secondary {
margin-top: 6rem;
}
.contact-page__form-title + form {
margin-top: 2rem;
}
.contact-info__block {
padding: 1.8rem;
background-color: #E6F4F9;
font-size: 1.6rem;
line-height: 1.75;
}
.contact-info__block > * + *,
.contact-page__info > * + *,
.contact-page__opening-hours > * + * {
margin-top: 2rem;
}
.opening-hours__overview {
display: grid;
grid-template-columns: -webkit-max-content 1fr;
grid-template-columns: max-content 1fr;
-moz-column-gap: 3.2rem;
column-gap: 3.2rem;
}
.opening-hours__entry {
display: contents;
}
.contentmanager-contenttype-homepage .trustpilot-teaser {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 1.8rem;
padding-right: calc(1.8rem - 4%);
background-color: #ffffff;
}
.homepage__layout {
display: grid;
grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 138rem) [wrapper-end] 1fr [full-end];
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
/* any child can break out of the max width content grid */
}
.homepage__layout > .breakout {
grid-column: full;
}
.homepage__layout > * {
grid-column: wrapper;
}
.homepage__header-region {
grid-column: full;
display: grid;
grid-template-columns: [full-start] 1fr [wrapper-start] minmax(0, 138rem) [wrapper-end] 1fr [full-end];
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
/* any child can break out of the max width content grid */
grid-template-rows: 1fr 1.8rem;
}
.homepage__header-region > .breakout {
grid-column: full;
}
.homepage__header {
grid-column: wrapper;
grid-row: 1;
display: flex;
flex-direction: column;
gap: 1rem;
}
.homepage__header .header__teasers {
display: flex;
flex-direction: column;
gap: 1rem;
}
.homepage__header-pattern {
grid-row: 1 / span 2;
grid-column: full;
align-self: end;
box-shadow: 0 -0.2rem 0 0 inset #E6F4F9;
}
.homepage__header-pattern svg {
display: block;
}
.homepage__usp-banner .usp__list {
padding-bottom: 1.8rem;
}
.contentmanager-contenttype-homepage .trustpilot-teaser {
container-type: inline-size;
}
@container (min-width: 235px) {
.contentmanager-contenttype-homepage .trustpilot-teaser .trustpilot-widget iframe {
aspect-ratio: 2.08333333;
}
.contentmanager-contenttype-homepage .trustpilot-teaser .trustpilot-widget iframe[style*='height'] {
height: auto !important;
}
}
@container (max-width: 234px) {
.contentmanager-contenttype-homepage .trustpilot-teaser .trustpilot-widget iframe {
aspect-ratio: 1.66666667;
}
.contentmanager-contenttype-homepage .trustpilot-teaser .trustpilot-widget iframe[style*='height'] {
height: auto !important;
}
}
.customer-account-login .login-container {
padding-bottom: 2rem;
background-color: #E6F4F9;
}
.customer-account-login .login-container .fieldset:last-child {
margin-bottom: 0;
}
.customer-account-login .login-container .fieldset::after {
content: none;
}
.customer-account-login .login-container * + .actions-toolbar {
margin-top: 2.4rem;
}
.login__layout {
display: flex;
flex-direction: column;
gap: 2rem;
}
.customer-login__block,
.new-customer__block {
flex: 1 1 50%;
padding: 3rem 3rem 4rem;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 0.3rem;
background-color: #ffffff;
}
.new-customer__block {
text-align: center;
}
.new-customer__block .actions-toolbar {
justify-content: center;
}
.pwreset-container {
padding-bottom: 2rem;
background-color: #E6F4F9;
}
.pwreset-container .fieldset:last-child {
margin-bottom: 0;
}
.pwreset-container .form.password.forget .fieldset::after {
content: none;
}
.pwreset-container * + .actions-toolbar {
margin-top: 2.4rem;
}
.pwreset__layout {
display: flex;
flex-direction: column;
gap: 2rem;
}
.pwreset__block {
flex: 1 1 50%;
padding: 3rem 3rem 4rem;
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 0.3rem;
background-color: #ffffff;
}
.customer-account-create .register-container {
padding-bottom: 2rem;
background-color: #E6F4F9;
}
.customer-account-create .register-container .fieldset:last-child {
margin-bottom: 0;
}
.customer-account-create .register-container .fieldset::after {
content: none;
}
.customer-account-create .register-container * + .actions-toolbar {
margin-top: 2.4rem;
}
.register__layout {
display: flex;
flex-direction: column;
gap: 2rem;
}
.register__block,
.account__block {
padding: 3rem 3rem 4rem;
border-radius: 0.3rem;
background-color: #ffffff;
}
.account__block {
text-align: center;
}
.account__block .actions-toolbar {
justify-content: center;
}
.page-bottom {
margin-top: 3rem;
}
.page-bottom .ecom__wrapper {
display: flex;
}
.page-bottom .ecom__wrapper:not(:first-child) {
margin-top: 3rem;
}
.page-bottom .trustpilot__rating-reviews {
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 1.8rem 4rem;
}
.page-bottom .trustpilot-widget {
flex: 1 1 0;
}
button[data-plyr]:hover,
button[data-plyr]:focus,
button[data-plyr]:active {
border: 0;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
background: #003057;
}
.plyr--video .plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr--audio .plyr__control.plyr__tab-focus,
.plyr--video .plyr--audio .plyr__control:hover,
.plyr--audio .plyr--audio .plyr__control:hover,
.plyr--video .plyr--audio .plyr__control[aria-expanded='true'],
.plyr--audio .plyr--audio .plyr__control[aria-expanded='true'] {
background: #003057;
}
.plyr__control--overlaid {
background: #003057;
}
.plyr--full-ui input[type='range'] {
color: #003057;
}
.plyr__control.plyr__tab-focus {
outline-color: #003057;
}
.plyr--full-ui input[type='range'].plyr__tab-focus,
.plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track,
.plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track,
.plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
outline-color: #003057;
}
.plyr__caption {
background: rgba(0, 0, 0, 0.8);
color: #ffffff;
}
.bundle-options-container .block-bundle-summary .bundle.items,
.product-items,
.prices-tier,
.search-terms,
.cart-summary .checkout-methods-items,
.opc-wrapper .opc,
.opc-progress-bar,
.checkout-agreements-items,
.order-details-items .items-qty,
.footer.content ul,
.block-banners .banner-items,
.block-banners-inline .banner-items,
.block-event .slider-panel .slider {
margin: 0;padding: 0;list-style: none none;
}
.bundle-options-container .block-bundle-summary .bundle.items > li,
.product-items > li,
.prices-tier > li,
.search-terms > li,
.cart-summary .checkout-methods-items > li,
.opc-wrapper .opc > li,
.opc-progress-bar > li,
.checkout-agreements-items > li,
.order-details-items .items-qty > li,
.footer.content ul > li,
.block-banners .banner-items > li,
.block-banners-inline .banner-items > li,
.block-event .slider-panel .slider > li {
margin: 0;
}
.block-compare .action.primary,
.cart-summary .block .actions-toolbar > .primary .action.primary,
.abs-discount-code .form-discount .actions-toolbar .primary .action,
.cart-summary .form.giftregistry .fieldset .action.primary,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
border-radius: 0.3rem;
}
.block-compare .action.primary:not(:focus),
.cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus),
.abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus),
.cart-summary .form.giftregistry .fieldset .action.primary:not(:focus),
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) {
box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(237, 244, 248, 0.3);
}
.block-compare .action.primary:active,
.cart-summary .block .actions-toolbar > .primary .action.primary:active,
.abs-discount-code .form-discount .actions-toolbar .primary .action:active,
.cart-summary .form.giftregistry .fieldset .action.primary:active,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active {
box-shadow: inset 0 1px 0 0 rgba(237, 244, 248, 0.8), inset 0 -1px 0 0 rgba(237, 244, 248, 0.3);
}
.block-event .slider-panel .slider .item .action.event {
background-image: none;background: #003057;border: 0.2rem solid transparent;color: #ffffff;cursor: pointer;font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 700;margin: 0;padding: 0.8rem 2rem;font-size: 1.6rem;line-height: 2.2rem;box-sizing: border-box;vertical-align: middle;display: inline-flex;text-decoration: none;border-radius: 0.3rem;
}
.block-event .slider-panel .slider .item .action.event:focus,
.block-event .slider-panel .slider .item .action.event:active {
background: #003057;border: 0.2rem solid #E6F4F9;color: #ffffff;
}
.block-event .slider-panel .slider .item .action.event:hover {
background: #E6F4F9;border: 0.2rem solid #7392a8;color: #003057;
}
.block-event .slider-panel .slider .item .action.event.disabled,
.block-event .slider-panel .slider .item .action.event[disabled],
fieldset[disabled] .block-event .slider-panel .slider .item .action.event {
opacity: 0.5;cursor: default;pointer-events: none;
}
.block-event .slider-panel .slider .item .action.event:hover,
.block-event .slider-panel .slider .item .action.event:active,
.block-event .slider-panel .slider .item .action.event:focus {
text-decoration: none;
}
.popup .actions-toolbar .action.cancel,
.paypal-button-widget .paypal-button,
.bundle-options-container .action.back,
.block.related .action.select,
.cart.table-wrapper .actions-toolbar > .action-delete,
.cart.table-wrapper .action.help.map,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup,
.opc-wrapper .edit-address-link,
.opc-block-shipping-information .shipping-information-title .action-edit,
.action-auth-toggle,
.checkout-payment-method .checkout-billing-address .action-cancel,
.checkout-agreements-block .action-show,
.gift-options .actions-toolbar .action-cancel,
.gift-summary .action-edit,
.gift-summary .action-delete,
.action-gift,
.gift-wrapping-title .action-remove,
.wishlist.split.button > .action {
line-height: 1.25;padding: 0;color: #DE4700;text-decoration: none;background: none;border: 0;display: inline;font-weight: 400;border-radius: 0;
}
.popup .actions-toolbar .action.cancel:visited,
.paypal-button-widget .paypal-button:visited,
.bundle-options-container .action.back:visited,
.block.related .action.select:visited,
.cart.table-wrapper .actions-toolbar > .action-delete:visited,
.cart.table-wrapper .action.help.map:visited,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited,
.opc-wrapper .edit-address-link:visited,
.opc-block-shipping-information .shipping-information-title .action-edit:visited,
.action-auth-toggle:visited,
.checkout-payment-method .checkout-billing-address .action-cancel:visited,
.checkout-agreements-block .action-show:visited,
.gift-options .actions-toolbar .action-cancel:visited,
.gift-summary .action-edit:visited,
.gift-summary .action-delete:visited,
.action-gift:visited,
.gift-wrapping-title .action-remove:visited,
.wishlist.split.button > .action:visited {
color: #DE4700;text-decoration: none;
}
.popup .actions-toolbar .action.cancel:hover,
.paypal-button-widget .paypal-button:hover,
.bundle-options-container .action.back:hover,
.block.related .action.select:hover,
.cart.table-wrapper .actions-toolbar > .action-delete:hover,
.cart.table-wrapper .action.help.map:hover,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover,
.opc-wrapper .edit-address-link:hover,
.opc-block-shipping-information .shipping-information-title .action-edit:hover,
.action-auth-toggle:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-agreements-block .action-show:hover,
.gift-options .actions-toolbar .action-cancel:hover,
.gift-summary .action-edit:hover,
.gift-summary .action-delete:hover,
.action-gift:hover,
.gift-wrapping-title .action-remove:hover,
.wishlist.split.button > .action:hover {
color: #DE4700;text-decoration: none;
}
.popup .actions-toolbar .action.cancel:active,
.paypal-button-widget .paypal-button:active,
.bundle-options-container .action.back:active,
.block.related .action.select:active,
.cart.table-wrapper .actions-toolbar > .action-delete:active,
.cart.table-wrapper .action.help.map:active,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:active,
.opc-wrapper .edit-address-link:active,
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.action-auth-toggle:active,
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-agreements-block .action-show:active,
.gift-options .actions-toolbar .action-cancel:active,
.gift-summary .action-edit:active,
.gift-summary .action-delete:active,
.action-gift:active,
.gift-wrapping-title .action-remove:active,
.wishlist.split.button > .action:active {
color: #00843D;text-decoration: none;
}
.popup .actions-toolbar .action.cancel:hover,
.popup .actions-toolbar .action.cancel:active,
.popup .actions-toolbar .action.cancel:focus,
.paypal-button-widget .paypal-button:hover,
.paypal-button-widget .paypal-button:active,
.paypal-button-widget .paypal-button:focus,
.bundle-options-container .action.back:hover,
.bundle-options-container .action.back:active,
.bundle-options-container .action.back:focus,
.block.related .action.select:hover,
.block.related .action.select:active,
.block.related .action.select:focus,
.cart.table-wrapper .actions-toolbar > .action-delete:hover,
.cart.table-wrapper .actions-toolbar > .action-delete:active,
.cart.table-wrapper .actions-toolbar > .action-delete:focus,
.cart.table-wrapper .action.help.map:hover,
.cart.table-wrapper .action.help.map:active,
.cart.table-wrapper .action.help.map:focus,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:active,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus,
.opc-wrapper .edit-address-link:hover,
.opc-wrapper .edit-address-link:active,
.opc-wrapper .edit-address-link:focus,
.opc-block-shipping-information .shipping-information-title .action-edit:hover,
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.opc-block-shipping-information .shipping-information-title .action-edit:focus,
.action-auth-toggle:hover,
.action-auth-toggle:active,
.action-auth-toggle:focus,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-payment-method .checkout-billing-address .action-cancel:focus,
.checkout-agreements-block .action-show:hover,
.checkout-agreements-block .action-show:active,
.checkout-agreements-block .action-show:focus,
.gift-options .actions-toolbar .action-cancel:hover,
.gift-options .actions-toolbar .action-cancel:active,
.gift-options .actions-toolbar .action-cancel:focus,
.gift-summary .action-edit:hover,
.gift-summary .action-edit:active,
.gift-summary .action-edit:focus,
.gift-summary .action-delete:hover,
.gift-summary .action-delete:active,
.gift-summary .action-delete:focus,
.action-gift:hover,
.action-gift:active,
.action-gift:focus,
.gift-wrapping-title .action-remove:hover,
.gift-wrapping-title .action-remove:active,
.gift-wrapping-title .action-remove:focus,
.wishlist.split.button > .action:hover,
.wishlist.split.button > .action:active,
.wishlist.split.button > .action:focus {
background: none;border: 0;
}
.popup .actions-toolbar .action.cancel.disabled,
.popup .actions-toolbar .action.cancel[disabled],
fieldset[disabled] .popup .actions-toolbar .action.cancel,
.paypal-button-widget .paypal-button.disabled,
.paypal-button-widget .paypal-button[disabled],
fieldset[disabled] .paypal-button-widget .paypal-button,
.bundle-options-container .action.back.disabled,
.bundle-options-container .action.back[disabled],
fieldset[disabled] .bundle-options-container .action.back,
.block.related .action.select.disabled,
.block.related .action.select[disabled],
fieldset[disabled] .block.related .action.select,
.cart.table-wrapper .actions-toolbar > .action-delete.disabled,
.cart.table-wrapper .actions-toolbar > .action-delete[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action-delete,
.cart.table-wrapper .action.help.map.disabled,
.cart.table-wrapper .action.help.map[disabled],
fieldset[disabled] .cart.table-wrapper .action.help.map,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup.disabled,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup[disabled],
fieldset[disabled] .checkout-index-index .modal-popup .modal-footer .action-hide-popup,
.opc-wrapper .edit-address-link.disabled,
.opc-wrapper .edit-address-link[disabled],
fieldset[disabled] .opc-wrapper .edit-address-link,
.opc-block-shipping-information .shipping-information-title .action-edit.disabled,
.opc-block-shipping-information .shipping-information-title .action-edit[disabled],
fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit,
.action-auth-toggle.disabled,
.action-auth-toggle[disabled],
fieldset[disabled] .action-auth-toggle,
.checkout-payment-method .checkout-billing-address .action-cancel.disabled,
.checkout-payment-method .checkout-billing-address .action-cancel[disabled],
fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel,
.checkout-agreements-block .action-show.disabled,
.checkout-agreements-block .action-show[disabled],
fieldset[disabled] .checkout-agreements-block .action-show,
.gift-options .actions-toolbar .action-cancel.disabled,
.gift-options .actions-toolbar .action-cancel[disabled],
fieldset[disabled] .gift-options .actions-toolbar .action-cancel,
.gift-summary .action-edit.disabled,
.gift-summary .action-edit[disabled],
fieldset[disabled] .gift-summary .action-edit,
.gift-summary .action-delete.disabled,
.gift-summary .action-delete[disabled],
fieldset[disabled] .gift-summary .action-delete,
.action-gift.disabled,
.action-gift[disabled],
fieldset[disabled] .action-gift,
.gift-wrapping-title .action-remove.disabled,
.gift-wrapping-title .action-remove[disabled],
fieldset[disabled] .gift-wrapping-title .action-remove,
.wishlist.split.button > .action.disabled,
.wishlist.split.button > .action[disabled],
fieldset[disabled] .wishlist.split.button > .action {
color: #DE4700;opacity: 0.5;cursor: default;pointer-events: none;text-decoration: underline;
}
.popup .actions-toolbar .action.cancel:active,
.popup .actions-toolbar .action.cancel:not(:focus),
.paypal-button-widget .paypal-button:active,
.paypal-button-widget .paypal-button:not(:focus),
.bundle-options-container .action.back:active,
.bundle-options-container .action.back:not(:focus),
.block.related .action.select:active,
.block.related .action.select:not(:focus),
.cart.table-wrapper .actions-toolbar > .action-delete:active,
.cart.table-wrapper .actions-toolbar > .action-delete:not(:focus),
.cart.table-wrapper .action.help.map:active,
.cart.table-wrapper .action.help.map:not(:focus),
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:active,
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:not(:focus),
.opc-wrapper .edit-address-link:active,
.opc-wrapper .edit-address-link:not(:focus),
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.opc-block-shipping-information .shipping-information-title .action-edit:not(:focus),
.action-auth-toggle:active,
.action-auth-toggle:not(:focus),
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-payment-method .checkout-billing-address .action-cancel:not(:focus),
.checkout-agreements-block .action-show:active,
.checkout-agreements-block .action-show:not(:focus),
.gift-options .actions-toolbar .action-cancel:active,
.gift-options .actions-toolbar .action-cancel:not(:focus),
.gift-summary .action-edit:active,
.gift-summary .action-edit:not(:focus),
.gift-summary .action-delete:active,
.gift-summary .action-delete:not(:focus),
.action-gift:active,
.action-gift:not(:focus),
.gift-wrapping-title .action-remove:active,
.gift-wrapping-title .action-remove:not(:focus),
.wishlist.split.button > .action:active,
.wishlist.split.button > .action:not(:focus) {
box-shadow: none;
}
.paypal-review .block .actions-toolbar .action.primary {
background: #003057;border: 0.2rem solid transparent;color: #ffffff;
}
.paypal-review .block .actions-toolbar .action.primary:focus,
.paypal-review .block .actions-toolbar .action.primary:active {
background: #003057;border: 0.2rem solid #E6F4F9;color: #ffffff;
}
.paypal-review .block .actions-toolbar .action.primary:hover {
background: #E6F4F9;border: 0.2rem solid #7392a8;color: #003057;
}
.products-grid.wishlist .product-item .box-tocart .tocart {
font-size: 1.6rem;line-height: 2.2rem;padding: 0.8rem 2rem;
}
#store-selector .form-continue .actions-toolbar .action.primary,
.order-review-form .action.primary,
.bundle-actions .action.primary.customize,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.box-tocart .action.tocart,
.cart-summary .checkout-methods-items .action.primary.checkout,
.block-minicart .block-content > .actions > .primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.box-tocart .action.instant-purchase,
.multicheckout .action.primary {
line-height: 2.2rem;padding: 1.2rem 4rem;font-size: 1.6rem;
}
.cart.table-wrapper .item-options dt,
.minicart-items .product-item-details .product .options.list dt,
.opc-block-summary .items-in-cart .product .item-options dt,
.block-giftregistry-shared-items .product .item-options dt,
.multicheckout .item-options dt {
clear: left;float: left;margin: 0 1rem 0.4rem 0;
}
.cart.table-wrapper .item-options dt:after,
.minicart-items .product-item-details .product .options.list dt:after,
.opc-block-summary .items-in-cart .product .item-options dt:after,
.block-giftregistry-shared-items .product .item-options dt:after,
.multicheckout .item-options dt:after {
content: ': ';
}
.cart.table-wrapper .item-options dd,
.minicart-items .product-item-details .product .options.list dd,
.opc-block-summary .items-in-cart .product .item-options dd,
.block-giftregistry-shared-items .product .item-options dd,
.multicheckout .item-options dd {
display: inline-block;float: left;margin: 0 0 0.4rem;word-break: break-all;
}
.bundle-actions .action.primary.customize,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.box-tocart .action.tocart,
.box-tocart .action.instant-purchase {
width: 100%;
}
.products-list .product-image-wrapper,
.cart.table-wrapper .product-image-wrapper,
.minicart-items .product-image-wrapper,
.block-giftregistry-shared-items .product-image-wrapper {
height: auto;padding: 0 !important;
}
.products-list .product-image-wrapper .product-image-photo,
.cart.table-wrapper .product-image-wrapper .product-image-photo,
.minicart-items .product-image-wrapper .product-image-photo,
.block-giftregistry-shared-items .product-image-wrapper .product-image-photo {
position: static;
}
.product.media .product.photo .photo.image {
display: block;height: auto;margin: 0 auto;max-width: 100%;
}
.login-container .block .block-title {
border-bottom: 1px solid #e8e8e8;font-size: 1.8rem;margin-bottom: 15px;padding-bottom: 12px;
}
.login-container .block .block-title strong {
font-weight: 500;
}
.giftregisty-dropdown,
.wishlist-dropdown {
display: inline-block;position: relative;
}
.giftregisty-dropdown:before,
.giftregisty-dropdown:after,
.wishlist-dropdown:before,
.wishlist-dropdown:after {
content: '';display: table;
}
.giftregisty-dropdown:after,
.wishlist-dropdown:after {
clear: both;
}
.giftregisty-dropdown .action.toggle,
.wishlist-dropdown .action.toggle {
cursor: pointer;display: inline-block;text-decoration: none;
}
.giftregisty-dropdown .action.toggle:after,
.wishlist-dropdown .action.toggle:after {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;line-height: inherit;color: inherit;content: "\e622";font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0 0 0 5px;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.giftregisty-dropdown .action.toggle:hover:after,
.wishlist-dropdown .action.toggle:hover:after {
color: inherit;
}
.giftregisty-dropdown .action.toggle:active:after,
.wishlist-dropdown .action.toggle:active:after {
color: inherit;
}
.giftregisty-dropdown .action.toggle.active,
.wishlist-dropdown .action.toggle.active {
display: inline-block;text-decoration: none;
}
.giftregisty-dropdown .action.toggle.active:after,
.wishlist-dropdown .action.toggle.active:after {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;line-height: inherit;color: inherit;content: "\e621";font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 0 0 0 5px;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.giftregisty-dropdown .action.toggle.active:hover:after,
.wishlist-dropdown .action.toggle.active:hover:after {
color: inherit;
}
.giftregisty-dropdown .action.toggle.active:active:after,
.wishlist-dropdown .action.toggle.active:active:after {
color: inherit;
}
.giftregisty-dropdown ul.dropdown,
.wishlist-dropdown ul.dropdown {
margin: 0;padding: 0;list-style: none none;background: #fff;border: 1px solid #bbb;margin-top: 4px;min-width: 200px;z-index: 100;box-sizing: border-box;display: none;position: absolute;top: 100%;box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
}
.giftregisty-dropdown ul.dropdown li,
.wishlist-dropdown ul.dropdown li {
margin: 0;padding: 5px 5px 5px 23px;
}
.giftregisty-dropdown ul.dropdown li:hover,
.wishlist-dropdown ul.dropdown li:hover {
background: #e8e8e8;cursor: pointer;
}
.giftregisty-dropdown ul.dropdown:before,
.giftregisty-dropdown ul.dropdown:after,
.wishlist-dropdown ul.dropdown:before,
.wishlist-dropdown ul.dropdown:after {
border-bottom-style: solid;content: '';display: block;height: 0;position: absolute;width: 0;
}
.giftregisty-dropdown ul.dropdown:before,
.wishlist-dropdown ul.dropdown:before {
border: 6px solid;border-color: transparent transparent #fff transparent;z-index: 99;
}
.giftregisty-dropdown ul.dropdown:after,
.wishlist-dropdown ul.dropdown:after {
border: 7px solid;border-color: transparent transparent #bbb transparent;z-index: 98;
}
.giftregisty-dropdown ul.dropdown:before,
.wishlist-dropdown ul.dropdown:before {
left: 10px;top: -12px;
}
.giftregisty-dropdown ul.dropdown:after,
.wishlist-dropdown ul.dropdown:after {
left: 9px;top: -14px;
}
.giftregisty-dropdown.active,
.wishlist-dropdown.active {
overflow: visible;
}
.giftregisty-dropdown.active ul.dropdown,
.wishlist-dropdown.active ul.dropdown {
display: block;
}
.giftregisty-dropdown ul.items,
.wishlist-dropdown ul.items {
padding: 6px 0;
}
.column .block-addbysku .qty .qty,
.bundle-options-container .input-text.qty,
.box-tocart .input-text.qty,
.account .data.table-return-items .qty .input-text,
.table-giftregistry-items .field.qty .qty,
.block-giftregistry-shared-items .qty .qty,
.table.grouped .col.qty .control.qty .qty,
.block-wishlist-info-items .input-text.qty,
.multicheckout .table-wrapper .col .qty .input-text,
.account .table-wrapper .data.table.wishlist .box-tocart .qty,
.products-grid.wishlist .product-item .box-tocart input.qty,
.sidebar .block-addbysku .fieldset .fields .field.qty .qty {
text-align: center;width: 54px;
}
.block,
.customer-review .product-details,
.block-banners,
.block-banners-inline {
margin-bottom: 3.2rem;
}
.sidebar .product-items .action.delete,
.sidebar .block-compare .action.delete,
.table-comparison .cell.remove .action.delete,
.block-compare .action.delete,
.filter-current .action.remove {
display: inline-block;text-decoration: none;
}
.sidebar .product-items .action.delete > span,
.sidebar .block-compare .action.delete > span,
.table-comparison .cell.remove .action.delete > span,
.block-compare .action.delete > span,
.filter-current .action.remove > span {
border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
}
.sidebar .product-items .action.delete:before,
.sidebar .block-compare .action.delete:before,
.table-comparison .cell.remove .action.delete:before,
.block-compare .action.delete:before,
.filter-current .action.remove:before {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;line-height: 15px;color: #757575;content: "\e616";font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.sidebar .product-items .action.delete:hover:before,
.sidebar .block-compare .action.delete:hover:before,
.table-comparison .cell.remove .action.delete:hover:before,
.block-compare .action.delete:hover:before,
.filter-current .action.remove:hover:before {
color: #494949;
}
.sidebar .product-items .action.delete:active:before,
.sidebar .block-compare .action.delete:active:before,
.table-comparison .cell.remove .action.delete:active:before,
.block-compare .action.delete:active:before,
.filter-current .action.remove:active:before {
color: #999;
}
.product-item-name,
.product.name a {
font-weight: 400;
}
.product-item-name > a,
.product.name a > a {
color: #003057;text-decoration: none;
}
.product-item-name > a:visited,
.product.name a > a:visited {
color: #003057;text-decoration: none;
}
.product-item-name > a:hover,
.product.name a > a:hover {
color: #003057;text-decoration: none;
}
.product-item-name > a:active,
.product.name a > a:active {
color: #003057;text-decoration: none;
}
.form.giftregistry.items .actions-toolbar,
.form.wishlist.items .actions-toolbar {
margin-left: 0;
}
.form-giftregistry-share .fieldset .field .control,
.form-giftregistry-edit .fieldset .field .control,
.form-add-invitations .fieldset .field .control,
.form-create-return .fieldset .field .control,
.form.send.friend .fieldset .field .control {
width: 70%;
}
.form-giftregistry-share .fieldset .actions-toolbar > .secondary,
.form-giftregistry-edit .fieldset .actions-toolbar > .secondary,
.form-add-invitations .fieldset .actions-toolbar > .secondary,
.form-create-return .fieldset .actions-toolbar > .secondary,
.form.send.friend .fieldset .actions-toolbar > .secondary {
float: left;
}
.form-giftregistry-share .fieldset .actions-toolbar > .secondary .action.add,
.form-giftregistry-edit .fieldset .actions-toolbar > .secondary .action.add,
.form-add-invitations .fieldset .actions-toolbar > .secondary .action.add,
.form-create-return .fieldset .actions-toolbar > .secondary .action.add,
.form.send.friend .fieldset .actions-toolbar > .secondary .action.add {
margin-top: 2.4rem;
}
.form-giftregistry-share .fieldset .fields .actions-toolbar,
.form-giftregistry-edit .fieldset .fields .actions-toolbar,
.form-add-invitations .fieldset .fields .actions-toolbar,
.form-create-return .fieldset .fields .actions-toolbar,
.form.send.friend .fieldset .fields .actions-toolbar {
margin: 0;
}
.form-giftregistry-share .additional,
.form-giftregistry-edit .additional,
.form-add-invitations .additional,
.form-create-return .additional,
.form.send.friend .additional {
margin-top: 55px;position: relative;
}
.form-giftregistry-share .message.notice,
.form-giftregistry-edit .message.notice,
.form-add-invitations .message.notice,
.form-create-return .message.notice,
.form.send.friend .message.notice {
margin: 2.4rem 0 0;
}
.order-details-items .order-items .order-gift-message:not(.expanded-content) {
height: 0;visibility: hidden;
}
.opc-wrapper .form-discount .field .label,
.bundle-options-container .block-bundle-summary .product-image-container,
.bundle-options-container .block-bundle-summary .product.name,
.bundle-options-container .block-bundle-summary .stock,
.product-item-actions .actions-secondary > .action span,
.special-price .price-label,
.table-comparison .cell.label.remove span,
.table-comparison .cell.label.product span,
.block.related .field.choice .label,
.cart.table-wrapper .col.qty .label,
.minicart-wrapper .action.showcart .text,
.minicart-wrapper .action.showcart .counter-label,
.checkout-index-index .page-title-wrapper,
.checkout-payment-method .field-select-billing > .label,
.checkout-payment-method .payments .legend,
.checkout-payment-method .ccard .legend,
.fieldset .fullname > .label,
.field.street .field .label,
.block-balance .balance-price-label,
.page-product-downloadable .product-options-wrapper .fieldset .legend.links-title,
.page-product-giftcard .fieldset.giftcard > .legend,
.opc-wrapper .form-giftcard-account .field .label,
.form-add-invitations .fields .label,
.filter-options-content .filter-count-label,
.table-comparison .wishlist.split.button > .action.split span,
.product-items .wishlist.split.button > .action.split span,
.page-multiple-wishlist .page-title-wrapper .page-title,
.block-wishlist-search-form .form-wishlist-search .fieldset > .legend,
.multicheckout .table-wrapper .col .label,
.multicheckout .block .methods-shipping .item-content .fieldset > .legend,
.block.newsletter .label,
.review-date .review-details-label,
.customer-review .product-details .rating-average-label,
.block-reorder .product-item .label,
.action.skip:not(:focus),
.page-header .panel.wrapper .switcher .label,
.page-footer .switcher .label,
.products-grid.wishlist .product-item .comment-box .label {
border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
}
.minicart-items .product.options .toggle > span,
.shipping-policy-block.field-tooltip .field-tooltip-action span {
clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;
}
.column .block-addbysku .sku,
.product-item,
.sidebar .product-items-images .product-item,
.search-autocomplete,
.cart-summary,
.opc-wrapper .shipping-address-item,
.shipping-policy-block.field-tooltip .field-tooltip-content,
.opc-block-summary,
.block-event .slider-panel .slider .item .action.show,
.sidebar .block-addbysku .fieldset .fields .field.sku {
box-sizing: border-box;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action,
.product-item-actions .actions-secondary > .action,
.product-social-links .action.tocompare,
.wishlist.split.button > .action.split,
.product-social-links .action.mailto.friend,
.product-social-links .action.towishlist,
.block-bundle-summary .action.towishlist,
.product-item .action.towishlist,
.table-comparison .action.towishlist {
color: #666;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;display: inline-block;text-decoration: none;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action:before,
.product-item-actions .actions-secondary > .action:before,
.product-social-links .action.tocompare:before,
.wishlist.split.button > .action.split:before,
.product-social-links .action.mailto.friend:before,
.product-social-links .action.towishlist:before,
.block-bundle-summary .action.towishlist:before,
.product-item .action.towishlist:before,
.table-comparison .action.towishlist:before {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 16px;line-height: 16px;color: inherit;font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: -2px 5px 0 0;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action:hover,
.product-item-actions .actions-secondary > .action:hover,
.product-social-links .action.tocompare:hover,
.wishlist.split.button > .action.split:hover,
.product-social-links .action.mailto.friend:hover,
.product-social-links .action.towishlist:hover,
.block-bundle-summary .action.towishlist:hover,
.product-item .action.towishlist:hover,
.table-comparison .action.towishlist:hover {
color: #003057;text-decoration: none;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action:before,
.product-item-actions .actions-secondary > .action:before,
.product-social-links .action.tocompare:before,
.wishlist.split.button > .action.split:before,
.product-social-links .action.mailto.friend:before,
.product-social-links .action.towishlist:before,
.block-bundle-summary .action.towishlist:before,
.product-item .action.towishlist:before,
.table-comparison .action.towishlist:before {
width: 18px;
}
.bundle-options-container .block-bundle-summary .box-tocart,
.box-tocart {
margin: 0 0 2.4rem;
}
.minicart-items .product .toggle {
border-top: 0.2rem solid #EDF4F8;cursor: pointer;margin-bottom: 0;position: relative;padding: 1rem 3.2rem 1rem 15px;display: block;text-decoration: none;
}
.minicart-items .product .toggle:after {
position: absolute;right: 1.8rem;top: 1rem;
}
.minicart-items .product .toggle > span {
border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
}
.minicart-items .product .toggle:after {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;line-height: 12px;color: inherit;content: "\e622";font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 3px 0 0;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.cart-summary .block {
margin: 0;
}
.cart-summary .block > .title:after {
color: #858585;
}
.cart-summary .block .content {
display: none;padding: 5px 15px 23px;position: relative;
}
.cart-summary .block.active > .title:after {
content: "\e621";
}
.cart-summary .block.active .content {
display: block;
}
.multicheckout .table-wrapper .cart-price {
color: #0F304D;font-size: 1.6rem;font-weight: 700;
}
.multicheckout .table-wrapper .product-item-name {
font-size: 1.8rem;font-weight: 300;margin: 0;
}
.account .legend,
.form-giftregistry-search .legend,
.block-giftregistry-results .block-title,
.block-giftregistry-shared-items .block-title,
.block-wishlist-search-form .block-title,
.block-wishlist-search-results .block-title,
.multicheckout .block-title,
.multicheckout .block-content .title,
.customer-review .review-details .title {
border-bottom: 1px solid #c6c6c6;margin-bottom: 1.8rem;padding-bottom: 1rem;
}
.account .legend > strong,
.account .legend > span,
.form-giftregistry-search .legend > strong,
.form-giftregistry-search .legend > span,
.block-giftregistry-results .block-title > strong,
.block-giftregistry-results .block-title > span,
.block-giftregistry-shared-items .block-title > strong,
.block-giftregistry-shared-items .block-title > span,
.block-wishlist-search-form .block-title > strong,
.block-wishlist-search-form .block-title > span,
.block-wishlist-search-results .block-title > strong,
.block-wishlist-search-results .block-title > span,
.multicheckout .block-title > strong,
.multicheckout .block-title > span,
.multicheckout .block-content .title > strong,
.multicheckout .block-content .title > span,
.customer-review .review-details .title > strong,
.customer-review .review-details .title > span {
font-size: 2.2rem;font-weight: 300;
}
.block-addresses-list address,
.box-billing-address .box-content,
.box-shipping-address .box-content,
.box-address-billing .box-content,
.box-address-shipping .box-content,
.box-information .box-content,
.box-newsletter .box-content {
line-height: 24px;
}
.order-details-items tfoot td {
background: #f5f5f5;
}
.paypal-review .table-paypal-review-items .col.price .price-including-tax,
.paypal-review .table-paypal-review-items .col.price .price-excluding-tax,
.paypal-review .table-paypal-review-items .col.subtotal .price-including-tax,
.paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax,
.cart.table-wrapper .col.price .price-including-tax,
.cart.table-wrapper .col.price .price-excluding-tax,
.cart.table-wrapper .col.subtotal .price-including-tax,
.cart.table-wrapper .col.subtotal .price-excluding-tax,
.cart.table-wrapper .col.msrp .price-including-tax,
.cart.table-wrapper .col.msrp .price-excluding-tax,
.order-details-items .col.price .price-including-tax,
.order-details-items .col.price .price-excluding-tax,
.order-details-items .col.subtotal .price-including-tax,
.order-details-items .col.subtotal .price-excluding-tax {
color: #666;font-size: 1.8rem;display: block;line-height: 1;white-space: nowrap;
}
.paypal-review .table-paypal-review-items .col.price .price-including-tax .price,
.paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price,
.paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price,
.paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price,
.cart.table-wrapper .col.price .price-including-tax .price,
.cart.table-wrapper .col.price .price-excluding-tax .price,
.cart.table-wrapper .col.subtotal .price-including-tax .price,
.cart.table-wrapper .col.subtotal .price-excluding-tax .price,
.cart.table-wrapper .col.msrp .price-including-tax .price,
.cart.table-wrapper .col.msrp .price-excluding-tax .price,
.order-details-items .col.price .price-including-tax .price,
.order-details-items .col.price .price-excluding-tax .price,
.order-details-items .col.subtotal .price-including-tax .price,
.order-details-items .col.subtotal .price-excluding-tax .price {
font-weight: 700;
}
.bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax,
.bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-excluding-tax,
.bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax,
.bundle-options-container .product-options-wrapper .field.choice .price-notice .price-excluding-tax,
.cart-summary .price-including-tax,
.cart-summary .price-excluding-tax,
.gift-summary .price-including-tax,
.gift-summary .price-excluding-tax,
.gift-options .price-including-tax,
.gift-options .price-excluding-tax {
font-size: 1.4rem;display: inline-block;
}
.bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax,
.bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax,
.cart-summary .price-including-tax + .price-excluding-tax,
.gift-summary .price-including-tax + .price-excluding-tax,
.gift-options .price-including-tax + .price-excluding-tax {
font-size: 1.1rem;display: inline-block;
}
.bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:before,
.bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:before,
.cart-summary .price-including-tax + .price-excluding-tax:before,
.gift-summary .price-including-tax + .price-excluding-tax:before,
.gift-options .price-including-tax + .price-excluding-tax:before {
content: '(' attr(data-label) ': ';
}
.bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:after,
.bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:after,
.cart-summary .price-including-tax + .price-excluding-tax:after,
.gift-summary .price-including-tax + .price-excluding-tax:after,
.gift-options .price-including-tax + .price-excluding-tax:after {
content: ')';
}
.price-including-tax .cart-tax-total,
.price-excluding-tax .cart-tax-total,
.paypal-review .table-paypal-review-items .cart-tax-total,
.cart.table-wrapper .cart-tax-total,
.order-details-items .cart-tax-total {
cursor: pointer;padding-right: 1rem;position: relative;display: inline-block;text-decoration: none;
}
.price-including-tax .cart-tax-total:after,
.price-excluding-tax .cart-tax-total:after,
.paypal-review .table-paypal-review-items .cart-tax-total:after,
.cart.table-wrapper .cart-tax-total:after,
.order-details-items .cart-tax-total:after {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 8px;line-height: 8px;color: inherit;content: "\e622";font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;margin: 3px 0 0 0;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.price-including-tax .cart-tax-total:after,
.price-excluding-tax .cart-tax-total:after,
.paypal-review .table-paypal-review-items .cart-tax-total:after,
.cart.table-wrapper .cart-tax-total:after,
.order-details-items .cart-tax-total:after {
position: absolute;right: -2px;top: 4px;
}
.price-including-tax .cart-tax-total-expanded:after,
.price-excluding-tax .cart-tax-total-expanded:after,
.paypal-review .table-paypal-review-items .cart-tax-total-expanded:after,
.cart.table-wrapper .cart-tax-total-expanded:after,
.order-details-items .cart-tax-total-expanded:after {
content: "\e621";
}
.giftcard-account .form-giftcard-redeem .fieldset,
.form-giftregistry-create .fieldset {
margin-bottom: 1.8rem;
}
.review-ratings .rating-summary,
.customer-review .review-details .customer-review-rating .rating-summary {
display: table-row;
}
.review-ratings .rating-label,
.customer-review .review-details .customer-review-rating .rating-label {
display: table-cell;padding-bottom: 0.4rem;padding-right: 1.8rem;padding-top: 1px;vertical-align: top;
}
.review-ratings .rating-result,
.customer-review .review-details .customer-review-rating .rating-result {
display: table-cell;vertical-align: top;
}
.block-addresses-list .items.addresses .item.actions .action:after,
.account .data.table .col.actions .action:after,
[class^='sales-guest-'] .data.table .col.actions .action:after,
.sales-guest-view .data.table .col.actions .action:after,
.block .box-actions .action:after {
border-left: 1px solid #103250;content: '';display: inline-block;height: 12px;margin: 0 1rem;vertical-align: -1px;
}
.block-addresses-list .items.addresses .item.actions .action:last-child:after,
.account .data.table .col.actions .action:last-child:after,
[class^='sales-guest-'] .data.table .col.actions .action:last-child:after,
.sales-guest-view .data.table .col.actions .action:last-child:after,
.block .box-actions .action:last-child:after {
display: none;
}
.paypal-review .block .block-title > .action,
.account .column.main .block:not(.widget) .block-title > .action,
.multicheckout .block-title > .action,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action,
.sales-guest-view .column.main .block:not(.widget) .block-title > .action {
margin-left: 15px;
}
.paypal-review .block .box-title,
.account .column.main .block:not(.widget) .box-title,
.multicheckout .box-title,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title,
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title,
.sales-guest-view .column.main .block:not(.widget) .box-title {
display: inline-block;margin: 0 0 1rem;
}
.paypal-review .block .box-title > span,
.account .column.main .block:not(.widget) .box-title > span,
.multicheckout .box-title > span,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span,
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span,
.sales-guest-view .column.main .block:not(.widget) .box-title > span {
font-size: 1.6rem;
}
.paypal-review .block .box-title > .action,
.account .column.main .block:not(.widget) .box-title > .action,
.multicheckout .box-title > .action,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action,
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action,
.sales-guest-view .column.main .block:not(.widget) .box-title > .action {
font-weight: 400;margin-left: 1rem;
}
.block-minicart .subtotal .label:after,
.minicart-items .details-qty .label:after,
.minicart-items .price-minicart .label:after,
.order-details-items .order-gift-message .label:after,
.order-details-items .block-order-details-gift-message .label:after,
.block-wishlist-management .wishlist-select .wishlist-name-label:after {
content: ': ';
}
.wishlist.split.button .items .item:last-child:hover,
.wishlist-dropdown .items .item:last-child:hover {
background: #e8e8e8;
}
.wishlist.split.button .action.new:before,
.wishlist-dropdown .action.new:before {
margin-left: -17px;margin-right: 0.4rem;
}
.sidebar .subtitle,
.cart-summary .block .fieldset.estimate > .legend,
.cart-summary .block .fieldset.estimate > .legend + br,
.minicart-items .product-item-details .weee[data-label] .label,
.page-product-giftcard .fieldset.giftcard > .legend + br,
.order-details-items .order-items .order-gift-message .action.close,
.multicheckout .block .methods-shipping .item-content .fieldset > .legend + br,
.multicheckout .hidden,
[class^='multishipping-'] .nav-sections,
[class^='multishipping-'] .nav-toggle,
.no-display {
display: none;
}
.return-status,
.order-status {
border: 2px solid #EDF4F8;border-radius: 3px;display: inline-block;margin: 3px 0 0;padding: 2px 1rem;text-transform: uppercase;vertical-align: top;
}
.magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
.magento-rma-returns-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
.account .page-main .page-title-wrapper .page-title,
[class^='sales-guest-'] .page-main .page-title-wrapper .page-title,
.sales-guest-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title {
margin-right: 25px;
}
.magento-rma-returns-returns .page-main .page-title-wrapper .order-date,
.magento-rma-returns-view .page-main .page-title-wrapper .order-date,
.magento-rma-guest-returns .page-main .page-title-wrapper .order-date,
.account .page-main .page-title-wrapper .order-date,
[class^='sales-guest-'] .page-main .page-title-wrapper .order-date,
.sales-guest-view .page-main .page-title-wrapper .order-date,
.magento-rma-guest-returns .page-main .page-title-wrapper .order-date {
font-size: 16px;margin-bottom: 1rem;
}
.magento-rma-returns-returns .page-main .page-title-wrapper .order-date .label,
.magento-rma-returns-view .page-main .page-title-wrapper .order-date .label,
.magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label,
.account .page-main .page-title-wrapper .order-date .label,
[class^='sales-guest-'] .page-main .page-title-wrapper .order-date .label,
.sales-guest-view .page-main .page-title-wrapper .order-date .label,
.magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label {
display: none;
}
.account .column.main .order-details-items .table-wrapper .data.table,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table,
.block-giftregistry-results .data.table,
.block-wishlist-search-results .data.table,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table {
border: none;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th,
.block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td,
.block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th,
.block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td,
.block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th {
background: #E6F4F9;
}
.account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th,
.account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th,
.account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
.account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td,
.block-giftregistry-results .data.table > thead > tr > th,
.block-giftregistry-results .data.table > tbody > tr > th,
.block-giftregistry-results .data.table > tfoot > tr > th,
.block-giftregistry-results .data.table > thead > tr > td,
.block-giftregistry-results .data.table > tbody > tr > td,
.block-giftregistry-results .data.table > tfoot > tr > td,
.block-wishlist-search-results .data.table > thead > tr > th,
.block-wishlist-search-results .data.table > tbody > tr > th,
.block-wishlist-search-results .data.table > tfoot > tr > th,
.block-wishlist-search-results .data.table > thead > tr > td,
.block-wishlist-search-results .data.table > tbody > tr > td,
.block-wishlist-search-results .data.table > tfoot > tr > td,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td {
border: none;
}
.account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
.account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
[class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
.sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td,
.block-giftregistry-results .data.table > thead > tr > th,
.block-giftregistry-results .data.table > thead > tr > td,
.block-wishlist-search-results .data.table > thead > tr > th,
.block-wishlist-search-results .data.table > thead > tr > td,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th,
.magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td {
border-bottom: 0.4rem solid #EDF4F8;
}
.block-compare .counter,
.block-wishlist .counter {
color: #6d6d6d;font-size: 1.2rem;vertical-align: middle;white-space: nowrap;
}
.block-compare .counter:before,
.block-wishlist .counter:before {
content: '(';
}
.block-compare .counter:after,
.block-wishlist .counter:after {
content: ')';
}
.block-compare .block-title,
.block-reorder .block-title,
.widget .block-title,
.block-wishlist .block-title {
margin: 0 0 1.8rem;
}
.block-compare .block-title strong,
.block-reorder .block-title strong,
.widget .block-title strong,
.block-wishlist .block-title strong {
font-size: 2.1rem;font-weight: 300;vertical-align: middle;
}
.block-cart-failed,
.cart-container .form-cart {
margin-bottom: 1.8rem;
}
.block-cart-failed .actions.main .continue,
.cart-container .form-cart .actions.main .continue {
display: none;
}
.block-cart-failed .actions.main .clear,
.cart-container .form-cart .actions.main .clear {
line-height: 1.25;margin: 0 1.8rem 0 0;padding: 0;color: #DE4700;text-decoration: none;background: none;border: 0;display: inline;font-weight: 400;
}
.block-cart-failed .actions.main .clear:visited,
.cart-container .form-cart .actions.main .clear:visited {
color: #DE4700;text-decoration: none;
}
.block-cart-failed .actions.main .clear:hover,
.cart-container .form-cart .actions.main .clear:hover {
color: #DE4700;text-decoration: none;
}
.block-cart-failed .actions.main .clear:active,
.cart-container .form-cart .actions.main .clear:active {
color: #00843D;text-decoration: none;
}
.block-cart-failed .actions.main .clear:hover,
.block-cart-failed .actions.main .clear:active,
.block-cart-failed .actions.main .clear:focus,
.cart-container .form-cart .actions.main .clear:hover,
.cart-container .form-cart .actions.main .clear:active,
.cart-container .form-cart .actions.main .clear:focus {
background: none;border: 0;
}
.block-cart-failed .actions.main .clear.disabled,
.block-cart-failed .actions.main .clear[disabled],
fieldset[disabled] .block-cart-failed .actions.main .clear,
.cart-container .form-cart .actions.main .clear.disabled,
.cart-container .form-cart .actions.main .clear[disabled],
fieldset[disabled] .cart-container .form-cart .actions.main .clear {
color: #DE4700;opacity: 0.5;cursor: default;pointer-events: none;text-decoration: underline;
}
.form.search.advanced .fields.range .field.date .control,
.form-giftregistry-edit .field.date .control {
position: relative;
}
.field.date ._has-datepicker,
.field-dob ._has-datepicker,
.form-giftregistry-search .fields-specific-options .datetime-picker {
margin-right: 1rem;width: calc(100% - 23px + 1rem);
}
.field .control._with-tooltip {
position: relative;
}
.field .control._with-tooltip input {
margin-right: 1rem;width: calc(100% - 21px + 1rem + 0.4rem);
}
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content,
.shipping-policy-block.field-tooltip .field-tooltip-content {
right: -1rem;top: 4rem;left: auto;
}
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after,
.shipping-policy-block.field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
border: 1rem solid transparent;height: 0;width: 0;margin-top: -1.9rem;right: 1rem;left: auto;top: 0;
}
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:before {
border-bottom-color: #4F758B;
}
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
border-bottom-color: #E6F4F9;top: 1px;
}
.opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.opc-block-summary > .title,
.checkout-agreements-items .checkout-agreements-item-title {
padding-bottom: 1rem;color: #003057;font-weight: 300;font-size: 2.6rem;
}
.cart-totals,
.opc-block-summary .table-totals {
border-top: 1px solid #EDF4F8;padding-top: 10px;
}
.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
border: 0;font-weight: 400;padding: 6px 0;
}
.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount {
border: 0;font-weight: 400;padding: 6px 0 6px 14px;text-align: right;white-space: nowrap;
}
.cart-totals .grand th,
.cart-totals .grand td,
.opc-block-summary .table-totals .grand th,
.opc-block-summary .table-totals .grand td {
padding: 11px 0;
}
.cart-totals .grand strong,
.opc-block-summary .table-totals .grand strong {
display: inline-block;font-weight: 600;padding: 3px 0 0;
}
.cart-totals .grand .mark,
.opc-block-summary .table-totals .grand .mark {
font-size: 1.8rem;border-top: 1px solid #EDF4F8;padding-right: 1rem;
}
.cart-totals .grand .amount,
.opc-block-summary .table-totals .grand .amount {
font-size: 1.8rem;border-top: 1px solid #EDF4F8;
}
.cart-totals .msrp,
.opc-block-summary .table-totals .msrp {
margin-bottom: 1rem;
}
.cart-totals tbody tr:last-child td,
.opc-block-summary .table-totals tbody tr:last-child td {
padding-bottom: 19px;
}
.cart-totals .totals-tax-summary .mark,
.cart-totals .totals-tax-summary .amount,
.opc-block-summary .table-totals .totals-tax-summary .mark,
.opc-block-summary .table-totals .totals-tax-summary .amount {
border-bottom: 0.2rem solid #EDF4F8;border-top: 0.2rem solid #EDF4F8;cursor: pointer;
}
.cart-totals .totals-tax-summary .amount .price,
.opc-block-summary .table-totals .totals-tax-summary .amount .price {
padding-right: 1.8rem;position: relative;display: inline-block;text-decoration: none;
}
.cart-totals .totals-tax-summary .amount .price > span,
.opc-block-summary .table-totals .totals-tax-summary .amount .price > span {
border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
}
.cart-totals .totals-tax-summary .amount .price:after,
.opc-block-summary .table-totals .totals-tax-summary .amount .price:after {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 12px;line-height: 12px;color: inherit;content: "\e622";font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;vertical-align: middle;display: inline-block;font-weight: normal;overflow: hidden;speak: none;text-align: center;
}
.cart-totals .totals-tax-summary .amount .price:after,
.opc-block-summary .table-totals .totals-tax-summary .amount .price:after {
position: absolute;right: 3px;top: 3px;
}
.cart-totals .totals-tax-summary.expanded .mark,
.cart-totals .totals-tax-summary.expanded .amount,
.opc-block-summary .table-totals .totals-tax-summary.expanded .mark,
.opc-block-summary .table-totals .totals-tax-summary.expanded .amount {
border-bottom: 0;
}
.cart-totals .totals-tax-summary.expanded .amount .price:after,
.opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after {
content: "\e621";
}
.cart-totals .totals-tax-details,
.opc-block-summary .table-totals .totals-tax-details {
border-bottom: 0.2rem solid #EDF4F8;display: none;
}
.cart-totals .totals-tax-details.shown,
.opc-block-summary .table-totals .totals-tax-details.shown {
display: table-row;
}
.cart-totals .table-wrapper,
.opc-block-summary .table-totals .table-wrapper {
margin-bottom: 0;
}
.paypal-review-discount .block > .title strong,
.cart-discount .block > .title strong {
color: #DE4700;font-weight: 400;
}
.paypal-review-discount .actions-toolbar,
.cart-discount .actions-toolbar {
display: table-cell;vertical-align: top;width: 1%;
}
.paypal-review-discount .actions-toolbar .action.primary,
.paypal-review-discount .actions-toolbar .action.cancel,
.cart-discount .actions-toolbar .action.primary,
.cart-discount .actions-toolbar .action.cancel {
border-bottom-left-radius: 0;border-top-left-radius: 0;margin: 0 0 0 -1px;white-space: nowrap;width: auto;
}
.paypal-review-discount .actions-toolbar .secondary,
.cart-discount .actions-toolbar .secondary {
bottom: 5px;left: 15px;position: absolute;
}
.paypal-review-discount .action.check,
.cart-discount .action.check {
font-weight: 400;
}
.paypal-review-discount .fieldset,
.cart-discount .fieldset {
display: table;width: 100%;
}
.paypal-review-discount .fieldset > .field > .label,
.cart-discount .fieldset > .field > .label {
display: none;
}
.paypal-review-discount .field,
.cart-discount .field {
display: table-cell;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.product-info-stock-sku .configurable-variation-qty {
display: none;
}
/**
* @codingStandardsIgnoreStart
*/
#store-pickup.selected-shipping ~ #store-selector {
display: none;
}
#store-pickup.selected-store-pickup ~ #shipping,
#store-pickup.selected-store-pickup ~ #opc-shipping_method {
visibility: hidden;
height: 0;
overflow: hidden;
}
#delivery-method-selector {
display: flex;
}
#delivery-method-selector .action {
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
}
#delivery-method-selector .action.selected {
background: #fff;
}
#delivery-method-selector .action-select-shipping {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
#delivery-method-selector .action-select-store-pickup {
border-bottom-left-radius: 0;
border-left: 0;
border-top-left-radius: 0;
}
/**
* @codingStandardsIgnoreStart
*/
#store-selector .form-login {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#store-selector .form-continue {
margin: 1.8rem 0 0;
}
.location-details .location-name {
font-size: 2.1rem;
font-weight: 700;
}
.store-selector-popup .modal-title {
border-bottom: 0;
}
.store-selector-popup .modal-header {
padding-bottom: 0;
}
/**
* @codingStandardsIgnoreStart
*/
#opc-store-selector-popup {
display: none;
}
#opc-store-selector-popup .block-search {
float: none;
width: 100%;
margin: 0 0 1.8rem;
padding: 0 0 1rem;
border-bottom: 0.2rem solid #EDF4F8;
}
.modal-content #opc-store-selector-popup {
display: block;
}
.store-selector-popup-table thead th {
display: none;
}
.store-selector-popup-table tbody .location .location-name {
font-size: 2.1rem;
}
.store-selector-popup-table tbody .location + .location {
border-top: 0.2rem solid #ccc;
}
.store-selector-popup-table tbody .col-location-details {
padding-left: 0;
}
.store-selector-popup-table tbody .col-location-details p:last-child {
margin-bottom: 0;
}
.store-selector-popup-table tbody .col-location-actions {
padding-right: 0;
vertical-align: middle;
}
.store-selector-popup-table tbody .col-location-actions .action {
float: right;
}
.store-selector-popup-empty-query,
.store-selector-popup-no-locations {
margin: 0 0 1.8rem;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.lac-notification-sticky {
position: relative;
z-index: 999;
}
.lac-notification-sticky .lac-notification {
background-color: #373330;
color: #fff;
font-size: 16px;
}
.lac-notification-sticky .lac-notification .lac-notification-icon {
float: left;
margin: 10px 25px 10px 10px;
}
.lac-notification-sticky .lac-notification .lac-notification-icon .logo-img {
display: block;
}
.lac-notification-sticky .lac-notification .lac-notification-text {
float: left;
padding: 15px 0;
}
.lac-notification-sticky .lac-notification .lac-notification-links {
float: right;
padding: 15px 0;
}
.lac-notification-sticky .lac-notification .lac-notification-links a {
color: #fff;
font-size: 14px;
}
.lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after {
background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg');
content: ' ';
display: inline-block;
height: 12px;
margin-left: 5px;
vertical-align: middle;
width: 12px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.form-discount .g-recaptcha {
margin-top: 50px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.login-container .g-recaptcha,
.form-login .g-recaptcha,
.form-edit-account .g-recaptcha {
margin-bottom: 10px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.required-captcha.checkbox {
position: absolute;
display: block;
visibility: visible;
overflow: hidden;
opacity: 0;
width: 1px;
height: 1px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.block.newsletter .field-recaptcha .field .control:before {
content: none;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.review-form .field-recaptcha {
margin-bottom: 10px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.form.send.friend .g-recaptcha {
margin-top: 40px;
}
@font-face {
font-family: 'pagebuilder-font';
font-style: normal;
font-weight: normal;
src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot');
src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype');
}
.pagebuilder-icon,
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
-webkit-font-smoothing: antialiased;
font-family: 'pagebuilder-font';
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
}
[class^='pagebuilder-icon-']:before,
[class*=' pagebuilder-icon-']:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: 'pagebuilder-font';
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-decoration: inherit;
text-rendering: auto;
text-transform: none;
vertical-align: middle;
}
.pagebuilder-icon-down:before {
content: '\f101';
}
.pagebuilder-icon-next:before {
content: '\f102';
}
.pagebuilder-icon-prev:before {
content: '\f103';
}
.pagebuilder-icon-up:before {
content: '\f104';
}
.product-full-width-section {
padding: 0.5em 0;
}
.product-full-width-section .block.review-add {
margin-top: 2.7rem;
}
.page-layout-product-full-width .block.related {
margin-top: 2.7rem;
}
.page-main-details .product-section-title {
border-bottom: 1px solid #c6c6c6;
margin-bottom: 15px;
padding-bottom: 12px;
}
.additional-attributes-wrapper .additional-attributes {
border: none;
width: auto;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > th {
border: none;
padding: 5.5px 30px 10px 0;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > td {
border: none;
padding: 5.5px 5px 10px;
}
.cms-index-index.page-layout-cms-full-width .nav-sections {
margin-bottom: 0;
}
.slick-slider {
-khtml-user-select: none;
-moz-user-select: none;
-ms-touch-action: pan-y;
-ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
box-sizing: border-box;
display: block;
position: relative;
touch-action: pan-y;
user-select: none;
}
.slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
}
.slick-track:before,
.slick-track:after {
content: '';
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev {
left: 2rem;
}
.slick-prev:before {
content: '\f103';
padding-right: 5px;
}
.slick-next {
right: 2rem;
}
.slick-next:before {
content: '\f102';
padding-left: 5px;
}
.slick-prev,
.slick-next {
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
background: rgba(252, 252, 252, 0.6);
border: none;
border-radius: 0;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 60px;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 60px;
z-index: 101;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: 0.2;
}
.slick-prev:hover,
.slick-next:hover {
background: #fcfcfc;
border: none;
}
.slick-prev:hover.slick-disabled,
.slick-next:hover.slick-disabled {
opacity: 0.2;
}
.slick-prev:hover:before,
.slick-next:hover:before {
color: #494949;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
color: #555;
font-size: 38px;
opacity: 1;
}
.slick-prev:active,
.slick-next:active,
.slick-prev:focus,
.slick-next:focus,
.slick-prev:not(.primary),
.slick-next:not(.primary) {
background: rgba(252, 252, 252, 0.7);
border: none;
box-shadow: none;
}
.slick-prev:active:active,
.slick-next:active:active,
.slick-prev:focus:active,
.slick-next:focus:active,
.slick-prev:not(.primary):active,
.slick-next:not(.primary):active {
box-shadow: none;
}
.slick-dots {
font-size: 1.6rem;
line-height: normal;
letter-spacing: normal;
display: block;
list-style: none;
margin: 0;
padding: 15px 0;
text-align: center;
width: 100%;
}
.slick-dots li {
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 5px;
padding: 0;
position: relative;
vertical-align: middle;
width: 14px;
}
.slick-dots li button {
background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
box-shadow: none;
cursor: pointer;
display: block;
height: 14px;
padding: 0;
text-indent: -99999px;
transition: 0.3s;
width: 14px;
}
.slick-dots li button:hover {
border: 1px solid #b3b3b3;
}
.slick-dots li button:active,
.slick-dots li button:focus,
.slick-dots li button:not(.primary) {
box-shadow: none;
}
.slick-dots li.slick-active button {
background: #1c1918;
}
[data-content-type='banner'] > [data-element='link'],
[data-content-type='banner'] > [data-element='empty_link'] {
color: inherit;
text-decoration: inherit;
}
[data-content-type='banner'] > [data-element='link']:hover,
[data-content-type='banner'] > [data-element='empty_link']:hover {
color: inherit;
text-decoration: inherit;
}
.pagebuilder-banner-wrapper {
background-clip: padding-box;
border-radius: inherit;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay {
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-webkit-transition: background-color 500ms ease;
box-sizing: border-box;
padding: 30px;
position: relative;
transition: background-color 500ms ease;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
align-items: center;
display: flex;
justify-content: center;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: 540px;
}
.pagebuilder-banner-wrapper.jarallax .video-overlay {
z-index: 0;
}
.pagebuilder-banner-wrapper [data-element='content'] {
min-height: 50px;
overflow: auto;
}
.pagebuilder-banner-wrapper .pagebuilder-banner-button {
-moz-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
-webkit-transition: opacity 500ms ease;
margin: 20px 0 0 0;
max-width: 100%;
text-align: inherit;
transition: opacity 500ms ease;
word-break: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-poster-content {
width: 100%;
}
[data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-left: auto;
margin-right: auto;
}
[data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-right: auto;
}
[data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-left: auto;
}
[data-content-type$='block'] .block p:last-child {
margin-bottom: 1rem;
margin-top: 0;
}
[data-content-type='buttons'] {
max-width: 100%;
}
[data-content-type='button-item'] {
max-width: 100%;
}
[data-content-type='button-item'] [data-element='link'],
[data-content-type='button-item'] [data-element='empty_link'] {
max-width: 100%;
word-wrap: break-word;
}
[data-content-type='button-item'] [data-element='empty_link'] {
cursor: default;
}
a.pagebuilder-button-link,
button.pagebuilder-button-link,
div.pagebuilder-button-link {
line-height: 2.2rem;
font-size: 1.6rem;
line-height: 1.25;
margin: 0 10px 10px 0;
padding: 1.2rem 4rem;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
font-weight: 600;
box-shadow: none;
box-sizing: border-box;
display: inline-block;
}
a.pagebuilder-button-link:visited,
button.pagebuilder-button-link:visited,
div.pagebuilder-button-link:visited {
color: #DE4700;
text-decoration: none;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover {
color: #DE4700;
text-decoration: none;
}
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active {
color: #00843D;
text-decoration: none;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover,
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active,
a.pagebuilder-button-link:focus,
button.pagebuilder-button-link:focus,
div.pagebuilder-button-link:focus {
background: none;
border: 0;
}
a.pagebuilder-button-link.disabled,
button.pagebuilder-button-link.disabled,
div.pagebuilder-button-link.disabled,
a.pagebuilder-button-link[disabled],
button.pagebuilder-button-link[disabled],
div.pagebuilder-button-link[disabled],
fieldset[disabled] a.pagebuilder-button-link,
fieldset[disabled] button.pagebuilder-button-link,
fieldset[disabled] div.pagebuilder-button-link {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary {
text-decoration: none;
background-image: none;
background: #00843D;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0 10px 10px 0;
padding: 0.8rem 2rem;
box-sizing: border-box;
vertical-align: middle;
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
border-radius: 0.3rem;
box-shadow: none;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active,
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus {
text-decoration: none;
}
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
a.pagebuilder-button-primary.disabled,
button.pagebuilder-button-primary.disabled,
div.pagebuilder-button-primary.disabled,
a.pagebuilder-button-primary[disabled],
button.pagebuilder-button-primary[disabled],
div.pagebuilder-button-primary[disabled],
fieldset[disabled] a.pagebuilder-button-primary,
fieldset[disabled] button.pagebuilder-button-primary,
fieldset[disabled] div.pagebuilder-button-primary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary {
text-decoration: none;
background-image: none;
background: #003057;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0 10px 10px 0;
padding: 0.8rem 2rem;
box-sizing: border-box;
vertical-align: middle;
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
border-radius: 0.3rem;
box-shadow: none;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover,
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active,
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus {
text-decoration: none;
}
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus,
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active {
background: #003057;
border: 0.2rem solid #E6F4F9;
color: #ffffff;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover {
background: #E6F4F9;
border: 0.2rem solid #7392a8;
color: #003057;
}
a.pagebuilder-button-secondary.disabled,
button.pagebuilder-button-secondary.disabled,
div.pagebuilder-button-secondary.disabled,
a.pagebuilder-button-secondary[disabled],
button.pagebuilder-button-secondary[disabled],
div.pagebuilder-button-secondary[disabled],
fieldset[disabled] a.pagebuilder-button-secondary,
fieldset[disabled] button.pagebuilder-button-secondary,
fieldset[disabled] div.pagebuilder-button-secondary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.pagebuilder-column {
box-sizing: border-box;
}
[data-content-type='heading'] {
word-wrap: break-word;
}
[data-content-type='html'] {
word-wrap: break-word;
}
figure[data-content-type='image'] {
box-sizing: border-box;
}
figure[data-content-type='image'] > [data-element='link'],
figure[data-content-type='image'] > [data-element='link'] img {
border-radius: inherit;
}
figure[data-content-type='image'] figcaption {
word-wrap: break-word;
}
[data-content-type='map'] {
box-sizing: border-box;
height: 300px;
}
[data-content-type='row'] li.product-item {
text-align: left;
}
.pagebuilder-column .widget-product-grid .product-item {
max-width: 100%;
min-width: 50px;
}
.pagebuilder-column .widget-product-grid .product-item .price-box {
word-wrap: break-word;
}
.pagebuilder-column .widget-product-grid .product-item .price-box .price {
white-space: normal;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary {
display: inline-block;
max-width: 100%;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary {
display: inline-block;
width: auto;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart {
max-width: 100%;
white-space: normal;
}
.pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {
width: 200px;
}
[data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item {
display: block;
}
[data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item:first-child {
visibility: visible;
}
[data-content-type='products'][data-appearance='carousel'] .product-item-info {
width: auto;
}
[data-content-type='products'][data-appearance='carousel'] li.product-item {
display: none;
}
[data-content-type='products'][data-appearance='carousel'] li.product-item:first-child {
display: block;
visibility: hidden;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .product-item {
opacity: 0.5;
transition: all 300ms ease;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover {
opacity: 1;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item {
opacity: 1;
}
[data-content-type='row'][data-appearance='contained'] {
box-sizing: border-box;
margin-left: auto !important;
margin-right: auto !important;
max-width: 141.6rem;
}
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-bleed'] {
box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-width'] {
box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 141.6rem;
width: 100%;
}
[data-content-type='slide'] {
box-sizing: border-box;
line-height: 20px;
min-height: inherit;
overflow: hidden;
}
[data-content-type='slide'] > [data-element='link'],
[data-content-type='slide'] > [data-element='empty_link'] {
color: inherit;
min-height: inherit;
text-decoration: inherit;
}
[data-content-type='slide'] > [data-element='link']:hover,
[data-content-type='slide'] > [data-element='empty_link']:hover {
color: inherit;
text-decoration: inherit;
}
[data-content-type='slide'] + [data-content-type='slide'] {
height: 0;
min-height: 0;
}
.slick-slider [data-content-type='slide'] + [data-content-type='slide'] {
height: initial;
min-height: inherit;
}
.pagebuilder-slide-wrapper {
border-radius: inherit;
box-sizing: border-box;
min-height: inherit;
overflow-wrap: break-word;
word-wrap: break-word;
}
.pagebuilder-slide-wrapper .jarallax-viewport-element {
height: 100%;
left: -15000vw;
position: absolute;
top: 0;
width: 1px;
z-index: 100;
}
.slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element {
left: 0;
}
.pagebuilder-slide-wrapper.jarallax .video-overlay {
-webkit-transform: unset;
z-index: 1;
}
.pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay {
position: relative;
z-index: 2;
}
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe {
margin: auto !important;
transform: none !important;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay {
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-webkit-transition: background-color 500ms ease;
border-radius: inherit;
box-sizing: border-box;
padding: 30px;
transition: background-color 500ms ease;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
align-items: center;
display: flex;
justify-content: center;
min-height: inherit;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: 540px;
}
.pagebuilder-slide-wrapper [data-element='content'] {
min-height: 50px;
overflow: auto;
}
.pagebuilder-slide-wrapper .pagebuilder-slide-button {
-moz-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
-webkit-transition: opacity 500ms ease;
margin: 20px 0 0 0;
max-width: 100%;
text-align: inherit;
transition: opacity 500ms ease;
word-break: break-word;
}
.pagebuilder-slide-wrapper .pagebuilder-poster-content {
width: 100%;
}
[data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-left: auto;
margin-right: auto;
}
[data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-right: auto;
}
[data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-left: auto;
}
div[data-content-type='slider'] {
visibility: hidden;
}
div[data-content-type='slider'].slick-initialized {
visibility: visible;
}
div[data-content-type='slider'] .slick-list,
div[data-content-type='slider'] .slick-track,
div[data-content-type='slider'] .slick-slide {
min-height: inherit;
}
div[data-content-type='slider'] .slick-list > div,
div[data-content-type='slider'] .slick-track > div,
div[data-content-type='slider'] .slick-slide > div {
line-height: 0;
min-height: inherit;
overflow: hidden;
width: 100%;
}
a.button {
-moz-appearance: button;
-webkit-appearance: button;
appearance: button;
color: initial;
padding: 10px;
text-decoration: none;
}
div[data-content-type='tabs'] .tabs-navigation {
display: block;
font-size: 0;
margin: 0 0 -1px;
padding: 0;
}
div[data-content-type='tabs'] .tabs-navigation li:first-child {
margin-left: 0 !important;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header {
background: #f6f6f6;
border: 1px solid #ccc;
border-bottom: 0;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
display: inline-block;
margin: 0;
max-width: 100%;
overflow-wrap: break-word;
position: relative;
word-wrap: break-word;
z-index: 1;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header:not(:first-child) {
margin-left: -1px;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title {
border-right: 0;
color: #000;
cursor: pointer !important;
display: block;
font-size: 14px;
font-weight: 600;
padding: 1.4rem 2rem;
position: relative;
transition: all 0.3s;
vertical-align: middle;
white-space: normal;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title {
display: block;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover {
text-decoration: none;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child {
border-right: 1px solid #ccc;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active {
background: #fff;
z-index: 19;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title {
position: relative;
transition: all 0.3s;
}
div[data-content-type='tabs'] .tabs-content {
border: 1px solid #ccc;
box-sizing: border-box;
overflow: hidden;
position: relative;
z-index: 9;
}
div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] {
box-sizing: border-box;
min-height: inherit;
}
div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item']:not(:first-child) {
display: none;
}
div[data-content-type='tabs'].tab-align-left .tabs-content {
border-top-left-radius: 0 !important;
}
div[data-content-type='tabs'].tab-align-right .tabs-content {
border-top-right-radius: 0 !important;
}
div[data-content-type='text'] {
word-wrap: break-word;
}
div[data-content-type='video'] {
font-size: 0;
}
div[data-content-type='video'] .pagebuilder-video-inner {
box-sizing: border-box;
display: inline-block;
width: 100%;
}
div[data-content-type='video'] .pagebuilder-video-container {
border-radius: inherit;
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
div[data-content-type='video'] iframe,
div[data-content-type='video'] video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
font-family: 'object-fit: cover;', sans-serif;
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.jarallax-video-fallback {
transform: scale3d(0, 0, 0);
}
.jarallax .video-overlay {
-webkit-transform: translate3d(0, 0, 0);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -99;
}
.jarallax [id*='jarallax-container'] video,
.jarallax [id*='jarallax-container'] iframe {
visibility: hidden;
}
.cms-content-important {
background-color: #f5f5f5;
color: #333;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 1.1;
margin: 0 0 35px -20px;
padding: 20px;
}
.pagebuilder-full-width {
float: left;
width: 100%;
}
.pagebuilder-content-type {
box-sizing: border-box;
margin-bottom: 20px;
}
.pagebuilder-accordion {
margin: 0;
padding: 0;
}
.pagebuilder-accordion > .item.title {
box-sizing: border-box;
float: none;
width: 100%;
}
.pagebuilder-accordion > .item.title > .switch {
display: block;
}
.pagebuilder-accordion > .item.content {
box-sizing: border-box;
display: block;
float: none;
margin: 0;
}
.pagebuilder-accordion > .item.content:before,
.pagebuilder-accordion > .item.content:after {
content: '';
display: table;
}
.pagebuilder-accordion > .item.content:after {
clear: both;
}
.pagebuilder-accordion > .item.content.active {
display: block;
}
.pagebuilder-accordion > .item.title {
margin: 0;
}
.pagebuilder-accordion > .item.title > .switch {
border-top: 0.2rem solid #EDF4F8;
height: 3.2rem;
padding: 1px 1rem 1px 1rem;
font-weight: 600;
line-height: 3.2rem;
font-size: 1.6rem;
color: #003057;
text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:visited {
color: #6d6d6d;
text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:hover {
color: #003057;
text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:active {
color: #003057;
text-decoration: none;
}
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:active,
.pagebuilder-accordion > .item.title.active > .switch,
.pagebuilder-accordion > .item.title.active > .switch:focus,
.pagebuilder-accordion > .item.title.active > .switch:hover {
color: #003057;
text-decoration: none;
padding-bottom: 1px;
}
.pagebuilder-accordion > .item.content {
background: #ffffff;
margin: 0;
padding: 1rem 1rem 2.4rem;
}
.mst-search__result-tabs {
list-style: none;
border-bottom: 1px solid #cccccc;
padding: 0;
}
.mst-search__result-tabs:before,
.mst-search__result-tabs:after {
content: '';
display: table;
}
.mst-search__result-tabs:after {
clear: both;
}
.mst-search__result-tabs li {
margin: 0 5px -1px 0;
padding: 0;
float: left;
}
.mst-search__result-tabs li a {
display: block;
padding: 10px 35px;
text-decoration: none;
color: #7d7d7d;
background: #f6f6f6;
border: 1px solid #cccccc;
border-radius: 1px 1px 0 0;
}
.mst-search__result-tabs li a.active,
.mst-search__result-tabs li a:hover,
.mst-search__result-tabs li a:focus {
color: #333333;
background: #ffffff;
}
.mst-search__result-tabs li a.active {
border-bottom: 1px solid #ffffff;
}
.mst-search__result-index {
padding: 1rem 0 1rem 0;
}
.mst-search__result-index .mst-search__result-index-title {
background: #f6f6f6;
padding: 1rem;
border-radius: 1px;
color: #7d7d7d;
}
.mst-search__result-index:last-child {
margin-bottom: 2.5rem;
border-bottom: 1px solid #f6f6f6;
}
.mst-search__index ul {
list-style: none;
margin-bottom: 10px;
padding-left: 0;
}
.mst-search__index ul li {
margin: 2rem 0;
}
.mst-search__index ul li:before,
.mst-search__index ul li:after {
content: '';
display: table;
}
.mst-search__index ul li:after {
clear: both;
}
.mst-search__index ul li:last-child {
margin-bottom: 0;
}
.mst-search__index ul li .mst-search__index-title {
font-size: 1.5rem;
font-weight: 600;
}
.mst-search__index ul li .mst-search__index-title > a {
color: #333333;
}
.mst-search__index ul li .mst-search__index-title > span {
color: #aaaaaa;
}
.mst-search__index ul li .mst-search__index-title._crumbs a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='h-auto pos-relative mh-4 css-10v800z'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
display: inline-block;
width: 13px;
height: 13px;
margin: -2px 5px;
}
.mst-search__index ul li .mst-search__index-title._crumbs a:last-child:after {
display: none;
}
.mst-search__index ul li .mst-search__index-content {
color: #666666;
margin: 0.5rem 0 0 0;
}
.mst-search__index ul li .mst-search__index-image {
margin-right: 2rem;
float: left;
}
.mst-search__index ul li .mst-search__index-image > img {
max-width: 5rem;
max-height: 5rem;
}
.mst-search__highlight {
background: #ffff00;
}
.mst-search__misc-recommendations {
display: flex;
flex-wrap: wrap;
}
.mst-search__misc-recommendations dt {
margin-right: 20px;
}
.mst-search__misc-recommendations dd {
margin-right: 20px;
}
.mst-search__misc-recommendations dd .count {
color: #7d7d7d;
}
/**
* Mageplaza
*
* NOTICE OF LICENSE
*
* This source file is subject to the Mageplaza.com license that is
* available through the world-wide-web at this URL:
* https://www.mageplaza.com/LICENSE.txt
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this extension to newer
* version in the future.
*
* @category Mageplaza
* @package Mageplaza_AjaxLayer
* @copyright Copyright (c) Mageplaza (http://www.mageplaza.com/)
* @license https://www.mageplaza.com/LICENSE.txt
*/
.ln_overlay {
background-color: #FFFFFF;
height: 300%;
left: 0;
text-align: center;
opacity: 0.5;
filter: alpha(opacity=50);
position: absolute;
top: 0px;
width: 500%;
z-index: 555;
display: none;
}
.ln_overlay img {
margin-top: 300px;
left: 45%;
display: block;
position: fixed;
}
.ln_slider_container {
width: calc(100% - 20px);
margin: 0 15px 0 5px;
}
.filter-options-content a {
display: inline-block !important;
}
/**
* Mageplaza
*
* NOTICE OF LICENSE
*
* This source file is subject to the Mageplaza.com license that is
* available through the world-wide-web at this URL:
* https://www.mageplaza.com/LICENSE.txt
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this extension to newer
* version in the future.
*
* @category Mageplaza
* @package Mageplaza_LayeredNavigationPro
* @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/)
* @license https://www.mageplaza.com/LICENSE.txt
*/
a.chosen-single.chosen-default,
.chosen-single-with-deselect {
border-radius: 3px !important;
min-height: 30px !important;
line-height: 26px !important;
background: #fff !important;
box-shadow: none;
}
.chosen-container-single .chosen-single div {
top: 3px;
}
.chosen-container-single .chosen-search input[type=text] {
box-shadow: none !important;
border-radius: 2px;
border: 1px solid #ccc;
}
li.active-result.highlighted {
border-radius: 2px !important;
background-image: none !important;
border: none !important;
}
.chosen-container-single .chosen-single abbr {
top: 9px !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
margin-right: 0 !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
width: 100% !important;
}
ul.chosen-results::-webkit-scrollbar {
width: 6px;
}
ul.chosen-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
ul.chosen-results::-webkit-scrollbar-thumb {
background-color: #ccc;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.ln_slider_range {
margin-top: 10px;
}
.ln_slider_range_input {
width: 60px !important;
height: 30px !important;
text-align: center;
padding: 0;
}
.filter-options-content .rating-summary {
padding-bottom: 3px;
}
.filter-options-content .rating-summary.selected {
background-color: #e8e8e8;
}
@media (min-width: 1200px) {
#ln_slider_range_price .ln_slider_from {
width: 45%;
padding: 0;
display: inline-block;
text-align: center;
}
#ln_slider_range_price .ln_slider_to {
width: 45%;
float: right;
text-align: center;
padding: 0;
}
.ln_slider_container label {
min-width: 0 !important;
}
}
@media (max-width: 1195px) {
.ln_slider_from {
display: block;
margin-bottom: 15px;
padding-left: 15px;
}
.ln_slider_to {
display: block;
padding-left: 15px;
}
}
@media (max-width: 820px) and (min-width: 768px) {
.ln_slider_range_input {
display: block;
margin: 0 auto 10px auto;
}
.ln_slider_range .ln_slider_range_input_to {
float: none !important;
}
}
.ln_slider_range .ln_slider_range_input_to {
float: right;
}
.ln_slider_container label {
min-width: 50px;
display: inline-block;
}
.swatch-option-label-layered {
height: 24px !important;
display: block !important;
margin-bottom: 5px !important;
}
.swatch-option-label-layered .swatch-option.text {
padding-top: 1px !important;
padding-bottom: 1px !important;
}
.swatch-text .swatch-option.color {
height: 24px !important;
}
.swatch-attribute .swatch-option.disabled {
pointer-events: none;
}
@media (max-width: 767px) {
.ln_slider_range {
text-align: center;
}
.ln_slider_range .ln_slider_range_input_to {
float: none !important;
}
}
.mplayer-subcategory {
width: 90%;
margin: auto;
}
.mplayer-category-item .mplayer-item-slider {
padding: 10px;
box-sizing: border-box;
color: #575757;
text-align: center;
font-size: 18px;
height: 100%;
position: relative;
}
.mplayer-category-item-label {
padding: 10px 5px;
border: 1px solid #ffffff;
line-height: 1.2;
word-break: break-word;
}
.mplayer-category-item-image {
margin-bottom: 7px;
}
.mplayer-category-item-label:hover {
background: #ffffff;
color: #000;
box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3);
border: 1px solid #bbb;
margin: 0;
}
a.mplayer-item-slider:hover {
text-decoration: none;
}
#search_autocomplete,
.search-autocomplete,
#searchbox_autocomplete {
display: none !important;
height: 0 !important;
overflow: hidden !important;
}
.block-search {
z-index: 10000;
}
.mst-searchautocomplete__autocomplete {
display: none !important;
border-top: 2px solid #1ba1fc;
position: absolute;
top: 3.1rem;
left: 0;
box-sizing: border-box;
background: #ffffff;
border-radius: 3px;
min-height: 3.5rem;
z-index: 1000;
text-align: left;
overflow: hidden;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
margin-top: 7px;
}
.mst-searchautocomplete__autocomplete._active {
display: block !important;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__spinner {
display: none;
position: absolute;
top: 5px;
right: 10px;
}
.mst-searchautocomplete__autocomplete._loading .mst-searchautocomplete__spinner {
display: block;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result {
background: #efefef;
text-align: center;
padding: 8px 10px;
color: #777777;
font-size: 1.2rem;
display: block;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
border-top: 1px solid #efefef;
text-align: center;
margin: 0 10px;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
font-weight: 600;
padding: 10px 0;
color: #777777;
font-size: 1.2rem;
display: block;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {
border-bottom: 1px solid #efefef;
padding: 10px 0 9px 0px;
margin: 0 10px;
text-align: left;
font-size: 1.2rem;
line-height: 1.2rem;
color: #777777;
text-transform: uppercase;
font-weight: 700;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
display: none;
}
.mst-searchautocomplete__autocomplete ul {
list-style: none;
margin: 0;
padding: 0;
max-height: 70vh;
overflow: auto;
}
.mst-searchautocomplete__autocomplete ul li {
margin: 0;
padding: 1rem;
cursor: pointer;
}
.mst-searchautocomplete__autocomplete ul li:before,
.mst-searchautocomplete__autocomplete ul li:after {
content: '';
display: table;
}
.mst-searchautocomplete__autocomplete ul li:after {
clear: both;
}
.mst-searchautocomplete__autocomplete ul li a.title {
font-weight: 600;
margin-bottom: 0;
color: #333333;
text-decoration: none;
}
.mst-searchautocomplete__autocomplete ul li._active {
background: #f8f8f8;
}
.mst-searchautocomplete__autocomplete ul li._active a.title {
text-decoration: underline;
}
.mst-searchautocomplete__index.popular .index-title {
background: none;
text-align: left;
color: #999999;
}
.mst-searchautocomplete__index.popular ul li {
float: left;
padding: 10px 10px 10px 10px;
margin: 0;
}
.mst-searchautocomplete__index.popular ul li a {
font-size: 1.3rem;
color: #575757;
}
.mst-searchautocomplete__index.popular ul li:hover {
background: none;
cursor: pointer;
}
.mst-searchautocomplete__index.popular ul li:hover a {
text-decoration: underline;
}
.mst-searchautocomplete__item.magento_catalog_product {
display: flex;
border-bottom: 1px solid #f6f6f6;
align-items: center;
}
.mst-searchautocomplete__item.magento_catalog_product:last-child {
border-bottom: none;
}
.mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
height: 8rem;
width: 8rem;
margin-right: 1rem;
}
.mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper img {
height: 8rem;
max-width: 8rem;
display: block;
margin: auto;
-o-object-fit: contain;
object-fit: contain;
}
.mst-searchautocomplete__item.magento_catalog_product .title {
display: block;
margin-bottom: 0.5rem;
}
.mst-searchautocomplete__item.magento_catalog_product .title a {
color: #333333;
}
.mst-searchautocomplete__item.magento_catalog_product .title .sku {
color: #777777;
}
.mst-searchautocomplete__item.magento_catalog_product .meta {
flex-grow: 1;
overflow: hidden;
}
.mst-searchautocomplete__item.magento_catalog_product .description {
font-size: 1.2rem;
color: #777777;
height: 3rem;
line-height: 1.5rem;
overflow: hidden;
margin-bottom: 0.5rem;
}
.mst-searchautocomplete__item.magento_catalog_product .price {
display: block;
font-weight: 600;
margin-left: 1rem;
white-space: nowrap;
font-size: 1.3rem;
}
.mst-searchautocomplete__item.magento_catalog_product .price .price-label {
margin-right: 1rem;
}
.mst-searchautocomplete__item.magento_catalog_product .product-reviews-summary {
margin: 0;
}
.mst-searchautocomplete__item.magento_catalog_product .product-reviews-summary .reviews-actions {
display: none;
}
.mst-searchautocomplete__item.magento_catalog_product .to_cart_message {
padding: 5px 10px;
font-size: 1.2rem;
}
.mst-searchautocomplete__item.magento_catalog_product .to_cart_message.error {
color: #e02b27;
background: #fae5e5;
}
.mst-searchautocomplete__item.magento_catalog_product .to_cart_message.success {
color: #006400;
background: #e5efe5;
}
.mst-searchautocomplete__item.magento_catalog_product .to-cart {
float: right;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mst-searchautocomplete__item.magento_catalog_product .inStock {
color: #76bd76;
}
.mst-searchautocomplete__item.magento_catalog_product .outOfStock {
color: #a96565;
}
.mst-searchautocomplete__item.magento_catalog_product._active {
background: #f8f8f8 !important;
}
.mst-searchautocomplete__item.magento_catalog_product._active .title a {
text-decoration: underline;
}
.mst-searchautocomplete__item.magento_search_query a {
float: left;
}
.mst-searchautocomplete__item.magento_search_query .num_results {
float: right;
color: #777777;
}
.mst-searchautocomplete__item a.title {
word-break: break-word;
}
.mst-searchautocomplete__item a.title i {
color: #777777;
display: inline-block;
margin: 0 0.5rem;
font-style: normal;
}
.mst-searchautocomplete__highlight {
font-weight: 600;
color: #1ba1fc;
}
.mst-searchautocomplete__spinner {
position: relative;
width: 20px;
height: 20px;
margin: auto;
}
.mst-searchautocomplete__spinner .spinner-item {
box-sizing: border-box;
display: block;
position: absolute;
width: 20px;
height: 20px;
margin: 0;
border: 2px solid #ffffff;
border-radius: 50%;
-webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #999999 transparent transparent transparent;
}
.mst-searchautocomplete__spinner .spinner-item.spinner-item-1 {
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
.mst-searchautocomplete__spinner .spinner-item.spinner-item-2 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.mst-searchautocomplete__spinner .spinner-item.spinner-item-3 {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (min-width: 768px) {
.mst-searchautocomplete__autocomplete {
width: 100%;
min-width: 480px;
}
.mst-searchautocomplete__autocomplete._active {
display: block !important;
}
.mst-searchautocomplete__autocomplete._active.mst-2-cols {
width: 720px !important;
position: absolute;
}
.mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
clear: left;
float: left;
display: block;
position: relative;
max-width: 240px;
width: 240px;
padding-bottom: 2rem;
box-sizing: border-box;
}
.mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
width: 480px;
max-width: 480px;
clear: right;
float: right;
border-left: 1px solid #f6f6f6;
border-right: unset;
padding-bottom: 0;
}
.mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__show-all {
clear: both;
}
}
@media (max-width: 768px) {
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
display: block;
position: absolute;
right: 6px;
top: 0;
font-weight: bold;
color: #999999;
font-size: 1.6rem;
padding: 10px;
line-height: 1rem;
cursor: pointer;
}
}
.mst-search-autocomplete__typeahead-overlay {
color: #aaa;
top: 0;
position: absolute !important;
z-index: -1;
left: 15px;
border: 0 !important;
}
html.mstInPage,
html.mstInPage body {
position: absolute;
overflow-y: hidden;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.mstInPage__container {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000000;
display: none;
overflow-y: scroll;
}
.mstInPage__container._visible {
display: block;
}
.mstInPage__backdrop {
position: fixed;
left: 0;
top: 0;
background: rgba(240, 243, 246, 0.5);
width: 100%;
height: 100%;
z-index: 1000000;
}
.mstInPage__wrapper {
position: relative;
z-index: 1000001;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
overflow: hidden;
margin: 0 auto;
}
.mstInPage__header {
display: flex;
align-items: center;
padding: 20px 30px;
box-sizing: border-box;
background: #ffffff;
}
.mstInPage__header form {
width: 100%;
display: flex;
align-items: center;
}
.mstInPage__header form:before {
display: block;
content: "";
width: 30px;
height: 30px;
flex-shrink: 0;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' height='32px' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='play'/%3E%3Cg id='stop'/%3E%3Cg id='pause'/%3E%3Cg id='replay'/%3E%3Cg id='next'/%3E%3Cg id='Layer_8'/%3E%3Cg id='search'%3E%3Cg%3E%3Ccircle cx='14.5' cy='14.5' fill='none' r='11.5' stroke='%23CCCCCC' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' x1='29' x2='23' y1='29' y2='23'/%3E%3C/g%3E%3C/g%3E%3Cg id='list'/%3E%3Cg id='love'/%3E%3Cg id='menu'/%3E%3Cg id='add'/%3E%3Cg id='headset'/%3E%3Cg id='random'/%3E%3Cg id='music'/%3E%3Cg id='setting'/%3E%3Cg id='Layer_17'/%3E%3Cg id='Layer_18'/%3E%3Cg id='Layer_19'/%3E%3Cg id='Layer_20'/%3E%3Cg id='Layer_21'/%3E%3Cg id='Layer_22'/%3E%3Cg id='Layer_23'/%3E%3Cg id='Layer_24'/%3E%3Cg id='Layer_25'/%3E%3Cg id='Layer_26'/%3E%3C/svg%3E");
}
.mstInPage__header .mstInPage__close {
height: 32px;
width: 32px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='cross'%3E%3Cline class='cls-1' x1='7' x2='25' y1='7' y2='25' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2px'/%3E%3Cline class='cls-1' x1='7' x2='25' y1='25' y2='7' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2px'/%3E%3C/g%3E%3C/svg%3E");
cursor: pointer;
flex-shrink: 0;
}
.mstInPage__header._loading form:before {
width: 26px;
height: 26px;
margin-left: 2px;
margin-right: 2px;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.542 1.487A21.507 21.507 0 00.5 22c0 11.874 9.626 21.5 21.5 21.5 9.847 0 18.364-6.675 20.809-16.072a1.5 1.5 0 00-2.904-.756C37.803 34.755 30.473 40.5 22 40.5 11.783 40.5 3.5 32.217 3.5 22c0-8.137 5.3-15.247 12.942-17.65a1.5 1.5 0 10-.9-2.863z' fill='%23CCCCCC' %3E%3C/path%3E%3C/svg%3E");
-webkit-animation: mstInPage--loading 0.5s linear infinite;
animation: mstInPage--loading 0.5s linear infinite;
}
.mstInPage__header input[type=search] {
border: none;
font-size: 2.3rem;
color: #575757;
height: 60px;
background: #ffffff;
margin-right: 30px;
padding-left: 30px;
width: 100%;
}
.mstInPage__header input[type=search]::-moz-placeholder {
color: #cccccc;
}
.mstInPage__header input[type=search]::placeholder {
color: #cccccc;
}
.mstInPage__header input[type=search]:focus {
outline: none;
border: none;
box-shadow: none;
}
.mstInPage__indexList {
display: flex;
}
.mstInPage__indexList .mstInPage__index {
padding: 7px 10px;
cursor: pointer;
border-radius: 2px;
white-space: nowrap;
display: flex;
align-items: center;
border: 1px solid transparent;
margin-right: 10px;
}
.mstInPage__indexList .mstInPage__index span,
.mstInPage__indexList .mstInPage__index i {
display: block;
}
.mstInPage__indexList .mstInPage__index span {
font-weight: 600;
line-height: 2rem;
font-size: 1.4rem;
}
.mstInPage__indexList .mstInPage__index i {
font-style: normal;
font-size: 1.2rem;
color: #999999;
margin-left: 1rem;
line-height: 2rem;
}
.mstInPage__indexList .mstInPage__index:hover {
border-color: #1ba1fc;
}
.mstInPage__indexList .mstInPage__index._active {
background: #1ba1fc;
border-color: #1ba1fc;
color: #ffffff;
}
.mstInPage__indexList .mstInPage__index._active i {
color: #ffffff;
}
.mstInPage__indexList .mstInPage__index._empty {
display: none;
opacity: 0.3;
border-color: transparent !important;
}
.mstInPage__itemList {
display: grid;
grid-template-columns: 1fr 1fr;
grid-row-gap: 20px;
grid-column-gap: 30px;
}
.mstInPage__itemList._empty {
background: #fdf0d5;
color: #6f4400;
padding: 15px;
font-size: 90%;
}
.mstInPage__highlight {
color: #1ba1fc;
font-weight: 600;
}
.mstInPage__item.magento_catalog_product {
display: flex;
}
.mstInPage__item.magento_catalog_product .mst__product-image {
width: 130px;
flex-shrink: 0;
margin-right: 20px;
background: #ffffff;
}
.mstInPage__item.magento_catalog_product .mst__product-image img {
border: 1px solid #ececec;
padding: 5px;
max-width: 120px;
}
.mstInPage__item.magento_catalog_product .mst__product-meta .mst__title {
color: #333333;
margin-bottom: 10px;
display: block;
}
.mstInPage__item.magento_catalog_product .mst__product-meta .mst__description {
font-size: 1.2rem;
color: #999999;
height: 4.5rem;
line-height: 1.5rem;
overflow: hidden;
margin-bottom: 10px;
}
.mstInPage__item.magento_catalog_product .mst__product-meta .reviews-actions {
font-size: 12px;
}
.mstInPage__item.magento_catalog_product .mst__product-cart {
display: flex;
align-items: center;
justify-content: flex-end;
text-align: center;
flex-shrink: 0;
}
.mstInPage__item.magento_catalog_product .mst__product-cart .price-container {
display: flex;
align-items: center;
}
.mstInPage__item.magento_catalog_product .mst__product-cart .price-label {
font-size: 1.2rem;
color: #999999;
font-weight: 500;
display: block;
margin-right: 10px;
}
.mstInPage__item.magento_catalog_product .mst__product-cart .price {
font-weight: 600;
}
.mstInPage__item.magento_catalog_category,
.mstInPage__item.magento_cms_page {
padding: 10px;
border: 1px solid #ececec;
}
.mstInPage__item.magento_catalog_category .title i,
.mstInPage__item.magento_cms_page .title i {
font-style: normal;
color: #999999;
margin: 0 10px;
}
.mstInPage__content {
display: flex;
background: #ffffff;
border-top: 1px solid #ececec;
flex-direction: column;
}
.mstInPage__content._empty {
display: none;
}
.mstInPage__content .mstInPage__sidebar {
flex-grow: 1;
}
.mstInPage__content .mstInPage__main {
padding: 30px;
flex-grow: 1;
}
.mstInPage__bucketList {
overflow-x: scroll;
}
.mstInPage__bucketList .mstInPage__bucket:last-child {
margin-bottom: 0;
}
.mstInPage__bucketList .mstInPage__bucket strong {
padding: 20px 0 20px 30px;
display: none;
}
.mstInPage__bucketList .mstInPage__bucket .mstInPage__bucketItemList {
display: flex;
padding: 30px;
border-bottom: 1px solid #ececec;
}
.mstInPage__bucketList .mstInPage__bucket .mstInPage__bucketItemList .mstInPage__bucketItem {
border-radius: 2px;
margin-right: 12px;
padding: 6px 12px;
display: flex;
align-items: center;
cursor: pointer;
white-space: nowrap;
justify-content: space-between;
border: 1px solid #ececec;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mstInPage__bucketList .mstInPage__bucket .mstInPage__bucketItemList .mstInPage__bucketItem i {
display: block;
font-style: normal;
margin-left: 10px;
color: #999999;
}
.mstInPage__bucketList .mstInPage__bucket .mstInPage__bucketItemList .mstInPage__bucketItem:hover {
border-color: #1ba1fc;
}
.mstInPage__bucketList .mstInPage__bucket .mstInPage__bucketItemList .mstInPage__bucketItem._active {
background: #1ba1fc;
border-color: #1ba1fc;
color: #ffffff;
}
.mstInPage__bucketList .mstInPage__bucket .mstInPage__bucketItemList .mstInPage__bucketItem._active i {
color: #eeeeee;
}
.mstInPage__stat {
height: 20px;
text-align: right;
font-size: 12px;
color: #6d6d6d;
margin-bottom: 10px;
margin-top: -18px;
transition: all 100ms;
}
.mstInPage__stat._loading {
opacity: 0.3;
}
@-webkit-keyframes mstInPage--loading {
to {
transform: rotate(1turn);
}
}
@keyframes mstInPage--loading {
to {
transform: rotate(1turn);
}
}
@media (min-width: 1440px) {
.mstInPage__wrapper {
margin: 2% auto;
max-width: 1420px;
}
}
@media (max-width: 768px) {
.mstInPage__wrapper {
margin: 0;
max-width: 100%;
}
.mstInPage__wrapper .mstInPage__header {
flex-direction: column;
padding: 10px;
}
.mstInPage__wrapper .mstInPage__header .mstInPage__indexList {
display: none;
}
.mstInPage__wrapper .mstInPage__main {
padding: 10px;
}
.mstInPage__wrapper .mstInPage__main .mstInPage__itemList {
grid-template-columns: 1fr;
}
.mstInPage__wrapper .mstInPage__main .mstInPage__stat {
display: none;
}
.mstInPage__wrapper .mstInPage__sidebar .mstInPage__bucketItemList {
padding: 10px;
overflow-x: scroll;
}
}
._error .order-comment-input {
outline: none;
border: 2px solid #ed786f;
}
._error .order-comment-input:focus {
outline: none;
border: 2px solid #ed786f;
box-shadow: 0 0 3px #ed786f;
}
.um-remaining-chars {
display: block;
background-color: #f4f4f4;
height: 32px;
line-height: 32px;
padding: 0 9px;
z-index: 1;
margin-top: -5px;
}
.um-remaining-chars .chars-value {
color: #ff5501;
font-weight: 700;
}
.checkout-payment-method .payment-option._collapsible.comment .payment-option-content {
display: block;
}
.block-category-event {
background: #f0f0f0;
color: #003057;
padding: 1rem 0 15px;
text-align: center;
}
.block-category-event.block:last-child {
margin-bottom: 1rem;
}
.block-category-event .block-title {
margin: 0 0 1rem;
}
.block-category-event .block-title strong {
font-size: 1.5rem;
font-weight: 300;
}
.block-category-event .ticker {
margin: 0;
padding: 0;
list-style: none none;
}
.block-category-event .ticker li {
display: none;
margin: 0 15px;
}
.block-category-event .ticker .value {
font-size: 1.8rem;
font-weight: 300;
}
.block-category-event .ticker .label {
font-size: 1rem;
display: block;
text-transform: lowercase;
}
.block-category-event .dates {
display: table;
margin: 0 auto;
}
.block-category-event .dates .start,
.block-category-event .dates .end {
display: table-cell;
vertical-align: top;
}
.block-category-event .dates .date {
font-size: 1.8rem;
}
.block-category-event .dates .time {
display: block;
}
.block-category-event .dates .start {
padding-right: 3.2rem;
position: relative;
}
.block-category-event .dates .start:after {
font-size: 1.8rem;
content: '\2013';
display: block;
position: absolute;
right: 15px;
top: 0;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.contact-index-index .column:not(.sidebar-main) .form.contact {
float: none;
width: 50%;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
float: none;
width: 50%;
}
.table-wrapper.billing-agreements {
margin-bottom: 3.2rem;
}
.payment-method-content .pay-later-message {
margin-bottom: 10px;
margin-top: 10px;
}
.paypal {
display: inline-block;
vertical-align: top;
}
.block-minicart .paypal,
.cart-summary .paypal {
display: block;
}
.paypal img {
display: block;
margin: 0.4rem auto 0;
}
.opc .paypal {
vertical-align: middle;
}
.paypal.acceptance {
display: block;
margin: 0 0 1.8rem;
}
.map-form-addtocart .paypal {
display: block;
margin: 1rem auto 0.4rem;
}
.cart-summary .paypal + .paypal {
margin-top: 1.8rem;
}
.paypal-review .actions-toolbar {
margin-top: 1rem;
}
.paypal-review .paypal-review-title {
padding: 0 0 1rem;
}
.paypal-review .paypal-review-title > strong {
font-size: 2.4rem;
font-weight: 300;
}
.paypal-review .paypal-review-title .action {
display: inline-block;
margin: 12px 0 0 2.4rem;
}
.paypal-review .table-paypal-review-items .col.name {
padding-top: 16px;
}
.paypal-review .table-paypal-review-items .col.qty {
text-align: center;
}
.paypal-review .item-options dt {
display: inline-block;
}
.paypal-review .item-options dt:after {
content: ': ';
}
.paypal-review .item-options dd {
margin: 0;
}
.paypal-review-discount {
border-bottom: 0.2rem solid #EDF4F8;
margin: 0 0 3.2rem;
padding: 1rem 0 0;
}
.fotorama-video-container:after {
background: url('../Magento_ProductVideo/img/gallery-sprite.png') bottom right;
bottom: 0;
content: '';
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 12px;
width: 100px;
}
.fotorama-video-container .magnify-lens {
display: none !important;
}
.fotorama-video-container.video-unplayed:hover img {
opacity: 0.6;
}
.fotorama-video-container.video-unplayed:hover:after {
transform: scale(1.25);
}
.video-thumb-icon:after {
background: url('../Magento_ProductVideo/img/gallery-sprite.png') bottom left;
bottom: 0;
content: '';
height: 40px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 10px;
width: 49px;
}
.product-video {
bottom: 0;
height: 75%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.product-video iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after {
bottom: 0;
content: '';
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 12px;
width: 100px;
}
.fotorama__product-video--loading:after {
visibility: hidden;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) {
.product-video {
height: 100%;
width: 81%;
}
}
.opc-wrapper .form-discount {
max-width: 500px;
}
.swatch-attribute-label {
font-weight: 700;
position: relative;
}
.swatch-attribute-label.required {
padding-right: 1rem;
}
.swatch-attribute-label[data-required='1']:after {
color: #DE4700;
content: '*';
font-size: 1.6rem;
font-weight: 700;
position: absolute;
right: -11px;
top: -2px;
}
.swatch-attribute-selected-option {
color: #646464;
padding-left: 17px;
}
.swatch-attribute-options {
margin: 1rem 0;
}
.swatch-attribute-options:focus {
box-shadow: none;
}
.swatch-attribute-options .swatch-option-tooltip-layered .title {
color: #282828;
bottom: -5px;
height: 20px;
left: 0;
margin-bottom: 1rem;
position: absolute;
text-align: center;
width: 100%;
}
.swatch-attribute.size .swatch-option,
.swatch-attribute.manufacturer .swatch-option {
background: #f0f0f0;
color: #949494;
}
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected {
background: #fff;
border: 0.2rem solid #fff;
color: #000;
}
.swatch-option {
border: 0.2rem solid #dadada;
cursor: pointer;
float: left;
height: 20px;
margin: 0 1rem 0.4rem 0;
max-width: 100%;
min-width: 30px;
overflow: hidden;
padding: 1px 2px;
position: relative;
text-align: center;
text-overflow: ellipsis;
}
.swatch-option:focus {
box-shadow: 0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #103250;
}
.swatch-option.text {
background: #f0f0f0;
color: #686868;
font-size: 1.3rem;
font-weight: 700;
line-height: 20px;
margin-right: 7px;
min-width: 22px;
padding: 4px 8px;
}
.swatch-option.text.selected {
background-color: #fff;
}
.swatch-option.selected {
outline: 2px solid #00843D;
border: 0.2rem solid #fff;
color: #333;
}
.swatch-option:not(.disabled):hover {
border: 0.2rem solid #fff;
color: #333;
outline: 1px solid #999;
}
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
border: 0.2rem solid #fff;
outline: 2px solid #004721;
}
.swatch-option.disabled {
box-shadow: unset;
cursor: default;
pointer-events: none;
}
.swatch-option.disabled:after {
background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
bottom: 0;
content: '';
filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)';
left: 0;
position: absolute;
right: 0;
top: 0;
}
.swatch-option-disabled {
border: 0;
cursor: default;
outline: none !important;
}
.swatch-option-disabled:after {
transform: rotate(-30deg);
background: #e02b27;
content: '';
height: 2px;
left: -4px;
position: absolute;
top: 10px;
width: 42px;
z-index: 995;
}
.swatch-option-loading {
content: url('../images/loader-2.gif');
}
.swatch-option-tooltip {
border: 0.2rem solid #dadada;
color: #949494;
background: #fff;
display: none;
max-height: 100%;
min-height: 20px;
min-width: 20px;
padding: 0.4rem;
position: absolute;
text-align: center;
z-index: 999;
}
.swatch-option-tooltip .corner,
.swatch-option-tooltip-layered .corner {
bottom: 0;
height: 8px;
left: 40%;
position: absolute;
}
.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before,
.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
border-style: solid;
content: '';
font-size: 1px;
height: 0;
position: relative;
width: 0;
}
.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before {
border-color: #adadad transparent transparent transparent;
border-width: 8px 8.5px 0 8.5px;
left: 0;
top: 2px;
}
.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
border-color: #fff transparent transparent transparent;
border-width: 7px 7.5px 0 7.5px;
left: -15px;
top: 1px;
}
.swatch-option-tooltip .image,
.swatch-option-tooltip-layered .image {
display: block;
height: 130px;
margin: 0 auto;
width: 130px;
}
.swatch-option-tooltip-layered {
background: #fff;
border: 0.2rem solid #dadada;
color: #949494;
display: none;
left: -47px;
position: absolute;
width: 140px;
z-index: 999;
}
.swatch-option-tooltip .title {
color: #282828;
display: block;
max-height: 200px;
min-height: 20px;
overflow: hidden;
text-align: center;
}
.swatch-option-link-layered {
margin: 0 !important;
padding: 0 !important;
position: relative;
}
.swatch-option-link-layered:focus > div {
box-shadow: 0 0 3px 1px #103250;
}
.swatch-option-link-layered:hover > .swatch-option-tooltip-layered {
display: block;
}
.swatch-opt {
margin: 1.8rem 0;
}
.swatch-opt-listing {
margin-bottom: 1rem;
}
.swatch-more {
display: inline-block;
margin: 2px 0;
padding: 2px;
position: static;
}
.swatch-visual-tooltip-layered {
height: 160px;
top: -170px;
}
.swatch-textual-tooltip-layered {
height: 30px;
top: -40px;
}
.swatch-input {
left: -1000px;
position: absolute;
visibility: hidden;
}
.clearfix:after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
.minilist .weee {
display: table-row;
font-size: 1.1rem;
}
.minilist .weee:before {
display: none;
}
.price-container.weee:before {
display: none;
}
.column .block-addbysku .fieldset {
margin: 0;
}
.column .block-addbysku .fieldset .fields {
position: relative;
}
.column .block-addbysku .fieldset .fields .field {
display: inline-block;
margin-bottom: 1rem;
vertical-align: top;
}
.column .block-addbysku .fieldset .fields .actions-toolbar {
position: absolute;
right: 0;
top: 7px;
}
.column .block-addbysku .sku {
margin-right: -155px;
padding-right: 160px;
width: 100%;
}
.column .block-addbysku .qty .qty + .mage-error {
width: 80px;
}
.column .block-addbysku .block-content .actions-toolbar {
clear: both;
display: flex;
flex-wrap: wrap;
margin-top: 4rem;
gap: 2rem;
}
.column .block-addbysku .block-content .actions-toolbar > .primary,
.column .block-addbysku .block-content .actions-toolbar > .secondary {
display: inline-flex;
flex-wrap: wrap;
gap: 2rem;
}
.column .block-addbysku .block-content .actions-toolbar > .primary .action,
.column .block-addbysku .block-content .actions-toolbar > .secondary .action,
.column .block-addbysku .block-content .actions-toolbar > .primary a.action,
.column .block-addbysku .block-content .actions-toolbar > .secondary a.action {
display: inline-flex;
}
.column .block-addbysku .block-content .actions-toolbar .primary,
.column .block-addbysku .block-content .actions-toolbar .secondary {
display: block;
float: none;
}
.column .block-addbysku .block-content .actions-toolbar > .secondary {
text-align: left;
}
.column .block-addbysku .action.add {
display: inline-block;
text-decoration: none;
line-height: normal;
padding: 4px;
width: auto;
}
.column .block-addbysku .action.add > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.column .block-addbysku .action.add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 20px;
line-height: inherit;
color: inherit;
content: "\e61c";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.column .block-addbysku .action.add:hover:before {
color: inherit;
}
.column .block-addbysku .action.add:active:before {
color: inherit;
}
.column .block-addbysku .reset {
margin: 7px 0;
}
.column .block-addbysku .note {
display: block;
margin: 0 0 1.8rem;
padding-top: 1rem;
}
.block-cart-failed {
margin: 3.2rem 0;
}
.block-cart-failed .block-title {
font-size: 2.2rem;
}
.block-cart-failed .block-title strong {
font-weight: 700;
}
.block-cart-failed .actions {
text-align: center;
}
.block-cart-failed .actions .action {
display: block;
margin: 0 auto 1rem;
}
.catalogsearch-advanced-result .message.error {
margin-top: -60px;
}
.bundle-actions {
margin: 0 0 2.4rem;
}
.bundle-options-container {
clear: both;
margin-bottom: 3.2rem;
}
.bundle-options-container .legend.title {
font-weight: 700;
line-height: 1.3;
font-size: 3rem;
margin-top: 0rem;
margin-bottom: 0rem;
border: 0;
padding: 0;
}
.bundle-options-container .product-add-form {
display: none;
}
.bundle-options-container .product-options-wrapper {
margin-bottom: 2.4rem;
}
.bundle-options-container .product-options-wrapper .fieldset > .field {
border-top: 1px #e4e4e4 solid;
padding-top: 0;
}
.bundle-options-container .product-options-wrapper .fieldset > .field:first-of-type {
border-top: 0;
padding-top: 0;
}
.bundle-options-container .product-options-wrapper .field.choice input {
float: left;
margin-top: 4px;
}
.bundle-options-container .product-options-wrapper .field.choice .label {
display: block;
margin-left: 24px;
}
.bundle-options-container .product-options-wrapper .field.choice .price-excluding-tax {
display: inline-block;
}
.bundle-options-container .action.back {
margin-bottom: 2.4rem;
}
.bundle-options-container .block-bundle-summary > .title {
margin-bottom: 15px;
}
.bundle-options-container .block-bundle-summary > .title > strong {
font-weight: 700;
line-height: 1.3;
font-size: 2.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
.bundle-options-container .block-bundle-summary > .title,
.bundle-options-container .block-bundle-summary .bundle-summary .subtitle {
border-bottom: 1px #e4e4e4 solid;
margin-bottom: 1.8rem;
padding-bottom: 16px;
}
.bundle-options-container .block-bundle-summary .price-box {
margin-bottom: 1.8rem;
}
.bundle-options-container .block-bundle-summary .price-box .price-label {
display: block;
margin-bottom: 0.4rem;
}
.bundle-options-container .block-bundle-summary .bundle-summary {
margin-top: 2.4rem;
}
.bundle-options-container .block-bundle-summary .bundle-summary.empty {
display: none;
}
.bundle-options-container .block-bundle-summary .bundle-summary > .subtitle {
font-weight: 700;
line-height: 1.3;
font-size: 2.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
display: block;
}
.bundle-options-container .block-bundle-summary .bundle.items > li {
margin-bottom: 1.8rem;
}
.bundle-options-container .block-bundle-summary .product-addto-links {
text-align: center;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action {
margin-right: 5%;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action.tocompare:before {
content: "\e61e";
}
.bundle-options-container p.required {
color: #DE4700;
}
.bundle-options-container .nested .field.qty {
margin: 0 0 0;
margin-top: 0;
}
.bundle-options-container .nested .field.qty > .label {
margin: 0 0 0.9rem;
display: inline-block;
}
.bundle-options-container .nested .field.qty .label {
font-weight: 500;
}
.bundle-options-container .nested .field.qty:last-child {
margin-bottom: 0;
}
.bundle-options-container .price {
font-weight: 600;
}
.bundle-options-container .product-options-bottom {
border-top: 1px solid #EDF4F8;
clear: left;
margin: 0 0 3.2rem;
padding-top: 1.8rem;
}
.products {
margin: 2.4rem 0;
}
.product-items {
font-size: 0;
letter-spacing: -1px;
line-height: 0;
}
.product-item {
font-size: 1.6rem;
line-height: normal;
letter-spacing: normal;
vertical-align: top;
}
.products-grid .product-item {
display: inline-block;
margin-left: 2%;
width: calc((100% - 2%)/2);
}
.product-item:nth-child(2n + 1) {
margin-left: 0;
}
.product-item-name {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
display: block;
hyphens: auto;
margin: 0.4rem 0;
word-wrap: break-word;
}
.product-item-info {
max-width: 100%;
width: 152px;
}
.page-products .product-item-info {
width: 240px;
}
.product-item-actions {
font-size: 0;
}
.product-item-actions > * {
font-size: 1.4rem;
}
.product-item-actions .actions-secondary {
display: inline-block;
font-size: 1.4rem;
vertical-align: middle;
}
.product-item-actions .actions-secondary > button.action {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.product-item-actions .actions-secondary > button.action:focus,
.product-item-actions .actions-secondary > button.action:active {
background: none;
border: none;
}
.product-item-actions .actions-secondary > button.action:hover {
background: none;
border: none;
}
.product-item-actions .actions-secondary > button.action.disabled,
.product-item-actions .actions-secondary > button.action[disabled],
fieldset[disabled] .product-item-actions .actions-secondary > button.action {
pointer-events: none;
opacity: 0.5;
}
.product-item-actions .actions-secondary > .action {
line-height: 35px;
text-align: center;
width: 35px;
}
.product-item-actions .actions-secondary > .action:before {
margin: 0;
}
.product-item-actions .actions-primary {
display: inline-block;
vertical-align: middle;
}
.product-item-actions .actions-primary > .stock.unavailable {
line-height: 1;
padding-bottom: 1rem;
padding-right: 24px;
padding-top: 1rem;
}
.product-item-description {
margin: 1.8rem 0;
}
.product-item .product-reviews-summary .rating-summary {
margin: 0 4px 0 0;
}
.product-item .product-reviews-summary .reviews-actions {
font-size: 1.3rem;
margin-top: 5px;
}
.product-item .price-box {
margin: 1rem 0 1.8rem;
}
.product-item .price-box .price {
font-weight: 700;
white-space: nowrap;
}
.product-item .price-box .price-label {
color: #666;
font-size: 1.3rem;
}
.product-item .old-price {
margin: 0.4rem 0;
}
.product-item .old-price .price {
font-weight: normal;
}
.product-item .regular-price .price-label {
display: none;
}
.product-item .minimal-price .price-container {
display: block;
}
.product-item .minimal-price-link {
margin-top: 0.4rem;
}
.product-item .price-from,
.product-item .price-to {
margin: 0;
}
.product-item .tocompare:before {
content: "\e61e";
}
.product-item .tocart {
font-size: 1.3rem;
border-radius: 0;
line-height: 1;
padding-bottom: 1rem;
padding-top: 1rem;
white-space: nowrap;
}
.column.main .product-items {
margin-left: 0;
}
.column.main .product-item {
padding-left: 0;
}
.price-container .price {
font-size: 1.4rem;
}
.price-container .price-including-tax + .price-excluding-tax,
.price-container .weee {
margin-top: 0.4rem;
}
.price-container .price-including-tax + .price-excluding-tax,
.price-container .weee,
.price-container .price-including-tax + .price-excluding-tax .price,
.price-container .weee .price,
.price-container .weee + .price-excluding-tax:before,
.price-container .weee + .price-excluding-tax .price {
font-size: 1.1rem;
}
.price-container .weee:before {
content: '(' attr(data-label) ': ';
}
.price-container .weee:after {
content: ')';
}
.price-container .weee + .price-excluding-tax:before {
content: attr(data-label) ': ';
}
.products-list .product-item {
display: table;
width: 100%;
}
.products-list .product-item-info {
display: table-row;
}
.products-list .product-item-photo {
display: table-cell;
padding: 0 2.4rem 2.4rem 0;
vertical-align: top;
width: 1%;
}
.products-list .product-item-details {
display: table-cell;
vertical-align: top;
}
.old-price,
.old.price {
color: #666;
}
.prices-tier .price-container .price-including-tax + .price-excluding-tax:before {
content: '(' attr(data-label) ':';
}
.prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after {
content: ')';
}
.prices-tier .price-container .weee[data-label] {
display: inline;
}
.prices-tier .price-container .weee[data-label]:before {
content: ' +' attr(data-label) ':';
}
.actual-price {
font-weight: 700;
}
.category-image .image {
display: block;
height: auto;
max-width: 100%;
}
.category-cms,
.category-image,
.category-description {
margin-bottom: 1.8rem;
}
.product-image-container {
display: inline-block;
max-width: 100%;
}
.product-image-wrapper {
display: block;
height: 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.product-image-photo {
bottom: 0;
display: block;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.product.media .placeholder .photo.container {
max-width: 100%;
}
.product.media .notice {
margin: 1rem 0;
color: #4F758B;
font-size: 1.3rem;
}
.product.media .product.thumbs {
margin: 1rem 0 1.8rem;
}
.product.media .items.thumbs {
margin: 0;
padding: 0;
list-style: none none;
}
.product.media .items.thumbs > li {
display: inline-block;
vertical-align: top;
}
.product.media .items.thumbs > li {
margin: 1rem 0 0;
}
.product.media .items.thumbs img {
display: block;
}
.product.media .items.thumbs .active {
display: block;
line-height: 1;
}
.product.info.detailed {
clear: both;
margin-bottom: 30px;
}
.product.info.detailed .additional-attributes {
width: auto;
border: none;
}
.product.info.detailed .additional-attributes > thead > tr > th,
.product.info.detailed .additional-attributes > tbody > tr > th,
.product.info.detailed .additional-attributes > tfoot > tr > th,
.product.info.detailed .additional-attributes > thead > tr > td,
.product.info.detailed .additional-attributes > tbody > tr > td,
.product.info.detailed .additional-attributes > tfoot > tr > td {
border: none;
}
.product.info.detailed .additional-attributes > thead > tr > td,
.product.info.detailed .additional-attributes > tbody > tr > td,
.product.info.detailed .additional-attributes > tfoot > tr > td {
padding: 0.5rem 0.5rem 1rem 0.5rem;
}
.product.info.detailed .additional-attributes > thead > tr > th,
.product.info.detailed .additional-attributes > tbody > tr > th,
.product.info.detailed .additional-attributes > tfoot > tr > th {
padding: 0.5rem 2.4rem 1rem 0;
}
.product-info-main .product-info-price {
color: #575757;
border-bottom: 1px solid #c1c1c1;
display: table;
margin-bottom: 1.4rem;
width: 100%;
}
.product-info-main .product-info-price .price-box {
display: inline-block;
vertical-align: top;
width: auto;
}
.product-info-main .product-info-price .price-box .price-container > span {
display: block;
margin-bottom: 0.4rem;
}
.product-info-main .product-info-price .price-box .price-container > span:last-child {
margin-bottom: 0;
}
.product-info-main .product-info-price .price-including-tax + .price-excluding-tax,
.product-info-main .product-info-price .weee + .price-excluding-tax,
.product-info-main .product-info-price .weee {
font-size: 1.4rem;
}
.product-info-main .product-info-price .price-including-tax + .price-excluding-tax .price,
.product-info-main .product-info-price .weee + .price-excluding-tax .price,
.product-info-main .product-info-price .weee .price {
font-size: 1.4rem;
font-weight: 600;
line-height: 16px;
}
.product-info-main .product-info-price .price-wrapper .price {
font-size: 2.2rem;
font-weight: 600;
line-height: 22px;
}
.product-info-main .product-info-price .old-price .price-wrapper .price {
font-size: 2rem;
font-weight: 300;
}
.product-info-main .product-info-price .special-price .price-label:after {
content: ': ';
}
.product-info-main .product-info-price .price {
white-space: nowrap;
}
.product-info-main .product-info-stock-sku {
display: inline-block;
float: right;
padding-bottom: 1rem;
padding-left: 10%;
text-align: right;
vertical-align: top;
}
.product-info-main .stock {
margin: 0 0 3px;
}
.product-info-main .stock.available,
.product-info-main .stock.unavailable {
font-weight: 700;
text-transform: uppercase;
}
.product-info-main .product.attribute.sku {
word-break: break-all;
word-wrap: break-word;
}
.product-info-main .product.attribute.sku .type {
font-weight: normal;
margin-right: 0.4rem;
}
.product-info-main .product.attribute.sku .type:after {
content: '#:';
}
.product-info-main .product.attribute.sku .value {
display: inline-block;
}
.product-info-main .product.attribute.overview {
margin: 1.8rem 0;
}
.product-info-main .product.alert {
margin: 1rem 0;
}
.product-info-main .product-add-form {
clear: both;
padding-top: 1.4rem;
}
.product-info-main .product-reviews-summary {
float: left;
}
.product-info-main .product-options-bottom .box-tocart {
margin-top: 0;
}
.product-options-wrapper .fieldset:focus {
box-shadow: none;
}
.product-options-wrapper .fieldset-product-options-inner .legend {
font-weight: 600;
font-size: 1.4rem;
border: none;
display: inline-block;
float: none;
margin: 0 0 8px;
padding: 0;
}
.product-options-wrapper .fieldset-product-options-inner input.datetime-picker ~ select.datetime-picker {
margin-top: 1rem;
}
.product-options-wrapper .fieldset-product-options-inner.required .legend:after,
.product-options-wrapper .fieldset-product-options-inner._required .legend:after {
content: '*';
color: #DE4700;
font-size: 1.3rem;
}
.product-options-wrapper .field .note {
display: block;
margin-top: 0.4rem;
}
.product-options-wrapper .field .note.mage-error {
color: #DA291C;
}
.product-options-bottom .price-box,
.product-info-price .price-box {
color: #575757;
display: table-cell;
padding-bottom: 1rem;
vertical-align: top;
}
.product-options-bottom .price-box .old-price,
.product-info-price .price-box .old-price {
font-size: 20px;
font-weight: 300;
}
.product-options-bottom .price-box .old-price .price-container > span,
.product-info-price .price-box .old-price .price-container > span {
display: inline-block;
}
.product-options-bottom .price-box .price-container > span,
.product-info-price .price-box .price-container > span {
display: block;
margin-bottom: 0.4rem;
}
.product-options-bottom .price-box .price-container > span:last-child,
.product-info-price .price-box .price-container > span:last-child {
margin-bottom: 0;
}
.product-options-bottom .price-box .price-container .price,
.product-info-price .price-box .price-container .price {
font-size: 22px;
font-weight: 600;
line-height: 22px;
}
.product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax,
.product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax,
.product-options-bottom .price-box .price-container .weee + .price-excluding-tax,
.product-info-price .price-box .price-container .weee + .price-excluding-tax,
.product-options-bottom .price-box .price-container .weee,
.product-info-price .price-box .price-container .weee {
font-size: 1.2rem;
line-height: 14px;
}
.product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price,
.product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price,
.product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price,
.product-info-price .price-box .price-container .weee + .price-excluding-tax .price,
.product-options-bottom .price-box .price-container .weee .price,
.product-info-price .price-box .price-container .weee .price {
font-size: 1.2rem;
font-weight: 700;
}
.box-tocart .action.tocart {
vertical-align: top;
}
.box-tocart .action.tocart:not(:last-child) {
margin-bottom: 15px;
}
.product-addto-links {
display: inline;
}
.product-addto-links .action {
margin-right: 5%;
}
.product-social-links {
margin: 0 0 20px;
text-align: center;
}
.product-social-links .action.tocompare:before {
content: "\e61e";
}
.prices-tier {
margin-bottom: 1.4rem;
}
.prices-tier .item {
margin-bottom: 1rem;
}
.prices-tier .item:last-child {
margin-bottom: 0;
}
.prices-tier .price-excluding-tax,
.prices-tier .price-including-tax {
display: inline-block;
}
.minimal-price-link,
.price-excluding-tax,
.price-including-tax {
display: block;
white-space: nowrap;
}
.ui-dialog-titlebar-close {
line-height: 1.25;
margin: 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
.ui-dialog-titlebar-close:visited {
color: #DE4700;
text-decoration: none;
}
.ui-dialog-titlebar-close:hover {
color: #DE4700;
text-decoration: none;
}
.ui-dialog-titlebar-close:active {
color: #00843D;
text-decoration: none;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:active,
.ui-dialog-titlebar-close:focus {
background: none;
border: 0;
}
.ui-dialog-titlebar-close.disabled,
.ui-dialog-titlebar-close[disabled],
fieldset[disabled] .ui-dialog-titlebar-close {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.sidebar .product-items .product-item {
margin-bottom: 1.8rem;
position: relative;
}
.sidebar .product-items .product-item-info {
position: relative;
width: auto;
}
.sidebar .product-items .product-item-info .product-item-photo {
left: 0;
position: absolute;
top: 0;
}
.sidebar .product-items .product-item-name {
margin-top: 0;
}
.sidebar .product-items .product-item-details {
margin: 0 0 0 85px;
}
.sidebar .product-items .product-item-actions {
display: block;
margin-top: 1rem;
}
.sidebar .product-items .price-box {
display: block;
margin: 7px 0;
}
.sidebar .product-items .text {
margin-right: 8px;
}
.sidebar .product-items .counter {
color: #0F304D;
font-size: 12px;
white-space: nowrap;
}
.sidebar .product-items .minilist .price {
display: inline;
padding: 0;
}
.sidebar .product-items .minilist .weee:before {
display: inline-block;
}
.sidebar .product-items .action.delete {
position: absolute;
right: 0;
top: 0;
}
.sidebar .block-compare .action.delete {
right: initial;
}
.sidebar .action.tocart {
border-radius: 0;
}
.sidebar .product-items-images {
margin-left: -0.4rem;
}
.sidebar .product-items-images .product-item {
float: left;
padding-left: 0.4rem;
}
.sidebar .product-items-names .product-item {
display: flex;
margin-bottom: 1rem;
}
.sidebar .product-items-names .product-item-name {
margin: 0;
}
.catalog-category-view.page-layout-1column .column.main {
min-height: inherit;
}
body.catalog-product-compare-index .action.print {
float: right;
margin: 15px 0;
}
.table-wrapper.comparison {
clear: both;
max-width: 100%;
overflow-x: auto;
position: relative;
}
.table-wrapper.comparison .table-comparison > tbody > tr > th,
.table-wrapper.comparison .table-comparison > tbody > tr > td {
border-top: 0;
}
.table-comparison {
table-layout: fixed;
}
.table-comparison .cell {
padding: 15px;
width: 180px;
}
.table-comparison .cell.label {
border-right: 0.4rem solid #EDF4F8;
}
.table-comparison .cell.label .attribute.label {
display: block;
width: 100%;
word-wrap: break-word;
}
.table-comparison .cell.product.info,
.table-comparison .cell.product.label {
border-bottom: 0.4rem solid #EDF4F8;
}
.table-comparison .cell.attribute {
font-size: 1.3rem;
}
.table-comparison .cell.attribute img {
height: auto;
max-width: 100%;
}
.table-comparison .cell.remove {
padding-bottom: 0;
padding-top: 0;
text-align: right;
}
.table-comparison .cell.remove .action.delete {
margin-right: 0.6rem;
}
.table-comparison .cell .attribute.value {
overflow: hidden;
width: 100%;
}
.table-comparison td:last-child {
border-right: 0.4rem solid #EDF4F8;
}
.table-comparison .product-item-photo {
display: block;
margin: 0 auto 15px;
}
.table-comparison .product-image-photo {
margin-left: 0;
}
.table-comparison .product-item-actions,
.table-comparison .price-box,
.table-comparison .product.rating,
.table-comparison .product-item-name {
display: block;
margin: 15px 0;
}
.table-comparison .product-addto-links {
margin-top: 15px;
}
.table-comparison .product-addto-links .action.toggle {
padding: 0;
}
.table-comparison .product-addto-links .action.split,
.table-comparison .product-addto-links .action.toggle {
line-height: 2.2rem;
padding: 0.4rem 2rem;
font-size: 1.5rem;
}
.table-comparison .action.tocart {
white-space: nowrap;
}
.comparison.headings {
background: #fff;
left: 0;
position: absolute;
top: 0;
width: auto;
z-index: 2;
}
.block-compare .product-item .product-item-name {
margin-left: 22px;
}
.block-compare .action.delete {
left: 0;
position: absolute;
top: 0;
}
.block-compare .actions-toolbar {
margin: 17px 0 0;
}
.block.related .action.select {
vertical-align: top;
}
.block.related .product-item-details {
position: relative;
z-index: 1;
}
.block.related .related-available .product-item-name {
margin-left: 20px;
}
.block.related .field.choice {
left: 0;
position: absolute;
top: 2px;
}
.search .fieldset .control .addon input {
flex-basis: auto;
width: 100%;
}
.block-search {
margin-bottom: 0;
}
.block-search .block-title {
display: none;
}
.block-search .block-content {
margin-bottom: 0;
}
.block-search .label {
text-decoration: none;
display: inline-block;
float: right;
}
.block-search .label > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-search .label:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 28px;
color: #757575;
content: "\e615";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 1rem 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block-search .label:hover:before {
color: #333;
}
.block-search .label:active:before {
color: #333;
}
.block-search .label.active + .control input {
position: static;
}
.block-search .action.search {
display: none;
}
.block-search .control {
border-top: 1px solid #EDF4F8;
clear: both;
margin: 0 -1.8rem -1px;
padding: 0 1.8rem;
}
.block-search input {
font-size: 16px;
left: -300%;
margin: 15px 0;
position: absolute;
}
.block-search .nested {
display: none;
}
.search-autocomplete {
display: none;
margin-top: -15px;
overflow: hidden;
position: absolute;
z-index: 3;
}
.search-autocomplete ul {
margin: 0;
padding: 0;
list-style: none none;
}
.search-autocomplete ul:not(:empty) {
background: #ffffff;
border: 0;
border-top: 0;
}
.search-autocomplete ul li {
border-top: 1px solid #e5e5e5;
cursor: pointer;
margin: 0;
padding: 0.4rem 3.2rem 0.4rem 1rem;
position: relative;
text-align: left;
white-space: normal;
}
.search-autocomplete ul li:first-child {
border-top: none;
}
.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected {
background: #e8e8e8;
}
.search-autocomplete ul li .amount {
color: #999;
position: absolute;
right: 7px;
top: 0.4rem;
}
.form.search.advanced .fields.range .field:first-child {
position: relative;
}
.form.search.advanced .fields.range .field:first-child .control {
padding-right: 25px;
}
.form.search.advanced .fields.range .field:first-child .control:after {
content: ' \2013 ';
display: inline-block;
position: absolute;
right: 0;
text-align: center;
top: 6px;
width: 25px;
}
.form.search.advanced .fields.range .field:last-child {
position: relative;
}
.form.search.advanced .fields.range .field:last-child div.mage-error {
left: 0;
position: absolute;
top: 32px;
}
.form.search.advanced .fields.range .field.with-addon .control {
padding-right: 45px;
}
.form.search.advanced .group.price .addon .addafter {
background: none;
border: 0;
padding-top: 6px;
position: absolute;
right: 0;
top: 0;
}
.search-terms {
line-height: 2em;
}
.search-terms > li {
display: inline-block;
margin-right: 1rem;
}
.search.found {
margin-bottom: 1rem;
}
.checkout-cart-index .page-main {
padding-left: 0;
padding-right: 0;
}
.checkout-cart-index .page-title-wrapper {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
.cart-summary {
background: #f5f5f5;
margin-bottom: 1.8rem;
padding: 1px 0 1.8rem;
}
.cart-summary > .title {
font-size: 2.4rem;
display: none;
font-weight: 300;
margin: 12px 0;
}
.cart-summary .block form:not(:last-of-type) .fieldset {
margin: 0 0 1.8rem;
}
.cart-summary .block .price {
font-weight: 700;
}
.cart-summary .block .field {
margin: 0 0 16px;
}
.cart-summary .block .actions-toolbar > .primary {
text-align: left;
}
.cart-summary .block .actions-toolbar > .primary .action.primary {
width: auto;
}
.cart-summary .block .title strong {
font-size: 1.4rem;
font-weight: 600;
}
.cart-summary .block .item-options {
margin: 0 0 16px;
}
.cart-summary .block .item-options .field .radio {
float: left;
margin-top: 4px;
}
.cart-summary .block .item-options .field .radio + .label {
display: block;
margin: 0;
overflow: hidden;
}
.page-main .cart-summary .block {
margin-bottom: 0;
}
.cart-summary .checkout-methods-items {
margin: 1.8rem 0 0;
padding: 0 15px;
text-align: center;
}
.cart-summary .checkout-methods-items .action.primary.checkout {
width: 100%;
}
.cart-summary .checkout-methods-items .item {
margin-bottom: 1.8rem;
}
.cart-summary .checkout-methods-items .item:last-child {
margin-bottom: 0;
}
.cart-summary .message {
padding-left: 1.8rem;
}
.cart-summary .message > *:first-child:before {
display: none;
}
.cart-totals tbody .mark,
.cart-totals tfoot .mark {
text-align: left;
}
.cart-totals .discount.coupon {
display: none;
}
.cart.table-wrapper .cart thead tr th.col {
border-bottom: 0.2rem solid #EDF4F8;
padding-bottom: 15px;
padding-top: 24px;
}
.cart.table-wrapper .cart tbody td {
border: 0;
}
.cart.table-wrapper .cart > .item {
border-bottom: 0.2rem solid #EDF4F8;
position: relative;
}
.cart.table-wrapper .col {
padding-top: 15px;
}
.cart.table-wrapper .col.price,
.cart.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp {
padding: 20px 11px 1rem;
text-align: center;
}
.cart.table-wrapper .col.qty {
padding: 1.8rem 11px 1rem;
text-align: center;
}
.cart.table-wrapper .col.qty .input-text {
height: 36px;
margin-top: -7px;
text-align: center;
width: 60px;
}
.cart.table-wrapper .col > .price {
color: #0F304D;
font-size: 1.8rem;
font-weight: 700;
}
.cart.table-wrapper .item-actions td {
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
white-space: normal;
}
.cart.table-wrapper .item .col.item {
display: block;
min-height: 75px;
padding: 15px 15px 1rem 90px;
position: relative;
}
.cart.table-wrapper .actions-toolbar {
min-height: 20px;
padding-bottom: 15px;
position: relative;
}
.cart.table-wrapper .actions-toolbar > .action-edit,
.cart.table-wrapper .actions-toolbar > .action-delete {
position: absolute;
right: 16px;
top: 0;
display: inline-block;
text-decoration: none;
}
.cart.table-wrapper .actions-toolbar > .action-edit > span,
.cart.table-wrapper .actions-toolbar > .action-delete > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.cart.table-wrapper .actions-toolbar > .action-edit:before,
.cart.table-wrapper .actions-toolbar > .action-delete:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e601";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.cart.table-wrapper .actions-toolbar > .action-edit:hover:before,
.cart.table-wrapper .actions-toolbar > .action-delete:hover:before {
color: #003057;
}
.cart.table-wrapper .actions-toolbar > .action-edit:active:before,
.cart.table-wrapper .actions-toolbar > .action-delete:active:before {
color: #757575;
}
.cart.table-wrapper .actions-toolbar > .action-delete {
right: 0;
}
.cart.table-wrapper .actions-toolbar > .action-delete:before {
content: "\e604";
}
.cart.table-wrapper .actions-toolbar > .action-delete:hover {
text-decoration: none;
}
.cart.table-wrapper .action {
margin-right: 1.8rem;
}
.cart.table-wrapper .action:last-child {
margin-right: 0;
}
.cart.table-wrapper .action.help.map {
font-weight: 400;
}
.cart.table-wrapper .product-item-photo {
display: block;
left: 15px;
max-width: 65px;
padding: 0;
position: absolute;
top: 15px;
width: 100%;
}
.cart.table-wrapper .product-item-name {
font-size: 1.8rem;
display: block;
margin: -3px 0 0.4rem;
}
.cart.table-wrapper .gift-registry-name-label:after {
content: ':';
}
.cart.table-wrapper .item-options {
margin-bottom: 0;
}
.cart.table-wrapper .product-item-name + .item-options {
margin-top: 1.8rem;
}
.cart.table-wrapper .action.configure {
display: inline-block;
margin: 1rem 0 0;
}
.cart.table-wrapper .item .message {
margin-top: 1.8rem;
}
.cart-products-toolbar .toolbar-amount {
left: inherit;
margin: 1.8rem 0 15px;
padding: 0;
position: relative;
text-align: center;
top: inherit;
}
.cart-products-toolbar-top {
border-bottom: 0.2rem solid #EDF4F8;
}
.cart-discount {
border-bottom: 0.2rem solid #EDF4F8;
clear: left;
}
.cart-empty {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
.cart-tax-info + .cart-tax-total,
.cart .cart-tax-info + .cart-tax-total {
display: block;
}
.cart.table-wrapper .col.price,
.order-items.table-wrapper .col.price,
.cart.table-wrapper .col.qty,
.order-items.table-wrapper .col.qty,
.cart.table-wrapper .col.subtotal,
.order-items.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp,
.order-items.table-wrapper .col.msrp {
text-align: right;
}
.block.crosssell {
padding: 0 15px;
margin-top: 70px;
}
.block.crosssell .product-item-info {
width: 200px;
}
.block-minicart .items-total {
float: left;
margin: 0 1rem;
}
.block-minicart .items-total .count {
font-weight: 700;
}
.block-minicart .subtotal {
margin: 0 1rem 1rem;
text-align: right;
}
.block-minicart .amount .price-wrapper:first-child .price {
font-size: 2.1rem;
font-weight: 700;
}
.block-minicart .subtitle {
display: none;
}
.block-minicart .subtitle.empty {
display: block;
font-size: 14px;
padding: 2.4rem 0 1.8rem;
text-align: center;
}
.block-minicart dl.product.options.list {
display: inline-block;
vertical-align: top;
}
.block-minicart .text.empty {
text-align: center;
}
.block-minicart .block-content > .actions {
margin-top: 15px;
}
.block-minicart .block-content > .actions > .secondary {
text-align: center;
}
.block-minicart .block-content > .actions > .primary {
margin: 0 1rem 15px;
}
.block-minicart .block-content > .actions > .primary .action.primary {
display: block;
width: 100%;
}
.block-minicart .block-content > .actions .paypal-logo {
margin-top: 15px;
text-align: center;
}
.block-minicart .block-category-link,
.block-minicart .block-product-link,
.block-minicart .block-cms-link,
.block-minicart .block-banners {
margin: 15px 0 0;
text-align: center;
}
.minicart-wrapper {
display: inline-block;
position: relative;
float: right;
}
.minicart-wrapper:before,
.minicart-wrapper:after {
content: '';
display: table;
}
.minicart-wrapper:after {
clear: both;
}
.minicart-wrapper .action.showcart {
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.minicart-wrapper .action.showcart:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 28px;
color: #757575;
content: "\e611";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-wrapper .action.showcart:hover:before {
color: #333;
}
.minicart-wrapper .action.showcart:active:before {
color: #757575;
}
.minicart-wrapper .action.showcart.active {
display: inline-block;
text-decoration: none;
}
.minicart-wrapper .action.showcart.active:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 28px;
color: #757575;
content: "\e611";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-wrapper .action.showcart.active:hover:before {
color: #333;
}
.minicart-wrapper .action.showcart.active:active:before {
color: #757575;
}
.minicart-wrapper .block-minicart {
margin: 0;
padding: 0;
list-style: none none;
background: #fff;
border: 1px solid #bbb;
margin-top: 4px;
min-width: 100%;
width: 320px;
z-index: 101;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
right: -10px;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
}
.minicart-wrapper .block-minicart li {
margin: 0;
}
.minicart-wrapper .block-minicart li:hover {
cursor: pointer;
}
.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.minicart-wrapper .block-minicart:before {
border: 6px solid;
border-color: transparent transparent #fff transparent;
z-index: 99;
}
.minicart-wrapper .block-minicart:after {
border: 7px solid;
border-color: transparent transparent #bbb transparent;
z-index: 98;
}
.minicart-wrapper .block-minicart:before {
right: 12px;
top: -12px;
}
.minicart-wrapper .block-minicart:after {
right: 11px;
top: -14px;
}
.minicart-wrapper.active {
overflow: visible;
}
.minicart-wrapper.active .block-minicart {
display: block;
}
.minicart-wrapper .block-minicart {
padding: 25px 1.8rem;
}
.minicart-wrapper .block-minicart .block-title {
display: none;
}
.minicart-wrapper .product .actions {
float: right;
margin: -28px 0 0;
}
.minicart-wrapper .product .actions > .primary,
.minicart-wrapper .product .actions > .secondary {
display: inline;
}
.minicart-wrapper .product .actions > .primary:not(:last-child),
.minicart-wrapper .product .actions > .secondary:not(:last-child) {
margin-right: 15px;
}
.minicart-wrapper .action.close {
height: 30px;
position: absolute;
right: 0;
top: 0;
width: 25px;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-shadow: none;
font-weight: 400;
display: inline-block;
text-decoration: none;
}
.minicart-wrapper .action.close:focus,
.minicart-wrapper .action.close:active {
background: none;
border: none;
}
.minicart-wrapper .action.close:hover {
background: none;
border: none;
}
.minicart-wrapper .action.close.disabled,
.minicart-wrapper .action.close[disabled],
fieldset[disabled] .minicart-wrapper .action.close {
pointer-events: none;
opacity: 0.5;
}
.minicart-wrapper .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-wrapper .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
line-height: 14px;
color: #757575;
content: "\e616";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-wrapper .action.close:hover:before {
color: inherit;
}
.minicart-wrapper .action.close:active:before {
color: inherit;
}
.minicart-wrapper .action.showcart {
white-space: nowrap;
}
.minicart-wrapper .action.showcart .counter.qty {
background: #00843D;
color: #ffffff;
height: 24px;
line-height: 24px;
border-radius: 2px;
display: inline-block;
margin: 3px 0 0;
min-width: 18px;
overflow: hidden;
padding: 0 3px;
text-align: center;
white-space: normal;
}
.minicart-wrapper .action.showcart .counter.qty.empty {
display: none;
}
.minicart-wrapper .action.showcart .counter.qty .loader > img {
max-width: 24px;
}
.minicart-wrapper .action.showcart .counter-number {
text-shadow: 0 0 7px #000000;
}
.minicart-wrapper .minicart-widgets {
margin-top: 15px;
}
.minicart-items-wrapper {
border: 1px solid #ccc;
margin: 0 -1.8rem;
border-left: 0;
border-right: 0;
overflow-x: auto;
padding: 15px;
}
.minicart-items {
margin: 0;
padding: 0;
list-style: none none;
}
.minicart-items .product-item {
padding: 1.8rem 0;
}
.minicart-items .product-item:not(:first-child) {
border-top: 1px solid #ccc;
}
.minicart-items .product-item:first-child {
padding-top: 0;
}
.minicart-items .product-item-pricing .label {
display: inline-block;
}
.minicart-items .price-minicart {
margin-bottom: 0.4rem;
}
.minicart-items .message {
margin-bottom: 0;
margin-top: 10px;
}
.minicart-items .product-item-name {
font-weight: 400;
margin: 0 0 1rem;
}
.minicart-items .product-item-name a {
color: #DE4700;
}
.minicart-items .product-item-details {
padding-left: 88px;
}
.minicart-items .product-item-details .price {
font-weight: 700;
}
.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
margin: 0.4rem 0;
}
.minicart-items .product-item-details .weee[data-label] {
font-size: 1.1rem;
}
.minicart-items .product-item-details .details-qty {
margin-top: 1rem;
}
.minicart-items .product > .product-item-photo,
.minicart-items .product > .product-image-container {
float: left;
}
.minicart-items .product .toggle {
border: 0;
padding: 0 0 0.4rem 0;
white-space: nowrap;
}
.minicart-items .product .toggle:after {
color: #8f8f8f;
margin: 0 0 0 0.4rem;
position: static;
}
.minicart-items .product .active > .toggle:after {
content: "\e621";
}
.minicart-items .product.pricing {
margin-top: 3px;
}
.minicart-items .product.options .toggle.tooltip {
display: inline-block;
text-decoration: none;
}
.minicart-items .product.options .toggle.tooltip > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-items .product.options .toggle.tooltip:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 12px;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: -3px 0 0 7px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-items .product.options .details {
display: none;
}
.minicart-items .item-qty {
text-align: center;
width: 60px;
}
.minicart-items .update-cart-item {
font-size: 1.1rem;
margin-left: 5px;
vertical-align: top;
}
.minicart-items .subtitle {
display: none;
}
.minicart-items .action.edit,
.minicart-items .action.delete {
display: inline-block;
text-decoration: none;
}
.minicart-items .action.edit > span,
.minicart-items .action.delete > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e601";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before {
color: #003057;
}
.minicart-items .action.edit:active:before,
.minicart-items .action.delete:active:before {
color: #757575;
}
.minicart-items .action.delete:before {
content: "\e604";
}
.file-uploader-area {
position: relative;
}
.file-uploader-area input[type='file'] {
cursor: pointer;
opacity: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
width: 0;
}
.file-uploader-area input[type='file']:focus + .file-uploader-button {
box-shadow: 0 0 0 1px #006bb4;
}
.file-uploader-area input[type='file']:disabled + .file-uploader-button {
cursor: default;
opacity: 0.5;
pointer-events: none;
}
.file-uploader-summary {
display: inline-block;
vertical-align: top;
}
.file-uploader-button {
background: #eee;
border: 1px solid #cccccc;
box-sizing: border-box;
color: #333333;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.6rem;
margin: 0;
padding: 7px 15px;
vertical-align: middle;
}
.file-uploader-button._is-dragover {
background: #d4d4d4;
border: 1px solid #006bb4;
}
.file-uploader-spinner {
background-image: url('../images/loader-1.gif');
background-position: 50%;
background-repeat: no-repeat;
background-size: 15px;
display: none;
height: 30px;
margin-left: 1rem;
vertical-align: top;
width: 15px;
}
.file-uploader-preview .action-remove {
bottom: 4px;
cursor: pointer;
display: block;
height: 27px;
left: 6px;
padding: 2px;
position: absolute;
text-decoration: none;
width: 25px;
z-index: 2;
}
.file-uploader-preview .action-remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.file-uploader-preview .action-remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.6rem;
line-height: inherit;
color: #514943;
content: '\e604';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.file-uploader-preview .action-remove:hover:before {
color: #736963;
}
.file-uploader-preview:hover .preview-image img,
.file-uploader-preview:hover .preview-link:before {
opacity: 0.7;
}
.file-uploader-preview .preview-link {
display: block;
height: 100%;
}
.file-uploader-preview .preview-image img {
bottom: 0;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.file-uploader-preview .preview-video {
display: inline-block;
text-decoration: none;
}
.file-uploader-preview .preview-video:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 4rem;
line-height: inherit;
color: #ccc;
content: '\e626';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.file-uploader-preview .preview-video:hover:before {
color: #ccc;
}
.file-uploader-preview .preview-video:before {
left: 0;
margin-top: -2rem;
position: absolute;
right: 0;
top: 50%;
z-index: 2;
}
.file-uploader-preview .preview-document {
display: inline-block;
text-decoration: none;
}
.file-uploader-preview .preview-document:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 7rem;
line-height: inherit;
color: #ccc;
content: '\e626';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.file-uploader-preview .preview-document:hover:before {
color: #ccc;
}
.file-uploader-preview .preview-document:before {
left: 0;
margin-top: -3.5rem;
position: absolute;
right: 0;
top: 50%;
z-index: 2;
}
.file-uploader-preview,
.file-uploader-placeholder {
background: #fff;
border: 1px solid #cacaca;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 150px;
line-height: 1;
margin: 1rem 1.8rem 1rem 0;
overflow: hidden;
position: relative;
width: 150px;
}
.file-uploader._loading .file-uploader-spinner {
display: inline-block;
}
.file-uploader .admin__field-note,
.file-uploader .admin__field-error {
margin-bottom: 1rem;
}
.file-uploader .file-uploader-filename {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 150px;
word-break: break-all;
}
.file-uploader .file-uploader-filename:first-child {
margin-bottom: 1rem;
}
.file-uploader .file-uploader-meta {
color: #9e9e9e;
}
.file-uploader .admin__field-fallback-reset {
margin-left: 1rem;
}
._keyfocus .file-uploader .action-remove:focus {
box-shadow: 0 0 0 1px #006bb4;
}
.file-uploader-placeholder.placeholder-document {
display: inline-block;
text-decoration: none;
}
.file-uploader-placeholder.placeholder-document:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 5rem;
line-height: inherit;
color: #ccc;
content: '\e626';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.file-uploader-placeholder.placeholder-document:hover:before {
color: #ccc;
}
.file-uploader-placeholder.placeholder-document:before {
left: 0;
position: absolute;
right: 0;
top: 20px;
z-index: 2;
}
.file-uploader-placeholder.placeholder-image {
display: inline-block;
text-decoration: none;
}
.file-uploader-placeholder.placeholder-image:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 5rem;
line-height: inherit;
color: #ccc;
content: '\e626';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.file-uploader-placeholder.placeholder-image:hover:before {
color: #ccc;
}
.file-uploader-placeholder.placeholder-image:before {
left: 0;
position: absolute;
right: 0;
top: 20px;
z-index: 2;
}
.file-uploader-placeholder.placeholder-video {
display: inline-block;
text-decoration: none;
}
.file-uploader-placeholder.placeholder-video:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 3rem;
line-height: inherit;
color: #ccc;
content: '\e626';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.file-uploader-placeholder.placeholder-video:hover:before {
color: #ccc;
}
.file-uploader-placeholder.placeholder-video:before {
left: 0;
position: absolute;
right: 0;
top: 30px;
z-index: 2;
}
.file-uploader-placeholder-text {
bottom: 0;
color: #008bdb;
font-size: 1.1rem;
left: 0;
line-height: 1.25;
margin-bottom: 15%;
padding: 0 1.8rem;
position: absolute;
right: 0;
text-align: center;
}
.data-grid-file-uploader {
min-width: 7rem;
}
.data-grid-file-uploader._loading .file-uploader-spinner {
display: block;
}
.data-grid-file-uploader._loading .file-uploader-button:before {
display: none;
}
.data-grid-file-uploader .file-uploader-image {
background: transparent;
bottom: 0;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.data-grid-file-uploader .file-uploader-image + .file-uploader-area .file-uploader-button:before {
display: none;
}
.data-grid-file-uploader .file-uploader-area {
z-index: 2;
}
.data-grid-file-uploader .file-uploader-spinner {
height: 100%;
margin: 0;
position: absolute;
top: 0;
width: 100%;
}
.data-grid-file-uploader .file-uploader-button {
height: 48px;
text-align: center;
display: block;
text-decoration: none;
}
.data-grid-file-uploader .file-uploader-button > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.data-grid-file-uploader .file-uploader-button:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.3rem;
line-height: 48px;
color: #8a837f;
content: '\e626';
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.data-grid-file-uploader .file-uploader-button:hover:before {
color: #666;
}
.data-grid-file-uploader .action-select-wrap {
float: left;
}
.data-grid-file-uploader .action-select-wrap .action-select {
border: 1px solid #cacaca;
display: block;
height: 5rem;
margin-left: -1px;
padding: 0;
width: 2rem;
}
.data-grid-file-uploader .action-select-wrap .action-select:after {
border-color: #8a837f transparent transparent transparent;
left: 50%;
margin: 0 0 0 -5px;
}
.data-grid-file-uploader .action-select-wrap .action-select:hover:after {
border-color: #666 transparent transparent transparent;
}
.data-grid-file-uploader .action-select-wrap .action-select > span {
display: none;
}
.data-grid-file-uploader .action-select-wrap .action-menu {
left: 4rem;
right: auto;
z-index: 2;
}
.data-grid-file-uploader-inner {
border: 1px solid #cacaca;
float: left;
height: 5rem;
position: relative;
width: 5rem;
}
.checkout-container {
margin: 0 0 1.8rem;
}
.opc-wrapper {
margin: 0 0 1.8rem;
}
.opc-wrapper .step-title {
border-bottom: 0.2rem solid #ccc;
margin-bottom: 15px;
}
.opc-wrapper .step-content {
margin: 0 0 3.2rem;
}
.checkout-index-index .nav-sections,
.checkout-index-index .nav-toggle {
display: none;
}
.checkout-index-index .logo {
margin-left: 0;
}
.checkout-onepage-success .print {
display: none;
}
.abs-discount-code .form-discount,
.checkout-payment-method .payment-option-content .form-discount {
display: table;
width: 100%;
}
.abs-discount-code .form-discount .actions-toolbar,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar {
display: table-cell;
vertical-align: top;
width: 1%;
}
.abs-discount-code .form-discount .actions-toolbar .primary,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary {
float: left;
}
.abs-discount-code .form-discount .actions-toolbar .primary .action,
.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin: 0 0 0 -2px;
white-space: nowrap;
width: auto;
}
.abs-discount-code .form-discount > .field > .label,
.checkout-payment-method .payment-option-content .form-discount > .field > .label {
display: none;
}
.opc-estimated-wrapper {
background: #f4f4f4;
border-bottom: 0.2rem solid #ccc;
border-top: 0.2rem solid #ccc;
margin: -21px -15px 15px;
padding: 18px 15px;
}
.opc-estimated-wrapper .estimated-block {
font-size: 18px;
float: left;
font-weight: 700;
}
.opc-estimated-wrapper .estimated-block .estimated-label {
display: block;
margin: 0 0 0.4rem;
}
.opc-estimated-wrapper .minicart-wrapper button.action.showcart {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus,
.opc-estimated-wrapper .minicart-wrapper button.action.showcart:active {
background: none;
border: none;
}
.opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover {
background: none;
border: none;
}
.opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled,
.opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled],
fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart {
pointer-events: none;
opacity: 0.5;
}
.opc-estimated-wrapper .minicart-wrapper button.action.showcart:before {
color: #003057;
}
.opc-progress-bar {
display: none;
}
.field.choice .field-tooltip {
display: inline-block;
margin-left: 1rem;
position: relative;
top: -3px;
}
.field.choice .field-tooltip-action {
line-height: 21px;
}
.field._error .control input,
.field._error .control select,
.field._error .control textarea {
border-color: #ed786f;
}
.checkout-index-index .modal-popup .fieldset .field .label {
font-weight: 400;
}
.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
margin-top: 8px;
}
.field-tooltip {
cursor: pointer;
position: absolute;
right: 0;
top: 1px;
}
.field-tooltip._active {
z-index: 100;
}
.field-tooltip._active .field-tooltip-content {
display: block;
}
.field-tooltip._active .field-tooltip-action:before {
color: #003057;
}
.field-tooltip .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.field-tooltip .field-tooltip-action {
display: inline-block;
text-decoration: none;
}
.field-tooltip .field-tooltip-action > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.field-tooltip .field-tooltip-action:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 21px;
line-height: inherit;
color: #bbb;
content: "\e623";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.field-tooltip .field-tooltip-action:hover:before {
color: #003057;
}
.field-tooltip .field-tooltip-action:before {
padding-left: 1px;
}
._keyfocus .field-tooltip .field-tooltip-action:focus {
z-index: 100;
}
._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content {
display: block;
}
._keyfocus .field-tooltip .field-tooltip-action:focus:before {
color: #003057;
}
.field-tooltip .field-tooltip-content {
background: #E6F4F9;
border: 0.1rem solid #4F758B;
border-radius: 0.1rem;
font-size: 1.6rem;
padding: 1rem;
width: 27rem;
display: none;
left: 38px;
position: absolute;
text-transform: none;
top: -9px;
word-wrap: break-word;
z-index: 2;
}
.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
border: 1rem solid transparent;
height: 0;
width: 0;
border-right-color: #E6F4F9;
left: -1.9rem;
top: 1rem;
content: '';
display: block;
position: absolute;
z-index: 3;
}
.field-tooltip .field-tooltip-content:before {
border-right-color: #4F758B;
}
.field-tooltip .field-tooltip-content:after {
border-right-color: #E6F4F9;
width: 1px;
z-index: 4;
}
@media only screen and (max-width: 768px) {
.field-tooltip .field-tooltip-content {
left: auto;
right: -10px;
top: 40px;
}
.field-tooltip .field-tooltip-content::before,
.field-tooltip .field-tooltip-content::after {
border: 10px solid transparent;
height: 0;
left: auto;
margin-top: -21px;
right: 10px;
top: 0;
width: 0;
}
.field-tooltip .field-tooltip-content::before {
border-bottom-color: #4F758B;
}
.field-tooltip .field-tooltip-content::after {
border-bottom-color: #E6F4F9;
top: 1px;
}
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
margin-top: 28px;
margin-bottom: 28px;
}
.opc-wrapper .form-login .fieldset .field .label,
.opc-wrapper .form-shipping-address .fieldset .field .label {
font-weight: 400;
}
.opc-wrapper .form-login .fieldset .note,
.opc-wrapper .form-shipping-address .fieldset .note {
font-size: 1.6rem;
margin-top: 1rem;
}
.opc-wrapper .shipping-address-items {
font-size: 0;
}
.opc-wrapper .shipping-address-item {
border: 2px solid transparent;
font-size: 1.6rem;
line-height: 30px;
margin: 0 0 1.8rem;
padding: 1.8rem 7.4rem 1.8rem 1.8rem;
transition: 0.3s border-color;
width: 50%;
display: inline-block;
position: relative;
vertical-align: top;
word-wrap: break-word;
}
.opc-wrapper .shipping-address-item.selected-item {
border-color: #00843D;
}
.opc-wrapper .shipping-address-item.selected-item:after {
background: #00843D;
color: #fff;
content: "\e610";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
height: 27px;
width: 29px;
font-size: 19px;
line-height: 21px;
padding-top: 2px;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item {
visibility: hidden;
}
.opc-wrapper .action-show-popup {
margin: 0 0 1.8rem;
}
.opc-wrapper .action-show-popup > span:before {
content: '+';
padding-right: 0.4rem;
}
.opc-wrapper .action-select-shipping-item {
float: right;
margin: 1.8rem 0 0;
}
.opc-wrapper .edit-address-link {
display: block;
float: left;
margin: 26px 5px 0 0;
}
.checkout-shipping-method .step-title {
margin-bottom: 0;
}
.checkout-shipping-method .no-quotes-block {
margin: 1.8rem 0;
}
.methods-shipping .actions-toolbar .action.primary {
margin: 1.8rem 0 0;
}
.table-checkout-shipping-method thead th {
display: none;
}
.table-checkout-shipping-method tbody td {
border-top: 0.2rem solid #ccc;
padding-bottom: 1.8rem;
padding-top: 1.8rem;
}
.table-checkout-shipping-method tbody td:first-child {
padding-left: 0;
padding-right: 0;
width: 20px;
}
.table-checkout-shipping-method tbody td input[type='radio'] {
margin: 4px 5px 0 0;
}
.table-checkout-shipping-method tbody tr:first-child td {
border-top: none;
}
.table-checkout-shipping-method tbody .col-price {
font-weight: 600;
}
.table-checkout-shipping-method tbody .row-error td {
border-top: none;
padding-bottom: 1rem;
padding-top: 0;
}
.checkout-shipping-method {
position: relative;
}
.shipping-policy-block.field-tooltip {
top: 12px;
}
.shipping-policy-block.field-tooltip .field-tooltip-action {
color: #DE4700;
cursor: pointer;
}
.shipping-policy-block.field-tooltip .field-tooltip-action:before {
display: none;
}
.shipping-policy-block.field-tooltip .field-tooltip-content {
width: 420px;
top: 2.4rem;
}
.opc-block-shipping-information {
padding: 0 2.4rem;
}
.opc-block-shipping-information .shipping-information-title {
border-bottom: 0.2rem solid #ccc;
margin: 0 0 1.8rem;
position: relative;
}
.opc-block-shipping-information .shipping-information-title .action-edit {
top: 1rem;
display: inline-block;
text-decoration: none;
margin: 0;
position: absolute;
right: 0;
}
.opc-block-shipping-information .shipping-information-title .action-edit > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-block-shipping-information .shipping-information-title .action-edit:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e601";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-block-shipping-information .shipping-information-title .action-edit:hover:before {
color: #003057;
}
.opc-block-shipping-information .shipping-information-title .action-edit:active:before {
color: #757575;
}
.opc-block-shipping-information .shipping-information-content {
line-height: 27px;
}
.opc-block-shipping-information .shipping-information-content .actions-toolbar {
margin-left: 0;
}
.opc-block-shipping-information .ship-to,
.opc-block-shipping-information .ship-via {
margin: 0 0 1.8rem;
}
.opc-block-summary {
background: #f5f5f5;
margin: 0 0 1.8rem;
padding: 22px 2.4rem;
}
.opc-block-summary > .title {
display: block;
}
.opc-block-summary .mark .value {
color: #666;
display: block;
}
.opc-block-summary .discount.coupon {
display: none;
}
.opc-block-summary .grand.incl + .grand.excl .mark,
.opc-block-summary .grand.incl + .grand.excl .amount {
border-top: 0;
font-size: 1.4rem;
padding-top: 0;
}
.opc-block-summary .grand.incl + .grand.excl .mark strong,
.opc-block-summary .grand.incl + .grand.excl .amount strong {
font-weight: 400;
}
.opc-block-summary .not-calculated {
font-style: italic;
}
.opc-block-summary .items-in-cart > .title {
border-bottom: 0.2rem solid #EDF4F8;
padding: 1rem 3.2rem 1rem 0;
cursor: pointer;
display: block;
text-decoration: none;
margin-bottom: 0;
position: relative;
}
.opc-block-summary .items-in-cart > .title > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-block-summary .items-in-cart > .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 12px;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 3px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-block-summary .items-in-cart > .title:after {
position: absolute;
right: 0;
top: 1rem;
}
.opc-block-summary .items-in-cart > .title strong {
font-size: 1.8rem;
font-weight: 300;
margin: 0;
}
.opc-block-summary .items-in-cart.active > .title:after {
content: "\e621";
}
.opc-block-summary .items-in-cart .product {
position: relative;
}
.opc-block-summary .minicart-items-wrapper {
margin: 0 -15px 0 0;
max-height: 370px;
padding: 15px 15px 0 0;
border: 0;
}
.column.main .opc-block-summary .product-item {
margin: 0;
padding-left: 0;
}
.opc-block-summary .product-item .product-item-inner {
display: table;
margin: 0 0 1rem;
width: 100%;
}
.opc-block-summary .product-item .product-item-name-block {
display: block;
padding-right: 0.4rem;
text-align: left;
}
.opc-block-summary .product-item .subtotal {
display: block;
text-align: left;
}
.opc-block-summary .product-item .price {
font-size: 1.6rem;
font-weight: 400;
}
.opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price {
font-size: 1rem;
}
.opc-block-summary .product-item .message {
margin-top: 10px;
}
.opc-block-summary .actions-toolbar {
position: relative;
z-index: 1;
}
.opc-block-summary .actions-toolbar .secondary {
border-top: 0.2rem solid #EDF4F8;
display: block;
margin: -1px 0 0;
padding: 15px 0 0;
text-align: left;
}
.opc-block-summary .actions-toolbar .secondary .action {
margin: 0;
}
@media only screen and (max-width: 768px) {
.opc-block-summary .product-item .product-item-inner {
display: block;
}
.opc-block-summary .product-item .product-item-name-block {
display: block;
text-align: left;
}
.opc-block-summary .product-item .subtotal {
display: block;
text-align: left;
}
}
.authentication-dropdown {
box-sizing: border-box;
}
.authentication-dropdown .modal-inner-wrap {
padding: 1.8rem;
}
.authentication-wrapper {
float: right;
margin-top: -4.8rem;
max-width: 50%;
position: relative;
z-index: 1;
}
._has-auth-shown .authentication-wrapper {
z-index: 900;
}
.block-authentication .block-title {
font-size: 1.8rem;
border-bottom: 0;
margin-bottom: 1.8rem;
}
.block-authentication .block-title strong {
font-weight: 300;
}
.block-authentication .field .label {
font-weight: 400;
}
.block-authentication .actions-toolbar {
margin-bottom: 0.4rem;
}
.block-authentication .actions-toolbar > .secondary {
padding-top: 1.8rem;
text-align: left;
}
.block-authentication .block[class] {
margin: 0;
}
.block-authentication .block[class] ul {
list-style: none;
padding-left: 1rem;
}
.block-authentication .block[class] .field .control,
.block-authentication .block[class] .field .label {
float: none;
width: auto;
}
.block-authentication .block[class] + .block {
border-top: 1px solid #c1c1c1;
margin-top: 3.2rem;
padding-top: 3.2rem;
position: relative;
}
.block-authentication .block[class] + .block:before {
height: 36px;
line-height: 34px;
margin: -19px 0 0 -18px;
min-width: 36px;
background: #fff;
border: 1px solid #c1c1c1;
border-radius: 50%;
box-sizing: border-box;
color: #c1c1c1;
content: attr(data-label);
display: inline-block;
left: 50%;
letter-spacing: normal;
padding: 0 0.2rem;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
}
.checkout-payment-method .step-title {
border-bottom: 0;
margin-bottom: 0;
}
.checkout-payment-method .payment-method:first-child .payment-method-title {
border-top: 0;
}
.checkout-payment-method .payment-method._active .payment-method-content {
display: block;
}
.checkout-payment-method .payment-method + .payment-method .payment-method-title {
border-top: 0.2rem solid #ccc;
}
.checkout-payment-method .payment-method form.form-purchase-order {
margin-bottom: 15px;
}
.checkout-payment-method .payment-method form.form-purchase-order .input-text {
width: 40%;
}
.checkout-payment-method .payment-method-content {
/**
* @codingStandardsIgnoreStart
*/
}
.checkout-payment-method .payment-method-content #po_number {
margin-bottom: 20px;
}
.checkout-payment-method .payment-method-title {
padding: 1.8rem 0;
margin: 0;
}
.checkout-payment-method .payment-method-title .payment-icon {
display: inline-block;
margin-right: 0.4rem;
vertical-align: middle;
}
.checkout-payment-method .payment-method-title .action-help {
display: inline-block;
margin-left: 0.4rem;
}
.checkout-payment-method .payment-method-content {
display: none;
padding: 0 0 1.8rem 22px;
}
.checkout-payment-method .payment-method-content .fieldset:not(:last-child) {
margin: 0 0 1.8rem;
}
.checkout-payment-method .payment-group + .payment-group .step-title {
margin: 1.8rem 0 0;
}
.checkout-payment-method .field-select-billing,
.checkout-payment-method .billing-address-form {
max-width: 500px;
}
.checkout-payment-method .billing-address-same-as-shipping-block {
margin: 0 0 1rem;
}
.checkout-payment-method .checkout-billing-address {
margin: 0 0 1.8rem;
}
.checkout-payment-method .checkout-billing-address .primary .action-update {
margin-bottom: 20px;
margin-right: 0;
}
.checkout-payment-method .checkout-billing-address .billing-address-details {
line-height: 27px;
padding: 0 0 0 23px;
}
.checkout-payment-method .checkout-billing-address input[type="checkbox"] {
vertical-align: top;
}
.checkout-payment-method .payment-method-note + .checkout-billing-address {
margin-top: 1.8rem;
}
.checkout-payment-method .payment-method-iframe {
background-color: transparent;
display: none;
width: 100%;
}
.checkout-payment-method .no-payments-block {
margin: 1.8rem 0;
}
.checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after {
content: "\e621";
}
.checkout-payment-method .payment-option._collapsible .payment-option-title {
cursor: pointer;
}
.checkout-payment-method .payment-option._collapsible .payment-option-content {
display: none;
}
.checkout-payment-method .payment-option-title {
border-top: 0.2rem solid #ccc;
padding: 1.8rem 0;
}
.checkout-payment-method .payment-option-title .action-toggle {
color: #DE4700;
display: inline-block;
text-decoration: none;
}
.checkout-payment-method .payment-option-title .action-toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
line-height: 16px;
color: #757575;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 0 0 1rem;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.checkout-payment-method .payment-option-title .action-toggle:hover:after {
color: #003057;
}
.checkout-payment-method .payment-option-title .action-toggle:active:after {
color: #757575;
}
.checkout-payment-method .payment-option-content {
padding: 0 0 1.8rem 22px;
}
.checkout-payment-method .payment-option-content .primary .action.action-apply {
margin-right: 0;
}
.checkout-payment-method .payment-option-inner {
margin: 0 0 1.8rem;
}
.checkout-payment-method .credit-card-types {
padding: 0;
}
.checkout-payment-method .credit-card-types .item {
display: inline-block;
list-style: none;
margin: 0 0.4rem 0 0;
vertical-align: top;
}
.checkout-payment-method .credit-card-types .item._active {
font-weight: 700;
}
.checkout-payment-method .credit-card-types .item._active img {
-webkit-filter: grayscale(0%);
}
.checkout-payment-method .credit-card-types .item._inactive {
opacity: 0.4;
}
.checkout-payment-method .credit-card-types .item span {
display: inline-block;
padding-top: 6px;
vertical-align: top;
}
.checkout-payment-method .credit-card-types img {
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.6s ease;
}
.checkout-payment-method .ccard .fields > .year {
padding-left: 0.4rem;
}
.checkout-payment-method .ccard .fields .select {
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.checkout-payment-method .ccard .month .select {
width: 140px;
}
.checkout-payment-method .ccard .year .select {
width: 80px;
}
.checkout-payment-method .ccard .captcha .input-text,
.checkout-payment-method .ccard .number .input-text {
width: 225px;
}
.checkout-payment-method .ccard > .field.cvv > .control {
display: inline-block;
padding-right: 1.8rem;
}
.checkout-payment-method .ccard .cvv .label {
display: block;
}
.checkout-payment-method .ccard .cvv .input-text {
width: 55px;
}
.checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field {
width: auto !important;
}
.checkout-agreements-block .checkout-agreements {
margin-bottom: 1.8rem;
}
.checkout-agreements-block .checkout-agreement.field {
display: flex;
}
.checkout-agreements-block .checkout-agreement.field.required label:after {
content: none;
}
.checkout-agreements-block .checkout-agreement.field.required .action-show:after {
content: '*';
color: #DE4700;
font-size: 1.3rem;
}
.checkout-agreements-block .action-show {
vertical-align: baseline;
}
.checkout-agreements-items {
padding-bottom: 2.4rem;
}
.checkout-agreements-items .checkout-agreements-item {
margin-bottom: 1.8rem;
}
.checkout-agreements-items .checkout-agreements-item-title {
border-bottom: 0;
}
.checkout-agreement-item-content {
overflow: auto;
}
.login-container .block-new-customer .actions-toolbar {
margin-top: 25px;
}
.login-container .block .block-title {
font-size: 1.8rem;
}
.login-container .fieldset:after {
margin: 1rem 0 0;
content: attr(data-hasrequired);
display: block;
letter-spacing: normal;
word-spacing: normal;
color: #DE4700;
font-size: 1.3rem;
}
.login-container .fieldset:after {
margin-top: 35px;
}
.block-addresses-list .items.addresses > .item {
margin-bottom: 1.8rem;
}
.block-addresses-list .items.addresses > .item:last-child {
margin-bottom: 0;
}
.block-addresses-list .items.addresses .item.actions {
margin-top: 0.4rem;
}
.form-address-edit .region_id {
display: none;
}
.form-edit-account .fieldset.password {
display: none;
}
.form-edit-account fieldset.additional_info {
clear: both;
}
.form-create-account .fieldset-fullname .fields .field {
float: none;
}
.form-create-account .fieldset.create.account:after {
margin: 1rem 0 0;
content: attr(data-hasrequired);
display: block;
letter-spacing: normal;
word-spacing: normal;
color: #DE4700;
font-size: 1.3rem;
}
.form-create-account .fieldset.create.account:after {
margin-top: 35px;
}
.form.password.forget .fieldset:after {
margin: 1rem 0 0;
content: attr(data-hasrequired);
display: block;
letter-spacing: normal;
word-spacing: normal;
color: #DE4700;
font-size: 1.3rem;
}
.form.password.forget .fieldset:after {
margin-top: 35px;
}
.box-billing-address .box-content,
.box-shipping-address .box-content,
.box-address-billing .box-content,
.box-address-shipping .box-content,
.box-information .box-content,
.box-newsletter .box-content {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.account .page-title-wrapper .page-title {
display: inline-block;
}
.account .messages {
margin-bottom: 1.8rem;
}
.account .column.main {
margin-bottom: 2.4rem;
}
.account .column.main h2 {
margin-top: 0;
}
.account .sidebar-additional {
margin-top: 3.2rem;
}
.account .table-wrapper {
margin-bottom: 1.8rem;
border-bottom: 1px solid #cccccc;
overflow-x: auto;
}
.account .table-wrapper:last-child {
margin-bottom: 0;
}
.account .data.table .col.actions .action.delete,
[class^='sales-guest-'] .data.table .col.actions .action.delete,
.sales-guest-view .data.table .col.actions .action.delete {
color: #d10029;
}
.column.main .block:last-child {
margin-bottom: 0;
}
.block .title {
display: block;
margin-bottom: 1rem;
}
.block .title strong {
font-weight: 700;
line-height: 1.3;
font-size: 1.7rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
.block p:last-child {
margin: 0;
}
.block .box-actions {
margin-top: 0.4rem;
}
.field.password .control {
display: flex;
flex-direction: column;
}
.field.password .control .mage-error {
order: 2;
}
.field.password .control .input-text {
order: 0;
z-index: 2;
}
.password-strength-meter {
background-color: #F3FAFD;
height: 4.4rem;
line-height: 4.4rem;
padding: 0 1.8rem;
position: relative;
z-index: 1;
}
.password-strength-meter:before {
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
}
.password-none .password-strength-meter:before {
background-color: #F3FAFD;
width: 100%;
}
.password-weak .password-strength-meter:before {
background-color: #ffafae;
width: 25%;
}
.password-medium .password-strength-meter:before {
background-color: #F8D6B9;
width: 50%;
}
.password-strong .password-strength-meter:before {
background-color: #C3FEE1;
width: 75%;
}
.password-very-strong .password-strength-meter:before {
background-color: #00843D;
width: 100%;
}
.control.captcha-image {
margin-top: 1rem;
}
.control.captcha-image .captcha-img {
vertical-align: middle;
}
.order-products-toolbar,
.customer-addresses-toolbar {
position: relative;
}
.order-products-toolbar .toolbar-amount,
.customer-addresses-toolbar .toolbar-amount {
position: relative;
text-align: center;
}
.order-products-toolbar .pages,
.customer-addresses-toolbar .pages {
position: relative;
}
.additional-addresses table > thead > tr > th {
white-space: nowrap;
}
.block-balance .price {
margin-top: -1rem;
font-size: 3.2rem;
display: inline-block;
line-height: 32px;
}
.table-downloadable-products .product-name {
font-weight: 400;
margin-right: 15px;
}
.table-downloadable-products .action.download {
display: inline-block;
text-decoration: none;
}
.table-downloadable-products .action.download:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
line-height: inherit;
color: inherit;
content: "\e626";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 5px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.page-product-downloadable .product-add-form {
clear: both;
margin-bottom: 1.8rem;
}
.page-product-downloadable .product-options-bottom .field.qty {
display: none;
}
.samples-item-title {
font-size: 1.4rem;
font-weight: 600;
margin: 0 0 1rem;
}
.samples-item {
margin: 0 0 1rem;
}
.field.downloads {
margin-bottom: 1rem;
}
.page-product-downloadable .product-add-form .product-options-wrapper .field.downloads > .control {
width: 100%;
}
.field.downloads .price-container {
display: inline;
white-space: nowrap;
}
.field.downloads .price-container:before {
content: ' + ';
display: inline;
}
.field.downloads .price-excluding-tax {
display: inline;
}
.field.downloads .price-excluding-tax:before {
content: ' (' attr(data-label) ': ';
}
.field.downloads .price-excluding-tax:after {
content: ')';
}
.field.downloads .price-including-tax {
display: inline;
font-weight: 600;
font-size: 1.4rem;
}
.field.downloads .field.choice {
border-bottom: 1px solid #ebebeb;
box-sizing: border-box;
margin-bottom: 1rem;
padding-bottom: 1rem;
padding-left: 25px;
position: relative;
width: 100%;
z-index: 1;
}
.field.downloads .field.choice input {
left: 0;
position: absolute;
top: 2px;
}
.field.downloads .field.downloads-all {
border-bottom: 0;
padding-left: 0;
}
.field.downloads .sample.link {
float: right;
}
.field.downloads-all .label {
color: #DE4700;
text-decoration: none;
cursor: pointer;
}
.field.downloads-all .label:visited {
color: #DE4700;
text-decoration: none;
}
.field.downloads-all .label:hover {
color: #DE4700;
text-decoration: none;
}
.field.downloads-all .label:active {
color: #00843D;
text-decoration: none;
}
.field.downloads-all input {
opacity: 0;
}
.field.downloads.downloads-no-separately .field.choice {
padding-left: 0;
}
.page-product-giftcard .giftcard-amount {
border-top: 1px #c1c1c1 solid;
clear: both;
margin-bottom: 0;
padding-top: 15px;
text-align: left;
}
.page-product-giftcard .giftcard-amount .field:last-child {
padding-bottom: 0 !important;
}
.page-product-giftcard .product-info-main .price-box .old-price {
font-size: 20px;
}
.page-product-giftcard .product-info-main .price-box .price-container.price-final > span {
display: block;
margin-bottom: 0.4rem;
}
.page-product-giftcard .product-info-main .price-box .price-container.price-final > span:last-child {
margin-bottom: 0;
}
.page-product-giftcard .product-info-main .price-box .price-container.price-final .price {
font-size: 22px;
font-weight: 600;
line-height: 22px;
}
.page-product-giftcard .product-info-main .price-box + .giftcard.form {
border-top: 1px #c1c1c1 solid;
padding-top: 15px;
}
.page-product-giftcard .product-info-main .alert {
clear: left;
}
.page-product-giftcard .product-info-stock-sku {
display: block;
}
.page-product-giftcard .product-add-form {
border: 0;
clear: none;
padding-top: 0;
}
.page-product-giftcard .product-add-form .product-options-wrapper .field:not(.text) {
margin-bottom: 0;
margin-top: 0;
}
.page-product-giftcard .giftcard.form {
clear: both;
}
.page-product-giftcard .price-box {
margin-bottom: 10px;
}
.page-product-giftcard .product-info-price {
border: 0;
display: block;
float: right;
white-space: nowrap;
width: auto;
}
.giftcard-account .please-wait {
display: none;
}
.giftcard-account .form-giftcard-redeem .giftcard.info {
margin-bottom: 2.4rem;
}
.opc-wrapper .form-giftcard-account {
max-width: 500px;
}
.opc-wrapper .form-giftcard-account .field {
margin: 0 0 1.8rem;
}
.opc-wrapper .giftcard-account-info {
margin: 0 0 1.8rem;
}
.opc-wrapper .giftcard-account-info .giftcard-account-number {
margin: 0 0 1rem;
}
.gift-message .field {
margin-bottom: 1.8rem;
}
.gift-message .field .label {
color: #666;
font-weight: 400;
}
.gift-options {
margin: 1.8rem 0;
}
.gift-options .actions-toolbar .action-cancel {
display: none;
}
.gift-options-title {
font-weight: 600;
margin: 0 0 1.8rem;
}
.gift-options-content .fieldset {
margin: 0 0 1.8rem;
}
.gift-summary {
margin-top: 1rem;
position: relative;
}
.gift-summary .actions-toolbar > .secondary .action {
margin: 0 0 0 1.8rem;
width: auto;
}
.gift-summary .action-edit,
.gift-summary .action-delete {
display: inline-block;
text-decoration: none;
}
.gift-summary .action-edit > span,
.gift-summary .action-delete > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.gift-summary .action-edit:before,
.gift-summary .action-delete:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e601";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.gift-summary .action-edit:hover:before,
.gift-summary .action-delete:hover:before {
color: #003057;
}
.gift-summary .action-edit:active:before,
.gift-summary .action-delete:active:before {
color: #757575;
}
.gift-summary .action-delete:before {
content: "\e604";
}
.action-gift {
display: inline-block;
text-decoration: none;
}
.action-gift:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.2rem;
line-height: 20px;
color: #757575;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 0 0 1rem;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.action-gift:hover:after {
color: #003057;
}
.action-gift:active:after {
color: #757575;
}
.action-gift.active:after,
.action-gift._active:after {
content: "\e621";
}
.gift-summary .actions-toolbar,
.cart.table-wrapper .gift-summary .actions-toolbar {
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.cart.table-wrapper .gift-content {
box-sizing: border-box;
clear: left;
display: none;
float: left;
margin-right: -100%;
padding: 1.8rem 0;
width: 100%;
}
.cart.table-wrapper .gift-content._active {
display: block;
}
.cart.table-wrapper .item-gift._active {
border-top: 0.2rem solid #c1c1c1;
}
.cart.table-wrapper .item-gift .action {
margin-right: 0;
}
.gift-item-block {
border-bottom: 0.2rem solid #c1c1c1;
margin: 0;
}
.gift-item-block._active .title:after {
content: "\e621";
}
.gift-item-block .title {
color: #DE4700;
cursor: pointer;
margin: 0;
padding: 1rem 3.2rem 1rem 15px;
position: relative;
display: block;
text-decoration: none;
}
.gift-item-block .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.2rem;
line-height: 20px;
color: #858585;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 0 0 1rem;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.gift-item-block .title:hover:after {
color: #003057;
}
.gift-item-block .content {
padding: 1rem 0 1.8rem;
position: relative;
}
.order-details-items .order-gift-message dt:after,
.order-details-items .block-order-details-gift-message dt:after {
content: '';
}
.order-details-items .order-gift-message .item-message,
.order-details-items .block-order-details-gift-message .item-message {
clear: left;
}
.order-details-items .order-gift-message .item-options dt,
.order-details-items .block-order-details-gift-message .item-options dt {
font-weight: 400;
margin: 1rem 0;
}
.gift-messages-order {
margin-bottom: 1.8rem;
}
.gift-message-summary {
padding-right: 7rem;
}
.form-giftregistry-share .actions-toolbar:not(:last-child),
.form-giftregistry-edit .actions-toolbar:not(:last-child) {
margin-bottom: 3.2rem;
}
.form-giftregistry-share .fieldset .nested .field:not(.choice) .control,
.form-giftregistry-edit .fieldset .nested .field:not(.choice) .control {
width: 100%;
}
.giftregisty-dropdown .action.toggle {
color: #DE4700;
}
.table-giftregistry-items .product-image {
margin-right: 1rem;
float: left;
}
.cart-summary .form.giftregistry .fieldset {
margin: 15px 0 0.4rem;
text-align: left;
}
.cart-summary .form.giftregistry .fieldset .field {
margin: 0 0 1rem;
}
.cart-summary .form.giftregistry .fieldset .field .control {
float: none;
width: auto;
}
.form-giftregistry-search {
margin-bottom: 4.8rem;
}
.form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) {
margin-bottom: 0;
}
.block-giftregistry .actions-toolbar {
margin: 17px 0 0;
}
.block-giftregistry-shared .item-options .item-value {
margin: 0 0 1.8rem;
}
.block-giftregistry-shared-items .item .col {
border: 0;
}
.block-giftregistry-shared-items th {
border-bottom: 0.2rem solid #EDF4F8;
}
.block-giftregistry-shared-items .col {
padding: 20px 11px 10px;
}
.block-giftregistry-shared-items .col .price-box {
display: inline-block;
}
.block-giftregistry-shared-items .col .price-wrapper {
font-size: 1.8rem;
display: block;
font-weight: 700;
white-space: nowrap;
}
.block-giftregistry-shared-items .product .item-options {
margin: 0;
}
.block-giftregistry-shared-items .product-item-photo {
display: block;
max-width: 65px;
padding: 1rem 0;
}
.block-giftregistry-shared-items .product-item-name {
font-size: 1.8rem;
display: block;
margin: 0 0 0.4rem;
}
.gift-wrapping .label {
margin: 0 0 0.9rem;
display: inline-block;
}
.gift-wrapping .field {
margin-bottom: 1rem;
}
.gift-wrapping-info {
font-weight: 300;
font-size: 2.1rem;
margin: 1.8rem 0;
}
.gift-wrapping-list {
list-style: none;
margin: 1.8rem 0 1rem;
padding: 0;
}
.gift-wrapping-list .no-image {
background: #f2f2f2;
display: inline-block;
text-decoration: none;
}
.gift-wrapping-list .no-image > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.gift-wrapping-list .no-image:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 4rem;
color: #494949;
content: "\e62a";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.gift-wrapping-list .no-image:after {
display: block;
}
.gift-wrapping-preview,
.gift-wrapping-item > span {
cursor: pointer;
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.gift-wrapping-item {
float: left;
margin: 0 1rem 1rem 0;
}
.gift-wrapping-item:last-child {
margin-right: 0;
}
.gift-wrapping-item._active span:before {
border: 3px solid #333;
box-sizing: border-box;
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 2;
}
.gift-wrapping-item > span {
height: 4rem;
width: 4rem;
}
.gift-wrapping-title {
margin: 1rem 0;
}
.gift-wrapping-title .action-remove {
margin: -0.4rem 0 0 0.4rem;
display: inline-block;
text-decoration: none;
}
.gift-wrapping-title .action-remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.gift-wrapping-title .action-remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e604";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.gift-wrapping-title .action-remove:hover:before {
color: #003057;
}
.gift-wrapping-title .action-remove:active:before {
color: #757575;
}
.gift-options-content .fieldset .field {
margin: 1rem 0;
}
.gift-wrapping-summary {
padding-right: 7rem;
}
.gift-wrapping-summary .gift-wrapping-title {
border: 0;
display: inline-block;
padding: 0;
}
.opc-wrapper .fieldset.gift-message .field.gift-wrapping {
padding: 0;
width: 100%;
}
.opc-wrapper .data.table .gift-wrapping,
.table-order-items .gift-wrapping {
margin: 1.8rem 0 0;
}
.opc-wrapper .data.table .gift-wrapping .title,
.table-order-items .gift-wrapping .title {
float: none;
}
.opc-wrapper .data.table .gift-wrapping .content,
.table-order-items .gift-wrapping .content {
margin: 0;
}
.opc-wrapper .data.table .gift-wrapping .content > img,
.table-order-items .gift-wrapping .content > img {
float: left;
margin: 0 1rem 0 0;
max-height: 50px;
max-width: 50px;
}
.gift-summary .price-box,
.gift-options .price-box {
margin-left: 22px;
}
.gift-summary .regular-price:before,
.gift-options .regular-price:before {
content: attr(data-label) ': ';
}
.gift-summary .regular-price .price,
.gift-options .regular-price .price {
font-weight: 700;
}
.order-options .item {
padding-bottom: 1.8rem;
}
.order-options .product {
margin-bottom: 1rem;
}
.order-options .product-image-container {
float: left;
padding-right: 1rem;
}
.order-options .gift-wrapping {
margin-bottom: 1rem;
}
.table-wrapper.grouped {
width: auto;
}
.table.grouped .row-tier-price > td {
border-top: 0;
}
.table.grouped .col.item {
width: 90%;
}
.table.grouped .col.qty {
width: 10%;
}
.table.grouped .product-item-name {
display: inline-block;
font-weight: 400;
margin-bottom: 1rem;
}
.table.grouped .price-box p {
margin: 0;
}
.table.grouped .price-box .price {
font-weight: 700;
}
.table.grouped .price-box .old-price .price {
font-weight: normal;
}
.table.grouped .stock.unavailable {
font-weight: normal;
margin: 0;
text-transform: none;
white-space: nowrap;
}
.page-product-grouped .product-info-main .alert {
clear: left;
}
.page-product-grouped .box-tocart {
margin-top: 1rem;
}
.box-tocart .action.instant-purchase {
vertical-align: top;
}
.box-tocart .action.instant-purchase:not(:last-child) {
margin-bottom: 15px;
}
.form-add-invitations .additional,
.form-add-invitations .field.message {
margin-top: 0;
}
.form-add-invitations .action.remove {
top: 4px;
}
.form-add-invitations .action.add {
display: inline-block;
text-decoration: none;
line-height: normal;
padding: 4px;
width: auto;
}
.form-add-invitations .action.add > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.form-add-invitations .action.add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: inherit;
color: inherit;
content: "\e61c";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.form-add-invitations .action.add:hover:before {
color: inherit;
}
.form-add-invitations .action.add:active:before {
color: inherit;
}
.filter.block {
margin-bottom: 0;
}
.filter-title strong {
background-color: #f0f0f0;
box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 rgba(237, 244, 248, 0.3);
border: 1px solid #EDF4F8;
border-radius: 3px;
font-weight: 400;
left: 0;
line-height: 16px;
padding: 7px 1rem;
position: absolute;
text-align: center;
top: 0;
z-index: 2;
}
.filter-title strong[data-count]:after {
color: #fff;
background: #00843D;
border-radius: 2px;
content: attr(data-count);
display: inline-block;
font-size: 0.8em;
line-height: 1;
margin: 0 0.4rem;
min-width: 1em;
padding: 2px;
}
.filter-title strong.disabled {
opacity: 0.5;
}
.filter .block-subtitle {
border-bottom: 0.2rem solid #EDF4F8;
font-size: 1.6rem;
font-weight: 600;
line-height: 1em;
padding: 1rem 1rem 1.8rem;
}
.filter-subtitle {
display: none;
}
.filter-current {
margin: 0;
}
.filter-current .items {
padding: 0.4rem 1rem;
}
.filter-current .item {
padding-left: 17px;
position: relative;
z-index: 1;
}
.filter .filter-current-subtitle {
border: none;
display: block;
padding-bottom: 1rem;
}
.filter-current .action.remove {
left: -2px;
position: absolute;
top: -1px;
}
.filter-actions {
margin-bottom: 1.8rem;
padding: 0 1rem;
}
.filter-label {
font-weight: 700;
}
.filter-label:after {
content: ': ';
}
.filter-value {
color: #757575;
}
.filter-options {
display: none;
margin: 0;
}
.filter-options-item {
border-bottom: 0.2rem solid #EDF4F8;
padding-bottom: 1rem;
}
.filter-options-title {
cursor: pointer;
font-weight: 600;
margin: 0;
overflow: hidden;
padding: 1rem 31rem 0 1rem;
position: relative;
text-transform: uppercase;
word-break: break-all;
z-index: 1;
display: block;
text-decoration: none;
}
.filter-options-title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
line-height: inherit;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.filter-options-title:after {
position: absolute;
right: 13px;
top: 12px;
}
.filter-options-title:hover {
color: #000000;
}
.active > .filter-options-title:after {
content: "\e621";
}
.filter-options-content {
margin: 0;
padding: 1rem;
}
.filter-options-content .item {
line-height: 1.5em;
margin: 1rem 0;
}
.filter-options-content a {
color: #494949;
margin-left: -5px;
margin-right: -5px;
padding-left: 5px;
padding-right: 7px;
}
.filter-options-content a:hover {
background-color: #e8e8e8;
text-decoration: none;
}
.filter-options-content a:hover + .count {
background-color: #e8e8e8;
}
.filter-options-content .count {
color: #757575;
font-weight: 300;
padding-left: 5px;
padding-right: 5px;
}
.filter-options-content .count:before {
content: '(';
}
.filter-options-content .count:after {
content: ')';
}
.map-popup-wrapper.popup .action.close {
top: 1rem;
}
.map-popup {
background: #fff;
border: 1px solid #adadad;
padding: 22px;
width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: opacity 0.3s linear;
left: 0;
margin-top: 1rem;
position: absolute;
top: 0;
z-index: 1001;
display: none;
opacity: 0;
box-sizing: border-box;
}
.map-popup .popup-header {
margin: 0 0 25px;
padding-right: 16px;
}
.map-popup .popup-header .title {
font-weight: 700;
line-height: 1.3;
font-size: 2.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
.map-popup .popup-actions .action.close {
position: absolute;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
right: 1rem;
top: 1rem;
}
.map-popup .popup-actions .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.map-popup .popup-actions .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 16px;
color: #8c8c8c;
content: "\e616";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.map-popup .popup-actions .action.close:hover:before {
color: #737373;
}
.map-popup .popup-actions .action.close:active:before {
color: #737373;
}
.map-popup .popup-actions .action.close:focus,
.map-popup .popup-actions .action.close:active {
background: none;
border: none;
}
.map-popup .popup-actions .action.close:hover {
background: none;
border: none;
}
.map-popup .popup-actions .action.close.disabled,
.map-popup .popup-actions .action.close[disabled],
fieldset[disabled] .map-popup .popup-actions .action.close {
pointer-events: none;
opacity: 0.5;
}
.map-popup.active {
opacity: 1;
}
.map-popup .map-info-price {
margin: 0 0 1.8rem;
}
.map-popup .map-info-price .price-box {
margin: 0 0 1.8rem;
}
.map-popup .map-info-price .price-box .label:after {
content: ': ';
}
.map-popup .action.primary {
margin-right: 1rem;
}
.map-popup .map-msrp {
margin-bottom: 1rem;
}
.map-popup .actual-price {
margin: 3px 0 15px;
}
.map-popup .regular-price .price-label {
display: none;
}
.map-popup .popup-header {
display: none;
}
.map-old-price {
text-decoration: none;
}
.map-old-price .price-wrapper {
text-decoration: line-through;
}
.map-fallback-price {
display: none;
}
.map-old-price,
.product-item .map-old-price,
.product-info-price .map-show-info {
display: inline-block;
min-width: 10rem;
}
.map-old-price:not(:last-child),
.product-item .map-old-price:not(:last-child),
.product-info-price .map-show-info:not(:last-child) {
margin-right: 1rem;
}
.product-options-bottom .price-box .old-price .price-container > span,
.product-info-price .price-box .old-price .price-container > span {
display: inline;
}
.map-form-addtocart {
display: inline-block;
text-align: center;
}
.map-form-addtocart img {
display: block;
margin: 0 auto;
}
button.map-show-info {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.25;
margin: 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
button.map-show-info:focus,
button.map-show-info:active {
background: none;
border: none;
}
button.map-show-info:hover {
background: none;
border: none;
}
button.map-show-info.disabled,
button.map-show-info[disabled],
fieldset[disabled] button.map-show-info {
pointer-events: none;
opacity: 0.5;
}
button.map-show-info:visited {
color: #DE4700;
text-decoration: none;
}
button.map-show-info:hover {
color: #DE4700;
text-decoration: none;
}
button.map-show-info:active {
color: #00843D;
text-decoration: none;
}
button.map-show-info:hover,
button.map-show-info:active,
button.map-show-info:focus {
background: none;
border: 0;
}
button.map-show-info.disabled,
button.map-show-info[disabled],
fieldset[disabled] button.map-show-info {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.wishlist.split.button {
display: inline-block;
position: relative;
margin-right: 5%;
vertical-align: middle;
}
.wishlist.split.button:before,
.wishlist.split.button:after {
content: '';
display: table;
}
.wishlist.split.button:after {
clear: both;
}
.wishlist.split.button .action.split {
float: left;
margin: 0;
}
.wishlist.split.button .action.toggle {
float: right;
margin: 0;
}
.wishlist.split.button .action.toggle {
display: inline-block;
text-decoration: none;
}
.wishlist.split.button .action.toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wishlist.split.button .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: inherit;
color: #666;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.wishlist.split.button .action.toggle:hover:after {
color: #003057;
}
.wishlist.split.button .action.toggle:active:after {
color: inherit;
}
.wishlist.split.button .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.wishlist.split.button .action.toggle.active > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wishlist.split.button .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: inherit;
color: #666;
content: "\e621";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.wishlist.split.button .action.toggle.active:hover:after {
color: #003057;
}
.wishlist.split.button .action.toggle.active:active:after {
color: inherit;
}
.wishlist.split.button .items {
margin: 0;
padding: 0;
list-style: none none;
background: #fff;
border: 1px solid #bbb;
margin-top: 4px;
min-width: 200px;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
}
.wishlist.split.button .items li {
margin: 0;
padding: 5px 5px 5px 23px;
}
.wishlist.split.button .items li:hover {
background: #e8e8e8;
cursor: pointer;
}
.wishlist.split.button .items:before,
.wishlist.split.button .items:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.wishlist.split.button .items:before {
border: 6px solid;
border-color: transparent transparent #fff transparent;
z-index: 99;
}
.wishlist.split.button .items:after {
border: 7px solid;
border-color: transparent transparent #bbb transparent;
z-index: 98;
}
.wishlist.split.button .items:before {
left: 10px;
top: -12px;
}
.wishlist.split.button .items:after {
left: 9px;
top: -14px;
}
.wishlist.split.button.active {
overflow: visible;
}
.wishlist.split.button.active .items {
display: block;
}
.wishlist.split.button .items {
padding: 6px 0;
text-align: left;
}
.wishlist.split.button .items .item > span {
display: block;
padding: 5px 5px 5px 23px;
}
.wishlist.split.button .items li {
padding: 0;
}
.wishlist.split.button > .action.split {
margin-right: 5px;
}
.wishlist.split.button > .action.split:before {
content: "\e600";
}
.wishlist.split.button > .action.split:before {
margin: 0;
width: 18px;
}
.wishlist.split.button > .action:active,
.wishlist.split.button > .action:focus,
.wishlist.split.button > .action:hover {
color: #003057;
}
.wishlist.split.button > .action.toggle:before {
border-left: 1px solid #666;
content: '';
float: left;
height: 15px;
margin: 3px 4px 0 0;
}
.cart.table-wrapper .wishlist.split.button {
vertical-align: baseline;
}
.cart.table-wrapper .wishlist.split.button > .action.split {
font-weight: normal;
letter-spacing: normal;
text-transform: none;
}
.cart.table-wrapper .wishlist.split.button > .action.toggle:after {
color: #DE4700;
}
.cart.table-wrapper .wishlist.split.button > .action.split,
.cart.table-wrapper .wishlist.split.button > .action.toggle {
color: #DE4700;
}
.cart.table-wrapper .wishlist.split.button > .action.split:before,
.cart.table-wrapper .wishlist.split.button > .action.toggle:before {
display: none;
}
.wishlist.window.popup {
background: #fff;
border: 1px solid #adadad;
padding: 22px;
width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: opacity 0.3s linear;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1001;
display: none;
opacity: 0;
box-sizing: border-box;
}
.wishlist.window.popup .popup-header {
margin: 0 0 25px;
padding-right: 16px;
}
.wishlist.window.popup .popup-header .title {
font-weight: 700;
line-height: 1.3;
font-size: 2.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
.wishlist.window.popup .popup-actions .action.close {
position: absolute;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
right: 1rem;
top: 1rem;
}
.wishlist.window.popup .popup-actions .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wishlist.window.popup .popup-actions .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 16px;
color: #8c8c8c;
content: "\e616";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.wishlist.window.popup .popup-actions .action.close:hover:before {
color: #737373;
}
.wishlist.window.popup .popup-actions .action.close:active:before {
color: #737373;
}
.wishlist.window.popup .popup-actions .action.close:focus,
.wishlist.window.popup .popup-actions .action.close:active {
background: none;
border: none;
}
.wishlist.window.popup .popup-actions .action.close:hover {
background: none;
border: none;
}
.wishlist.window.popup .popup-actions .action.close.disabled,
.wishlist.window.popup .popup-actions .action.close[disabled],
fieldset[disabled] .wishlist.window.popup .popup-actions .action.close {
pointer-events: none;
opacity: 0.5;
}
.wishlist.window.popup.active {
opacity: 1;
}
.wishlist.window.popup.active {
display: block;
}
.wishlist.overlay {
transition: opacity 0.15s linear;
background: #8c8c8c;
z-index: 899;
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
}
.wishlist.overlay.active {
opacity: 0.7;
filter: alpha(opacity=70);
}
.wishlist.overlay.active {
display: block;
}
.wishlist-dropdown.move .action.toggle,
.wishlist-dropdown.copy .action.toggle {
color: #DE4700;
}
.page-multiple-wishlist .actions-toolbar > .primary {
display: block;
float: none;
text-align: left;
}
.page-multiple-wishlist .actions-toolbar > .primary .action.remove {
float: right;
}
.block-wishlist-management {
position: relative;
}
.block-wishlist-management .wishlist-select .wishlist-name-label {
font-weight: 600;
}
.block-wishlist-management .wishlist-title {
margin-bottom: 1rem;
}
.block-wishlist-management .wishlist-title strong {
font-weight: 300;
margin-right: 1rem;
}
.block-wishlist-management .wishlist-notice {
color: #4F758B;
display: inline-block;
margin-right: 1.8rem;
}
.block-wishlist-management .wishlist-notice.private {
display: inline-block;
text-decoration: none;
}
.block-wishlist-management .wishlist-notice.private:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
line-height: inherit;
color: #769bb1;
content: "\e629";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 0.4rem 0 0;
vertical-align: text-bottom;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block-wishlist-management .wishlist-toolbar-select,
.block-wishlist-management .wishlist-toolbar-actions {
display: inline-block;
}
.block-wishlist-management .wishlist-toolbar-select {
margin-right: 1.8rem;
}
.block-wishlist-management .wishlist-toolbar .copy .dropdown {
right: 0;
}
.block-wishlist-management .wishlist-toolbar .copy .dropdown:before {
left: auto;
right: 11px;
}
.block-wishlist-management .wishlist-toolbar .copy .dropdown:after {
left: auto;
right: 10px;
}
.block-wishlist-management .wishlist-dropdown.move {
margin-right: 1.8rem;
}
.block-wishlist-search-form .form-wishlist-search {
margin-bottom: 4.8rem;
max-width: 500px;
}
.block-wishlist-search-results .table-wrapper {
border-top: none;
}
.block-wishlist-info-items .block-title {
margin-bottom: 1.8rem;
font-size: 2.2rem;
}
.block-wishlist-info-items .block-title > strong {
font-weight: 300;
}
.block-wishlist-info-items .product-item {
width: 100%;
}
.block-wishlist-info-items .product-item-photo {
margin-left: 1.8rem;
}
.block-wishlist-info-items .product-item-info {
width: auto;
}
.block-wishlist-info-items .product-item-info:hover .split {
visibility: visible;
}
.block-wishlist-info-items .price-wrapper {
display: block;
margin: 0 0 1rem;
}
.block-wishlist-info-items .split {
clear: both;
padding: 1rem 0;
visibility: hidden;
}
.block-wishlist-info-items .wishlist-dropdown .change {
color: #DE4700;
}
.block-wishlist-info-items .action.towishlist {
padding: 1rem 0;
}
.block-wishlist-info-items .input-text.qty {
margin-right: 10px;
}
.multicheckout.results h3,
.multicheckout.success h3 {
font-size: 1.6rem;
margin-bottom: 1.8rem;
margin-top: 2.4rem;
}
.multicheckout.results h3 a,
.multicheckout.success h3 a {
color: #003057;
}
.multicheckout.results h3 a:hover,
.multicheckout.success h3 a:hover {
text-decoration: none;
}
.multicheckout.results ul.orders-list,
.multicheckout.success ul.orders-list {
list-style: none;
padding-left: 0;
}
.multicheckout.results .orders-list,
.multicheckout.success .orders-list {
margin-top: 1.8rem;
padding-left: -2.2rem;
}
.multicheckout.results .orders-list .shipping-list .shipping-item,
.multicheckout.success .orders-list .shipping-list .shipping-item {
margin-left: 84px;
}
.multicheckout.results .orders-list .shipping-list .shipping-label,
.multicheckout.success .orders-list .shipping-list .shipping-label {
font-weight: 700;
margin-right: 1rem;
}
.multicheckout.results .orders-list .shipping-list .shipping-address,
.multicheckout.success .orders-list .shipping-list .shipping-address {
font-weight: 400;
}
.multicheckout.results .orders-list .shipping-list .error-block,
.multicheckout.success .orders-list .shipping-list .error-block {
color: #DA291C;
}
.multicheckout.results .orders-list .shipping-list .error-block .error-label,
.multicheckout.success .orders-list .shipping-list .error-block .error-label {
font-weight: 700;
margin-right: 1rem;
}
.multicheckout.results .orders-list .shipping-list .error-block .error-description,
.multicheckout.success .orders-list .shipping-list .error-block .error-description {
font-weight: 400;
}
.multicheckout.results .orders-succeed .orders-list,
.multicheckout.success .orders-succeed .orders-list {
margin-top: 0;
}
.multicheckout.results .orders-succeed .orders-list .shipping-list .order-id,
.multicheckout.success .orders-succeed .orders-list .shipping-list .order-id {
float: left;
}
.multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item,
.multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item {
margin-left: 100px;
}
.multicheckout .title {
margin-bottom: 2.4rem;
}
.multicheckout .title strong {
font-weight: 400;
}
.multicheckout .table-wrapper {
margin-bottom: 0;
}
.multicheckout .table-wrapper .action.delete {
display: inline-block;
}
.multicheckout .table-wrapper .col .qty {
display: inline-block;
}
.multicheckout .table-wrapper .col.item .action.edit {
font-weight: 400;
margin-left: 1rem;
}
.multicheckout:not(.address) .table-wrapper .product-item-name {
margin: 0;
}
.multicheckout > .actions-toolbar {
margin-top: 3.2rem;
}
.multicheckout .actions-toolbar > .secondary {
display: block;
}
.multicheckout .actions-toolbar > .secondary .action {
margin-bottom: 1.8rem;
}
.multicheckout .actions-toolbar > .secondary .action.back {
display: block;
margin-left: 0;
}
.multicheckout .actions-toolbar > .primary {
margin-right: 1rem;
}
.multicheckout .item-options {
margin: 1rem 0 0;
}
.multicheckout .block .methods-shipping .item-content .fieldset > .field:before {
display: none;
}
.multicheckout .block .methods-shipping .item-content .fieldset > .field .control {
display: inline-block;
}
.multicheckout .block-title,
.multicheckout .block-content .title {
border-bottom: 0.2rem solid #EDF4F8;
padding-bottom: 1rem;
}
.multicheckout .block-title strong,
.multicheckout .block-content .title strong {
font-weight: 400;
}
.multicheckout .block-title strong span,
.multicheckout .block-content .title strong span {
color: #103250;
}
.multicheckout .block-content .title {
border-bottom: none;
padding-bottom: 0;
}
.multicheckout.order-review .block-title > strong {
font-size: 2.4rem;
}
.multicheckout.order-review .block-shipping .block-content:not(:last-child) {
margin-bottom: 3.2rem;
}
.multicheckout.order-review .error-description {
color: #DA291C;
font-weight: 400;
margin-bottom: 1rem;
margin-top: -1rem;
}
.multicheckout .box-title span {
margin-right: 1rem;
}
.multicheckout .box-title > .action {
margin: 0;
}
.multicheckout .box-shipping-method .price {
font-weight: 700;
}
.multicheckout .box-billing-method .fieldset {
margin: 0;
}
.multicheckout .box-billing-method .fieldset .legend.box-title {
margin: 0 0 0.4rem;
}
.multicheckout .checkout-review .grand.totals {
font-size: 2.8rem;
margin-bottom: 3.2rem;
}
.multicheckout .checkout-review .grand.totals .mark {
font-weight: 400;
}
[class^='multishipping-'] .logo {
margin-left: 0;
}
.multishipping-checkout-success .nav-sections {
display: block;
}
.block.newsletter {
margin-bottom: 20px;
}
.block.newsletter .form.subscribe {
display: table;
width: 100%;
}
.block.newsletter .fieldset {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: top;
}
.block.newsletter .field {
margin: 0;
}
.block.newsletter .field .control {
display: inline-block;
text-decoration: none;
display: block;
}
.block.newsletter .field .control:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 32px;
color: rgba(0, 48, 87, 0.5);
content: "\e61d";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 0 0 8px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block.newsletter .field .control:before {
position: absolute;
}
.block.newsletter input {
margin-right: 35px;
padding: 0 0 0 35px;
}
.block.newsletter .title {
display: none;
}
.block.newsletter .actions {
display: table-cell;
vertical-align: top;
width: 1%;
}
.block.newsletter .action.subscribe {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: -1px;
white-space: nowrap;
}
.data.switch .counter {
color: #4F758B;
}
.data.switch .counter:before {
content: '(';
}
.data.switch .counter:after {
content: ')';
}
.rating-summary {
overflow: hidden;
white-space: nowrap;
}
.rating-summary .rating-result {
width: 88px;
display: inline-block;
position: relative;
vertical-align: middle;
}
.rating-summary .rating-result:before {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
-webkit-font-smoothing: antialiased;
color: #c7c7c7;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
height: 16px;
letter-spacing: 2px;
line-height: 16px;
content: "\e605" "\e605" "\e605" "\e605" "\e605";
display: block;
font-style: normal;
font-weight: normal;
speak: none;
}
.rating-summary .rating-result > span {
display: block;
overflow: hidden;
}
.rating-summary .rating-result > span:before {
position: relative;
z-index: 2;
-webkit-font-smoothing: antialiased;
color: #00843D;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
height: 16px;
letter-spacing: 2px;
line-height: 16px;
content: "\e605" "\e605" "\e605" "\e605" "\e605";
display: block;
font-style: normal;
font-weight: normal;
speak: none;
}
.rating-summary .rating-result > span span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.product-reviews-summary .rating-summary .label,
.table-reviews .rating-summary .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote {
overflow: hidden;
}
.review-control-vote:before {
color: #c7c7c7;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
height: 16px;
letter-spacing: 2px;
line-height: 16px;
font-style: normal;
font-weight: normal;
speak: none;
vertical-align: top;
-webkit-font-smoothing: antialiased;
content: "\e605" "\e605" "\e605" "\e605" "\e605";
display: block;
position: absolute;
z-index: 1;
}
.review-control-vote input[type="radio"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote input[type="radio"]:hover + label:before,
.review-control-vote input[type="radio"]:checked + label:before {
opacity: 1;
}
.review-control-vote label {
cursor: pointer;
display: block;
position: absolute;
}
.review-control-vote label span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote label:before {
color: #00843D;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
height: 16px;
letter-spacing: 2px;
line-height: 16px;
font-style: normal;
font-weight: normal;
speak: none;
vertical-align: top;
-webkit-font-smoothing: antialiased;
opacity: 0;
}
.review-control-vote label:hover:before {
opacity: 1;
}
.review-control-vote label:hover ~ label:before {
opacity: 0;
}
.review-control-vote .rating-5 {
z-index: 2;
}
.review-control-vote .rating-5:before {
content: "\e605" "\e605" "\e605" "\e605" "\e605";
}
.review-control-vote .rating-4 {
z-index: 3;
}
.review-control-vote .rating-4:before {
content: "\e605" "\e605" "\e605" "\e605";
}
.review-control-vote .rating-3 {
z-index: 4;
}
.review-control-vote .rating-3:before {
content: "\e605" "\e605" "\e605";
}
.review-control-vote .rating-2 {
z-index: 5;
}
.review-control-vote .rating-2:before {
content: "\e605" "\e605";
}
.review-control-vote .rating-1 {
z-index: 6;
}
.review-control-vote .rating-1:before {
content: "\e605";
}
.review-control-vote:before {
content: "\e625" "\e625" "\e625" "\e625" "\e625";
}
.products-reviews-toolbar {
position: relative;
}
.products-reviews-toolbar .toolbar-amount {
position: relative;
text-align: center;
}
.review-toolbar {
border-top: 1px solid #c9c9c9;
margin: 0 0 1.8rem;
padding: 0;
text-align: center;
}
.review-toolbar:first-child {
display: none;
}
.review-toolbar .pages {
border-bottom: 1px solid #c9c9c9;
display: block;
padding: 1.8rem 0;
text-align: center;
}
.review-toolbar .limiter {
display: none;
}
.review-add .block-title {
display: none;
}
.review-form .action.submit.primary {
background: #003057;
border: 0.2rem solid transparent;
color: #ffffff;
font-size: 1.6rem;
line-height: 2.2rem;
padding: 0.8rem 2rem;
margin: 0;
}
.review-form .action.submit.primary:focus,
.review-form .action.submit.primary:active {
background: #003057;
border: 0.2rem solid #E6F4F9;
color: #ffffff;
}
.review-form .action.submit.primary:hover {
background: #E6F4F9;
border: 0.2rem solid #7392a8;
color: #003057;
}
.review-form .actions-toolbar .actions-primary {
padding: 0;
}
.fieldset .review-legend.legend {
border-bottom: 0;
line-height: 1.3;
margin-bottom: 1.8rem;
padding: 0;
}
.fieldset .review-legend.legend span {
margin: 0;
}
.fieldset .review-legend.legend strong {
display: block;
font-weight: 600;
}
.fieldset .review-field-ratings > .label {
font-weight: 600;
margin-bottom: 1rem;
padding: 0;
}
.review-control-vote label:before,
.review-control-vote:before {
font-size: 32px;
height: 32px;
letter-spacing: 10px;
line-height: 32px;
}
.review-field-rating .label {
font-weight: 600;
}
.review-field-rating .control {
margin-bottom: 3.84rem;
margin-top: 1rem;
}
.review-list {
margin-bottom: 2.4rem;
}
.review-list .block-title strong {
font-weight: 700;
line-height: 1.3;
font-size: 2.2rem;
margin-top: 0rem;
margin-bottom: 0rem;
}
.review-item {
border-bottom: 1px solid #c9c9c9;
margin: 0;
padding: 1.8rem 0;
}
.review-item:after {
clear: both;
content: '';
display: table;
}
.review-item:last-child {
border-width: 0;
}
.review-ratings {
display: table;
margin-bottom: 1rem;
max-width: 100%;
}
.review-author {
display: inline;
}
.review-author .review-details-value {
font-weight: 400;
}
.review-date {
display: inline;
}
.review-title {
font-weight: 700;
line-height: 1.3;
font-size: 1.8rem;
margin-top: 0rem;
margin-bottom: 0rem;
margin: 0 0 1.8rem;
}
.review-content {
margin-bottom: 1.8rem;
}
.page-main .column .review-add {
margin-bottom: 0;
}
.data.table.reviews .rating-summary {
margin-top: -4px;
}
.customer.review.view .review.title,
.customer.review.view .ratings.summary.items,
.customer.review.view .product.details {
margin-bottom: 1.8rem;
}
.product-reviews-summary {
margin-bottom: 0.4rem;
}
.products.wrapper.list .product-reviews-summary {
margin: 0 auto;
}
.product-reviews-summary .rating-summary {
display: inline-block;
vertical-align: middle;
}
.product-reviews-summary .reviews-actions {
display: inline-block;
font-size: 1rem;
vertical-align: middle;
}
.product-reviews-summary .reviews-actions a:not(:last-child) {
margin-right: 30px;
}
.product-reviews-summary .reviews-actions .action.add {
white-space: nowrap;
}
.product-info-main .rating-summary,
.customer-review .rating-summary {
margin-right: 30px;
}
.block-reviews-dashboard .items .item {
margin-bottom: 1.8rem;
}
.block-reviews-dashboard .items .item:last-child {
margin-bottom: 0;
}
.block-reviews-dashboard .product-name {
display: inline-block;
}
.block-reviews-dashboard .product-name:not(:last-child) {
margin-bottom: 0.4rem;
}
.block-reviews-dashboard .rating-summary .label {
font-weight: 600;
margin-right: 1rem;
vertical-align: middle;
}
.table-reviews .product-name,
.block-reviews-dashboard .product-name {
font-weight: 400;
}
.table-reviews .rating-summary {
display: inline-block;
vertical-align: baseline;
}
.customer-review .product-media {
float: left;
margin-right: 3%;
max-width: 285px;
width: 30%;
}
.customer-review .review-details {
margin: 0;
}
.customer-review .review-details .customer-review-rating {
margin-bottom: 1.8rem;
}
.customer-review .review-details .customer-review-rating .item {
margin-bottom: 1rem;
}
.customer-review .review-details .customer-review-rating .item:last-child {
margin-bottom: 0;
}
.customer-review .review-details .review-title {
font-weight: 700;
line-height: 1.3;
font-size: 1.8rem;
margin-top: 0rem;
margin-bottom: 0rem;
font-weight: 600;
margin-bottom: 1.8rem;
}
.customer-review .review-details .review-content {
margin: 0;
margin-bottom: 1.8rem;
}
.customer-review .review-details .review-date {
color: #103250;
}
.block-reward-info .reward-balance {
font-size: 1.8rem;
margin-bottom: 1.8rem;
}
.block-reward-info .reward-rates:not(:last-child),
.block-reward-info .reward-limit:not(:last-child),
.block-reward-info .reward-expiring:not(:last-child) {
margin-bottom: 1.8rem;
}
.block-reward-info .reward-rates .title,
.block-reward-info .reward-limit .title,
.block-reward-info .reward-expiring .title {
display: inline-block;
margin-bottom: 1rem;
}
.order-details-items.rma .order-title {
display: none;
}
.order-details-items.rma .order-title + .toolbar {
display: none;
}
.form-create-return .additional:first-child {
margin-top: 0;
}
.form-create-return .field.comment {
margin-top: 55px;
}
.table-wrapper.table-returns .returns-details.hidden {
display: none;
}
.block-returns-comments .returns-comments dt,
.block-returns-comments .returns-comments dd {
margin: 0;
}
.block-returns-comments .returns-comments dt {
font-weight: 400;
}
.block-returns-comments .returns-comments dd {
margin-bottom: 15px;
}
.block-returns-comments .returns-comments dd:last-child {
margin-bottom: 0;
}
.block-returns-comments .fieldset {
margin-bottom: 1.8rem;
}
.magento-rma-guest-create .order-links .item a {
line-height: 1.25;
margin: 0 2.4rem 0 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
.magento-rma-guest-create .order-links .item a:visited {
color: #DE4700;
text-decoration: none;
}
.magento-rma-guest-create .order-links .item a:hover {
color: #DE4700;
text-decoration: none;
}
.magento-rma-guest-create .order-links .item a:active {
color: #00843D;
text-decoration: none;
}
.magento-rma-guest-create .order-links .item a:hover,
.magento-rma-guest-create .order-links .item a:active,
.magento-rma-guest-create .order-links .item a:focus {
background: none;
border: 0;
}
.magento-rma-guest-create .order-links .item a.disabled,
.magento-rma-guest-create .order-links .item a[disabled],
fieldset[disabled] .magento-rma-guest-create .order-links .item a {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
#registrant-options .item .control table .col.qty .input-qty {
display: none;
}
.order-links .item {
line-height: 3.6rem;
margin: 0 0 -1px;
}
.order-links .item strong {
background: #ffffff;
border: 0.2rem solid #EDF4F8;
display: block;
font-weight: 400;
padding: 0 20px;
}
.order-links .item a {
background: #E6F4F9;
color: #6d6d6d;
border: 0.2rem solid #EDF4F8;
display: block;
font-weight: 400;
padding: 0 20px;
}
.order-links .item a:hover {
background: #fbfdfe;
text-decoration: none;
}
.order-details-items {
border: 0.2rem solid #EDF4F8;
margin-bottom: 3.2rem;
padding: 1rem;
}
.order-details-items .order-title {
border-bottom: 0.2rem solid #EDF4F8;
padding: 0 0 1rem;
}
.order-details-items .order-title > strong {
font-size: 2.4rem;
font-weight: 300;
}
.order-details-items .order-title .action {
display: inline-block;
}
.order-details-items .table-wrapper {
margin: 0;
}
.order-details-items .table-wrapper + .actions-toolbar {
display: none;
}
.order-details-items .table-wrapper:not(:last-child) {
margin-bottom: 2.4rem;
}
.order-details-items .table-wrapper.order-items-shipment {
overflow: visible;
}
.order-details-items .table-order-items > thead > tr > th {
border-bottom: 1px solid #EDF4F8;
}
.order-details-items .table-order-items tbody + tbody {
border-top: 1px solid #EDF4F8;
}
.account .order-details-items .table-order-items tbody tr:nth-child(even) td {
background: none;
}
.order-details-items .table-order-items tbody td {
padding-bottom: 20px;
padding-top: 20px;
}
.order-details-items .table-order-items tbody .col.label {
font-weight: 700;
padding-bottom: 5px;
padding-top: 0;
}
.order-details-items .table-order-items tbody .col.options {
padding: 10px 10px 15px;
}
.order-details-items .table-order-items tbody > .item-parent td {
padding-bottom: 5px;
}
.order-details-items .table-order-items tbody > .item-parent + tr td {
padding-top: 5px;
}
.order-details-items .table-order-items tbody .item-options-container td {
padding-bottom: 15px;
padding-top: 0;
}
.order-details-items .table-order-items .product-item-name {
margin: 0 0 10px;
}
.order-details-items .item-options {
margin: 0;
}
.order-details-items .item-options dt {
margin: 0;
}
.order-details-items .item-options dd {
margin: 0 0 15px;
}
.order-details-items .item-options dd:last-child {
margin-bottom: 0;
}
.order-details-items .item-options.links dt {
display: inline-block;
}
.order-details-items .item-options.links dt:after {
content: ': ';
}
.order-details-items .item-options.links dd {
margin: 0;
}
.order-details-items thead .col.qty {
text-align: center;
}
.order-details-items .col.name {
padding-top: 16px;
}
.order-details-items .action.show {
display: inline-block;
text-decoration: none;
color: #003057;
}
.order-details-items .action.show > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.order-details-items .action.show:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
line-height: 10px;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.order-details-items .action.show.expanded:after {
content: "\e621";
}
.order-details-items .product-item-name {
font-size: 1.8rem;
}
.order-details-items .items-qty .item {
white-space: nowrap;
}
.order-details-items .items-qty .title:after {
content: ': ';
}
.order-details-items .pages-items .item:first-child,
.order-details-items .pages-items .item:last-child {
margin-right: 0;
}
.block-order-details-comments {
margin: 0 0 40px;
}
.block-order-details-comments .comment-date {
font-weight: 600;
}
.block-order-details-comments .comment-content {
line-height: 1.6;
margin: 0 0 20px;
}
.block-order-details-view .block-content .box {
margin-bottom: 30px;
}
.block-order-details-view .box-title {
font-weight: 600;
}
.block-order-details-view .box-content .payment-method .title {
font-weight: 400;
}
.block-order-details-view .box-content .payment-method .content {
margin: 0;
}
.block-order-details-view .box-content .payment-method .content > strong {
font-weight: 400;
}
.block-order-details-view .box-content .payment-method .content > strong:after {
content: ': ';
}
.column.main .order-details-items .block-order-details-gift-message {
margin: 40px 0 0;
}
.block-order-details-gift-message + .actions-toolbar {
display: none;
}
.order-tracking {
margin: 0;
padding: 20px 0;
}
.order-title + .order-tracking {
border-bottom: 0.2rem solid #EDF4F8;
}
.order-tracking .tracking-title {
display: inline-block;
}
.order-tracking .tracking-content {
display: inline-block;
margin: 0 0 0 5px;
}
.order-actions-toolbar {
margin-bottom: 25px;
}
.order-actions-toolbar .action {
margin-right: 30px;
}
.order-actions-toolbar .action.print {
display: none;
margin: 0;
}
.form-orders-search .field:last-child {
margin-bottom: 1.8rem;
}
.block-reorder .actions-toolbar {
margin: 17px 0;
}
.block-reorder .product-item-name {
float: left;
width: calc(100% - 20px);
}
.block-reorder .product-item::after {
clear: both;
content: '';
display: table;
}
.block-reorder .product-item .field.item {
float: left;
width: 20px;
}
.form.send.friend .fieldset .field .control {
width: 100%;
}
.product-social-links .action.mailto.friend:before {
content: "\e61d";
}
.block-collapsible-nav .content {
background: #f5f5f5;
padding: 15px 0;
}
.block-collapsible-nav .item {
margin: 3px 0 0;
}
.block-collapsible-nav .item:first-child {
margin-top: 0;
}
.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
border-left: 3px solid transparent;
color: #575757;
display: block;
padding: 5px 18px 5px 15px;
}
.block-collapsible-nav .item a {
text-decoration: none;
}
.block-collapsible-nav .item a:hover {
background: #e8e8e8;
}
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong {
border-color: #00843D;
color: #000;
font-weight: 600;
}
.block-collapsible-nav .item.current a {
border-color: #00843D;
}
.block-collapsible-nav .item .delimiter {
border-top: 1px solid #d1d1d1;
display: block;
margin: 1rem 1.8rem;
}
body {
background-color: #ffffff;
}
.page-wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.page-main {
flex-grow: 1;
}
.page-main > .page-title-wrapper .page-title {
-webkit-hyphens: auto;
hyphens: auto;
}
.page-header {
border-bottom: 1px solid #EDF4F8;
margin-bottom: 1.8rem;
}
.page-header .panel.wrapper {
background-color: #E6F4F9;
color: #4F758B;
}
.header.panel > .header.links {
margin: 0;
padding: 0;
list-style: none none;
float: right;
font-size: 0;
margin-left: auto;
margin-right: 1.8rem;
}
.header.panel > .header.links > li {
display: inline-block;
vertical-align: top;
}
.header.panel > .header.links > li {
font-size: 1.6rem;
margin: 0 0 0 15px;
}
.header.panel > .header.links > li.customer-welcome {
margin: 0 0 0 5px;
}
.header.panel > .header.links > li > a {
color: #4F758B;
text-decoration: none;
}
.header.panel > .header.links > li > a:visited {
color: #4F758B;
text-decoration: none;
}
.header.panel > .header.links > li > a:hover {
color: #4F758B;
text-decoration: underline;
}
.header.panel > .header.links > li > a:active {
color: #4F758B;
text-decoration: underline;
}
.header.content {
padding-top: 1rem;
position: relative;
}
.logo {
float: left;
margin: 0 0 1rem 3.2rem;
max-width: 50%;
position: relative;
z-index: 5;
}
.logo img {
display: block;
height: auto;
}
.page-print .logo {
display: inline-block;
float: none;
}
.page-print .nav-toggle {
display: none;
}
.page-main > .page-title-wrapper .page-title + .action {
margin-top: 2.4rem;
}
.action.skip:focus {
background: #f0f0f0;
padding: 1rem;
box-sizing: border-box;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 15;
}
.action-skip-wrapper {
height: 0;
position: relative;
}
.message.global p {
margin: 0;
}
.message.global.noscript,
.message.global.cookie {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #ffee9c;
border-color: #d6ca8e;
color: #003057;
margin: 0;
}
.message.global.noscript a,
.message.global.cookie a {
color: #DE4700;
}
.message.global.noscript a:hover,
.message.global.cookie a:hover {
color: #DE4700;
}
.message.global.noscript a:active,
.message.global.cookie a:active {
color: #00843D;
}
.message.global.cookie {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 3;
}
.message.global.cookie .actions {
margin-top: 1rem;
}
.message.global.demo {
margin: 0 0 1rem;
padding: 1.8rem;
display: block;
line-height: 1.53846154;
font-size: 1.3rem;
border: 0.2rem solid;
background: #ff0101;
border-color: none;
color: #fff;
margin-bottom: 0;
text-align: center;
}
.message.global.demo a {
color: #DE4700;
}
.message.global.demo a:hover {
color: #DE4700;
}
.message.global.demo a:active {
color: #00843D;
}
.page-footer {
margin-top: 1.8rem;
}
.footer.content {
border-top: 1px solid #cecece;
padding-top: 1.8rem;
}
.footer.content .links > li {
background: #003057;
font-size: 1.6rem;
border-top: 1px solid #cecece;
margin: 0 -1.8rem;
padding: 0 1.8rem;
}
.footer.content .links a,
.footer.content .links strong {
display: block;
padding: 1rem 0;
}
.footer.content .links strong {
color: #103250;
font-weight: normal;
}
.footer.content .links a {
color: #575757;
text-decoration: none;
}
.footer.content .links a:visited {
color: #575757;
text-decoration: none;
}
.footer.content .links a:hover {
color: #333;
text-decoration: underline;
}
.footer.content .links a:active {
color: #333;
text-decoration: underline;
}
.copyright {
background-color: #6e716e;
color: #fff;
box-sizing: border-box;
display: block;
padding: 1rem;
text-align: center;
}
.page-header .panel.wrapper .switcher .options,
.page-footer .switcher .options {
display: inline-block;
position: relative;
}
.page-header .panel.wrapper .switcher .options:before,
.page-footer .switcher .options:before,
.page-header .panel.wrapper .switcher .options:after,
.page-footer .switcher .options:after {
content: '';
display: table;
}
.page-header .panel.wrapper .switcher .options:after,
.page-footer .switcher .options:after {
clear: both;
}
.page-header .panel.wrapper .switcher .options .action.toggle,
.page-footer .switcher .options .action.toggle {
padding: 0;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.page-header .panel.wrapper .switcher .options .action.toggle > span,
.page-footer .switcher .options .action.toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.page-header .panel.wrapper .switcher .options .action.toggle:after,
.page-footer .switcher .options .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
line-height: 22px;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.page-header .panel.wrapper .switcher .options .action.toggle:hover:after,
.page-footer .switcher .options .action.toggle:hover:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle:active:after,
.page-footer .switcher .options .action.toggle:active:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active,
.page-footer .switcher .options .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active > span,
.page-footer .switcher .options .action.toggle.active > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.page-footer .switcher .options .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
line-height: 22px;
color: inherit;
content: "\e621";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:hover:after,
.page-footer .switcher .options .action.toggle.active:hover:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:active:after,
.page-footer .switcher .options .action.toggle.active:active:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options ul.dropdown,
.page-footer .switcher .options ul.dropdown {
margin: 0;
padding: 0;
list-style: none none;
background: #fff;
border: 1px solid #bbb;
margin-top: 4px;
min-width: 160px;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
}
.page-header .panel.wrapper .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
margin: 0;
padding: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown li:hover,
.page-footer .switcher .options ul.dropdown li:hover {
background: #e8e8e8;
cursor: pointer;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before,
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
border: 6px solid;
border-color: transparent transparent #fff transparent;
z-index: 99;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
border: 7px solid;
border-color: transparent transparent #bbb transparent;
z-index: 98;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
left: 10px;
top: -12px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
left: 9px;
top: -14px;
}
.page-header .panel.wrapper .switcher .options.active,
.page-footer .switcher .options.active {
overflow: visible;
}
.page-header .panel.wrapper .switcher .options.active ul.dropdown,
.page-footer .switcher .options.active ul.dropdown {
display: block;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
color: #333;
text-decoration: none;
display: block;
padding: 8px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a:visited,
.page-footer .switcher .options ul.dropdown a:visited {
color: #333;
text-decoration: none;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a:hover,
.page-footer .switcher .options ul.dropdown a:hover {
color: #333;
text-decoration: none;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a:active,
.page-footer .switcher .options ul.dropdown a:active {
color: #333;
text-decoration: none;
}
.page-header .panel.wrapper .switcher strong,
.page-footer .switcher strong {
font-weight: 400;
}
.page-header .panel.wrapper .switcher .options ul.dropdown {
right: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before {
left: auto;
right: 10px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after {
left: auto;
right: 9px;
}
.sidebar .widget.block:not(:last-child),
.sidebar .widget:not(:last-child) {
margin-bottom: 3.2rem;
}
.widget {
clear: both;
}
.page-header .widget.block,
.page-footer .widget.block {
margin: 1.8rem 0;
}
.page-header .links .widget.block,
.page-footer .links .widget.block {
margin: 0;
}
.ui-datepicker td {
padding: 0;
}
.ui-tooltip {
background: #fff;
border: 1px solid #bbb;
padding: 10px;
}
.cookie-status-message {
display: none;
}
.my-credit-cards .status {
font-style: italic;
}
.my-credit-cards .action.delete {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.25;
margin: 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
.my-credit-cards .action.delete:focus,
.my-credit-cards .action.delete:active {
background: none;
border: none;
}
.my-credit-cards .action.delete:hover {
background: none;
border: none;
}
.my-credit-cards .action.delete.disabled,
.my-credit-cards .action.delete[disabled],
fieldset[disabled] .my-credit-cards .action.delete {
pointer-events: none;
opacity: 0.5;
}
.my-credit-cards .action.delete:visited {
color: #DE4700;
text-decoration: none;
}
.my-credit-cards .action.delete:hover {
color: #DE4700;
text-decoration: none;
}
.my-credit-cards .action.delete:active {
color: #00843D;
text-decoration: none;
}
.my-credit-cards .action.delete:hover,
.my-credit-cards .action.delete:active,
.my-credit-cards .action.delete:focus {
background: none;
border: 0;
}
.my-credit-cards .action.delete.disabled,
.my-credit-cards .action.delete[disabled],
fieldset[disabled] .my-credit-cards .action.delete {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.my-credit-cards-popup .modal-footer {
text-align: right;
}
.my-credit-cards-popup .action.secondary {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.25;
margin: 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
margin-right: 1.8rem;
}
.my-credit-cards-popup .action.secondary:focus,
.my-credit-cards-popup .action.secondary:active {
background: none;
border: none;
}
.my-credit-cards-popup .action.secondary:hover {
background: none;
border: none;
}
.my-credit-cards-popup .action.secondary.disabled,
.my-credit-cards-popup .action.secondary[disabled],
fieldset[disabled] .my-credit-cards-popup .action.secondary {
pointer-events: none;
opacity: 0.5;
}
.my-credit-cards-popup .action.secondary:visited {
color: #DE4700;
text-decoration: none;
}
.my-credit-cards-popup .action.secondary:hover {
color: #DE4700;
text-decoration: none;
}
.my-credit-cards-popup .action.secondary:active {
color: #00843D;
text-decoration: none;
}
.my-credit-cards-popup .action.secondary:hover,
.my-credit-cards-popup .action.secondary:active,
.my-credit-cards-popup .action.secondary:focus {
background: none;
border: 0;
}
.my-credit-cards-popup .action.secondary.disabled,
.my-credit-cards-popup .action.secondary[disabled],
fieldset[disabled] .my-credit-cards-popup .action.secondary {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.toolbar.wishlist-toolbar .limiter {
float: right;
}
.toolbar.wishlist-toolbar .main .pages {
display: inline-block;
position: relative;
z-index: 0;
}
.toolbar.wishlist-toolbar .toolbar-amount,
.toolbar.wishlist-toolbar .limiter {
display: inline-block;
z-index: 1;
}
.product-social-links .action.towishlist:before,
.block-bundle-summary .action.towishlist:before,
.product-item .action.towishlist:before,
.table-comparison .action.towishlist:before {
content: "\e600";
}
.account .table-wrapper .data.table.wishlist > thead > tr > th,
.account .table-wrapper .data.table.wishlist > tbody > tr > th,
.account .table-wrapper .data.table.wishlist > tfoot > tr > th,
.account .table-wrapper .data.table.wishlist > thead > tr > td,
.account .table-wrapper .data.table.wishlist > tbody > tr > td,
.account .table-wrapper .data.table.wishlist > tfoot > tr > td {
border-top: 0.4rem solid #EDF4F8;
}
.account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td,
.account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td,
.account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td {
border-top: 0;
}
.account .table-wrapper .data.table.wishlist > tbody + tbody {
border-top: 0.4rem solid #EDF4F8;
}
.account .table-wrapper .data.table.wishlist thead > tr > th {
border-bottom: 0;
}
.account .table-wrapper .data.table.wishlist tbody > tr:last-child > td {
border-bottom: 1px solid #EDF4F8;
}
.account .table-wrapper .data.table.wishlist .product.name {
display: inline-block;
margin-bottom: 1rem;
}
.account .table-wrapper .data.table.wishlist .box-tocart {
margin: 1rem 0;
}
.account .table-wrapper .data.table.wishlist .box-tocart .qty {
vertical-align: middle;
}
.account .table-wrapper .data.table.wishlist .col.item {
width: 50%;
}
.account .table-wrapper .data.table.wishlist .col.photo {
max-width: 150px;
}
.account .table-wrapper .data.table.wishlist .col.selector {
max-width: 15px;
}
.account .table-wrapper .data.table.wishlist textarea {
margin: 1rem 0;
}
.account .table-wrapper .data.table.wishlist .input-text.qty {
margin-bottom: 1rem;
}
.account .table-wrapper .data.table.wishlist .action.primary {
vertical-align: top;
}
.account .table-wrapper .data.table.wishlist .price {
font-weight: 700;
}
.link.wishlist .counter {
color: #4F758B;
white-space: nowrap;
}
.link.wishlist .counter:before {
content: '(';
}
.link.wishlist .counter:after {
content: ')';
}
.block-wishlist .product-item-name {
margin-right: 1.8rem;
}
.products-grid.wishlist .product-item {
margin-left: 2%;
width: calc((100% - 4%) / 3);
}
.products-grid.wishlist .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.products-grid.wishlist .product-item-photo {
display: block;
margin-bottom: 1rem;
}
.products-grid.wishlist .product-item-name {
margin-top: 0;
}
.products-grid.wishlist .product-item .price-box {
margin: 0;
}
.products-grid.wishlist .product-item-comment {
display: block;
height: 42px;
margin: 1rem 0;
}
.products-grid.wishlist .product-item-actions > * {
margin-right: 15px;
}
.products-grid.wishlist .product-item-actions > *:last-child {
margin-right: 0;
}
.products-grid.wishlist .product-item-actions .action.edit,
.products-grid.wishlist .product-item-actions .action.delete {
display: inline-block;
text-decoration: none;
}
.products-grid.wishlist .product-item-actions .action.edit > span,
.products-grid.wishlist .product-item-actions .action.delete > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.products-grid.wishlist .product-item-actions .action.edit:before,
.products-grid.wishlist .product-item-actions .action.delete:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e601";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.products-grid.wishlist .product-item-actions .action.edit:hover:before,
.products-grid.wishlist .product-item-actions .action.delete:hover:before {
color: #003057;
}
.products-grid.wishlist .product-item-actions .action.edit:active:before,
.products-grid.wishlist .product-item-actions .action.delete:active:before {
color: #757575;
}
.products-grid.wishlist .product-item-actions .action.delete:before {
content: "\e604";
}
/**
* REPLACE THE ENTIRE MODULE STYLES AND BUILD ON TOP TO OVERRIDE SOME
* (STATIC STYLESHEET) RULES THE MODULE LOADS ON THE SIDE IN _EXTEND
*/
.ln_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
display: none;
opacity: 1;
height: auto;
width: auto;
background-color: rgba(230, 244, 249, 0.5);
}
.ln_overlay .loader {
display: inline-block;
position: relative;
width: 3.5rem;
height: 3.5rem;
-webkit-animation: spinner-rotation 1s ease-in-out 0s infinite;
animation: spinner-rotation 1s ease-in-out 0s infinite;
background: #003057;
border-radius: 50%;
position: fixed;
top: calc(50% - 1.75rem);
left: calc(50% - 1.75rem);
}
@media (prefers-reduced-motion) {
.ln_overlay .loader {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
}
}
.ln_overlay .loader img,
.ln_overlay .loader img[style] {
display: none !important;
}
.ln_overlay .loader::after {
content: '';
position: absolute;
width: 0.5rem;
height: 0.5rem;
top: 1.5rem;
left: 1.5rem;
box-shadow: 1rem 0, -1rem 0, -0.5rem -1rem, 0.5rem -1rem, -0.5rem 1rem, 0.5rem 1rem;
border-radius: 50%;
background: currentColor;
color: #ffffff;
}
.block-banners .banner-item,
.block-banners-inline .banner-item {
display: block;
}
.block-banners .banner-item-content,
.block-banners-inline .banner-item-content {
margin-bottom: 1.8rem;
}
.block-banners .banner-item-content img,
.block-banners-inline .banner-item-content img {
display: block;
margin: 0 auto;
}
.block-product-link.widget,
.block-category-link.widget {
display: block;
margin-bottom: 1.8rem;
}
.block-product-link-inline.widget {
margin: 0;
}
.block.widget .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 2%) / 2);
}
.block.widget .products-grid .product-item:nth-child(2n + 1) {
margin-left: 0;
}
.block.widget .product-item-info {
width: auto;
}
.block.widget .pager {
padding: 0;
}
.block.widget .pager .toolbar-amount {
float: none;
font-size: 1.2rem;
}
.block.widget .pager .pages-item-previous {
padding-left: 0;
}
.block.widget .pager .pages-item-next {
position: relative;
}
.block.widget .pager .items {
white-space: nowrap;
}
.columns .block-event {
position: relative;
z-index: 2;
}
.block-event .block-content {
position: relative;
}
.block-event .block-content > .action {
cursor: pointer;
margin-top: -6px;
position: absolute;
top: 50%;
z-index: 3;
}
.block-event .block-content > .action.backward,
.block-event .block-content > .action.forward {
opacity: 0.5;
overflow: hidden;
width: 20px;
display: inline-block;
text-decoration: none;
}
.block-event .block-content > .action.backward > span,
.block-event .block-content > .action.forward > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-event .block-content > .action.backward:before,
.block-event .block-content > .action.forward:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 55px;
line-height: 30px;
color: inherit;
content: "\e617";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block-event .block-content > .action.backward:before,
.block-event .block-content > .action.forward:before {
margin-left: -15px;
}
.block-event .block-content > .action.backward {
left: 0;
}
.block-event .block-content > .action.forward {
right: 0;
}
.block-event .block-content > .action.forward:before {
content: "\e608";
}
.block-event .block-content > .action.forward:before {
margin-left: -20px;
}
.block-event .block-content > .action.inactive {
cursor: default;
display: none;
}
.block-event .block-content > .action:hover {
opacity: 1;
}
.block-event .slider-panel {
overflow: hidden;
position: relative;
z-index: 2;
}
.block-event .slider-panel .slider {
white-space: nowrap;
}
.block-event .slider-panel .slider .item {
background: #f0f0f0;
display: inline-block;
text-align: center;
vertical-align: top;
white-space: normal;
width: 16.35%;
}
.sidebar-main .block-event .slider-panel .slider .item,
.sidebar-additional .block-event .slider-panel .slider .item {
width: 100%;
}
.block-event .slider-panel .slider .item img {
max-width: 100%;
}
.block-event .slider-panel .slider .item .category-name {
display: inline-block;
font-size: 1.8rem;
padding: 15px 5px 0;
word-break: break-all;
}
.block-event .slider-panel .slider .item .ticker {
margin: 0;
padding: 0;
list-style: none none;
}
.block-event .slider-panel .slider .item .ticker li {
display: none;
margin: 0 5px;
}
.block-event .slider-panel .slider .item .ticker .value {
font-size: 2.6rem;
font-weight: 300;
}
.block-event .slider-panel .slider .item .ticker .label {
display: block;
font-size: 1.3rem;
}
.block-event .slider-panel .slider .item .dates {
font-weight: 300;
}
.block-event .slider-panel .slider .item .dates .start,
.block-event .slider-panel .slider .item .dates .end,
.block-event .slider-panel .slider .item .dates .date {
display: block;
}
.block-event .slider-panel .slider .item .dates .start:after {
font-size: 1.8rem;
content: '\2013';
display: block;
}
.block-event .slider-panel .slider .item .dates .date {
font-size: 1.8rem;
font-weight: 300;
}
.block-event .slider-panel .slider .item .dates .time {
font-size: 1.3rem;
}
.block-event .slider-panel .slider .item .box-event .box-content {
padding: 5px 0 1rem;
}
.block-event .slider-panel .slider .item .box-event .box-title {
display: block;
font-weight: 300;
margin: 1rem 0 0;
}
.block-event .slider-panel .slider .item .action.show {
display: block;
padding: 0;
}
.block-event .slider-panel .slider .item .action.show .category.name {
display: inline-block;
padding: 30px 10px 0;
}
.block-event .slider-panel .slider .item .action.show img {
display: block;
}
.block-event .slider-panel .slider .item .action.event {
background-image: none;
background: #00843D;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
margin-top: 15px;
}
.block-event .slider-panel .slider .item .action.event:focus,
.block-event .slider-panel .slider .item .action.event:active {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
.block-event .slider-panel .slider .item .action.event:hover {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
.block-event .slider-panel .slider .item .action.event.disabled,
.block-event .slider-panel .slider .item .action.event[disabled],
fieldset[disabled] .block-event .slider-panel .slider .item .action.event {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.block-event .slider-panel .slider .item .action.event:hover {
text-decoration: none;
}
.block-static-block.widget,
.block-cms-link.widget {
margin-bottom: 1.8rem;
}
.links .block-static-block.widget,
.links .block-cms-link.widget {
margin-bottom: 0;
}
.block-cms-link-inline.widget {
margin: 0;
}
.block-wishlist-search .form-wishlist-search {
margin: 0 0 0;
}
.block-cms-hierarchy-link.widget {
display: block;
margin-bottom: 1.8rem;
}
.block-cms-hierarchy-link-inline.widget {
margin: 0;
}
.sidebar .block-addbysku .fieldset {
margin: 0;
}
.sidebar .block-addbysku .fieldset .fields {
position: relative;
}
.sidebar .block-addbysku .fieldset .fields .field {
display: inline-block;
margin-bottom: 1rem;
vertical-align: top;
}
.sidebar .block-addbysku .fieldset .fields .field.sku {
margin-right: -85px;
padding-right: 90px;
width: 100%;
}
.sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error {
width: 80px;
}
.sidebar .block-addbysku .fieldset .fields .actions-toolbar {
position: absolute;
right: 0;
top: 7px;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar {
margin-bottom: 1.8rem;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar .primary {
text-align: left;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action {
width: auto;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary {
float: none;
text-align: left;
}
.sidebar .block-addbysku .action.add {
display: inline-block;
text-decoration: none;
line-height: normal;
padding: 4px;
width: auto;
}
.sidebar .block-addbysku .action.add > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sidebar .block-addbysku .action.add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: inherit;
color: inherit;
content: "\e61c";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.sidebar .block-addbysku .action.add:hover:before {
color: inherit;
}
.sidebar .block-addbysku .action.add:active:before {
color: inherit;
}
.sidebar .block-addbysku .action.links {
display: inline-block;
margin: 1.8rem 0 0;
}
.sidebar .block-addbysku .action.reset {
display: block;
margin: 1rem 0;
}
.sidebar .block-addbysku .action.remove {
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.sidebar .block-addbysku .action.remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sidebar .block-addbysku .action.remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: inherit;
color: #999;
content: "\e616";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.sidebar .block-addbysku .action.remove:hover:before {
color: inherit;
}
.sidebar .block-addbysku .action.remove:active:before {
color: inherit;
}
.sidebar .block-addbysku .action.remove:focus,
.sidebar .block-addbysku .action.remove:active {
background: none;
border: none;
}
.sidebar .block-addbysku .action.remove:hover {
background: none;
border: none;
}
.sidebar .block-addbysku .action.remove.disabled,
.sidebar .block-addbysku .action.remove[disabled],
fieldset[disabled] .sidebar .block-addbysku .action.remove {
pointer-events: none;
opacity: 0.5;
}
@media only screen and (max-width: 56.25em) {
.field-tooltip .field-tooltip-content {
right: -1rem;
top: 4rem;
left: auto;
}
}
@media only screen and (max-width: 56.1875em) {
.page.messages .messages {
margin-left: 2rem;
margin-right: 2rem;
}
.product-teaser__component .product__tag--mobile {
margin-top: 1rem;
}
.content-list__header {
margin-left: -2rem;
margin-right: -2rem;
width: auto;
}
.content-list__header-wrapper {
padding-left: 2rem;
padding-right: 2rem;
}
.content-list__header-layout--split {
display: flex;
flex-direction: column;
}
.content-list__header-intro {
max-width: 80ch;
}
.content-list__header-highlight {
max-width: 80ch;
align-self: flex-end;
}
.content-list__filter-wrapper {
display: flex;
justify-content: flex-end;
padding-left: 2rem;
padding-right: 2rem;
}
.content-list__filter-wrapper .content-list__filter {
flex-grow: 1;
max-width: 80ch;
}
.paragraph--one-column-text .paragraph__inner {
padding-left: 3rem;
padding-right: 3rem;
}
.field-tooltip .field-tooltip-content {
right: -1rem;
top: 4rem;
left: auto;
}
.mfp-wrap.bss_geoip_popup_wrap .mfp-container {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
.content-list__header.content-list__header--ccv {
margin-left: 0;
margin-right: 0;
}
.cart__title-layout .cart__return-to-store {
margin-top: 0.4rem;
}
.shopping-cart .shopping-cart-header {
display: none;
}
.shopping-cart__row {
position: relative;
}
.shopping-cart__row .scr-image {
grid-row: 1 / span 4;
grid-column: 1 / span 5;
display: flex;
justify-content: center;
align-self: flex-start;
}
.shopping-cart__row .scr-image .product-image-photo {
max-width: 10rem;
}
.shopping-cart__row .scr-product-details,
.shopping-cart__row .scr-unit-price,
.shopping-cart__row .scr-subtotal,
.shopping-cart__row .scr-qty {
grid-column: 7 / span 16;
}
.shopping-cart__row .scr-product-details {
grid-row: 1;
}
.shopping-cart__row .scr-unit-price {
grid-row: 2;
}
.shopping-cart__row .scr-unit-price::before {
content: attr(data-th) ':';
margin-right: 1ch;
color: #4F758B;
}
.shopping-cart__row .scr-subtotal {
grid-row: 3;
}
.shopping-cart__row .scr-subtotal::before {
content: attr(data-th) ':';
margin-right: 1ch;
color: #4F758B;
}
.shopping-cart__row .scr-qty {
margin-top: 1rem;
grid-row: 4;
justify-content: flex-start;
}
.shopping-cart__row .scr-qty input.qty {
border-radius: 0;
}
.shopping-cart__row .scr-qty .step-qty__controls {
display: contents;
}
.shopping-cart__row .scr-qty .step-qty__control.js-qty-down {
order: -1;
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.shopping-cart__row .scr-qty .step-qty__control.js-qty-up {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.shopping-cart__row .scr-actions {
position: absolute;
top: 0;
right: 0;
padding: 0;
}
.shopping-cart__row .scr-actions .action-delete {
display: block;
padding: 1rem;
}
.checkout-index-index .checkout-container[data-step="payment"] {
padding-bottom: 0;
}
.opc-block-summary {
margin-bottom: 0;
}
.checkout__title-layout button.action.checkout__previous-step {
margin-top: 0.4rem;
}
.account .column.main table.table-order-items.recent {
display: block;
max-width: 100vw;
}
.account .column.main table.table-order-items.recent > thead {
display: none;
}
.account .column.main table.table-order-items.recent > tbody > tr > th,
.account .column.main table.table-order-items.recent > tbody > tr > td {
padding: 0;
border-top: 0;
}
.account .column.main table.table-order-items.recent > tbody {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #003057 transparent;
display: flex;
gap: 2rem;
padding-left: 2rem;
padding-right: 2rem;
overflow-x: auto;
scroll-snap-type: x proximity;
scroll-padding-inline-start: 2rem;
}
.account .column.main table.table-order-items.recent > tbody::-webkit-scrollbar-track {
background: transparent;
}
.account .column.main table.table-order-items.recent > tbody::-webkit-scrollbar-thumb {
background-color: #003057;
border-radius: 0.3rem;
border: 0;
}
.account .column.main table.table-order-items.recent > tbody::-webkit-scrollbar-thumb:hover,
.account .column.main table.table-order-items.recent > tbody::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.account .column.main table.table-order-items.recent > tbody tr {
flex: 0 0 60vw;
scroll-snap-align: start;
display: flex;
flex-direction: column;
padding: 2rem;
border-radius: 0.3rem;
border: 0.2rem solid #EDF4F8;
}
.account .column.main table.table-order-items.recent > tbody tr:last-child {
margin-right: calc(40vw - 2rem - 2rem - 2rem));
}
.account .column.main table.table-order-items.recent > tbody td {
display: flex;
gap: 1rem;
justify-content: space-between;
font-size: 1.6rem;
line-height: 1.75;
text-align: right;
}
.account .column.main table.table-order-items.recent > tbody td:not(.actions)::before {
content: attr(data-th) ': ';
padding-right: 1ch;
color: #4F758B;
white-space: nowrap;
}
.account .column.main table.table-order-items.recent > tbody td.actions {
margin-top: 1rem;
justify-content: center;
}
.account .column.main .table-wrapper {
border-bottom: 0;
}
.table-wrapper.orders-history {
padding-left: 2rem;
padding-right: 2rem;
border-bottom: 0;
}
.table-wrapper.orders-history .table.history > thead {
display: none;
}
.table-wrapper.orders-history .table.history > tbody > tr > th,
.table-wrapper.orders-history .table.history > tbody > tr > td {
padding: 0;
border-top: 0;
}
.table-wrapper.orders-history .table.history > tbody {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.table-wrapper.orders-history .table.history > tbody > tr {
flex: 1 1 calc(50% - 2rem);
display: flex;
flex-direction: column;
min-width: 27rem;
padding: 2rem;
border: 0.2rem solid #EDF4F8;
border-radius: 0.3rem;
}
.table-wrapper.orders-history .table.history > tbody td {
display: flex;
gap: 1rem;
justify-content: space-between;
font-size: 1.6rem;
line-height: 1.75;
text-align: right;
}
.table-wrapper.orders-history .table.history > tbody td:not(.actions)::before {
content: attr(data-th) ': ';
padding-right: 1ch;
color: #4F758B;
white-space: nowrap;
}
.table-wrapper.orders-history .table.history > tbody td.actions {
margin-top: 1rem;
justify-content: center;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(2n) > th,
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(2n) > td {
background: none;
}
.table-wrapper.order-items {
padding-left: 2rem;
padding-right: 2rem;
}
.order-details-items .order-title__wrapper + .table-wrapper.order-items {
margin-top: 2rem;
}
.table-wrapper.order-items .table.table-order-items {
display: block;
}
.table-wrapper.order-items .table.table-order-items > thead {
display: none;
}
.table-wrapper.order-items .table.table-order-items > tbody {
display: block;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > th,
.table-wrapper.order-items .table.table-order-items > tbody > tr > td {
padding: 0;
border-top: 0;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr {
display: flex;
flex-wrap: wrap;
padding: 2rem 2rem 1.4rem;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr:nth-child(2n+1) {
background-color: #E6F4F9;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td a {
color: inherit;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td:not(.name):not(.sku):not(.qty) {
display: flex;
gap: 1rem;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td:not(.name):not(.sku):not(.qty)::before {
content: attr(data-th) ':';
padding-right: 1ch;
color: #4F758B;
white-space: nowrap;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.sku {
margin-left: 1rem;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.sku::before {
content: '(';
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.sku::after {
content: ')';
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.price,
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.qty,
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.subtotal {
flex: 1 1 100%;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.qty li {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.table-wrapper.order-items .table.table-order-items > tbody > tr > td.qty li .title {
color: #4F758B;
}
.table-wrapper.order-items .table.table-order-items > tfoot {
display: block;
}
.table-wrapper.order-items .table.table-order-items > tfoot > tr {
display: flex;
justify-content: flex-end;
padding-right: 1rem;
}
.table-wrapper.order-items .table.table-order-items > tfoot > tr > .spacer {
display: none;
}
.table-wrapper.order-items .table.table-order-items > tfoot > tr > th {
text-align: right;
}
}
@media only screen and (max-width: 47.9375em) {
.navigation {
padding: 0;
}
.navigation .parent .level-top {
display: block;
text-decoration: none;
position: relative;
}
.navigation .parent .level-top:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 42px;
line-height: inherit;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .parent .level-top:after {
position: absolute;
right: 7px;
top: -8px;
}
.navigation .parent .level-top.ui-state-active:after {
content: "\e621";
}
.nav-sections {
-webkit-overflow-scrolling: touch;
transition: left 0.3s;
height: 100%;
left: calc(-1 * (100% - 54px));
overflow: auto;
position: fixed;
top: 0;
width: calc(100% - 54px);
}
.nav-sections .switcher {
border-top: 1px solid #d1d1d1;
font-size: 1.6rem;
font-weight: 700;
margin: 0;
padding: 0.8rem 3.5rem 0.8rem 2rem;
}
.nav-sections .switcher .label {
display: block;
margin-bottom: 0.4rem;
}
.nav-sections .switcher:last-child {
border-bottom: 1px solid #d1d1d1;
}
.nav-sections .switcher-trigger strong {
display: block;
text-decoration: none;
position: relative;
}
.nav-sections .switcher-trigger strong:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 42px;
line-height: inherit;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.nav-sections .switcher-trigger strong:after {
position: absolute;
right: -40px;
top: -16px;
}
.nav-sections .switcher-trigger.active strong:after {
content: "\e621";
}
.nav-sections .switcher-dropdown {
margin: 0;
padding: 0;
list-style: none none;
display: none;
padding: 1rem 0;
}
.nav-sections .switcher-options.active .switcher-dropdown {
display: block;
}
.nav-sections .header.links {
margin: 0;
padding: 0;
list-style: none none;
border-bottom: 1px solid #d1d1d1;
}
.nav-sections .header.links li {
font-size: 1.6rem;
margin: 0;
}
.nav-sections .header.links li.greet.welcome {
border-top: 1px solid #d1d1d1;
font-weight: 700;
padding: 0.8rem 15px;
}
.nav-sections .header.links li > a {
border-top: 1px solid #d1d1d1;
}
.nav-sections .header.links a,
.nav-sections .header.links a:hover {
color: #575757;
text-decoration: none;
display: block;
font-weight: 700;
padding: 0.8rem 15px;
}
.nav-sections .header.links .header.links {
border: 0;
}
.nav-before-open {
height: 100%;
overflow-x: hidden;
width: 100%;
}
.nav-before-open .page-wrapper {
transition: left 0.3s;
height: 100%;
left: 0;
overflow: hidden;
position: relative;
}
.nav-before-open body {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.nav-open .page-wrapper {
left: calc(100% - 54px);
}
.nav-open .nav-sections {
-ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
left: 0;
z-index: 99;
}
.nav-open .nav-toggle:after {
background: rgba(0, 0, 0, 0.7);
content: '';
display: block;
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.nav-sections-items {
position: relative;
z-index: 1;
}
.nav-sections-items:before,
.nav-sections-items:after {
content: '';
display: table;
}
.nav-sections-items:after {
clear: both;
}
.nav-sections-item-title {
background: #e3e3e3;
border: solid #d7d7d7;
border-width: 0 0 1px 1px;
box-sizing: border-box;
float: left;
height: 71px;
padding-top: 24px;
text-align: center;
width: 33.33%;
}
.nav-sections-item-title.active {
background: transparent;
border-bottom: 0;
}
.nav-sections-item-title .nav-sections-item-switch:hover {
text-decoration: none;
}
.nav-sections-item-content {
box-sizing: border-box;
float: right;
margin-left: -100%;
margin-top: 71px;
width: 100%;
padding: 1.8rem 0;
}
.nav-sections-item-content:before,
.nav-sections-item-content:after {
content: '';
display: table;
}
.nav-sections-item-content:after {
clear: both;
}
.nav-sections-item-content.active {
display: block;
}
.navigation {
background: #f0f0f0;
box-sizing: border-box;
}
.navigation ul {
margin: 0;
padding: 0;
}
.navigation li {
margin: 0;
}
.navigation a {
display: block;
padding-top: 1rem;
padding-right: 0;
padding-bottom: 1rem;
padding-left: 15px;
}
.navigation a,
.navigation a:hover {
color: #575757;
text-decoration: none;
}
.navigation .level0 {
border-top: 1px solid #d1d1d1;
font-size: 1.6rem;
}
.navigation .level0 > .level-top {
font-weight: 700;
padding: 8px 3.2rem 8px 15px;
text-transform: uppercase;
word-wrap: break-word;
}
.navigation .level0 > .level-top:hover {
color: #003057;
}
.navigation .level0.active .all-category .ui-state-focus {
border-color: #00843D;
border-style: solid;
border-width: 0 0 0 8px;
color: #003057;
padding-left: 7px;
display: inline-block;
}
.navigation .level0 > .level1 {
font-weight: 600;
}
.navigation .level0.active > a:not(.ui-state-active),
.navigation .level0.has-active > a:not(.ui-state-active) {
border-color: #00843D;
border-style: solid;
border-width: 0 0 0 8px;
color: #003057;
}
.navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon),
.navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
margin-left: -8px;
}
.navigation li.level0:last-child {
border-bottom: 1px solid #d1d1d1;
}
.navigation .submenu > li {
word-wrap: break-word;
}
.navigation .submenu > li > a:hover {
color: #003057;
}
.navigation .submenu:not(:first-child) {
font-weight: 400;
line-height: 1.3;
left: auto !important;
overflow-x: hidden;
padding: 0;
position: relative;
top: auto !important;
transition: left 0.3s ease-out;
}
.navigation .submenu:not(:first-child) > li > a {
padding-left: 15px;
}
.navigation .submenu:not(:first-child) > li:last-child {
margin-bottom: 0;
}
.navigation .submenu:not(:first-child) ul {
display: block;
padding-left: 15px;
}
.navigation .submenu:not(:first-child) ul > li {
margin: 0;
}
.navigation .submenu:not(:first-child) ul > li a {
color: #575757;
display: block;
line-height: normal;
}
.navigation .submenu:not(:first-child) ul > li a:hover {
color: #003057;
}
.navigation .submenu:not(:first-child).expanded {
display: block !important;
padding-right: 0;
top: 0 !important;
}
.navigation .submenu:not(:first-child) .active > a {
border-color: #00843D;
border-style: solid;
border-width: 0 0 0 8px;
color: #003057;
padding-left: 7px;
}
.navigation .submenu:not(:first-child) .level1.active > a {
padding-left: 7px;
}
.product.data.items .item.title > .switch {
padding: 1px 15px 1px;
}
.product.data.items > .item.content {
padding: 10px 15px 30px;
}
.breadcrumbs {
display: none;
}
.modal-popup.modal-slide {
left: 44px;
z-index: 900;
}
.modal-popup.modal-slide._show .modal-inner-wrap {
transform: translateX(0);
}
.modal-popup.modal-slide .modal-inner-wrap {
height: 100%;
overflow-y: auto;
position: static;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
width: auto;
}
.modal-popup.modal-slide .modal-inner-wrap {
margin: 0;
max-height: 90vh;
/** iOS webkit fix height problem when added long content **/
}
.custom-slide {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
opacity: 0;
transition: visibility 0s 0.3s, opacity 0.3s ease;
left: 44px;
z-index: 900;
}
.custom-slide._show {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease;
}
.custom-slide._show .modal-inner-wrap {
transform: translate(0, 0);
}
.custom-slide .modal-inner-wrap {
background-color: #fff;
box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
opacity: 1;
pointer-events: auto;
}
.custom-slide._show .modal-inner-wrap {
transform: translateX(0);
}
.custom-slide .modal-inner-wrap {
height: 100%;
overflow-y: auto;
position: static;
transform: translateX(100%);
transition: transform 0.3s ease-in-out;
width: auto;
}
.custom-slide._show {
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.custom-slide .modal-inner-wrap {
background-color: #f4f4f4;
box-sizing: border-box;
height: auto;
min-height: 100%;
}
body._has-modal-custom {
height: 100vh;
overflow: hidden;
width: 100vw;
}
body._has-modal-custom .modal-custom-overlay {
background-color: rgba(0, 48, 87, 0.3);
}
.modal-popup {
pointer-events: auto;
}
.modal-popup.modal-slide .modal-inner-wrap[class] {
background-color: #f4f4f4;
}
.modal-popup.modal-slide._inner-scroll._show {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
height: auto;
min-height: 100%;
}
.modal-popup .modal-title {
font-size: 1.8rem;
font-weight: 700;
}
.footer__contact + .footer__nav {
margin-top: 1.8rem;
}
.footer-nav__block {
text-align: center;
}
.footer-nav__block.is-mobile-collapsible {
border-radius: 0.3rem;
background-color: rgba(0, 46, 80, 0.5);
}
.footer-nav__block.is-mobile-collapsible .footer__nav-heading {
cursor: pointer;
position: relative;
padding: 1rem 4rem;
font-size: 1.6rem;
line-height: 1.25;
}
.footer-nav__block.is-mobile-collapsible .footer__nav-heading::before {
content: '';
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(0.3rem);
width: 1.2rem;
height: 0.1rem;
box-shadow: 0 -0.3rem 0 0 #ffffff;
background-color: #ffffff;
}
.footer-nav__block.is-mobile-collapsible .footer__nav-heading::after {
content: '';
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-0.3rem);
width: 1.2rem;
height: 0.1rem;
background-color: #ffffff;
}
.footer-nav__block.is-mobile-collapsible > .ui-menu__wrapper {
display: none;
padding-bottom: 1.8rem;
}
.footer-nav__block.is-mobile-collapsible.is-expanded .footer__nav-heading::before {
transform: rotate(-45deg);
box-shadow: none;
}
.footer-nav__block.is-mobile-collapsible.is-expanded .footer__nav-heading::after {
transform: rotate(45deg);
}
.footer-nav__block.is-mobile-collapsible.is-expanded > .ui-menu__wrapper {
display: block;
}
.footer-nav__block.is-mobile-collapsible + .footer-nav__block.is-mobile-collapsible {
margin-top: 0.6rem;
}
.footer__nav--socials {
margin-top: 2.4rem;
margin-bottom: 1rem;
}
.footer__nav--socials .ui-menu li.level0 {
justify-content: center;
}
.page-end__content {
padding-bottom: 2.4rem;
color: #4F758B;
}
.page-end__content .corp-logo {
display: flex;
justify-content: center;
padding: 2.4rem;
border-bottom: 0.2rem solid #EDF4F8;
}
.page-end__content .corp-logo + .nav--footer_legal {
margin-top: 2rem;
}
.page-end__content .nav--footer_legal li + li {
margin-top: 0.6rem;
}
.page-end__content .corp-copyright,
.page-end__content .nav__suffix--made-by,
.page-end__content .ui-menu li {
display: flex;
justify-content: center;
}
.page-end__content .nav__suffix--made-by a {
align-items: baseline;
margin-top: 1.8rem;
}
.page-end__content .nav__suffix--made-by a .made-by-logo {
margin-left: 1ch;
transform: none;
}
.categories-grid-wrapper {
width: 100%;
}
.categories-overview__list {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #003057 transparent;
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-padding-inline-start: calc(50% - 12rem);
gap: 2rem;
padding-left: calc(50% - 12rem);
padding-right: calc(50% - 12rem);
}
.categories-overview__list::-webkit-scrollbar-track {
background: transparent;
}
.categories-overview__list::-webkit-scrollbar-thumb {
background-color: #003057;
border-radius: 0.3rem;
border: 0;
}
.categories-overview__list::-webkit-scrollbar-thumb:hover,
.categories-overview__list::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.categories-overview__item {
flex: 0 0 24rem;
scroll-snap-align: start start;
}
.site-header__m-flyout .contact-cta__block {
flex-direction: column;
}
.site-header__m-flyout .contact-cta__block .contact-cta__icon,
.site-header__m-flyout .contact-cta__block .contact-cta__divider {
display: none;
}
.site-header__m-flyout .contact-cta__block .contact-cta__heading {
padding: 0.5rem 0;
font-size: 1.3rem;
line-height: 1.25;
text-align: center;
}
.site-header__m-flyout .contact-cta__block .contact-cta__heading + .contact-cta__actions {
margin-top: 0.5rem;
}
.site-header__m-flyout .contact-cta__block .contact-cta__actions {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.site-header__m-flyout .contact-cta__block .contact-cta__actions a {
display: inline-flex;
padding: 0.5rem;
justify-content: center;
border-radius: 0.3rem;
background-color: #E6F4F9;
color: #003057;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.25;
}
body[data-mage-init] .notice-banner__container {
display: none;
}
.notice-banner__container + .page-main {
margin-top: 2rem;
}
.payment__partners {
padding: 0 3rem;
display: flex;
justify-content: center;
}
.payment-partners__list {
max-width: 100%;
}
.usp__list-item {
flex-direction: row;
gap: 1.8rem;
}
.usp__icon {
flex: 0 0 5.4rem;
display: flex;
justify-content: center;
}
.usp__label {
text-align: left;
}
.fieldset .fields.field-layout .field {
margin-top: 2rem;
}
.site-header__m-flyout {
position: absolute;
left: 0;
right: 0;
background-color: #ffffff;
}
.site-header__m-flyout > div {
display: none;
}
.site-header__m-flyout .mobile-flyout__close {
display: none;
padding: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
color: #003057;
}
.site-header__m-flyout .mobile-flyout__close svg {
display: block;
}
.site-header__m-flyout .mobile-flyout__close,
.site-header__m-flyout .mobile-flyout__close:focus,
.site-header__m-flyout .mobile-flyout__close:hover,
.site-header__m-flyout .mobile-flyout__close:active {
background: transparent;
border: none;
}
.mobile-flyout-active .site-header__m-flyout {
padding: 0.4rem 2rem 4.8rem;
}
.mobile-flyout-active .site-header__m-flyout > div.active-flyout {
display: flex;
}
.mobile-flyout-active .site-header__m-flyout > div.active-flyout.minicart-wrapper {
flex-flow: column nowrap;
}
.mobile-flyout-active .site-header__m-flyout .mobile-flyout__close {
display: inline-flex;
}
.mobile-flyout-active .site-header__m-overlay {
display: block;
position: fixed;
inset: 0;
z-index: -1;
background-color: rgba(0, 48, 87, 0.3);
}
.page-header {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 42;
background-color: #ffffff;
}
.site-header__top {
display: flex;
align-items: center;
gap: 1rem;
padding: 1rem 2rem;
height: 4.6rem;
background-color: #E6F4F9;
}
.site-header__top .store-logo svg {
display: block;
width: auto;
height: 2.2rem;
}
.site-header__top .store-label svg {
display: block;
width: auto;
height: 2.8rem;
}
.site-header__top .mobile-menu__open {
margin-left: auto;
}
.site-header__top .language-switch,
.site-header__top .block-search {
display: none;
}
.site__mm {
display: flex;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 0;
z-index: 9999;
transition: background-color 100ms linear 150ms, max-width 1ms linear 250ms;
background-color: rgba(255, 255, 255, 0.001);
}
.site__mm .nav--main_menu + nav {
margin-top: 2rem;
}
.site__mm .ui-menu li a {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
/* More control for better legibility, only hyphenate words of certain length, min chars before/after */
/* legacy properties */
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 3;
/* current proposal */
-moz-hyphenate-limit-chars: 6 3 3;
-webkit-hyphenate-limit-chars: 6 3 3;
-ms-hyphenate-limit-chars: 6 3 3;
hyphenate-limit-chars: 6 3 3;
/* Control over number of consecutive lines with hyphenation at the end */
-moz-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-lines: 2;
hyphenate-limit-lines: 2;
/* Avoid breaking the last line of a paragraph */
-moz-hyphenate-limit-last: always;
-webkit-hyphenate-limit-last: always;
-ms-hyphenate-limit-last: always;
hyphenate-limit-last: always;
display: inline-flex;
}
.site__mm .ui-menu li a:focus,
.site__mm .ui-menu li a:hover,
.site__mm .ui-menu li a:active {
color: inherit;
text-decoration: underline;
}
.site__mm .ui-menu li.menu-item-active a {
color: #DE4700;
}
.site__mm .nav--main_menu li {
padding: 0.3rem 0;
line-height: 1;
}
.site__mm .nav--main_menu li + li {
margin-top: 1rem;
}
.site__mm .nav--main_menu li a {
color: #003057;
line-height: 1.5;
font-weight: 500;
}
.site__mm .nav--corporate_menu li,
.site__mm .nav--header_links li {
padding: 0.2rem 0;
line-height: 1;
}
.site__mm .nav--corporate_menu li + li,
.site__mm .nav--header_links li + li {
margin-top: 0.5rem;
}
.site__mm .nav--corporate_menu li a,
.site__mm .nav--header_links li a {
color: #4F758B;
font-size: 1.3rem;
line-height: 2;
}
.site__mm__wrapper {
display: flex;
position: relative;
transform: translateX(-100%);
transition: transform 150ms ease-out;
}
.site__mm__wrapper .language-switch {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 7rem;
padding-left: 5rem;
z-index: 3;
display: flex;
align-items: flex-end;
}
.site__mm__inner {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #003057 transparent;
padding: 6rem 4rem 8rem 5rem;
width: 70vw;
max-width: 42rem;
overflow-y: scroll;
overscroll-behavior: contain;
transform: translateX(-100%);
transition: transform 150ms ease-out;
background-color: #ffffff;
}
.site__mm__inner::-webkit-scrollbar-track {
background: transparent;
}
.site__mm__inner::-webkit-scrollbar-thumb {
background-color: #003057;
border-radius: 0.3rem;
border: 0;
}
.site__mm__inner::-webkit-scrollbar-thumb:hover,
.site__mm__inner::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.mobile-menu__close {
padding: 0;
display: flex;
position: absolute;
z-index: 9;
left: -100%;
top: 7.4rem;
transform: translate(50%, -50%);
opacity: 0;
border-radius: 50%;
color: #003057;
}
.mobile-menu__close,
.mobile-menu__close:focus,
.mobile-menu__close:hover {
border: 0;
background: none;
}
.mobile-menu-active .site__mm {
max-width: 100%;
transition: background-color 200ms linear, max-width 1ms;
background-color: rgba(0, 48, 87, 0.3);
}
.mobile-menu-active .site__mm__wrapper,
.mobile-menu-active .site__mm__inner {
transform: translateX(0);
}
.mobile-menu-active .site__mm__wrapper .language-switch {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.01), #ffffff 80%);
}
.mobile-menu-active .mobile-menu__close {
opacity: 1;
left: auto;
right: 0;
transition: opacity 150ms ease-out 150ms;
}
.site-header__m-ui {
display: flex;
padding: 1.8rem 2rem;
gap: 1rem;
box-shadow: 0 2rem 4rem 0 rgba(0, 48, 87, 0.05);
background-color: #ffffff;
}
.site-header__m-ui button {
flex: 1 1 0;
padding: 0.6rem 0.4rem;
justify-content: center;
align-items: center;
}
.site-header__m-ui button,
.site-header__m-ui button:focus,
.site-header__m-ui button:hover,
.site-header__m-ui button:active {
background-color: #E6F4F9;
color: #003057;
}
.site-header__m-ui button:focus,
.site-header__m-ui button:active {
box-shadow: none;
border-color: transparent;
}
.site-header__m-ui button[aria-expanded="true"],
.site-header__m-ui button[aria-expanded="true"]:focus,
.site-header__m-ui button[aria-expanded="true"]:hover,
.site-header__m-ui button[aria-expanded="true"]:active {
background-color: #003057;
color: #ffffff;
}
.site-header__m-ui button.mobile-cart__open[aria-expanded="true"],
.site-header__m-ui button.mobile-cart__open[aria-expanded="true"]:focus,
.site-header__m-ui button.mobile-cart__open[aria-expanded="true"]:hover,
.site-header__m-ui button.mobile-cart__open[aria-expanded="true"]:active {
background-color: #00843D;
color: #ffffff;
}
.site-header__m-ui button svg {
display: block;
width: 1.8rem;
height: auto;
}
.site-header__m-ui button svg path {
fill: currentColor;
}
.site-header__m-ui button .label {
margin-left: 1ch;
font-size: 1.3rem;
font-weight: 400;
}
.site-header__m-ui button.mobile-cart__open {
position: relative;
}
.site-header__m-ui button.mobile-cart__open .counter.qty {
position: absolute;
top: -1rem;
right: -1rem;
pointer-events: none;
}
.site-header__m-ui button.mobile-cart__open .counter.qty .number:not(:empty) {
display: block;
width: 2.4rem;
height: 2.4rem;
border-radius: 50%;
background-color: #00843D;
color: #ffffff;
font-size: 1.1rem;
font-weight: 700;
line-height: 2.4rem;
text-align: center;
}
.site-header__m-ui button.mobile-cart__open svg {
width: 2.2rem;
}
.content-list__header-intro {
padding-top: 3.2rem;
}
.content-list__header-pattern svg {
transform: translateY(36%);
}
.homepage__hero {
aspect-ratio: 1.60795455;
}
.page-bottom .ecom__wrapper {
flex-direction: column;
}
.abs-visually-hidden-mobile-m {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-toggling-title-mobile,
.block-wishlist-management .wishlist-select .wishlist-name,
.block-collapsible-nav .title {
border-top: 0.2rem solid #EDF4F8;
cursor: pointer;
margin-bottom: 0;
position: relative;
border-bottom: 0.2rem solid #EDF4F8;
padding: 1rem 3.2rem 1rem 1.8rem;
display: block;
text-decoration: none;
}
.abs-toggling-title-mobile:after,
.block-wishlist-management .wishlist-select .wishlist-name:after,
.block-collapsible-nav .title:after {
position: absolute;
right: 1.8rem;
top: 1rem;
}
.abs-toggling-title-mobile:after,
.block-wishlist-management .wishlist-select .wishlist-name:after,
.block-collapsible-nav .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: inherit;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 3px 0 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-toggling-title-mobile.active:after,
.block-wishlist-management .wishlist-select .wishlist-name.active:after,
.block-collapsible-nav .title.active:after {
content: "\e621";
}
.abs-icon-add-mobile,
.block-wishlist-management .wishlist-add.item .add {
display: block;
text-decoration: none;
}
.abs-icon-add-mobile:before,
.block-wishlist-management .wishlist-add.item .add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
line-height: 10px;
color: inherit;
content: "\e61c";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 5px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-checkout-tooltip-content-position-top-mobile,
.field-tooltip .field-tooltip-content {
right: -1rem;
top: 4rem;
left: auto;
}
.abs-checkout-tooltip-content-position-top-mobile:before,
.abs-checkout-tooltip-content-position-top-mobile:after,
.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
border: 1rem solid transparent;
height: 0;
width: 0;
margin-top: -1.9rem;
right: 1rem;
left: auto;
top: 0;
}
.abs-checkout-tooltip-content-position-top-mobile:before,
.field-tooltip .field-tooltip-content:before {
border-bottom-color: #4F758B;
}
.abs-checkout-tooltip-content-position-top-mobile:after,
.field-tooltip .field-tooltip-content:after {
border-bottom-color: #E6F4F9;
top: 1px;
}
.abs-pager-toolbar-mobile .toolbar-amount,
.abs-pager-toolbar-mobile .limiter,
.abs-pager-toolbar-mobile .pages {
float: none;
margin-bottom: 0;
}
.lac-notification {
padding: 5px 0;
}
.lac-notification .lac-notification-icon {
display: none;
}
.lac-notification .lac-notification-text,
.lac-notification .lac-notification-links {
float: none;
padding: 5px 0;
text-align: center;
}
.pagebuilder-banner-wrapper {
background-attachment: scroll !important;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: none;
}
.pagebuilder-column {
background-attachment: scroll !important;
flex-basis: 100%;
max-width: 100%;
}
.pagebuilder-column-group {
flex-wrap: wrap;
}
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-bleed'] {
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-width'] {
background-attachment: scroll !important;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: none;
}
[data-content-type='tab-item'] {
background-attachment: scroll !important;
}
.pagebuilder-mobile-hidden {
display: none !important;
}
.contact-index-index .column:not(.sidebar-main) .form.contact {
float: none;
width: 100%;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
float: none;
width: 100%;
}
.block-cart-failed .block-title {
margin: 0 1.8rem 1.8rem;
}
.catalog-product-view .column.main {
display: flex;
flex-direction: column;
}
.catalog-product-view .product.media {
order: -1;
}
.compare.wrapper {
display: none;
}
.catalog-product_compare-index .columns .column.main {
flex-basis: inherit;
}
.block-search {
margin-top: 1rem;
}
.cart-container .form-cart .actions.main {
display: flex;
flex-direction: column;
-ms-align-items: center;
align-items: center;
}
.cart-container .form-cart .actions.main .clear,
.cart-container .form-cart .actions.main .continue {
margin: 0 0 1.8rem 0;
}
.cart-discount {
border-bottom: 0.2rem solid #EDF4F8;
}
.cart.table-wrapper {
border-top: 0.2rem solid #EDF4F8;
}
.cart.table-wrapper thead .col.item,
.cart.table-wrapper thead .col.qty,
.cart.table-wrapper thead .col.price,
.cart.table-wrapper thead .col.subtotal,
.cart.table-wrapper thead .col.msrp {
display: none;
}
.cart.table-wrapper .col.qty,
.cart.table-wrapper .col.price,
.cart.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp {
box-sizing: border-box;
display: block;
float: left;
white-space: nowrap;
width: 33%;
}
.cart.table-wrapper .col.qty[data-th]:before,
.cart.table-wrapper .col.price[data-th]:before,
.cart.table-wrapper .col.subtotal[data-th]:before,
.cart.table-wrapper .col.msrp[data-th]:before {
content: attr(data-th);
display: block;
font-weight: 600;
padding-bottom: 10px;
}
.cart.table-wrapper .col.msrp {
white-space: normal;
}
.cart.table-wrapper .item .col.item {
padding-bottom: 0;
}
.cart.table-wrapper tbody > tr > td:last-child {
border: 0;
}
.cart-totals {
padding-left: 15px;
padding-right: 15px;
}
.cart-totals .table-wrapper {
border-top: 0;
}
.cart-totals .totals tbody > tr:not(:last-child) > td:last-child {
border: 0;
}
.cart.table-wrapper .col.price,
.order-items.table-wrapper .col.price,
.cart.table-wrapper .col.qty,
.order-items.table-wrapper .col.qty,
.cart.table-wrapper .col.subtotal,
.order-items.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp,
.order-items.table-wrapper .col.msrp {
text-align: left;
}
.minicart-wrapper {
margin-top: 1rem;
}
.minicart-wrapper:before,
.minicart-wrapper:after {
content: '';
display: table;
}
.minicart-wrapper:after {
clear: both;
}
.minicart-wrapper .product .actions {
float: left;
margin: 10px 0 0 0;
}
.minicart-wrapper .update-cart-item {
float: right;
margin-left: 0;
}
.checkout-index-index .modal-popup .modal-footer .action-save-address {
width: 100%;
}
.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
margin-top: 1.8rem;
}
.field-tooltip .field-tooltip-content {
right: -1rem;
top: 4rem;
left: auto;
}
.checkout-payment-method .payment-methods {
margin: 0 -15px;
}
.checkout-payment-method .step-title {
padding-left: 15px;
padding-right: 15px;
}
.checkout-payment-method .payment-method-title {
padding: 15px;
}
.checkout-payment-method .payment-method-content {
padding: 0 15px 1.8rem;
}
.checkout-payment-method .checkout-billing-address .action-cancel {
margin-top: 1rem;
}
.checkout-payment-method .payment-option {
margin: 0 -15px;
}
.checkout-payment-method .payment-option .payment-option-title {
padding: 15px;
}
.checkout-payment-method .payment-option .payment-option-content {
padding: 0 15px 1.8rem;
}
.login-container .fieldset:after {
text-align: center;
}
.account .messages {
margin-bottom: 0;
}
.account .column.main .block:not(.widget) .block-title > .action {
float: right;
margin-top: 0.4rem;
}
.account .column.main .block:not(.widget) .block-content .box {
margin-bottom: 1.8rem;
}
.account .column.main .block:not(.widget) .block-content .box:last-child {
margin-bottom: 0;
}
.control.captcha-image .captcha-img {
display: block;
margin-bottom: 1rem;
}
.customer-account-index .page-title-wrapper {
position: relative;
}
.form.search.advanced .field.price .with-addon .input-text {
flex-basis: auto;
width: 100%;
}
.cart-discount .giftcard .content {
padding-bottom: 35px;
}
.cart-discount .actions-toolbar .secondary {
bottom: 17px;
}
.field.open-amount {
width: 100%;
}
.page-product-giftcard .product-info-main .product-info-stock-sku {
display: block;
padding-left: 1rem;
text-align: left;
}
.gift-message .actions-toolbar .action-update {
font-size: 2rem;
padding: 15px;
width: 100%;
}
.gift-item-block {
border-top: 0.2rem solid #c1c1c1;
border-bottom: 0;
}
.gift-item-block .title:after {
font-size: 1.2rem;
position: absolute;
right: 20px;
top: 10px;
}
.gift-item-block .content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.cart.table-wrapper .gift-content {
border-top: 0.2rem solid #c1c1c1;
margin-right: -15px;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
}
.cart .action-gift {
display: inline-block;
text-decoration: none;
}
.cart .action-gift > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.cart .action-gift:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e62a";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.cart .action-gift:hover:after {
color: #003057;
}
.cart .action-gift:active:after {
color: #757575;
}
.cart .action-gift._active {
border: 0.2rem solid #c1c1c1;
border-bottom-color: #fff;
margin: -0.4rem 14px -1px -15px;
padding: 4px 1rem 9px 14px;
}
.cart .action-gift._active:after {
color: #003057;
}
.gift-options-cart-item + .towishlist {
left: 0;
position: absolute;
}
.cart.table-wrapper .action-giftregistry {
display: inline-block;
text-decoration: none;
}
.cart.table-wrapper .action-giftregistry > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.cart.table-wrapper .action-giftregistry:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e62b";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.cart.table-wrapper .action-giftregistry:hover:before {
color: #003057;
}
.cart.table-wrapper .action-giftregistry:active:before {
color: #757575;
}
.gift-options-cart-item .gift-wrapping,
.cart-gift-item .gift-wrapping {
border-bottom: 0.2rem solid #c1c1c1;
margin-bottom: 1.8rem;
padding-bottom: 1rem;
}
.gift-wrapping-list {
width: 100%;
}
.gift-wrapping-summary + .gift-message-summary {
padding-right: 0;
}
.gift-options-cart-item {
float: left;
width: 100%;
}
.gift-wrapping-preview img {
width: 100%;
}
.item-actions .actions-toolbar .gift-options .gift-wrapping,
.item-actions .actions-toolbar .gift-options .gift-message {
display: block;
}
.product-add-form .table-wrapper.grouped {
margin-left: -1.8rem;
margin-right: -1.8rem;
}
.product-add-form .table-wrapper.grouped .table.data.grouped tr td {
padding: 5px 10px 5px 15px;
}
body.filter-active .page-header {
display: none;
}
body.filter-active .page-wrapper {
height: 0;
margin-top: -999999em;
visibility: hidden;
}
body.filter-active .columns {
z-index: 999;
}
.filter.active {
position: relative;
visibility: visible;
z-index: 99;
}
.filter.active .filter-options-item:last-child {
margin-bottom: 3.2rem;
}
.filter.active .filter-title {
border-bottom: 1px solid #EDF4F8;
height: 48px;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 2;
}
.filter.active .filter-title strong {
box-shadow: none;
background: none;
border: 0;
color: transparent;
left: auto;
right: 3px;
top: 10px;
display: inline-block;
text-decoration: none;
}
.filter.active .filter-title strong:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: inherit;
color: #4F758B;
content: "\e616";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.filter.active .filter-subtitle {
background: transparent;
display: block;
height: 50px;
left: 0;
line-height: 32px;
position: fixed;
right: 0;
top: 0;
z-index: 1;
}
.filter.active .filter-options {
background: #fff;
bottom: 0;
display: block;
left: 0;
overflow: scroll;
position: fixed;
right: 0;
top: 50px;
z-index: 10;
}
.filter .filter-subtitle {
font-size: 20px;
font-weight: 300;
}
.filter-actions {
margin: -35px -1rem 1.8rem;
}
.filter-options-content {
padding: 0.4rem 1rem;
}
.filter .filter-current {
border: solid #EDF4F8;
border-width: 1px 0;
margin: 0.4rem -1rem 0;
}
.filter .filter-current .items {
display: none;
}
.filter .filter-current-subtitle {
position: relative;
text-transform: uppercase;
z-index: 1;
display: block;
text-decoration: none;
}
.filter .filter-current-subtitle:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
line-height: inherit;
color: inherit;
content: "\e622";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.filter .filter-current-subtitle:before {
position: absolute;
right: 10px;
top: 10px;
}
.filter .filter-current-subtitle:after {
color: #4F758B;
content: ' (' attr(data-count) ')';
font-size: 0.9em;
}
.filter .filter-current.active {
padding-bottom: 30px;
}
.filter .filter-current.active .block-subtitle:before {
content: "\e621";
}
.filter .filter-current.active .items {
display: block;
}
.filter .filter-current.active + .block-actions {
display: block;
}
.filter .filter-current + .block-actions {
display: none;
}
.filter-no-options .filter-title:before {
background: rgba(255, 255, 255, 0.5);
content: '';
display: block;
height: 40px;
left: 0;
margin-top: -60px;
position: relative;
width: 75px;
z-index: 99;
}
.filter-no-options .filter-content {
margin-bottom: 1.8rem;
}
.page-with-filter .columns .sidebar-main {
order: 0;
}
.map-popup {
max-width: 100%;
}
.map-old-price,
.map-show-info {
display: inline-block;
}
.map-old-price:not(:last-child),
.map-show-info:not(:last-child) {
margin-bottom: 1rem;
}
.block-wishlist-management {
clear: both;
margin-top: -21px;
}
.block-wishlist-management .wishlist-select {
margin: 0 -1.8rem 20px;
}
.block-wishlist-management .wishlist-select .wishlist-name {
font-size: 1.6rem;
}
.block-wishlist-management .wishlist-select-items {
border-bottom: 0.2rem solid #EDF4F8;
background: #f5f5f5;
display: none;
padding: 15px 0;
}
.block-wishlist-management .wishlist-select-items.active {
display: block;
}
.block-wishlist-management .wishlist-select-items .item {
margin: 3px 0 0;
}
.block-wishlist-management .wishlist-select-items .item:first-child {
margin-top: 0;
}
.block-wishlist-management .wishlist-select-items .item.current {
display: none;
}
.block-wishlist-management .wishlist-select-items .item a {
color: #003057;
display: block;
padding: 0.4rem 18px;
text-decoration: none;
}
.block-wishlist-management .wishlist-select-items .item a:hover {
background: #e8e8e8;
}
.block-wishlist-management .wishlist-title strong {
font-size: 2.6rem;
}
.block-wishlist-management .wishlist-info {
margin-bottom: 15px;
}
.block-wishlist-management .wishlist-toolbar-select,
.block-wishlist-management .wishlist-toolbar-actions {
margin-bottom: 15px;
}
.products-grid.wishlist .product-item-checkbox {
left: 0;
position: absolute;
top: 20px;
}
.page-multiple-wishlist .products-grid.wishlist .product-item-photo {
margin-left: 1.8rem;
}
.page-multiple-wishlist .products-grid.wishlist .product-item-name,
.page-multiple-wishlist .products-grid.wishlist .product-item-description,
.page-multiple-wishlist .products-grid.wishlist .product-item .price-box,
.page-multiple-wishlist .products-grid.wishlist .product-item-tooltip {
margin-left: 115px;
}
.products-grid.wishlist .wishlist-dropdown {
display: none;
}
.multishipping-checkout-success .nav-toggle {
display: block;
}
.multishipping-checkout-success .logo {
margin-left: 3.2rem;
}
.multicheckout .actions-toolbar > .primary {
margin-right: 0;
}
.block.newsletter input {
font-size: 12px;
padding-left: 30px;
}
.block.newsletter .field .control:before {
font-size: 13px;
}
.order-pager-wrapper .toolbar-amount {
left: inherit;
position: relative;
text-align: center;
top: inherit;
}
.order-pager-wrapper .pages {
text-align: center;
}
.order-pager-wrapper .action.previous,
.order-pager-wrapper .action.next {
margin: 0;
}
.form.send.friend .fieldset {
padding-bottom: 0.4rem;
}
.form.send.friend .action.remove {
margin-left: 0;
right: 0;
top: 100%;
}
.block-collapsible-nav {
left: 0;
position: absolute;
top: -21px;
width: 100%;
z-index: 5;
}
.block-collapsible-nav .content {
border-bottom: 0.2rem solid #EDF4F8;
display: none;
}
.block-collapsible-nav .content.active {
display: block;
}
.customer-name,
.customer-welcome + .authorization-link {
display: none;
}
.nav-sections .switcher-trigger strong:after {
font-size: 1.6rem;
right: -25px;
top: -2px;
}
.navigation .parent .level-top:after {
font-size: 1.6rem;
right: 10px;
top: 7px;
}
.page-footer .footer.content .switcher-store {
background: #003057;
font-size: 1.6rem;
margin: 0 -1.8rem;
}
.page-footer .footer.content .switcher-store .switcher-options {
display: block;
}
.page-footer .footer.content .switcher-store .switcher-options ul.dropdown {
background: none;
border: 0;
box-shadow: none;
margin: 0;
position: relative;
}
.page-footer .footer.content .switcher-store .switcher-options ul.dropdown:before,
.page-footer .footer.content .switcher-store .switcher-options ul.dropdown:after {
display: none;
}
.page-footer .footer.content .switcher-store .switcher-options .switcher-trigger,
.page-footer .footer.content .switcher-store .switcher-options .switcher-option {
border-top: 1px solid #cecece;
display: block;
padding: 1rem 1.8rem;
}
.page-footer .footer.content .switcher-store .switcher-options .switcher-trigger strong {
padding: 1rem 0;
}
.page-footer .footer.content .switcher-store .switcher-options .switcher-option a {
padding: 0;
}
.logo {
margin-bottom: 13px;
margin-top: 4px;
}
.cms-page-view .page-main {
padding-top: 0;
position: relative;
}
[class^='cms-privacy-policy'] .page-main {
padding-top: 41px;
position: relative;
}
.cms-content .data-table {
border: none;
display: block;
}
.cms-content .data-table > thead > tr > th {
display: none;
}
.cms-content .data-table > tbody {
display: block;
}
.cms-content .data-table > tbody > tr {
display: block;
}
.cms-content .data-table > tbody > tr td,
.cms-content .data-table > tbody > tr th {
border-bottom: none;
display: block;
padding: 0.4rem 1rem;
}
.cms-content .data-table > tbody > tr td[data-th]:before,
.cms-content .data-table > tbody > tr th[data-th]:before {
padding-right: 1rem;
content: attr(data-th) ': ';
display: inline-block;
color: #DE4700;
font-weight: 500;
}
.cms-content .data-table > tbody > tr > th {
background-color: #E6F4F9;
}
.products-grid.wishlist {
margin-bottom: 2.4rem;
margin-right: 0;
}
.products-grid.wishlist .product-item {
padding: 1.8rem 0 1.8rem 0;
position: relative;
}
.products-grid.wishlist .product-item-photo {
float: left;
margin-right: 1.8rem;
}
.products-grid.wishlist .product-item-name {
font-size: 1.6rem;
}
.products-grid.wishlist .product-item-actions {
display: block;
float: left;
}
.products-grid.wishlist .product-item-actions .action {
margin-right: 15px;
}
.products-grid.wishlist .product-item-actions .action:last-child {
margin-right: 0;
}
.products-grid.wishlist .product-item-actions .action.edit,
.products-grid.wishlist .product-item-actions .action.delete {
margin-top: 7px;
}
.products-grid.wishlist .product-item-name,
.products-grid.wishlist .product-item-description,
.products-grid.wishlist .product-item .price-box,
.products-grid.wishlist .product-item-tooltip {
margin-left: 95px;
}
.products-grid.wishlist .product-item .box-tocart {
float: left;
margin-right: 1.8rem;
}
.products-grid.wishlist .product-item .box-tocart .stock {
margin-top: 7px;
}
.products-grid.wishlist .product-item .giftregisty-dropdown,
.products-grid.wishlist .product-item .field.qty {
display: none;
}
.products-grid.wishlist .product-image-container {
max-width: 80px;
}
.wishlist-index-index .product-item {
width: 100%;
}
.wishlist-index-index .product-item-info {
width: auto;
}
.cart.table-wrapper .towishlist {
display: inline-block;
text-decoration: none;
}
.cart.table-wrapper .towishlist > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.cart.table-wrapper .towishlist:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e600";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.cart.table-wrapper .towishlist:hover:before {
color: #003057;
}
.cart.table-wrapper .towishlist:active:before {
color: #757575;
}
.cart.table-wrapper .towishlist:before {
overflow: visible;
}
.sidebar .block-viewed-products-grid .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 2%) / 2);
}
.sidebar .block-viewed-products-grid .products-grid .product-item:nth-child(2n + 1) {
margin-left: 0;
}
.sidebar .block-viewed-products-grid .products-grid .product-item-photo {
display: block;
position: relative;
}
.sidebar .block-viewed-products-grid .products-grid .product-item-details {
margin: 0;
}
.sidebar .block-viewed-products-grid .products-grid .product-item-info {
text-align: center;
}
.content-list__header--ccv .content-list__header-layout {
display: grid;
}
.content-list__header--ccv .content-list__header-intro {
grid-column: 1;
grid-row: 1;
z-index: 1;
}
.content-list__header--ccv .content-list__header-logo {
grid-column: 1;
grid-row: 1;
display: flex;
justify-content: flex-end;
}
.content-list__header--ccv .category-header__logo {
padding-top: 1rem;
opacity: 0.18;
}
.content-list__header--ccv .category-header__logo img {
max-height: 12.4rem;
}
.product-main__layout .product.media {
grid-column: 3 / -3;
margin-bottom: 4rem;
}
.pdp__related-wrapper .product__items {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #003057 transparent;
display: flex;
overflow-x: scroll;
margin-left: -2rem;
margin-right: -2rem;
gap: 2rem;
scroll-snap-type: x mandatory;
scroll-padding-inline: 2rem;
padding-left: 2rem;
padding-right: 2rem;
}
.pdp__related-wrapper .product__items::-webkit-scrollbar-track {
background: transparent;
}
.pdp__related-wrapper .product__items::-webkit-scrollbar-thumb {
background-color: #003057;
border-radius: 0.3rem;
border: 0;
}
.pdp__related-wrapper .product__items::-webkit-scrollbar-thumb:hover,
.pdp__related-wrapper .product__items::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.pdp__related-wrapper .product__item {
flex: 0 0 44%;
scroll-snap-align: start start;
}
.block-search {
margin-top: 0;
}
.minicart-wrapper {
margin-top: 0;
}
.page-header .minicart-wrapper .action.showcart {
display: none;
}
.minicart-items-wrapper {
min-height: 28rem;
max-height: 80vh;
}
.site-header__m-flyout .minicart-wrapper {
margin: -0.4rem -2rem 0;
}
.site-header__m-flyout .minicart-wrapper .block-minicart {
position: relative;
top: auto;
width: auto;
box-shadow: none;
border-radius: 0;
}
.site-header__m-flyout .minicart-wrapper .block-minicart .block-content > .actions {
padding: 0 2rem;
}
.site-header__m-flyout .minicart-wrapper .block-minicart .block-content > .actions .action.viewcart {
font-size: 1.3rem;
}
.site-header__m-flyout .minicart-wrapper .minicart-items-wrapper {
border-top: 0;
border-bottom: 0;
}
.site-header__m-flyout .minicart-wrapper .subtotal {
justify-content: center;
box-shadow: 0 -1rem 1.5rem 0 rgba(0, 48, 87, 0.05);
background-color: #ffffff;
font-size: 1.3rem;
}
.site-header__m-flyout .minicart-wrapper .subtotal .amount .price-wrapper:first-child .price {
font-size: 1.3rem;
}
.opc-wrapper {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
.opc-wrapper #shipping,
.opc-wrapper #payment {
scroll-margin-top: 12.4rem;
}
.opc-sidebar .minicart-items-wrapper {
min-height: 0;
}
.opc-sidebar.custom-slide {
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
visibility: visible;
opacity: 1;
transition: none;
z-index: auto;
}
.opc-sidebar.custom-slide .modal-inner-wrap {
min-height: 0;
height: auto;
transform: none;
transition: none;
width: 100%;
box-shadow: none;
}
.checkout-payment-method .step-title {
padding-left: 0;
padding-right: 0;
}
.checkout-payment-method .payment-methods {
margin: 0;
}
#checkout[data-step="shipping"] .opc-block-summary,
#checkout:not([data-step]) .opc-block-summary {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
.page-layout-2columns-account .col-layout-wrapper {
grid-column: full;
}
.account-status__outer {
grid-column: full;
}
.page-footer {
margin-top: 0;
}
.page-footer .footer__pattern svg {
height: 90%;
}
.mst-searchautocomplete__autocomplete {
overflow: visible;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
width: 100%;
justify-content: center;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a span {
text-align: center;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
display: block;
position: absolute;
right: 50%;
top: auto;
bottom: 0;
transform: translate(50%, 50%);
width: 5.2rem;
height: 5.2rem;
padding: 0;
border-radius: 50%;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close svg {
pointer-events: none;
}
.search .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
padding-left: 1.8rem;
padding-right: 1.8rem;
}
.mst-searchautocomplete__results-viewport {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #E6F4F9 transparent;
max-height: calc(100vh - 32rem);
padding-bottom: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
.mst-searchautocomplete__results-viewport::-webkit-scrollbar-track {
background: transparent;
}
.mst-searchautocomplete__results-viewport::-webkit-scrollbar-thumb {
background-color: #E6F4F9;
border-radius: 0.3rem;
border: 0;
}
.mst-searchautocomplete__results-viewport::-webkit-scrollbar-thumb:hover,
.mst-searchautocomplete__results-viewport::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
}
@media only screen and (max-width: 36.6875em) {
.table-wrapper {
border-top: 0.4rem solid #EDF4F8;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
position: relative;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) {
border: none;
display: block;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th {
display: none;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody {
display: block;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr {
display: block;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td,
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th {
border-bottom: none;
display: block;
padding: 0.4rem 1rem;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before,
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before {
padding-right: 1rem;
content: attr(data-th) ': ';
display: inline-block;
color: #DE4700;
font-weight: 500;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > th {
background-color: #E6F4F9;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child {
padding-top: 15px;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child {
border-bottom: 0.4rem solid #EDF4F8;
padding-bottom: 15px;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty {
text-align: left;
}
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody td:last-child {
border: none;
padding: 0 0 0.4rem;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot {
display: block;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr {
display: block;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th,
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td {
padding-top: 1.8rem;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark {
box-sizing: border-box;
float: left;
text-align: left;
width: 70%;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount {
box-sizing: border-box;
float: left;
text-align: right;
width: 30%;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals {
font-size: 1.6rem;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals .amount {
padding-bottom: 1rem;
}
.data-table-definition-list thead {
display: none;
}
.data-table-definition-list tbody th {
padding-bottom: 0;
}
.data-table-definition-list tbody th,
.data-table-definition-list tbody td {
display: block;
padding-left: 0;
padding-right: 0;
}
.pages .pages-items {
display: block;
padding: 2px 40px 0;
position: relative;
white-space: normal;
z-index: 1;
}
.pages-item-previous {
left: 0;
position: absolute;
top: 0;
z-index: 1;
}
.pages-item-next {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.actions-toolbar > .primary,
.actions-toolbar > .secondary {
flex: 1 1 100%;
}
.actions-toolbar > .primary .action,
.actions-toolbar > .secondary .action {
flex: 1 1 100%;
justify-content: center;
}
.footer__contact {
display: flex;
flex-direction: column;
}
.footer__contact .contact-box {
text-align: center;
}
.footer__logo {
align-self: center;
}
.footer__usp {
display: none;
}
button.action,
button[type="submit"],
a.action {
text-align: center;
}
.pager .pages .pages-items {
display: inline-flex;
padding: 0;
}
.pager .pages .pages-item-previous,
.pager .pages .pages-item-next {
position: static;
}
.pager .limiter,
.pager .toolbar-amount {
display: flex;
justify-content: center;
flex-grow: 1;
}
.pager .limiter select {
width: auto;
}
.site-header__m-ui button .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.paragraph--text-image .paragraph__inner {
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph--text-image .paragraph__layout {
flex-direction: column;
}
.paragraph--one-column-text .paragraph__inner {
padding-left: 2rem;
padding-right: 2rem;
}
.abs-visually-hidden-mobile,
.table-downloadable-products .col.title:before,
.table-giftregistry-items .col.product:before {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-checkout-order-review tbody > tr:not(:last-child),
.multicheckout.order-review .data.table tbody > tr:not(:last-child) {
border-bottom: 0.2rem solid #EDF4F8;
}
.abs-checkout-order-review tbody > tr > td.col.item:before,
.multicheckout.order-review .data.table tbody > tr > td.col.item:before {
display: none;
}
.abs-checkout-order-review tbody > tr > td.col.qty,
.abs-checkout-order-review tbody > tr > td.col.price,
.abs-checkout-order-review tbody > tr > td.col.subtotal,
.multicheckout.order-review .data.table tbody > tr > td.col.qty,
.multicheckout.order-review .data.table tbody > tr > td.col.price,
.multicheckout.order-review .data.table tbody > tr > td.col.subtotal {
box-sizing: border-box;
float: left;
text-align: center;
white-space: nowrap;
width: 33%;
}
.abs-checkout-order-review tbody > tr > td.col.qty[data-th]:before,
.abs-checkout-order-review tbody > tr > td.col.price[data-th]:before,
.abs-checkout-order-review tbody > tr > td.col.subtotal[data-th]:before,
.multicheckout.order-review .data.table tbody > tr > td.col.qty[data-th]:before,
.multicheckout.order-review .data.table tbody > tr > td.col.price[data-th]:before,
.multicheckout.order-review .data.table tbody > tr > td.col.subtotal[data-th]:before {
content: attr(data-th) ':';
display: block;
font-weight: 700;
padding-bottom: 1rem;
}
.abs-checkout-order-review tbody > tr > td.col:last-child,
.multicheckout.order-review .data.table tbody > tr > td.col:last-child {
border: 0;
}
.abs-checkout-order-review .product-item-name,
.multicheckout.order-review .data.table .product-item-name {
margin: 0;
}
.abs-product-items-summary tbody .col {
padding: 1rem 0 0;
}
.abs-product-items-summary tbody .col:last-child {
padding-bottom: 1rem;
}
.abs-product-items-summary tfoot .mark {
padding-bottom: 0.4rem;
text-align: left;
}
.abs-product-items-summary tfoot .amount {
padding-top: 0;
text-align: left;
}
.abs-product-items-summary tfoot .grand.totals {
font-size: 1.6rem;
}
.abs-product-items-summary tfoot .grand.totals .mark {
padding-bottom: 0;
padding-top: 0.4rem;
}
.abs-product-items-summary tfoot .grand.totals .amount {
padding-bottom: 1rem;
padding-top: 0;
}
.abs-product-items-summary tfoot .grand.totals .amount strong {
border-top: none;
}
.abs-account-table-margin-mobile,
.table-wrapper.balance-history,
.table-wrapper.reward-history,
.table-wrapper.orders-recent {
margin-top: -1.8rem;
}
.abs-col-no-prefix:before,
.abs-sidebar-totals-mobile th:before,
.abs-sidebar-totals-mobile td:before,
.account .table-billing-agreements .col.actions:before,
.account .table-billing-agreements-related .col.actions:before,
.table-wrapper.comparison .table-comparison > tbody > tr > th:before,
.table-wrapper.comparison .table-comparison > tbody > tr > td:before,
.cart .table.items .col.item:before,
.cart .table.items .item-actions td:before,
.account .table-giftregistry .col.actions:before,
.table.grouped > tbody > tr > td:before,
.account .table-reviews .col.actions:before,
.account .table-order-items .col.actions:before,
.account .table-order-items .col.options:before,
.cart-totals .totals th:before,
.cart-totals .totals td:before,
.opc-block-summary .totals th:before,
.opc-block-summary .totals td:before {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-no-display-s,
.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody th,
.order-details-items .table-order-items .options-label,
.opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item {
display: none;
}
.abs-title-orders-mobile .page-main .page-title-wrapper .page-title,
.magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
.magento-rma-returns-view .page-main .page-title-wrapper .page-title,
.account .page-main .page-title-wrapper .page-title,
[class^='sales-guest-'] .page-main .page-title-wrapper .page-title,
.sales-guest-view .page-main .page-title-wrapper .page-title {
display: block;
}
.abs-title-orders-mobile .page-main .page-title-wrapper .order-status,
.magento-rma-returns-returns .page-main .page-title-wrapper .order-status,
.magento-rma-returns-view .page-main .page-title-wrapper .order-status,
.account .page-main .page-title-wrapper .order-status,
[class^='sales-guest-'] .page-main .page-title-wrapper .order-status,
.sales-guest-view .page-main .page-title-wrapper .order-status {
margin: 0 0 1rem;
}
.abs-table-striped-mobile > tbody > tr > td:last-child,
.account .data.table > tbody > tr > td:last-child {
border: 0;
}
.abs-no-border-top,
.product.info.detailed .additional-attributes-wrapper,
.table-wrapper.balance-history,
.table-wrapper.table-returns,
.table-wrapper.orders-recent,
.order-details-items .table-wrapper {
border-top: 0;
}
.abs-no-border-bottom {
border-bottom: 0;
}
.abs-sidebar-totals-mobile .amount,
.cart-totals .totals .amount,
.opc-block-summary .totals .amount {
text-align: right;
}
.abs-pager-toolbar-mobile-s .toolbar-amount,
.abs-pager-toolbar-mobile-s .limiter,
.abs-pager-toolbar-mobile-s .pages {
margin-bottom: 0;
}
.mst-search__result-tabs li {
float: none;
display: block;
width: 100%;
}
.mst-search__result-tabs li a.active {
border: 1px solid #cccccc;
}
.form-new-agreement select {
width: auto;
}
.table-paypal-review-items .col.subtotal {
text-align: left;
}
.table-paypal-review-items .product-item-name {
display: inline-block;
}
.column .block-addbysku .sku {
margin-right: -85px;
padding-right: 90px;
}
.column .block-addbysku .action.remove {
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.column .block-addbysku .action.remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.column .block-addbysku .action.remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: inherit;
color: #757575;
content: "\e604";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: -4px 0 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.column .block-addbysku .action.remove:hover:before {
color: inherit;
}
.column .block-addbysku .action.remove:active:before {
color: inherit;
}
.column .block-addbysku .action.remove:focus,
.column .block-addbysku .action.remove:active {
background: none;
border: none;
}
.column .block-addbysku .action.remove:hover {
background: none;
border: none;
}
.column .block-addbysku .action.remove.disabled,
.column .block-addbysku .action.remove[disabled],
fieldset[disabled] .column .block-addbysku .action.remove {
pointer-events: none;
opacity: 0.5;
}
.products-list .product-item {
table-layout: fixed;
}
.products-list .product-item-photo {
padding: 0 1rem 1rem 0;
width: 30%;
}
.product-item-actions .actions-primary {
display: block;
}
.product-info-price {
margin: 0 -1rem 0;
width: calc(100% + 2*1rem) !important;
}
.product-info-price > *:first-child {
padding-left: 1rem;
}
.product-info-price > *:last-child {
padding-right: 1rem;
}
.table-wrapper.comparison .table-comparison > tbody > tr > th,
.table-wrapper.comparison .table-comparison > tbody > tr > td {
display: table-cell;
}
.cart .table.items .col.qty {
text-align: center;
}
.opc-wrapper .step-title {
font-size: 18px;
border-bottom: 0;
padding-bottom: 0;
}
.opc-wrapper .step-content {
margin: 0 0 15px;
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address,
.opc-wrapper .methods-shipping {
background: #f4f4f4;
margin: 1.8rem -15px 15px;
padding: 1.8rem 15px;
}
.opc-wrapper .form-login + .form-shipping-address {
margin-top: -15px;
}
.opc-wrapper .shipping-address-item {
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
padding: 0 0 15px;
width: 100%;
}
.opc-wrapper .shipping-address-item.selected-item {
padding: 15px 7.4rem 15px 18px;
border-bottom-width: 2px;
}
.opc-wrapper .shipping-address-item.selected-item .edit-address-link {
right: 30px;
}
.opc-wrapper .action-select-shipping-item {
float: none;
margin-top: 1rem;
width: 100%;
}
.opc-wrapper .action-show-popup {
width: 100%;
}
.opc-wrapper .methods-shipping {
border-bottom: 0.2rem solid #ccc;
padding-top: 2.4rem;
}
.opc-wrapper .edit-address-link {
display: inline-block;
text-decoration: none;
margin: 0;
position: absolute;
right: 0;
top: 5px;
}
.opc-wrapper .edit-address-link > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-wrapper .edit-address-link:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: "\e601";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-wrapper .edit-address-link:hover:before {
color: #003057;
}
.opc-wrapper .edit-address-link:active:before {
color: #757575;
}
.shipping-policy-block.field-tooltip {
margin-bottom: 1.8rem;
position: relative;
right: auto;
top: auto;
}
.shipping-policy-block.field-tooltip .field-tooltip-content {
width: 300px;
right: auto;
}
.shipping-policy-block.field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
right: auto;
}
.opc-block-shipping-information .shipping-information-title {
font-size: 2.3rem;
}
.opc-block-summary > .title {
border-bottom: 0;
font-size: 18px;
margin-bottom: 1.8rem;
padding-bottom: 0;
}
.account .column.main,
.account .sidebar-additional {
margin: 0;
padding: 0;
}
.account .sidebar-main .account-nav {
margin-bottom: 0;
}
.page-product-downloadable .product-options-wrapper {
margin-bottom: 1.8rem;
}
.table-downloadable-products .product-name {
display: block;
margin-bottom: 0.4rem;
}
.page-product-downloadable .product-info-price ~ *:last-child:after {
border-bottom: 1px solid #c1c1c1;
content: '';
display: block;
height: 0;
margin: 1.8rem -1rem;
overflow: hidden;
width: auto;
}
.table-giftregistry-items .field.choice,
.table-giftregistry-items .field.qty {
display: inline-block;
}
.form-giftregistry-search .fieldset {
margin-bottom: 1.8rem;
}
.block-giftregistry-results .block-title {
margin-bottom: 0;
}
.block-giftregistry-results .table-wrapper {
border-top: none;
}
.block-giftregistry-shared-items .block-title {
margin-bottom: 1rem;
}
.block-giftregistry-shared-items .table-wrapper {
border-top: 0;
}
.table.grouped > thead > tr > th {
border-bottom: 0.4rem solid #EDF4F8;
display: table-cell;
}
.table.grouped > tbody {
border-bottom: 0.4rem solid #EDF4F8;
}
.table.grouped > tbody > tr > td {
padding: 1rem 1rem;
border: 0;
display: table-cell;
}
.table-wrapper .table.grouped:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > td:last-child {
border-bottom: 0;
}
.page-product-grouped .minimal-price {
margin: 0;
}
.page-product-grouped .product-info-price {
border: 0;
margin-bottom: 0;
}
.page-product-grouped .product-info-price .price-box {
padding-bottom: 0;
}
.form-add-invitations .action.remove {
display: inline-block;
text-decoration: none;
}
.form-add-invitations .action.remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.form-add-invitations .action.remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: inherit;
color: #757575;
content: "\e604";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.form-add-invitations .action.remove:hover:before {
color: inherit;
}
.form-add-invitations .action.remove:active:before {
color: inherit;
}
.multicheckout .data.table .address:before {
margin-bottom: 0.4rem;
}
.multicheckout .product-item-name,
.multicheckout .price-including-tax,
.multicheckout .price-excluding-tax {
display: inline-block;
}
.multicheckout .block-content .box:not(:last-child) {
margin-bottom: 3.2rem;
}
.multicheckout .block-content .box:last-child {
margin-bottom: 0;
}
.multicheckout.order-review .box-items .data.table thead {
display: block;
}
.multicheckout.order-review .box-items .data.table thead tr {
display: block;
}
.multicheckout.order-review .box-items .data.table thead .col.item {
display: block;
padding: 0;
}
.multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.subtotal {
border-bottom: none;
}
.multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.qty {
text-align: center;
}
.multicheckout .actions-toolbar .action {
margin-bottom: 1.8rem;
}
.multicheckout .actions-toolbar > .primary {
margin-bottom: 1.8rem;
margin-right: 0;
}
.customer-review .product-name {
margin-bottom: 0.4rem;
}
.customer-review .product-reviews-summary .rating-summary {
display: block;
margin-bottom: 0.4rem;
}
.form-create-return .additional .field:nth-last-child(2) {
margin-bottom: 0;
}
.form-create-return .additional .field:last-child {
margin-top: 0;
}
.account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track {
display: block;
float: none;
margin: 1rem 0 0;
}
.table-wrapper.orders-recent .table-order-items.table tbody > tr > td.col {
padding-left: 0;
}
.order-details-items thead {
display: block;
}
.order-details-items thead tr {
display: block;
}
.order-pager-wrapper {
display: block;
}
.account .table-order-items tbody tr {
display: block;
}
.account .table-order-items .product-item-name {
display: inline-block;
margin: 0;
}
.account .table-order-items .action.show {
margin-top: 0;
}
.order-details-items .order-title strong {
display: block;
}
.order-details-items .action {
margin-top: 1rem;
}
.order-details-items .items-qty {
display: inline-block;
vertical-align: top;
}
.order-details-items .col.price .price-including-tax,
.order-details-items .col.subtotal .price-including-tax,
.order-details-items .col.price .price-excluding-tax,
.order-details-items .col.subtotal .price-excluding-tax {
display: inline-block;
}
.order-details-items .data.table .col.options {
padding: 0 10px 15px;
}
.order-details-items .data.table .col.options:before {
display: none;
}
.order-details-items .options-label + .item-options-container[data-th]:before,
.order-details-items .item-options-container + .item-options-container[data-th]:before {
content: attr(data-th) ':';
display: block;
font-weight: 700;
padding-left: 10px;
}
.order-details-items .options-label + .item-options-container .col,
.order-details-items .item-options-container + .item-options-container .col {
font-size: 1.2rem;
padding: 0 10px;
}
.order-details-items .options-label + .item-options-container .col:first-child,
.order-details-items .item-options-container + .item-options-container .col:first-child {
padding-top: 3px;
}
.order-details-items .options-label + .item-options-container .col:last-child,
.order-details-items .item-options-container + .item-options-container .col:last-child {
padding-bottom: 20px;
}
.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status {
display: none;
}
.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before {
display: none;
}
.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default {
display: block;
}
.my-credit-cards .card-type img {
vertical-align: middle;
}
.products-grid.wishlist .product-item {
border-bottom: 1px solid #e8e8e8;
margin: 0;
width: 100%;
}
.products-grid.wishlist .product-item:first-child {
border-top: 1px solid #e8e8e8;
}
.product-main__layout .product.media {
grid-column: 2 / -2;
}
.pdp__related-wrapper .product__item {
flex-basis: 64%;
}
.results-section .products-grid .items .item {
flex: 0 0 100%;
}
.cart__title-layout {
justify-content: space-between;
}
.cart__bottom-inner {
gap: 5rem;
}
.cart__bottom-inner .cart__cross-sell-block,
.cart__bottom-inner .block.discount {
flex: 1 1 100%;
}
.shopping-cart__row .scr-image .product-image-photo {
max-width: 8rem;
}
.checkout__title-layout {
justify-content: space-between;
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address,
.opc-wrapper .methods-shipping {
padding: 0;
margin: 2rem 0;
background: #ffffff;
}
.opc-wrapper .form-login + .form-shipping-address {
margin-top: inherit;
}
.opc-wrapper .edit-address-link {
width: 3rem;
height: 3rem;
top: 0;
}
.opc-wrapper .edit-address-link::before {
content: '\270E';
display: block;
transform: scaleX(-100%);
font-size: 2.4rem;
line-height: 1;
}
.checkout-success .actions-toolbar > .primary .action {
flex: 0 0 auto;
justify-content: flex-start;
}
.account .table-wrapper.orders-recent {
margin-top: 0;
}
.account .table-wrapper.orders-recent .table.table-order-items.recent tbody > tr > td {
font-size: 1.5rem;
}
.account .table-wrapper.orders-recent .table.table-order-items.recent tbody > tr > td:first-child {
padding-top: 0;
border-top: 0;
}
.account .table-wrapper.orders-recent .table.table-order-items.recent tbody > tr > td:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.account .table-wrapper.orders-recent .table.table-order-items.recent tbody > tr > td[data-th]::before {
padding-right: 1ch;
color: #4F758B;
font-weight: 400;
}
.account .table-wrapper.orders-history {
border-top: 0;
}
.account .table-wrapper.orders-history .table.history > tbody {
display: flex;
}
.account .table-wrapper.orders-history .table.history > tbody > tr > td {
padding: 0;
font-size: 1.5rem;
text-align: left;
}
.account .table-wrapper.orders-history .table.history > tbody > tr > td:first-child {
padding-top: 0;
border-top: 0;
}
.account .table-wrapper.orders-history .table.history > tbody > tr > td:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.account .table-wrapper.orders-history .table.history > tbody > tr > td[data-th]::before {
padding-right: 1ch;
color: #4F758B;
font-weight: 400;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr {
display: flex;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td {
padding: 0;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td:first-child {
padding-top: 0;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td:last-child {
padding-bottom: 0;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td.sku::before {
content: '(';
padding-right: 0;
color: #4F758B;
font-weight: 400;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td.name::before,
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td.qty::before {
content: none;
}
.account .table-wrapper.order-items .table.table-order-items > tbody > tr > td::before {
color: #4F758B;
}
.account .table-wrapper.order-items .table.table-order-items > tfoot > tr {
display: flex;
justify-content: flex-end;
}
.account .table-wrapper.order-items .table.table-order-items > tfoot > tr .amount {
float: none;
width: auto;
}
.account .table-wrapper.order-items .table.table-order-items .items-qty {
display: block;
}
.mobile-filters__state {
flex-direction: column;
}
}
@media only screen and (max-width: 26.6875em) {
.tooltip.wrapper .tooltip.content {
min-width: 10rem;
}
.minicart-wrapper .block-minicart {
width: 290px;
}
.modal-popup .field-tooltip .field-tooltip-content {
width: 22rem;
}
.shopping-cart__row .scr-image {
grid-row: 1;
}
.shopping-cart__row .scr-product-details,
.shopping-cart__row .scr-unit-price,
.shopping-cart__row .scr-subtotal,
.shopping-cart__row .scr-qty {
grid-column: 2 / span 20;
}
.shopping-cart__row .scr-product-details {
grid-row: 2;
}
.shopping-cart__row .scr-unit-price {
grid-row: 3;
}
.shopping-cart__row .scr-subtotal {
grid-row: 4;
}
.shopping-cart__row .scr-qty {
grid-row: 5;
}
.content-header.content-header--checkout {
padding-bottom: 2.4rem;
}
.checkout__title-layout {
flex-direction: column;
}
.checkout__title-layout button.action.checkout__previous-step {
align-self: flex-start;
}
.checkout-index-index .columns > .column.main {
grid-column: full;
}
}
@media only screen and (max-width: 23.0625em) {
.cart__title-layout {
flex-direction: column;
}
.cart__title-layout .cart__return-to-store {
align-self: flex-end;
}
}
@media all and (min-width: 36.75em) {
.table > tbody > tr > th,
.table > tbody > tr > td {
border-top: 0.4rem solid #EDF4F8;
}
.table > tbody + tbody {
border-top: 0.4rem solid #EDF4F8;
}
.ui-dialog.popup {
width: 420px;
}
.footer__contact .contact__wrapper {
display: flex;
gap: 1.8rem;
}
.footer__contact .contact__wrapper > * {
flex: 1 1 50%;
}
.footer__logo {
transform: translateX(-2.4rem);
}
.usp__list {
max-width: 80vw;
justify-self: center;
}
.content-type__header.columns-subgrid__inner {
grid-template-rows: 1fr minmax(-webkit-min-content, 6rem);
grid-template-rows: 1fr minmax(min-content, 6rem);
}
.content-type__header.columns-subgrid__inner .content-type__header__intro {
padding-left: 3rem;
padding-right: 3rem;
}
.blog-teaser__wrapper.blog-teaser--l .blog-teaser__body {
text-align: left;
}
.blog-teaser__wrapper.blog-teaser--highlight .blog-teaser__body {
grid-row: 1;
align-self: flex-end;
justify-self: flex-end;
min-width: 40%;
max-width: 80%;
border-top-left-radius: 0.3rem;
}
.homepage__featured-blog .featured-blog__list {
flex-direction: row;
}
.homepage__featured-blog .featured-blog__item {
flex: 1 1 50%;
}
.homepage__featured-blog .blog-teaser__wrapper {
height: 100%;
}
.homepage__featured-blog .blog-teaser__wrapper .blog-teaser__body {
flex-grow: 1;
}
.paragraph--media-embed .paragraph__inner {
padding-left: 3rem;
padding-right: 3rem;
}
.paragraph--products .paragraph__inner {
padding: 3rem;
}
.paragraph--products .product__list {
flex-direction: row;
}
.paragraph--products .product__item {
flex: 1 1 50%;
}
.paragraph--text-image .paragraph__layout {
gap: 2rem;
}
.paragraph--text-image .paragraph__inner {
padding-left: 3rem;
}
.paragraph--text-image .visual-wrapper {
flex: 1 1 42%;
}
.paragraph--text-image .text-wrapper {
flex: 1 1 58%;
}
.paragraph--text-image.has-media-r .visual-wrapper {
order: 2;
}
.paragraph--video .paragraph__inner {
padding-left: 3rem;
padding-right: 0;
}
.homepage__header {
flex-direction: row;
flex-wrap: wrap;
}
.homepage__header .homepage__hero {
flex: 1 1 100%;
}
.homepage__header .header__teasers {
flex-direction: row;
flex-grow: 1;
}
.homepage__header .blog-teaser {
flex: 1 1 60%;
}
.homepage__header .trustpilot-teaser {
flex: 1 1 40%;
}
.abs-blocks-2columns-s {
width: 48%;
}
.abs-blocks-2columns-s:nth-child(1) {
clear: left;
float: left;
}
.abs-blocks-2columns-s:nth-child(2) {
float: right;
}
.abs-blocks-2columns-s:nth-child(2) + * {
clear: both;
}
.abs-reset-left-margin-desktop-s,
.column:not(.sidebar-main) .multicheckout .actions-toolbar,
.multicheckout .block-shipping .box-shipping-method .fieldset .legend {
margin-left: 0;
}
.abs-visually-hidden-desktop-s,
.products-grid .product-item-info:not(:hover):not(.active) .product-item-inner {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-add-box-sizing-desktop-s,
.multicheckout .block-shipping .box,
.multicheckout .block-billing .box-billing-address,
.multicheckout .block-billing .box-billing-method {
box-sizing: border-box;
}
.abs-form-field-column-2-s .fieldset .field {
padding: 0 12px 0 0;
box-sizing: border-box;
display: inline-block;
width: 50%;
vertical-align: top;
}
.abs-form-field-column-2-s .fieldset .field + .fieldset {
clear: both;
}
.abs-form-field-column-2-s .fieldset .field:nth-last-child(1),
.abs-form-field-column-2-s .fieldset .field:nth-last-child(2) {
margin-bottom: 0;
}
.abs-form-field-column-2-s .fieldset .field .field {
padding: 0;
width: 100%;
}
.abs-form-field-revert-column-1-s {
width: 100%;
}
.abs-action-print-s {
display: inline-block;
text-decoration: none;
}
.abs-action-print-s:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
line-height: 16px;
color: inherit;
content: "\e624";
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0 4px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-action-print-s:hover {
text-decoration: underline;
}
.column .block-addbysku .action.remove {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.25;
margin: 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
margin-top: -4px;
}
.column .block-addbysku .action.remove:focus,
.column .block-addbysku .action.remove:active {
background: none;
border: none;
}
.column .block-addbysku .action.remove:hover {
background: none;
border: none;
}
.column .block-addbysku .action.remove.disabled,
.column .block-addbysku .action.remove[disabled],
fieldset[disabled] .column .block-addbysku .action.remove {
pointer-events: none;
opacity: 0.5;
}
.column .block-addbysku .action.remove:visited {
color: #DE4700;
text-decoration: none;
}
.column .block-addbysku .action.remove:hover {
color: #DE4700;
text-decoration: none;
}
.column .block-addbysku .action.remove:active {
color: #00843D;
text-decoration: none;
}
.column .block-addbysku .action.remove:hover,
.column .block-addbysku .action.remove:active,
.column .block-addbysku .action.remove:focus {
background: none;
border: 0;
}
.column .block-addbysku .action.remove.disabled,
.column .block-addbysku .action.remove[disabled],
fieldset[disabled] .column .block-addbysku .action.remove {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.catalogsearch-advanced-result .message.error {
margin-top: 0;
}
.products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
background: #fff;
box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3);
border: 1px solid #bbb;
margin: -10px;
padding: 9px;
position: relative;
z-index: 9;
}
.products-grid .product-item-info:hover .product-item-inner,
.products-grid .product-item-info.active .product-item-inner {
display: block;
}
.sidebar .products-grid .product-item-info:hover .product-item-photo,
.sidebar .products-grid .product-item-info.active .product-item-photo {
left: 9px;
top: 9px;
}
.products-grid .product-item-inner {
background: #fff;
box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3);
border: 1px solid #bbb;
border-top: none;
left: 0;
margin: 10px 0 0 -1px;
padding: 0 9px 9px;
position: absolute;
right: -1px;
z-index: 2;
}
.product-item-actions {
display: block;
}
.products-grid .product-item-actions {
margin: -1rem 0 1rem;
}
.product-item-actions .actions-primary + .actions-secondary {
display: inline-block;
vertical-align: middle;
}
.product-item-actions .actions-primary + .actions-secondary > .action {
line-height: 35px;
text-align: center;
width: 35px;
}
.product-item-actions .actions-primary + .actions-secondary > .action:last-child {
margin-right: 0;
}
.product-item-actions .actions-primary {
display: inline-block;
}
.page-products .products-grid .product-item-inner:before {
background: #fff;
content: '';
height: 3px;
left: 0;
position: absolute;
top: -2px;
width: 100%;
z-index: -1;
}
.page-products .product-item-actions {
z-index: 1;
}
.products-grid .product-item {
margin-bottom: 1.8rem;
width: 33.33333333%;
}
.page-products .products-grid .product-item,
.page-layout-1column .products-grid .product-item,
.page-layout-3columns .products-grid .product-item,
.page-products.page-layout-1column .products-grid .product-item,
.page-products.page-layout-3columns .products-grid .product-item {
margin-left: 0;
width: calc((100% - 4%) / 3);
}
.page-products .products-grid .product-item:nth-child(3n + 1),
.page-layout-1column .products-grid .product-item:nth-child(3n + 1),
.page-layout-3columns .products-grid .product-item:nth-child(3n + 1),
.page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1),
.page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.block.widget .products-grid .product-item .product-item-inner,
.page-layout-1column .block.widget .products-grid .product-item .product-item-inner,
.page-layout-3columns .block.widget .products-grid .product-item .product-item-inner {
box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, 0.3);
margin: 9px 0 0 -1px;
}
.sidebar .product-items .action.delete {
line-height: unset;
position: absolute;
right: 0;
top: -1px;
width: auto;
}
.sidebar .block-compare .action.delete {
left: 0;
right: initial;
}
.cart-container .block.crosssell .products-grid .product-item-actions {
margin: 0 0 1rem;
}
.multicheckout .actions-toolbar .secondary {
float: none;
margin-top: 11px;
text-align: right;
}
.multicheckout .actions-toolbar .secondary .action {
margin-left: 0;
}
.multicheckout .actions-toolbar .secondary .action.back {
display: block;
float: left;
}
.multicheckout .item-options {
margin: 1.8rem 0 0;
}
.multicheckout .block-content .box {
margin-bottom: 0;
}
.multicheckout .block-shipping .box {
float: left;
width: 25%;
}
.multicheckout .block-shipping .box-shipping-method {
padding-left: 1.8rem;
padding-right: 1.8rem;
width: 50%;
}
.multicheckout .block-shipping .box-shipping-method .fieldset .field:before {
display: none;
}
.multicheckout .block-billing .box-billing-address {
float: left;
width: 25%;
}
.multicheckout .block-billing .box-billing-method {
float: left;
padding-left: 1.8rem;
width: 50%;
}
.multicheckout.form.address .table-wrapper .applicable {
margin: 7px 0 0;
}
.multicheckout.order-review .box-items {
clear: left;
float: none;
padding-top: 3.2rem;
width: auto;
}
.multicheckout.order-review .col.item {
width: 75%;
}
.multicheckout .methods-payment .item-content > .fieldset {
width: auto;
}
.multicheckout .methods-payment .item-content > .fieldset .field.cvv {
display: inline-block;
width: auto;
}
.multicheckout .methods-payment .fieldset > .field:not(.choice) > .label {
float: none;
margin-bottom: 8px;
text-align: left;
width: auto;
}
.multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control {
width: 100%;
}
.review-form {
max-width: 500px;
}
.review-ratings {
float: left;
margin-bottom: 0;
min-width: 276.8px;
padding-right: 3.2rem;
}
.review-ratings ~ .review-content-container {
overflow: hidden;
}
.review-toolbar {
margin: 0 0 30px;
}
.review-toolbar .pages {
padding: 30px 0;
}
.fieldset .review-legend.legend {
margin-bottom: 30px;
}
.review-item {
padding: 30px 0;
}
.review-title {
margin: 0 0 30px;
}
.order-details-items .order-title .action {
margin: 12px 0 0 30px;
}
.order-details-items .order-title .action.track {
float: right;
}
.wishlist-index-index .products-grid .product-item-actions {
margin: 0;
}
.block.widget .products-grid .product-item,
.page-layout-1column .block.widget .products-grid .product-item,
.page-layout-3columns .block.widget .products-grid .product-item {
width: 33.33333333%;
}
.page-layout-1column .block.widget .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 4%) / 3);
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.products-grid .product-item-info:hover,
.products-grid .product-item-info.active {
position: static;
margin: 0;
padding: 0;
box-shadow: none;
border: none;
background: inherit;
}
.ccv-list__wrapper .products-grid .product__items {
grid-template-columns: 1fr 1fr;
-moz-column-gap: 5%;
column-gap: 5%;
}
.results-section .products-grid .items .item {
flex: 0 0 calc((100% - 2rem) / 2);
}
.cart__bottom-inner .cart__cross-sell-block {
flex: 1 1 calc(50% - 3rem);
}
.cart__bottom-inner .block.discount {
flex: 1 1 calc(50% - 3rem);
}
.opc-wrapper .edit-address-link + .action-select-shipping-item {
clear: left;
float: left;
}
}
/* prevent icon font from being loaded, even if a core rule was overlooked and not yet rewritten */
/**
* REPLACES THE ENTIRE MODULE STYLES AND BUILDS ON TOP TO OVERRIDE SOME
* (STATIC STYLESHEET) RULES THE MODULE LOADS ON THE SIDE.
*/
.popup_geoip_content {
position: relative;
max-width: 60rem;
padding: 3rem 2rem 1.8rem;
margin: 0 auto;
display: none;
border-radius: 0.3rem;
background: #ffffff;
}
.geoip_title {
padding-bottom: 1rem;
margin-bottom: 2rem;
border-bottom: 0.2rem solid #EDF4F8;
font-size: 1.8rem;
font-weight: 700;
text-align: left;
word-wrap: break-word;
}
.bss_geoip_popup_wrap.mfp-wrap ~ .page-wrapper {
filter: blur(0.1rem);
}
.mfp-content .geoip_popup-main {
flex-flow: row wrap;
gap: 3.2rem 2rem;
}
.mfp-content .geoip_popup-main .selector_bss-store-selector {
flex: 1 1 100%;
}
/* Switcher website (not in use – we use core Magento block + IMI StoreSwitch improvements */
div.switcher-website {
max-height: 20px;
}
switcher-website img.bss-flag {
display: inline-block;
position: relative;
top: -4px;
width: 32px;
}
switcher-website li.switcher-option {
max-height: 35px;
}
switcher-website div#switcher-website-trigger span {
position: relative;
top: -15px;
}
switcher-website .switcher-option span {
position: relative;
top: -15px;
}
.page-header .switcher.switcher-website .options .action.toggle.switcher-trigger {
padding-left: 8px;
padding-right: 8px;
}
.nav-sections .switcher-website div#switcher-website-trigger {
padding-top: 10px;
}
.nav-sections .switcher-website .switcher-dropdown {
display: none;
}
.nav-sections .switcher-website .active .switcher-dropdown {
display: block;
}
.nav-sections .switcher-website .switcher-trigger strong {
display: inline-block;
}
.nav-sections .switcher-website .switcher-trigger strong:after {
top: -16px;
}
.nav-sections div.switcher-website {
max-height: none;
}
.product-image-photo {
position: static;
margin: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.product-item-photo {
display: flex;
justify-content: center;
align-items: center;
}
.product-item-info,
.page-products .product-item-info {
width: auto;
}
.product-item-name {
margin: 0;
}
.content-list__header--ccv {
margin-bottom: 3rem;
}
.content-list__header--ccv .content-list__header-pattern svg {
transform: translateY(18%);
}
.content-list__header--ccv .page-title-wrapper {
display: flex;
flex-direction: column;
align-items: baseline;
gap: 2rem;
}
.content-list__header--ccv .content-list__header-logo {
padding-bottom: 3rem;
}
.category-header__label {
display: inline-flex;
align-items: center;
padding: 0.8rem 2rem 0.8rem 1rem;
gap: 1rem;
border-radius: 0.3rem;
/* inverted default button */
background-color: #ffffff;
color: #003057;
font-size: 1.5rem;
line-height: 1;
white-space: nowrap;
}
.category-header__logo {
opacity: 0.3;
}
.category-header__logo img {
filter: brightness(0) invert(1);
}
.ccv-list__wrapper + * {
margin-top: 6rem;
}
.ccv__categories-pattern {
background-color: #E6F4F9;
}
.ccv__categories-pattern .pattern-wrapper {
background-color: #ffffff;
}
.ccv__categories-pattern svg {
transform: scaleX(-1);
}
.category-teasers .categories-grid-wrapper {
position: relative;
}
.columns + .category-paragraphs {
margin-top: 8rem;
}
.ccv-list__wrapper .products-grid .product__items {
display: grid;
row-gap: 3rem;
}
.sidebar-wrapper .trustpilot__rating-quotes {
margin-top: 8rem;
padding: 0 2rem;
}
.product-main__layout {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.product-main__layout > * {
grid-column-start: 1;
grid-column-end: -1;
}
.product-main__layout .product.media {
width: 100%;
}
.product-info-main {
display: flex;
flex-direction: column;
row-gap: 4rem;
}
.catalog-product-view .breadcrumbs {
margin-top: 0;
}
.catalog-product-view .column.main {
grid-row: 1;
padding-top: 3rem;
}
.catalog-product-view .pdp__pattern {
--patternOffset: 8rem;
grid-column: full;
grid-row: 1;
padding-top: var(--patternOffset, 8rem);
background-image: linear-gradient(to bottom, #E6F4F9 var(--patternOffset, 8rem), #ffffff var(--patternOffset, 8rem));
}
.pdp__categories-pattern {
background-color: #E6F4F9;
}
.pdp__categories-pattern .pattern-wrapper {
background-color: #ffffff;
}
.pdp__categories-pattern svg {
transform: scaleX(-1);
}
.catalog-product-view .fotorama {
overflow: visible;
}
.catalog-product-view .gallery-placeholder {
box-shadow: 0 2rem 4rem 0 rgba(0, 48, 87, 0.05);
border-radius: 0.3rem;
background-color: #ffffff;
}
.catalog-product-view .gallery-placeholder._block-content-loading {
padding-bottom: 4.2rem;
}
.catalog-product-view .fotorama__nav-wrap {
padding-bottom: 1.2rem;
text-align: center;
}
.catalog-product-view .fotorama__wrap--css3 .fotorama__spinner {
-webkit-animation: none;
animation: none;
}
.catalog-product-view .fotorama__spinner {
display: inline-block;
position: relative;
width: 3.5rem;
height: 3.5rem;
-webkit-animation: spinner-rotation 1s ease-in-out 0s infinite;
animation: spinner-rotation 1s ease-in-out 0s infinite;
background: #003057;
border-radius: 50%;
background-image: none;
}
@media (prefers-reduced-motion) {
.catalog-product-view .fotorama__spinner {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
}
}
.catalog-product-view .fotorama__spinner img,
.catalog-product-view .fotorama__spinner img[style] {
display: none !important;
}
.catalog-product-view .fotorama__spinner::after {
content: '';
position: absolute;
width: 0.5rem;
height: 0.5rem;
top: 1.5rem;
left: 1.5rem;
box-shadow: 1rem 0, -1rem 0, -0.5rem -1rem, 0.5rem -1rem, -0.5rem 1rem, 0.5rem 1rem;
border-radius: 50%;
background: currentColor;
color: #ffffff;
}
.catalog-product-view .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus),
.catalog-product-view .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
transform: none;
}
.catalog-product-view .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr {
opacity: 1;
}
.catalog-product-view .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr.fotorama__arr--disabled {
opacity: 0.5;
}
.catalog-product-view .fotorama__arr {
width: 5.2rem;
}
.catalog-product-view .fotorama__arr,
.catalog-product-view .fotorama__arr:hover {
background: transparent;
}
.catalog-product-view .fotorama__arr .fotorama__arr__arr {
pointer-events: all;
width: 5.2rem;
height: 5.2rem;
left: 0;
transform: none;
transition: 250ms linear;
opacity: 0.88;
border-radius: 50%;
background-image: none;
}
.catalog-product-view .fotorama__arr .fotorama__arr__arr svg {
pointer-events: none;
}
.catalog-product-view .fotorama__arr .fotorama__arr__arr:focus,
.catalog-product-view .fotorama__arr .fotorama__arr__arr:hover {
opacity: 1;
box-shadow: 0 0 1rem 0 rgba(0, 48, 87, 0.15);
}
.catalog-product-view .fotorama__arr.fotorama__arr--disabled {
pointer-events: none;
opacity: 0.5;
}
.catalog-product-view .fotorama__arr.fotorama__arr--disabled .fotorama__arr__arr:focus,
.catalog-product-view .fotorama__arr.fotorama__arr--disabled .fotorama__arr__arr:hover {
opacity: 0.88;
box-shadow: none;
}
.catalog-product-view .fotorama__arr--prev .fotorama__arr__arr {
transform: translateX(-50%);
}
.catalog-product-view .fotorama__arr--next .fotorama__arr__arr {
transform: translateX(50%);
}
.catalog-product-view .fotorama__stage.fotorama__shadows--left::before,
.catalog-product-view .fotorama__nav.fotorama__shadows--left::before {
background-image: linear-gradient(transparent, rgba(0, 48, 87, 0.05) 25%, rgba(0, 48, 87, 0.1) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 48, 87, 0.21), transparent);
}
.catalog-product-view .fotorama__stage.fotorama__shadows--right::after,
.catalog-product-view .fotorama__nav.fotorama__shadows--right::after {
background-image: linear-gradient(transparent, rgba(0, 48, 87, 0.05) 25%, rgba(0, 48, 87, 0.1) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 48, 87, 0.21), transparent);
}
.catalog-product-view .fotorama__custom-nav-wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.catalog-product-view .fotorama__thumb-border {
display: none;
}
.catalog-product-view .fotorama__thumb {
transition: border-color 250ms ease-out;
border: 0.2rem solid #EDF4F8;
background-color: #ffffff;
}
.catalog-product-view .fotorama__thumb,
.catalog-product-view .fotorama__thumb img {
border-radius: 0.3rem;
}
.catalog-product-view .fotorama__active .fotorama__thumb {
border-color: #DE4700;
}
.catalog-product-view .fotorama__nav--thumbs .fotorama__nav__frame:nth-child(2) {
padding-left: 2rem !important;
}
.catalog-product-view .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 2rem !important;
}
.catalog-product-view .fotorama__nav--dots .fotorama__nav__frame--dot {
display: inline-flex;
height: 3rem;
width: 1.8rem;
}
.catalog-product-view .fotorama__dot {
margin: auto;
height: 0.6rem;
width: 0.6rem;
left: auto;
top: auto;
border-radius: 50%;
border: 0.1rem solid #4F758B;
}
.catalog-product-view .fotorama__active .fotorama__dot {
background-color: #003057;
border-color: #003057;
}
.product-info-main {
font-size: 1.6rem;
line-height: 1.875;
}
.product-info-main .page-title::after {
content: none;
}
.product-info-main .description .value > * {
display: inline;
}
.product-info-main .pdp-details-jump {
display: inline-flex;
margin-top: 0;
margin-left: 0.5ch;
}
.product-info-main .contact-cta {
font-size: 1.3rem;
line-height: 1.53846154;
}
.product-info-main .contact-cta a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.product-info-main .contact-cta a:focus,
.product-info-main .contact-cta a:hover,
.product-info-main .contact-cta a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.product-info-main .contact-cta a:focus,
.product-info-main .contact-cta a:hover,
.product-info-main .contact-cta a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.product-info-main .contact-cta.contact-cta--m {
margin-top: 1rem;
display: flex;
align-items: baseline;
gap: 1rem;
}
.product-info-main .contact-cta.contact-cta--full {
display: none;
}
.pdp__meta {
display: flex;
flex-wrap: wrap;
gap: 1.8rem;
align-items: center;
margin-top: 2.4rem;
}
.pdp__meta .product__label {
padding: 0 1rem;
border-radius: 0.3rem;
background-color: #DE4700;
color: #ffffff;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 2;
text-transform: uppercase;
}
.pdp__meta .product__tag {
display: inline-flex;
align-items: baseline;
gap: 0.4rem;
color: #00843D;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.69230769;
}
.pdp__meta .product__tag .icon {
align-self: center;
}
.product-info-main .pdp__select-wrapper {
display: flex;
align-items: center;
border-radius: 0.3rem;
background-color: #E6F4F9;
}
.product-info-main .pdp__select-wrapper label {
flex: 0 0 40%;
padding: 0.4rem 2.4rem;
font-weight: 500;
}
.product-info-main .pdp__select-wrapper select {
flex: 0 0 60%;
height: 5.2rem;
line-height: 4.8rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #ffffff;
font-weight: 500;
}
.product-info-main .pdp__select-wrapper + .pdp__select-wrapper {
margin-top: 1rem;
}
.custom-product-add-form > * + * {
margin-top: 3rem;
}
.custom-product-add-form .tier-pricing__table tr > th:first-child,
.custom-product-add-form .tier-pricing__table tr > td:first-child {
padding-left: 2rem;
}
.custom-product-add-form .tier-pricing__table tr > th:last-child,
.custom-product-add-form .tier-pricing__table tr > td:last-child {
padding-right: 2rem;
}
.custom-product-add-form .tier-pricing__table thead {
font-size: 1.7rem;
font-weight: 500;
line-height: 1;
}
.custom-product-add-form .tier-pricing__table thead th {
padding-top: 0;
padding-bottom: 2rem;
}
.custom-product-add-form .tier-pricing__table thead tr > th:not(:first-child) {
font-size: 1.1rem;
line-height: 1.2;
text-align: right;
text-transform: uppercase;
}
.custom-product-add-form .tier-pricing__table tbody {
font-size: 1.5rem;
}
.custom-product-add-form .tier-pricing__table tbody tr.is-selected td {
background-color: #e6f3ec;
color: #00843D;
}
.custom-product-add-form .tier-pricing__table tbody tr.is-selected td:first-child {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.custom-product-add-form .tier-pricing__table tbody tr.is-selected td:last-child {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.custom-product-add-form .tier-pricing__table tbody tr.is-selected input[type="radio"]:checked {
border-color: #ffffff;
}
.custom-product-add-form .tier-pricing__table tbody tr > td:not(:first-child) {
text-align: right;
}
.custom-product-add-form .selection-overview {
display: flex;
flex-direction: column;
gap: 2rem;
}
.custom-product-add-form .selection-overview__prices > * {
display: flex;
gap: 0.5ch;
align-items: baseline;
justify-content: flex-end;
padding-right: 2rem;
padding-left: 1rem;
}
.custom-product-add-form .selection-overview__prices .value {
color: #003057;
font-size: 1.5rem;
line-height: 1.46666667;
white-space: nowrap;
}
.custom-product-add-form .selection-overview__prices .suffix {
color: #4F758B;
font-size: 1.2rem;
line-height: 1.83333333;
white-space: nowrap;
}
.custom-product-add-form .selection-overview__total-price-excl {
margin-bottom: 1.5rem;
padding-left: 0;
}
.custom-product-add-form .selection-overview__total-price-excl .value {
font-size: 2.8rem;
font-weight: 700;
}
.custom-product-add-form .selection-overview__actions {
flex-grow: 1;
}
.custom-product-add-form .selection-overview__actions .action.tocart,
.custom-product-add-form .selection-overview__actions .action.tocart.btn--xlarge {
padding-left: 1.8rem;
padding-right: 1.8rem;
width: 100%;
justify-content: center;
}
.custom-product-add-form .selection-overview__actions .action.tocart .icon {
margin-right: 1rem;
}
.custom-product-add-form .selection-overview__actions .action.tocart .label {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
/* More control for better legibility, only hyphenate words of certain length, min chars before/after */
/* legacy properties */
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 3;
/* current proposal */
-moz-hyphenate-limit-chars: 6 3 3;
-webkit-hyphenate-limit-chars: 6 3 3;
-ms-hyphenate-limit-chars: 6 3 3;
hyphenate-limit-chars: 6 3 3;
/* Control over number of consecutive lines with hyphenation at the end */
-moz-hyphenate-limit-lines: 2;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphenate-limit-lines: 2;
hyphenate-limit-lines: 2;
/* Avoid breaking the last line of a paragraph */
-moz-hyphenate-limit-last: always;
-webkit-hyphenate-limit-last: always;
-ms-hyphenate-limit-last: always;
hyphenate-limit-last: always;
}
.custom-product-add-form .selection-overview__actions .pdp__actions-wrapper + .selection-overview__stock {
margin-top: 1rem;
}
.custom-product-add-form .selection-overview__actions .selection-overview__stock {
display: flex;
align-items: baseline;
gap: 1rem;
font-size: 1.3rem;
line-height: 1.69230769;
}
.custom-product-add-form .selection-overview__actions .selection-overview__stock.in-stock {
color: #00843D;
}
.custom-product-add-form .selection-overview__actions .selection-overview__stock.out-of-stock {
color: #DE4700;
}
.product-info-details {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
row-gap: 4rem;
font-size: 1.6rem;
line-height: 1.875;
}
.product-info-details > * {
grid-column-start: 1;
grid-column-end: -1;
}
.product-info-details .pdp__subtitle + * {
margin-top: 2.4rem;
}
.product__video {
position: relative;
aspect-ratio: 1.77777778;
width: 100%;
height: auto;
}
.product__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.product__video:not(:last-child) {
margin-bottom: 4rem;
}
.product-info-details__attr__wrapper + .product-info-details__attr__wrapper {
margin-top: 4rem;
}
.product-info-details__attr__value {
/* progressive enhancement where supported to correct whitespacing when
* client uses <p> tags and inline styles as headings in PIM content.
*/
}
.product-info-details__attr__value p:has(span[style*='font-weight']:first-child:last-child) + p {
margin-top: 0;
}
.product-info__free-shipping {
padding: 3rem 4rem;
border-radius: 0.3rem;
background-color: #003057;
color: #ffffff;
}
.product-info__free-shipping .action {
margin-top: 2.4rem;
}
.product-info__free-shipping + .product-info__specs-wrapper {
margin-top: 4rem;
}
.product-info-block__title + .product-info-block__body {
margin-top: 1rem;
}
.product-info__specs-wrapper dl .product-info__specs-item + .product-info__specs-item {
margin-top: 3rem;
}
.product-info__specs-wrapper dl dt {
font-weight: 700;
}
.product-info__specs-wrapper dl .wysiwyg-text a {
font-weight: 400;
}
.pdp__related-wrapper {
margin-top: 5rem;
padding-top: 5rem;
border-top: 0.4rem solid #E6F4F9;
}
.pdp__related-wrapper .products-grid__title {
text-align: center;
}
.pdp__related-wrapper .products-grid__title + .product__items {
margin-top: 3rem;
}
.block-search input {
position: static;
left: auto;
margin: 0;
font-size: 1.6rem;
}
.block-search .action.search {
display: inline-flex;
}
.block-search .label::before {
content: none;
}
.page-header .block-search input[type="text"],
.page-header .block-search input[type="search"] {
height: 5.2rem;
background-color: #ffffff;
letter-spacing: 0.06rem;
}
.page-header .block-search .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.page-header .block-search .action.search {
display: block;
position: absolute;
top: 0;
right: 0;
height: 5.2rem;
width: 5.4rem;
padding: 0;
border-radius: 0.3rem;
}
.page-header .block-search .action.search,
.page-header .block-search .action.search:focus,
.page-header .block-search .action.search:hover {
background-color: transparent;
background-image: url('../images/icons/search.svg');
background-size: 2.4rem 2.4rem;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.page-header .block-search .action.search::before {
content: none;
}
.site-header__m-flyout .block-search {
position: relative;
}
.site-header__m-flyout .block-search .block-content {
flex-grow: 1;
}
.site-header__m-flyout .block-search .action.search span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.catalogsearch-result-index .column.main {
margin-top: 3rem;
}
.catalogsearch-result-index .column.main > .message {
margin-bottom: 0;
text-align: center;
}
.catalogsearch-result-index .column.main .message + .results-section,
.catalogsearch-result-index .column.main .results-section + .results-section,
.catalogsearch-result-index .column.main .results-section-index + .results-section-index {
margin-top: 3rem;
}
.catalogsearch-result-index .column.main .results-section h2 {
margin-bottom: 3rem;
text-align: center;
}
.results-section .products-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.results-section .products-grid > * {
grid-column-start: 1;
grid-column-end: -1;
}
.results-section .products-grid .items {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 2rem;
}
.results-section--ct .blog-teaser__wrapper.blog-teaser--m .blog-teaser__visual {
aspect-ratio: 1.17405063;
}
.results-section-index {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.results-section-index > * {
grid-column-start: 1;
grid-column-end: -1;
}
.minicart-wrapper {
float: none;
align-self: stretch;
display: flex;
}
.minicart-wrapper::before,
.minicart-wrapper::after {
content: none;
}
.minicart-wrapper .action.showcart {
display: inline-flex;
border-radius: 0.3rem;
background-color: #00843D;
color: #ffffff;
}
.minicart-wrapper .action.showcart.active {
display: inline-flex;
}
.minicart-wrapper .action.showcart::before,
.minicart-wrapper .action.showcart.active::before {
content: none;
}
.minicart-wrapper .action.showcart .icon {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 1.4rem;
}
.minicart-wrapper .action.showcart .counter.qty {
display: flex;
margin: 0;
padding: 0.4rem 0.8rem 0.8rem;
justify-content: center;
align-items: center;
height: auto;
min-width: 5.2rem;
border-radius: 0 0.3rem 0.3rem 0;
background-color: #007637;
}
.minicart-wrapper .action.showcart .counter.qty .loading-mask {
display: flex;
justify-content: center;
align-items: center;
background: #007637;
}
.minicart-wrapper .action.showcart .counter.qty .loading-mask .loader {
display: inline-block;
position: relative;
width: 3.5rem;
height: 3.5rem;
-webkit-animation: spinner-rotation 1s ease-in-out 0s infinite;
animation: spinner-rotation 1s ease-in-out 0s infinite;
background: #ffffff;
border-radius: 50%;
}
@media (prefers-reduced-motion) {
.minicart-wrapper .action.showcart .counter.qty .loading-mask .loader {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
}
}
.minicart-wrapper .action.showcart .counter.qty .loading-mask .loader img,
.minicart-wrapper .action.showcart .counter.qty .loading-mask .loader img[style] {
display: none !important;
}
.minicart-wrapper .action.showcart .counter.qty .loading-mask .loader::after {
content: '';
position: absolute;
width: 0.5rem;
height: 0.5rem;
top: 1.5rem;
left: 1.5rem;
box-shadow: 1rem 0, -1rem 0, -0.5rem -1rem, 0.5rem -1rem, -0.5rem 1rem, 0.5rem 1rem;
border-radius: 50%;
background: currentColor;
color: #00843D;
}
.minicart-wrapper .action.showcart .counter-number {
font-size: 1.9rem;
line-height: 1.57894737;
text-shadow: none;
}
.minicart-wrapper .action.showcart .counter-number::after {
content: '';
display: block;
height: 0.6rem;
line-height: 1;
background: transparent url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%2011%206%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m5.587%206.488.57-.48%204.93-4.15-1.14-1.31-4.36%203.67-4.36-3.67-1.14%201.31%204.93%204.15.57.48z%22/%3E%3C/svg%3E') no-repeat center;
}
.minicart-wrapper .product .actions {
float: none;
margin: 0;
}
.minicart-wrapper .minicart-widgets {
margin-top: 0;
}
.minicart-wrapper .block-minicart {
padding: 0;
margin: -0.2rem 0 0 0;
right: 0;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
border: 0;
border-radius: 0.3rem;
}
.minicart-wrapper .block-minicart li:hover {
cursor: default;
}
.minicart-wrapper .block-minicart::before,
.minicart-wrapper .block-minicart::after {
content: none;
}
.minicart-wrapper .block-minicart .subtitle.empty {
padding: 0 3rem 2.4rem;
font-size: 1.5rem;
text-align: left;
}
.minicart-items-wrapper {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #E6F4F9 transparent;
margin: 0;
padding: 0;
border-top: 0.2rem solid #E6F4F9;
border-bottom: 0.2rem solid #E6F4F9;
}
.minicart-items-wrapper::-webkit-scrollbar-track {
background: transparent;
}
.minicart-items-wrapper::-webkit-scrollbar-thumb {
background-color: #E6F4F9;
border-radius: 0.3rem;
border: 0;
}
.minicart-items-wrapper::-webkit-scrollbar-thumb:hover,
.minicart-items-wrapper::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.minicart-items .product-item,
.minicart-items .product-item:first-child {
padding: 1rem 0 1rem 3rem;
}
.minicart-items .product-item:not(:first-child) {
border-top: 0.2rem solid #E6F4F9;
}
.minicart-items .product-item .product {
position: relative;
display: flex;
gap: 2rem;
align-items: center;
}
.minicart-items .product-item .product > .product-item-photo {
float: none;
width: 6.4rem;
height: 6.4rem;
}
.minicart-items .product-item .product-item-details {
padding-left: 0;
padding-right: 4rem;
flex-grow: 1;
}
.minicart-items .product-item .product__name {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.33333333;
}
.minicart-items .product-item .product__name a {
color: inherit;
}
.minicart-items .product-item .product__name + .product-item-pricing {
margin-top: 0.8rem;
}
.minicart-items .product-item .product-item-qty-unit-price {
display: flex;
gap: 1ch;
font-size: 1.5rem;
line-height: 1.33333333;
}
.minicart-items .product-item .product-item-qty-unit-price .item-qty {
width: auto;
}
.minicart-items .product-item .product-item-qty-unit-price .price-including-tax,
.minicart-items .product-item .product-item-qty-unit-price .price-excluding-tax {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.minicart-items .product-item .product-item-qty-unit-price .price {
font-weight: 400;
}
.minicart-items .product-item .product.actions {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.minicart-items .product-item .product.actions .action.delete {
display: flex;
width: 3.2rem;
height: 2.2rem;
justify-content: center;
align-items: center;
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
background-color: #E6F4F9;
}
.block-minicart .subtotal {
display: flex;
gap: 1ch;
margin: 0;
padding: 2.4rem 1.8rem 2.4rem 3rem;
background-color: #E6F4F9;
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
text-align: left;
}
.block-minicart .amount .price-wrapper:first-child .price {
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
}
.block-minicart .block-content > .actions {
margin-top: 0;
padding: 2rem 3rem;
display: flex;
align-items: center;
gap: 3rem;
}
.block-minicart .block-content > .actions > .primary {
margin: 0;
flex-grow: 1;
}
.block-minicart .block-content > .actions > .primary .action.primary {
display: inline-flex;
justify-content: center;
}
.block-minicart .block-content > .actions .action.viewcart {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(0, 48, 87, 0.2);
text-decoration-color: rgba(0, 48, 87, 0.2);
color: #003057;
}
.block-minicart .block-content > .actions .action.viewcart:focus,
.block-minicart .block-content > .actions .action.viewcart:hover,
.block-minicart .block-content > .actions .action.viewcart:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.block-minicart .block-content > .actions .action.viewcart:focus,
.block-minicart .block-content > .actions .action.viewcart:hover,
.block-minicart .block-content > .actions .action.viewcart:active {
-webkit-text-decoration-color: rgba(0, 48, 87, 0.4);
text-decoration-color: rgba(0, 48, 87, 0.4);
}
.minicart-items .action.edit::before,
.minicart-items .action.delete::before,
.minincart-wrapper .action.close::before {
content: none;
}
.minicart-wrapper .action.close {
display: none;
}
.checkout-cart-index .page-main .block,
.block-cart-failed,
.cart-container .form-cart {
margin-bottom: 0;
}
.cart-totals .grand .amount,
.opc-block-summary .table-totals .grand .amount {
border: none;
font-size: inherit;
}
.cart-totals .grand strong,
.opc-block-summary .table-totals .grand strong {
padding: 0;
font-weight: 700;
}
.checkout-cart-index .cart__extended-bg,
.checkout-cart-index .column.main {
grid-row: 2;
}
.checkout-cart-index .columns > .cart__extended-bg {
grid-column: full;
height: 24rem;
background-color: #E6F4F9;
}
.checkout-cart-index.has-empty-cart .columns > .cart__extended-bg {
height: 5rem;
}
.checkout-cart-index .cart-empty,
.checkout-cart-index .cart-container {
box-shadow: 0 2rem 4rem 0 rgba(0, 48, 87, 0.05);
border-radius: 0.3rem;
background-color: #ffffff;
}
.checkout-cart-index .cart-empty {
padding: 2rem;
}
.cart__title-layout {
display: flex;
gap: 2rem;
align-items: flex-start;
}
.cart__return-to-store {
display: inline-flex;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.33333333;
text-decoration: none;
}
.cart-container + .cart__bottom-layout {
margin-top: 3rem;
}
.cart__no-items + .cart__bottom-layout {
display: none;
}
.cart__bottom-layout {
display: grid;
grid-template-columns: repeat(12, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
width: 100%;
}
.cart__bottom-layout > * {
grid-column-start: 1;
grid-column-end: -1;
}
.cart__bottom-inner {
display: flex;
flex-wrap: wrap;
row-gap: 5rem;
-moz-column-gap: 3rem;
column-gap: 3rem;
}
.cart__bottom-inner .cart-summary {
flex: 1 1 100%;
order: -1;
padding: 2rem;
}
.cart__bottom-inner .cart__cross-sell-block {
order: 9;
}
.cart__bottom-inner .block.discount {
order: 0;
}
.shopping-cart,
.shopping-cart .shopping-cart-header,
.shopping-cart .shopping-cart-body,
.shopping-cart .price-including-tax .price,
.shopping-cart .price-excluding-tax .price {
font-size: 1.5rem;
font-weight: 500;
}
.shopping-cart .shopping-cart-header {
color: #4F758B;
}
.shopping-cart .action-delete .d-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
font-size: 1.4rem;
font-weight: 400;
text-transform: lowercase;
}
.shopping-cart .action-delete .d-only:focus,
.shopping-cart .action-delete .d-only:hover,
.shopping-cart .action-delete .d-only:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.shopping-cart .action-delete .d-only:focus,
.shopping-cart .action-delete .d-only:hover,
.shopping-cart .action-delete .d-only:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.shopping-cart__row {
display: grid;
grid-template-columns: repeat(24, 1fr);
gap: 1rem;
align-items: center;
padding-top: 1.8rem;
padding-bottom: 1.8rem;
padding-right: 1rem;
}
.shopping-cart__row + .shopping-cart__row {
border-top: 0.4rem solid #EDF4F8;
}
.shopping-cart__row.shopping-cart-header,
.shopping-cart__row.shopping-cart-footer {
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
.shopping-cart__row .scr-image {
padding-left: 1rem;
}
.shopping-cart__row .scr-product-details a {
color: inherit;
}
.shopping-cart__row .scr-qty {
display: flex;
}
.shopping-cart__row .scr-qty input.qty {
padding: 0 0.4rem;
width: 6rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-weight: 500;
text-align: center;
}
.shopping-cart__row .scr-qty .field.qty {
display: flex;
}
.shopping-cart__row .scr-qty .step-qty__control {
border-radius: 0;
transition: all 250ms linear;
}
.shopping-cart__row .scr-qty .step-qty__control:focus,
.shopping-cart__row .scr-qty .step-qty__control:hover,
.shopping-cart__row .scr-qty .step-qty__control:active {
border-color: #41B6E6;
background-color: #41B6E6;
color: #003057;
}
.shopping-cart__row .scr-unit-price,
.shopping-cart__row .scr-subtotal {
display: flex;
justify-content: space-between;
}
.shopping-cart__row .scr-bulk-actions {
grid-column: 1 / -1;
display: flex;
justify-content: flex-end;
}
.shopping-cart__row .scr-bulk-actions .action.update {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(0, 48, 87, 0.2);
text-decoration-color: rgba(0, 48, 87, 0.2);
color: #003057;
}
.shopping-cart__row .scr-bulk-actions .action.update:focus,
.shopping-cart__row .scr-bulk-actions .action.update:hover,
.shopping-cart__row .scr-bulk-actions .action.update:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.shopping-cart__row .scr-bulk-actions .action.update:focus,
.shopping-cart__row .scr-bulk-actions .action.update:hover,
.shopping-cart__row .scr-bulk-actions .action.update:active {
-webkit-text-decoration-color: rgba(0, 48, 87, 0.4);
text-decoration-color: rgba(0, 48, 87, 0.4);
}
.cart-summary {
margin-bottom: 0;
border-radius: 0.3rem;
background-color: #E6F4F9;
}
.cart-summary .cart-totals {
margin-top: 2rem;
padding: 0;
border-top: 0;
}
.cart-summary .checkout-methods-items {
margin: 4rem 0 0;
padding: 0;
}
.cart-summary .checkout-methods-items .action.primary.checkout {
justify-content: center;
}
.cart-totals tbody .amount,
.cart-totals tfoot .amount,
.opc-block-summary .table-totals tbody .amount,
.opc-block-summary .table-totals tfoot .amount {
padding: 0.4rem 0 0.4rem 1rem;
}
.cart-totals tbody .mark,
.cart-totals tfoot .mark,
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
padding: 0.4rem 0;
}
.cart-totals .grand th,
.cart-totals .grand td,
.opc-block-summary .table-totals .grand th,
.opc-block-summary .table-totals .grand td {
padding: 0.4rem 0 0.4rem 1rem;
}
.cart-totals .grand .mark,
.opc-block-summary .table-totals .grand .mark {
font-size: inherit;
border-top: 0;
padding-left: 0;
padding-right: 0;
}
.cart-totals tbody tr:last-child td,
.opc-block-summary .table-totals tbody tr:last-child td {
padding-bottom: 0.4rem;
}
.block.crosssell {
margin-top: 0;
}
.cart__cross-sell-block .cart__block-title + .product__items {
margin-top: 3rem;
}
.block.discount {
background-color: #ffffff;
}
.block.discount h2 + .cart__discount-block__body {
margin-top: 2rem;
}
.block.discount .field + .actions-toolbar {
margin-top: 2rem;
}
.block.discount .field.help {
line-height: 1.75;
}
.block.discount .field.help .coupon--active {
display: none;
}
.block.discount .coupon.applied .field.help .coupon-instructions {
display: none;
}
.block.discount .coupon.applied .field.help .coupon--active {
display: block;
}
.block.discount .actions-toolbar .action {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.checkout-index-index .content-header .page-title-wrapper {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.field.choice .field-tooltip-action {
line-height: inherit;
}
.field .control._with-tooltip input {
margin-right: 0;
padding-right: 3.2rem;
width: 100%;
}
.field .control._with-tooltip input + .field-tooltip {
top: 1rem;
right: 1.2rem;
}
.field .control._with-tooltip .intl-tel-input.allow-dropdown input[type="text"] {
margin-right: 0;
padding-right: 3.2rem;
width: 100%;
}
.field .control._with-tooltip .intl-tel-input.allow-dropdown + .field-tooltip {
top: 1rem;
right: 1.2rem;
}
.field-tooltip .field-tooltip-action {
display: inline-flex;
width: 2.2rem;
height: 2.2rem;
border: 0.2rem solid #003057;
border-radius: 50%;
background-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2213%22%20viewBox%3D%220%200%2018%2013%22%3E%3Cpath%20d%3D%22M9,9.23c-.66,0-1.2-.54-1.2-1.2v-2.1c0-.66,.54-1.2,1.2-1.2s1.18-.53,1.18-1.17-.53-1.18-1.18-1.18-1.17,.53-1.17,1.18-.54,1.2-1.2,1.2-1.2-.54-1.2-1.2c0-1.97,1.6-3.57,3.57-3.57s3.57,1.6,3.57,3.57c0,1.55-.99,2.87-2.37,3.36v1.11c0,.66-.54,1.2-1.2,1.2Z%22%20fill%3D%22%23003057%22/%3E%3Cpath%20d%3D%22M9,13c-.66,0-1.2-.54-1.2-1.2v-.13c0-.66,.54-1.2,1.2-1.2s1.2,.54,1.2,1.2v.13c0,.66-.54,1.2-1.2,1.2Z%22%20fill%3D%22%23003057%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-size: 1.8rem 1.3rem;
background-position: center;
}
.field-tooltip .field-tooltip-action::before {
content: none;
}
.opc-estimated-wrapper {
display: none;
}
.opc-wrapper {
margin: 0;
}
.opc-wrapper .step-title {
margin-bottom: 2rem;
padding-bottom: 0;
border-bottom: 0;
font-weight: 700;
}
.opc-progress-bar {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.checkout__title-layout {
display: flex;
gap: 2rem;
align-items: flex-start;
}
button.action.checkout__previous-step {
display: none;
margin-top: 1rem;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.33333333;
text-decoration: none;
}
button.action.checkout__previous-step.enabled {
display: inline-flex;
}
.checkout-index-index .checkout__extended-bg,
.checkout-index-index .column.main {
grid-row: 2;
}
.checkout-index-index .columns > .checkout__extended-bg {
grid-column: full;
height: 24rem;
background-color: #E6F4F9;
}
.checkout-index-index .checkout-container {
padding: 2rem 0;
margin: 0;
box-shadow: 0 2rem 4rem 0 rgba(0, 48, 87, 0.05);
border-radius: 0.3rem;
background-color: #ffffff;
/* Can't use gap to evenly space because heaps of placeholder containers
* with Knockout.js comments are always present in markup.
*/
}
.checkout-index-index .checkout-container .messages > .message:last-child {
margin-bottom: 3rem;
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
margin-top: 2rem;
margin-bottom: 2rem;
}
.opc-wrapper .form-login .fieldset .field .label,
.opc-wrapper .form-shipping-address .fieldset .field .label {
font-weight: 500;
}
.opc-wrapper .form-login .fieldset .field .note,
.opc-wrapper .form-shipping-address .fieldset .field .note {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 1rem;
font-size: 1.3rem;
}
.opc-wrapper .form-login .fieldset .field .note .icon,
.opc-wrapper .form-shipping-address .fieldset .field .note .icon {
flex-shrink: 0;
}
.opc-wrapper .form-login .fieldset .field .note::before,
.opc-wrapper .form-shipping-address .fieldset .field .note::before {
content: none;
}
.opc-wrapper .form-login .fieldset {
margin-bottom: 0;
}
.opc-wrapper .form-shipping-address fieldset.street > .label {
display: none;
}
.opc-wrapper .form-shipping-address fieldset.street .field .label {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
display: inline-block;
margin-bottom: 0.9rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.06666667;
}
.opc-wrapper .form-shipping-address fieldset.street .field._required .label::after {
content: '*';
margin: 0 0 0 1ch;
color: #DE4700;
font-size: 1.3rem;
}
.opc-wrapper .shipping-address-item {
padding-right: 0;
}
.opc-wrapper .shipping-address-items {
display: flex;
flex-flow: row wrap;
}
.opc-wrapper .shipping-address-item.selected-item {
padding-right: 3.2rem;
}
.opc-wrapper .shipping-address-item.selected-item::after {
content: '\2713';
}
.opc-wrapper .action-select-shipping-item {
justify-content: center;
text-align: center;
}
.modal-content form fieldset.street > .label {
display: none;
}
.modal-content form fieldset.street .field .label {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
display: inline-block;
margin-bottom: 0.9rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.06666667;
}
.modal-content form fieldset.street .field._required .label::after {
content: '*';
margin: 0 0 0 1ch;
color: #DE4700;
font-size: 1.3rem;
}
.control.ui-autocomplete {
position: relative;
}
.control.ui-autocomplete .ui-widget.ui-autocomplete {
position: absolute;
z-index: 1001;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
background-color: #ffffff;
max-height: 26rem;
overflow-y: auto;
overscroll-behavior: contain;
}
.control.ui-autocomplete .ui-widget.ui-autocomplete li {
padding: 1.2rem 1.8rem;
}
.control.ui-autocomplete .ui-widget.ui-autocomplete li + li {
border-top: 0.2rem solid #E6F4F9;
}
.control.ui-autocomplete .ui-widget.ui-autocomplete .ui-state-active {
text-decoration: underline;
}
.control.ui-autocomplete[style] {
width: 100% !important;
}
.control.ui-autocomplete .ui-autocomplete-input:focus + .message {
display: none;
}
.opc-wrapper .billing-address-form {
margin-top: 3rem;
}
.opc-wrapper .billing-address-form fieldset.street > .label {
display: none;
}
.opc-wrapper .billing-address-form fieldset.street .field .label {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
display: inline-block;
margin-bottom: 0.9rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.06666667;
}
.opc-wrapper .billing-address-form fieldset.street .field._required .label::after {
content: '*';
margin: 0 0 0 1ch;
color: #DE4700;
font-size: 1.3rem;
}
.opc-wrapper .checkout-payment-method .field-select-billing,
.opc-wrapper .checkout-payment-method .billing-address-form {
max-width: 100%;
}
.checkout-payment-method .checkout-billing-address {
margin-bottom: 4rem;
}
.checkout-payment-method .checkout-billing-address .billing-address-details {
padding-left: 4.6rem;
line-height: 1.75;
}
.checkout-payment-method .checkout-billing-address .billing-address-details a[href^="tel:"] {
color: inherit;
}
.checkout-payment-method .checkout-billing-address .billing-address-details a[href^="tel:"]:hover {
text-decoration: underline;
}
.checkout-payment-method .checkout-billing-address .billing-address-details .action {
margin-top: 1.8rem;
}
.checkout-payment-method .checkout-billing-address .primary .action-update {
margin: 0;
}
.checkout-payment-method .checkout-billing-address .primary .action-update:focus,
.checkout-payment-method .checkout-billing-address .primary .action-update:active {
border-color: #003057;
}
.checkout-payment-method .checkout-billing-address .action-cancel {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
color: #DE4700;
font-size: 1.3rem;
font-weight: 500;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.checkout-payment-method .checkout-billing-address .action-cancel,
.checkout-payment-method .checkout-billing-address .action-cancel:focus,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:active {
border: none;
background: transparent;
}
.checkout-payment-method .checkout-billing-address .action-cancel:hover {
text-decoration: underline;
}
.checkout-payment-method .checkout-billing-address .action-cancel:focus,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.checkout-payment-method .checkout-billing-address .action-cancel:focus,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.checkout-payment-method .payment-method {
margin-bottom: 2rem;
}
.checkout-payment-method .payment-method + .payment-method .payment-method-title {
border: 0;
}
.checkout-payment-method .payment-method-content {
padding: 0 0 0 4.6rem;
margin-top: 1rem;
}
.checkout-payment-method .payment-method-content .actions-toolbar {
margin-top: 0;
}
.checkout-payment-method .payment-method-content .actions-toolbar button.checkout {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
position: absolute;
width: 1px;
padding: 0;
}
.checkout-payment-method .payment-method-title {
padding: 0;
font-size: 1.5rem;
font-weight: 500;
}
.checkout-payment-method .payment-method-title .payment-icon {
display: none;
}
.form.payments .notice-text {
margin-top: 3.2rem;
color: #4F758B;
/* xs in design but too small */
font-size: 1.3rem;
line-height: 1.53846154;
}
.form.payments .notice-text strong {
color: #003057;
}
.form.payments .actions-toolbar-trigger {
margin-top: 4rem;
}
.form.payments .actions-toolbar-trigger .field.choice > label.error {
order: 3;
flex: 0 0 100%;
max-width: none;
padding-left: 4.6rem;
color: #DA291C;
font-style: italic;
}
.form.payments .actions-toolbar-trigger .field.choice + .field.choice {
margin-top: 1rem;
}
.checkout-actions__wrapper {
margin-top: 4rem;
}
.checkout-actions__wrapper button.action.continue {
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
width: 100%;
justify-content: center;
}
.opc-block-summary {
padding: 3.2rem 4rem 4rem;
background: #ffffff;
}
#checkout[data-step="shipping"] .opc-block-summary {
background: #ffffff;
}
#checkout[data-step="payment"] .opc-block-summary {
padding-left: 0;
padding-right: 0;
background: #E6F4F9;
}
#checkout[data-step="payment"] .opc-block-summary .heading,
#checkout[data-step="payment"] .opc-block-summary .table-totals {
margin-left: 1.8rem;
margin-right: 1.8rem;
max-width: calc(100% - 2 * 1.8rem);
}
#checkout[data-step="payment"] .opc-block-summary .items-in-cart {
margin-top: 4rem;
margin-bottom: 2.2rem;
}
#checkout[data-step="payment"] .opc-block-summary .minicart-items-wrapper {
padding: 0;
margin: 0;
max-height: none;
}
.opc-block-summary .field--preferred-delivery-date {
margin-top: 2rem;
}
.opc-block-summary .field--preferred-delivery-date .current-date {
display: flex;
flex-flow: row wrap;
gap: 0.5ch;
}
.opc-block-summary .field--preferred-delivery-date .current-date:not([style="display: none;"]) + .show-time {
margin-top: 1rem;
}
.opc-block-summary .field--preferred-delivery-date .show-time {
display: inline-block;
color: #4F758B;
text-decoration: underline;
}
.opc-block-summary .field--preferred-delivery-date .delivery_date_container {
margin-top: 2rem;
}
.opc-block-summary .field--preferred-delivery-date .delivery_date_container label {
display: inline-block;
margin: 0 0 0.9rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.06666667;
}
.opc-block-summary .delivery_time_container {
margin-top: 2rem;
}
.opc-block-summary .delivery_time_container label {
display: inline-block;
margin: 0 0 0.9rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.06666667;
}
.opc-block-summary .um-ordercomment {
margin-top: 4rem;
}
.opc-block-summary .um-ordercomment .payment-option-content .label {
display: inline-block;
margin-bottom: 2rem;
color: #4F758B;
font-size: 1.3rem;
}
#shipping-method-buttons-container button[type="submit"] {
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
}
.summary-grid__table {
font-size: 1.3rem;
font-weight: 500;
line-height: 1.75;
}
.summary-grid__table .summary-grid__table-header,
.summary-grid__table .summary-grid__table-row {
display: grid;
grid-template-columns: 1.8rem repeat(12, 1fr) 1.8rem;
}
.summary-grid__table .summary-grid__table-header {
color: #4F758B;
}
.summary-grid__table .summary-grid__name {
grid-column: 2 / span 6;
padding-right: 0.4rem;
}
.summary-grid__table .summary-grid__qty {
grid-column: span 4;
padding-right: 0.4rem;
}
.summary-grid__table .summary-grid__subtotal {
grid-column: span 2;
text-align: right;
}
.summary-grid__table .summary-grid__table-row {
padding: 1.8rem 0;
}
.summary-grid__table .summary-grid__table-row + .summary-grid__table-row {
border-top: 0.2rem solid #ffffff;
}
.checkout-success-container {
padding-bottom: 3rem;
background-color: #E6F4F9;
}
.checkout-success__layout {
display: flex;
flex-direction: column;
gap: 2rem;
}
.checkout-success,
.checkout-registration {
flex: 1 1 50%;
padding: 3rem 3rem 4rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
border-radius: 0.3rem;
background-color: #ffffff;
}
.checkout-success p:first-child,
.checkout-registration p:first-child {
font-weight: 700;
}
.checkout-success p + p,
.checkout-registration p + p {
margin-top: 1em;
}
.checkout-success .actions-toolbar {
margin-top: 2rem;
}
.checkout-success .action.primary {
line-height: 1.25;
margin: 0;
padding: 0;
color: #DE4700;
text-decoration: none;
background: none;
border: 0;
display: inline;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
font-weight: 500;
}
.checkout-success .action.primary:visited {
color: #DE4700;
text-decoration: none;
}
.checkout-success .action.primary:hover {
color: #DE4700;
text-decoration: none;
}
.checkout-success .action.primary:active {
color: #00843D;
text-decoration: none;
}
.checkout-success .action.primary:hover,
.checkout-success .action.primary:active,
.checkout-success .action.primary:focus {
background: none;
border: 0;
}
.checkout-success .action.primary.disabled,
.checkout-success .action.primary[disabled],
fieldset[disabled] .checkout-success .action.primary {
color: #DE4700;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.checkout-success .action.primary:focus,
.checkout-success .action.primary:hover,
.checkout-success .action.primary:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.checkout-success .action.primary:focus,
.checkout-success .action.primary:hover,
.checkout-success .action.primary:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.checkout-success .action.primary:hover {
text-decoration: underline;
}
.checkout-registration {
container-type: inline-size;
}
.checkout-registration .action.primary {
background-image: none;
background: #DE4700;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 0.8rem 2rem;
font-size: 1.6rem;
line-height: 2.2rem;
box-sizing: border-box;
vertical-align: middle;
margin-top: 3rem;
}
.checkout-registration .action.primary:focus,
.checkout-registration .action.primary:active {
background: #DA291C;
border: 0.2rem solid transparent;
color: #ffffff;
}
.checkout-registration .action.primary:hover {
background: #DA291C;
border: 0.2rem solid transparent;
color: #ffffff;
}
.checkout-registration .action.primary.disabled,
.checkout-registration .action.primary[disabled],
fieldset[disabled] .checkout-registration .action.primary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
@container (max-width: 36rem) {
.action.primary {
width: 100%;
justify-content: center;
}
}
.contact-index-index .column:not(.sidebar-additional) .form.contact,
.contact-index-index .column:not(.sidebar-main) .form.contact {
width: 100%;
}
.customer-account-create .page-main > .columns,
.customer-account-login .page-main > .columns,
.customer-account-forgotpassword .page-main > .columns,
.customer-account-createpassword .page-main > .columns {
background-color: #E6F4F9;
}
.account .column.main {
margin-bottom: 0;
}
.account .legend {
float: none;
margin-bottom: 2rem;
padding-bottom: 0;
border-bottom: 0.2rem solid #EDF4F8;
}
.account .column.main .block:not(.widget) .block-title > .action {
float: none;
margin: 0;
}
.block-addresses-list .items.addresses .item.actions .action::after,
.account .data.table .col.actions .action::after,
[class^="sales-guest-"] .data.table .col.actions .action::after,
.sales-guest-view .data.table .col.actions .action::after,
.block .box-actions .action::after {
border-left: 0.2rem solid #4F758B;
}
.block-addresses-list address,
.box-billing-address .box-content,
.box-shipping-address .box-content,
.box-address-billing .box-content,
.box-address-shipping .box-content,
.box-information .box-content,
.box-newsletter .box-content {
line-height: 1.75;
}
.sidebar .actions-toolbar .primary {
flex-grow: 1;
}
.sidebar .action.tocart {
border-radius: 0.3rem;
max-width: 34rem;
}
.page-layout-2columns-account .column.main,
.page-layout-2columns-account .sidebar-wrapper {
background-color: #ffffff;
}
.page-layout-2columns-account .column.main .block,
.page-layout-2columns-account .sidebar-wrapper .block {
margin-bottom: 0;
}
.page-layout-2columns-account .column.main .block + .block,
.page-layout-2columns-account .sidebar-wrapper .block + .block {
margin-top: 3rem;
}
.page-layout-2columns-account .sidebar-main + .sidebar-additional {
margin-top: 3rem;
}
.page-layout-2columns-account .mobile-actions {
display: none;
}
.page-layout-2columns-account .column.main {
padding: 3rem 0;
}
.page-layout-2columns-account .column.main h4 {
color: #4F758B;
font-weight: 500;
}
.page-layout-2columns-account .column.main .block-content .box-actions {
margin-top: 0;
}
.page-layout-2columns-account .column.main .block-content .box-actions a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.page-layout-2columns-account .column.main .block-content .box-actions a:focus,
.page-layout-2columns-account .column.main .block-content .box-actions a:hover,
.page-layout-2columns-account .column.main .block-content .box-actions a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.page-layout-2columns-account .column.main .block-content .box-actions a:focus,
.page-layout-2columns-account .column.main .block-content .box-actions a:hover,
.page-layout-2columns-account .column.main .block-content .box-actions a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.content-header--account .page-title-wrapper {
display: flex;
align-items: baseline;
}
.content-header--account .page-title-wrapper .mobile-account-menu__toggle {
margin-left: auto;
}
.mobile-account-menu__toggle {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mobile-account-menu__toggle[aria-expanded="true"] .icon svg {
transform: rotate(180deg);
}
#account__mm .block.account-nav {
display: none;
margin-bottom: 0;
border-top: 0.4rem solid #ffffff;
border-bottom: 0.4rem solid #EDF4F8;
}
.mobile-account-menu-active #account__mm .block.account-nav {
display: block;
}
.account-nav-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.account-nav-content li > a,
.account-nav-content li > strong {
display: block;
padding: 1.4rem 2rem;
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.33333333;
}
.account-nav-content li.current > a,
.account-nav-content li.current > strong {
background-color: #E6F4F9;
}
.account-nav-content li a {
transition: 250ms linear;
}
.account-nav-content li a,
.account-nav-content li a:focus,
.account-nav-content li a:hover,
.account-nav-content li a:active {
color: #003057;
}
.account-nav-content li:not(.current) a:hover {
background-color: rgba(230, 244, 249, 0.5);
text-decoration: underline;
}
.account-dashboard__header {
padding-left: 2rem;
padding-right: 2rem;
max-width: 68rem;
}
.account-dashboard__header + .block {
margin-top: 3rem;
}
.account-dashboard__title + .page__intro {
margin-top: 2rem;
}
.block-dashboard-orders .block-title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
-moz-column-gap: 6rem;
column-gap: 6rem;
padding-left: 2rem;
padding-right: 2rem;
}
.block-dashboard-orders .block-title .action {
display: inline-flex;
font-size: 1.5rem;
line-height: 1.33333333;
}
.block-dashboard-orders .block-title + .block-content {
margin-top: 1rem;
}
.block-dashboard-info,
.block-dashboard-addresses {
padding-left: 2rem;
padding-right: 2rem;
}
.block-dashboard-info .block-title,
.block-dashboard-addresses .block-title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
-moz-column-gap: 6rem;
column-gap: 6rem;
}
.block-dashboard-info .block-title .action,
.block-dashboard-addresses .block-title .action {
display: inline-flex;
font-size: 1.5rem;
line-height: 1.33333333;
}
.block-dashboard-info .block-title + .block-content,
.block-dashboard-addresses .block-title + .block-content {
margin-top: 3rem;
}
.block-dashboard-info .block-content .action,
.block-dashboard-addresses .block-content .action {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.block-dashboard-info .block-content .action:focus,
.block-dashboard-addresses .block-content .action:focus,
.block-dashboard-info .block-content .action:hover,
.block-dashboard-addresses .block-content .action:hover,
.block-dashboard-info .block-content .action:active,
.block-dashboard-addresses .block-content .action:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.block-dashboard-info .block-content .action:focus,
.block-dashboard-addresses .block-content .action:focus,
.block-dashboard-info .block-content .action:hover,
.block-dashboard-addresses .block-content .action:hover,
.block-dashboard-info .block-content .action:active,
.block-dashboard-addresses .block-content .action:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.block-dashboard-addresses address a {
color: currentColor;
}
.block-dashboard-addresses .block-content {
display: flex;
flex-direction: column;
gap: 2rem;
}
.account .table-wrapper {
margin-bottom: 0;
border-bottom: 0.4rem solid #EDF4F8;
}
.account .column.main table > thead > tr > th,
.account .column.main table > thead > tr > td {
color: #4F758B;
font-weight: 500;
}
.account .column.main table > thead > tr > th:first-letter,
.account .column.main table > thead > tr > td:first-letter {
text-transform: uppercase;
}
.account .column.main table .action.view {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.account .column.main table .action.view:focus,
.account .column.main table .action.view:hover,
.account .column.main table .action.view:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.account .column.main table .action.view:focus,
.account .column.main table .action.view:hover,
.account .column.main table .action.view:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.account .column.main table .col.actions a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(0, 132, 61, 0.2);
text-decoration-color: rgba(0, 132, 61, 0.2);
color: #00843D;
font-size: 1.3rem;
}
.account .column.main table .col.actions a:focus,
.account .column.main table .col.actions a:hover,
.account .column.main table .col.actions a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.account .column.main table .col.actions a:focus,
.account .column.main table .col.actions a:hover,
.account .column.main table .col.actions a:active {
-webkit-text-decoration-color: rgba(0, 132, 61, 0.4);
text-decoration-color: rgba(0, 132, 61, 0.4);
}
.sidebar .block-reorder .block-title {
display: none;
}
.sidebar .block-reorder .subtitle {
display: block;
margin-bottom: 2rem;
font-weight: 500;
}
.sidebar .block-reorder .block-content {
padding: 3.2rem 3rem 4rem;
border-radius: 0.3rem;
background-color: #E6F4F9;
}
.sidebar .block-reorder .field.choice {
flex-grow: 1;
}
.sidebar .block-reorder input[type="checkbox"],
.sidebar .block-reorder input[type="radio"] {
border-color: #ffffff;
background-color: #ffffff;
}
.sidebar .block-reorder .actions-toolbar {
margin: 2rem 0 0;
}
.sidebar .block-reorder .actions-toolbar .action.tocart {
justify-content: center;
}
.sidebar .block-reorder .actions-toolbar .action.tocart .icon {
margin-right: 1ch;
}
.account-settings__wrapper {
padding-left: 2rem;
padding-right: 2rem;
}
.account-settings__header {
display: flex;
flex-direction: column;
gap: 2rem;
}
.account-settings__header + .form-edit-account {
margin-top: 3rem;
}
.account-settings__header-actions .action {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.account-settings__header-actions .action:focus,
.account-settings__header-actions .action:hover,
.account-settings__header-actions .action:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.account-settings__header-actions .action:focus,
.account-settings__header-actions .action:hover,
.account-settings__header-actions .action:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.customer-address-index .column.main {
padding-left: 2rem;
padding-right: 2rem;
}
.account-address-book__title + .page__intro {
margin-top: 2rem;
}
.account-address-book__header {
max-width: 68rem;
}
.account-address-book__header ~ .account-address-book__layout {
margin-top: 3rem;
}
.account-address-book__header .block-content:has(.message) {
margin-top: 2rem;
}
.account-address-book__layout .block-title + .block-content {
margin-top: 3rem;
}
.account-address-book__layout .block-content .box + .box {
margin-top: 4rem;
}
.account-address-book__layout address a {
color: inherit;
text-decoration: none;
}
.account-address-book__layout .address-block__actions {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.account-address-book__layout .address-block__actions a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.account-address-book__layout .address-block__actions a:focus,
.account-address-book__layout .address-block__actions a:hover,
.account-address-book__layout .address-block__actions a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.account-address-book__layout .address-block__actions a:focus,
.account-address-book__layout .address-block__actions a:hover,
.account-address-book__layout .address-block__actions a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.customer-address-form .column.main {
padding-left: 2rem;
padding-right: 2rem;
}
.account-address__header + .form-address-edit {
margin-top: 3rem;
}
.account-orders__header {
padding-left: 2rem;
padding-right: 2rem;
max-width: 68rem;
}
.account-orders__header + .orders-history {
margin-top: 3rem;
}
.account .order-products-toolbar {
display: flex;
padding-top: 2.4rem;
padding-left: 2rem;
padding-right: 2rem;
}
.account-order__header,
.block-order-details-view,
.order-details-items .order-title__wrapper,
.block-order-comment,
.block-order-details-comments {
padding-left: 2rem;
padding-right: 2rem;
}
.account-order__header {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.account-order__header .account-order__title-wrapper {
flex: 1 1 auto;
}
.account-order__header .account-order__title-wrapper .account__actions {
margin-bottom: 1.2rem;
}
.account-order__header .account-order__actions {
flex: 0.1 1 19rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.account-order__header .account-order__actions .action {
width: 100%;
justify-content: center;
}
.account-order__header ~ .block,
.account-order__header ~ .order-details-items {
margin-top: 3rem;
}
.block-order-details-view {
line-height: 1.75;
}
.block-order-details-view .block-content.widget {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 2rem;
column-gap: 2rem;
row-gap: 4rem;
}
.block-order-details-view .block-content .box {
margin-bottom: 0;
flex: 1 1 100%;
}
.block-order-details-view .block-content .box-title + .box-content {
margin-top: 1rem;
}
.block-order-details-view .block-content .box-content a {
color: inherit;
}
.block-order-details-view .block-content .box-content a:hover {
color: #DE4700;
}
.order-details-items {
margin-bottom: 0;
padding: 0;
border: none;
}
.order-details-items .order-title__wrapper h3 + .action,
.order-details-items .order-title__wrapper + .table-wrapper {
margin-top: 1rem;
}
.order-details-items .col.name a {
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-skip-ink: all;
text-decoration-skip-ink: all;
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.5rem;
transition: text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out;
transition: text-decoration-color 250ms linear, text-underline-offset 200ms ease-out, -webkit-text-decoration-color 250ms linear;
-webkit-text-decoration-color: rgba(222, 71, 0, 0.2);
text-decoration-color: rgba(222, 71, 0, 0.2);
}
.order-details-items .col.name a:focus,
.order-details-items .col.name a:hover,
.order-details-items .col.name a:active {
text-decoration-thickness: 0.2rem;
text-underline-offset: 0.7rem;
}
.order-details-items .col.name a:focus,
.order-details-items .col.name a:hover,
.order-details-items .col.name a:active {
-webkit-text-decoration-color: rgba(222, 71, 0, 0.4);
text-decoration-color: rgba(222, 71, 0, 0.4);
}
.order-details-items .col.price .price-including-tax .price,
.order-details-items .col.subtotal .price-including-tax .price,
.order-details-items .col.price .price-excluding-tax .price,
.order-details-items .col.subtotal .price-excluding-tax .price {
color: #003057;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.75;
}
.order-details-items tfoot {
border-top: 0.4rem solid #EDF4F8;
}
.order-details-items tfoot,
.order-details-items tfoot td {
background: #ffffff;
}
.account .order-items.table-wrapper {
border-bottom: none;
}
.account .order-items.table-wrapper .col.qty,
.account .order-items.table-wrapper .col.price {
text-align: left;
}
.block-order-details-comments .order-comments {
margin-top: 1rem;
}
.block-order-details-comments .order-comment {
display: flex;
flex-flow: column nowrap;
gap: 0.4rem 3.2rem;
}
.block-order-details-comments .comment-date {
color: #4F758B;
font-weight: 500;
}
.block-order-details-comments .comment-content {
line-height: inherit;
margin-bottom: 0;
}
.account-status__outer {
background-color: #E6F4F9;
}
.account-status__inner {
padding: 2rem;
font-size: 1.5rem;
text-align: center;
}
.account-status__inner.account-status--blocked {
background-color: #DA291C;
color: #ffffff;
}
.layered-filter-block-container .filter-content {
font-size: 1.5rem;
line-height: 1.33333333;
}
.filter-current {
margin-bottom: 3.2rem;
border-radius: 0.3rem;
background-color: #E6F4F9;
}
.filter-current .items {
padding: 0;
}
.filter-current .item {
display: flex;
align-items: center;
gap: 0.8rem;
padding: 1.4rem 0 1.4rem 2rem;
transition: 250ms linear;
background: transparent;
border-top: 0.2rem solid #ffffff;
}
.filter-current .item .active-filter-details {
flex: 0 0 calc(100% - 3.2rem);
}
.filter-current .item .active-filter-actions {
flex: 0 0 2.4rem;
}
.filter-current .item:hover {
background-color: #e3ebef;
text-decoration: line-through;
}
.filter-current .action.remove-filter {
display: flex;
width: 2.4rem;
height: 2.4rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #ffffff;
}
.filter-current .action.remove-filter .icon {
margin: auto;
}
.filter-current .action.remove-filter::after {
content: '';
position: absolute;
inset: 0;
}
.filter-label {
font-weight: 400;
}
.filter-value {
color: inherit;
}
.filter .block-subtitle {
padding: 0 1rem 0 2rem;
border-bottom: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.33333333;
}
.filter .filter-current-subtitle {
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 3.2rem;
}
.filter-options-item {
padding-bottom: 0;
border-bottom: 0;
/* slider overrides only for facets */
}
.filter-options-item:not(:last-child) {
margin-bottom: 3.2rem;
}
.filter-options-item .ln_slider_container {
margin: 0 1.8rem 0 0;
width: calc(100% - 1.8rem);
}
.filter-options-item .ui-slider-horizontal {
background: #E6F4F9;
}
.filter-options-item .ui-slider-horizontal + #ln_slider_text_price {
margin-top: 1rem;
}
.filter-options-item .ui-slider-horizontal .ui-slider-handle {
margin-left: -0.9rem;
margin-top: -0.4rem;
}
.filter-options-item .ui-slider-horizontal .ui-slider-range + .ui-slider-handle {
margin-left: 0;
}
.filter-options-item .ui-slider-handle {
width: 1.8rem;
height: 1.8rem;
border-radius: 50%;
background: #003057;
}
.filter-options-title {
cursor: default;
padding: 0 2rem;
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 1.1rem 0.6rem;
font-weight: 700;
text-transform: none;
/* remove core icon font */
/* svg background replacements */
}
.filter-options-title::after,
.active > .filter-options-title::after {
content: none;
}
[data-collapsible="true"] > .filter-options-title {
cursor: pointer;
}
.filter-options-title[aria-expanded="true"] {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%2011%206%22%3E%3Cpolygon%20id%3D%22g%22%20points%3D%225.5%20.03%204.93%20.51%200%204.66%201.14%205.97%205.5%202.3%209.86%205.97%2011%204.66%206.07%20.51%205.5%20.03%22%20fill%3D%22%23003057%22/%3E%3C/svg%3E");
}
.filter-options-title[aria-expanded="false"] {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%2011%206%22%3E%3Cpath%20fill%3D%22%23003057%22%20d%3D%22m5.587%206.488.57-.48%204.93-4.15-1.14-1.31-4.36%203.67-4.36-3.67-1.14%201.31%204.93%204.15.57.48z%22/%3E%3C/svg%3E");
}
.filter-options-content {
padding: 1rem 1rem 0 2rem;
}
.filter-options-content .item {
position: relative;
margin: 0;
line-height: inherit;
}
.filter-options-content .item + .item {
margin-top: 0.5rem;
}
.filter-options-content .item input[type="checkbox"],
.filter-options-content .item input[type="radio"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.filter-options-content .item[data-init="hidden"] {
display: none;
}
.filter-options-content a {
color: #003057;
margin: 0;
padding: 0.4rem 0 0.4rem 2.8rem;
}
.filter-options-content a:hover {
background-color: transparent;
}
.filter-options-content input[type="checkbox"] + a::before,
.filter-options-content input[type="radio"] + a::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0.5rem;
width: 1.8rem;
height: 1.8rem;
transition: background-color 250ms linear;
border: 0.2rem solid #003057;
}
.filter-options-content input[type="checkbox"] + a:focus::before,
.filter-options-content input[type="radio"] + a:focus::before,
.filter-options-content input[type="checkbox"] + a:hover::before,
.filter-options-content input[type="radio"] + a:hover::before {
background-color: #E6F4F9;
}
.filter-options-content input[type="checkbox"]:checked + a::after {
content: '';
position: absolute;
top: 0.9rem;
left: 0.6rem;
height: 1rem;
width: 0.6rem;
transform: translateY(-20%) rotate(45deg);
border-right: 0.2rem solid #003057;
border-bottom: 0.2rem solid #003057;
}
.filter-options-content input[type="radio"] + a::before {
border-radius: 50%;
}
.filter-options-content input[type="radio"]:checked + a::before {
box-shadow: 0 0 0 0.3rem inset #ffffff;
background-color: #003057;
}
.filter-options-content .count {
display: none;
}
.filter-options-content .filter-options__toggle {
margin-top: 1rem;
padding: 0.4rem 0.4rem 0.4rem 2rem;
}
.filter-options-content .filter-options__toggle,
.filter-options-content .filter-options__toggle:focus,
.filter-options-content .filter-options__toggle:hover,
.filter-options-content .filter-options__toggle:active {
border-color: transparent;
background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2011%2010%22%20width%3D%2211%22%20height%3D%2210%22%3E%3Cpolygon%20points%3D%225.5%200%204.93%20.48%200%204.63%201.14%205.94%205.5%202.27%209.86%205.94%2011%204.63%206.07%20.48%205.5%200%22%20fill%3D%22%23003057%22/%3E%3Cpolygon%20id%3D%22c%22%20points%3D%225.5%204.03%204.93%204.51%200%208.66%201.14%209.97%205.5%206.3%209.86%209.97%2011%208.66%206.07%204.51%205.5%204.03%22%20fill%3D%22%23003057%22/%3E%3C/svg%3E") transparent no-repeat left center;
color: #003057;
font-size: 1.5rem;
font-weight: 400;
}
.filter-options-content .filter-options__toggle:hover {
text-decoration: underline;
}
.filter-options-content .filter-options__toggle.collapsed,
.filter-options-content .filter-options__toggle.collapsed:focus,
.filter-options-content .filter-options__toggle.collapsed:hover,
.filter-options-content .filter-options__toggle.collapsed:active {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2011%2010%22%20width%3D%2211%22%20height%3D%2210%22%3E%3Cpolygon%20points%3D%225.5%209.97%206.07%209.49%2011%205.34%209.86%204.03%205.5%207.7%201.14%204.03%200%205.34%204.93%209.49%205.5%209.97%22%20fill%3D%22%23003057%22/%3E%3Cpolygon%20points%3D%225.5%205.94%206.07%205.46%2011%201.31%209.86%200%205.5%203.67%201.14%200%200%201.31%204.93%205.46%205.5%205.94%22%20fill%3D%22%23003057%22/%3E%3C/svg%3E");
}
.catalog-category-view .layered-filter-block-container {
display: flex;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 0;
z-index: 9990;
overflow: hidden;
transition: background-color 100ms linear 150ms, max-width 1ms linear 250ms;
background-color: rgba(255, 255, 255, 0.001);
}
.catalog-category-view .layered-filter-block-container .filter-current {
display: none;
}
.catalog-category-view .layered-filter-block-container .filter.block {
display: flex;
position: relative;
transform: translateX(-100%);
transition: transform 150ms ease-out;
background-color: #ffffff;
}
.catalog-category-view .layered-filter-block-container .filter-content {
padding-bottom: 1.8rem;
scrollbar-width: thin;
scrollbar-color: #003057 transparent;
width: 100%;
overflow-y: scroll;
overscroll-behavior: contain;
padding: 6rem 4rem 6rem 3rem;
}
.catalog-category-view .layered-filter-block-container .filter-content::-webkit-scrollbar-track {
background: transparent;
}
.catalog-category-view .layered-filter-block-container .filter-content::-webkit-scrollbar-thumb {
background-color: #003057;
border-radius: 0.3rem;
border: 0;
}
.catalog-category-view .layered-filter-block-container .filter-content::-webkit-scrollbar-thumb:hover,
.catalog-category-view .layered-filter-block-container .filter-content::-webkit-scrollbar-thumb:active {
background-color: #003057;
}
.catalog-category-view .layered-filter-block-container .filter-options {
display: block;
}
/* filters visible */
.mobile-filters-active.catalog-category-view .layered-filter-block-container {
max-width: 100%;
transition: background-color 200ms linear, max-width 1ms;
background-color: rgba(0, 48, 87, 0.3);
}
.mobile-filters-active.catalog-category-view .layered-filter-block-container .block.filter {
transform: translateX(0);
width: 70vw;
max-width: 42rem;
}
.mobile-filters-active.catalog-category-view .mobile-filters__close {
opacity: 1;
left: auto;
right: 0;
transition: opacity 150ms ease-out 150ms;
}
/* mobile filter state visualisation */
.mobile-filters__state {
display: flex;
gap: 2rem;
align-items: flex-start;
margin-bottom: 3rem;
}
.mobile-filters__state .items {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 1rem;
font-size: 1.5rem;
line-height: 1.46666667;
}
.mobile-filters__state .item {
display: flex;
gap: 1rem;
align-items: center;
position: relative;
padding: 1rem 0 1rem 1rem;
border-radius: 0.3rem;
background-color: #E6F4F9;
}
.mobile-filters__state .item .active-filter-details .filter-label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.mobile-filters__state .action.remove-filter {
display: flex;
width: 1.8rem;
height: 1.8rem;
justify-content: center;
align-items: center;
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
background-color: #ffffff;
}
.mobile-filters__state .action.remove-filter::after {
content: '';
position: absolute;
inset: 0;
}
.mobile-filters__close {
padding: 0;
display: flex;
position: absolute;
z-index: 9;
left: -100%;
top: 7.4rem;
transform: translate(50%, -50%);
opacity: 0;
border-radius: 50%;
color: #003057;
}
.mobile-filters__close,
.mobile-filters__close:focus,
.mobile-filters__close:hover {
border: 0;
background: none;
}
body {
background-color: #f7f7f7;
}
.page-wrapper {
background-color: #ffffff;
}
.page-header {
margin-bottom: 0;
border: 0;
}
.header.content {
padding-top: 0;
}
.header.panel {
display: none;
}
.header.panel > .header.links {
float: none;
}
.header.panel > .header.links > li {
font-size: 1.3rem;
line-height: calc(30/13);
}
.header.panel > .header.links > li > a {
transition: color 250ms;
line-height: inherit;
}
.header.panel > .header.links > li > a:hover,
.header.panel > .header.links > li > a:active {
color: #0F304D;
text-decoration: none;
}
.site-header__top .store-logo + .store-label {
margin-left: 1rem;
}
.page-footer {
margin-top: 0;
padding-top: 1.8rem;
background-color: #003057;
color: #ffffff;
}
.page-footer a {
color: inherit;
}
.page-footer .footer-inner {
position: relative;
grid-row: 1;
}
.page-footer .payment__partners {
position: relative;
grid-row: 2;
}
.page-footer .footer__pattern {
grid-row: 1 / 3;
display: flex;
align-items: flex-end;
}
.footer__pattern {
opacity: 8%;
}
.footer__pattern svg {
display: block;
}
.mst-templates {
display: none;
}
.mst-searchautocomplete__autocomplete {
margin-top: 0.1rem;
min-height: 5.2rem;
box-shadow: 0 0.8rem 1.4rem 0 rgba(0, 48, 87, 0.21);
border: 0;
}
.mst-searchautocomplete__autocomplete ul {
max-height: none;
}
.mst-searchautocomplete__autocomplete ul li {
padding: 1.5rem;
}
.mst-searchautocomplete__autocomplete ul li._active {
background-color: #E6F4F9;
}
.mst-searchautocomplete__autocomplete ul li::before,
.mst-searchautocomplete__autocomplete ul li::after {
content: none;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__spinner {
top: 1.6rem;
right: 1.5rem;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__spinner[style*="display: block"] + .mst-searchautocomplete__close {
display: none;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
margin: 0;
padding: 1.5rem 1.5rem 4rem;
border-top: 0.3rem solid #E6F4F9;
text-align: left;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
text-decoration: none;
background-image: none;
background: #00843D;
border: 0.2rem solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
padding: 0.8rem 2rem;
box-sizing: border-box;
vertical-align: middle;
line-height: 2.2rem;
padding: 1.2rem 4rem;
font-size: 1.6rem;
border-radius: 0.3rem;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:hover,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:active,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:focus {
text-decoration: none;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:focus,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:active {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:hover {
background: #007637;
border: 0.2rem solid #00843D;
color: #ffffff;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a.disabled,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a[disabled],
fieldset[disabled] .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result {
padding: 1.5rem 1.5rem 4rem;
background: transparent;
color: rgba(0, 48, 87, 0.5);
font-size: 1.6rem;
}
.mst-searchautocomplete__highlight {
color: inherit;
font-weight: inherit;
}
.mst-searchautocomplete__index + .mst-searchautocomplete__index {
border-top: 0.2rem solid #E6F4F9;
}
.mst-searchautocomplete__item {
display: flex;
align-items: flex-start;
gap: 1.4rem;
}
.mst-searchautocomplete__item:not(:last-child) {
border-bottom: 0.2rem solid #E6F4F9;
}
.mst-searchautocomplete__item .meta {
flex-grow: 1;
min-width: 0;
}
.mst-searchautocomplete__item .title {
margin-bottom: 0;
color: #003057;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.5;
}
.mst-searchautocomplete__item .title a {
color: inherit;
}
.mst-searchautocomplete__item .result-subheading-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
-moz-column-gap: 1.2rem;
column-gap: 1.2rem;
row-gap: 0.4rem;
margin-top: 0.4rem;
}
.mst-searchautocomplete__item .result-subheading {
color: #DE4700;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.6;
}
.mst-searchautocomplete__item .result-label {
padding: 0 1rem;
border-radius: 0.3rem;
background-color: #DE4700;
color: #ffffff;
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.05rem;
line-height: 2;
text-transform: uppercase;
}
.mst-searchautocomplete__item .result-tags {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 0.8rem;
column-gap: 0.8rem;
row-gap: 0.4rem;
align-items: center;
}
.mst-searchautocomplete__item .result-tag {
display: inline-flex;
align-items: center;
gap: 0.4rem;
color: #00843D;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.42857143;
}
.mst-searchautocomplete__item .result-tag .icon svg {
display: block;
}
.mst-searchautocomplete__item.magento_catalog_product {
align-items: flex-start;
border-bottom: 0.2rem solid #E6F4F9;
}
.mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
height: 6.2rem;
width: 6.2rem;
flex: 0 0 6.2rem;
margin-right: 0;
border-radius: 0.3rem;
background-color: #ffffff;
}
.mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.mst-searchautocomplete__item.magento_catalog_product .meta {
overflow: visible;
}
.mst-searchautocomplete__item.magento_catalog_product .title {
margin-bottom: 0;
}
.mst-searchautocomplete__item.magento_catalog_product .title a {
color: inherit;
}
.mst-searchautocomplete__item.magento_catalog_product._active {
background: #E6F4F9 !important;
}
.mst-searchautocomplete__item.magento_catalog_product._active .title a {
text-decoration: none;
}
.mst-searchautocomplete__item.blackbird_contentmanager_content .mst-product-image-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 6.2rem;
width: 6.2rem;
flex: 0 0 6.2rem;
}
.mst-searchautocomplete__item.blackbird_contentmanager_content .mst-product-image-wrapper img {
display: block;
height: 5rem;
width: 5rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.3rem;
}