*
* This will cause the system to fill up from either the centre or the right
* hand side. Default behaviour is to fill up the layout system from the left.
*
* There are plenty more options available to us: explore them below.
*/
/* Default/mandatory classes
========================================================================== */
/**
* 1. Allows us to use the layout object on any type of element.
* 2. We need to defensively reset any box-model properties.
* 3. Use the negative margin trick for multi-row grids:
* http://csswizardry.com/2011/08/building-better-grid-systems/
*/
.o-layout {
display: block;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
list-style: none;
/* [1] */
margin-left: -24px;
/* [3] */
font-size: 0; }
/**
* 1. Required in order to combine fluid widths with fixed gutters.
* 2. Allows us to manipulate grids vertically, with text-level properties,
* etc.
* 3. Default item alignment is with the tops of each other, like most
* traditional grid/layout systems.
* 4. By default, all layout items are full-width (mobile first).
* 5. Gutters provided by left padding:
* http://csswizardry.com/2011/08/building-better-grid-systems/
* 6. Fallback for old IEs not supporting `rem` values.
*/
.o-layout__item {
box-sizing: border-box;
/* [1] */
display: inline-block;
/* [2] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
padding-left: 24px;
/* [5] */
font-size: 14px;
/* [6] */
font-size: 1rem; }
/* Gutter size modifiers
========================================================================== */
.o-layout--flush {
margin-left: 0; }
.o-layout--flush > .o-layout__item {
padding-left: 0; }
.o-layout--tiny {
margin-left: -6px; }
.o-layout--tiny > .o-layout__item {
padding-left: 6px; }
.o-layout--small {
margin-left: -12px; }
.o-layout--small > .o-layout__item {
padding-left: 12px; }
.o-layout--large {
margin-left: -48px; }
.o-layout--large > .o-layout__item {
padding-left: 48px; }
.o-layout--huge {
margin-left: -96px; }
.o-layout--huge > .o-layout__item {
padding-left: 96px; }
/* Vertical alignment modifiers
========================================================================== */
/**
* Align all grid items to the middles of each other.
*/
.o-layout--middle > .o-layout__item {
vertical-align: middle; }
/**
* Align all grid items to the bottoms of each other.
*/
.o-layout--bottom > .o-layout__item {
vertical-align: bottom; }
/**
* Stretch all grid items of each row to have an equal-height.
* Please be aware that this modifier class doesn’t take any effect in IE9 and
* below and other older browsers due to the lack of `display: flex` support.
*/
.o-layout--stretch {
display: flex;
flex-wrap: wrap; }
.o-layout--stretch > .o-layout__item {
display: flex; }
.o-layout--stretch.o-layout--center {
justify-content: center; }
.o-layout--stretch.o-layout--right {
justify-content: flex-end; }
.o-layout--stretch.o-layout--left {
justify-content: flex-start; }
/* Fill order modifiers
========================================================================== */
/**
* Fill up the layout system from the centre.
*/
.o-layout--center {
text-align: center; }
.o-layout--center > .o-layout__item {
text-align: left; }
/**
* Fill up the layout system from the right-hand side.
*/
.o-layout--right {
text-align: right; }
.o-layout--right > .o-layout__item {
text-align: left; }
/**
* Fill up the layout system from the left-hand side. This will likely only be
* needed when using in conjunction with `.o-layout--reverse`.
*/
.o-layout--left {
text-align: left; }
.o-layout--left > .o-layout__item {
text-align: left; }
/**
* Reverse the rendered order of the grid system.
*/
.o-layout--reverse {
direction: rtl; }
.o-layout--reverse > .o-layout__item {
direction: ltr; }
/* Auto-widths modifier
========================================================================== */
/**
* Cause layout items to take up a non-explicit amount of width.
*/
.o-layout--auto > .o-layout__item {
width: auto; }
/* ==========================================================================
#MEDIA
========================================================================== */
/**
* Place any image- and text-like content side-by-side, as per:
* http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*/
.o-media {
display: block; }
.o-media:after {
content: "" !important;
display: block !important;
clear: both !important; }
.o-media__img {
float: left;
margin-right: 24px; }
.o-media__img > img {
display: block; }
.o-media__body {
overflow: hidden;
display: block; }
.o-media__body,
.o-media__body > :last-child {
margin-bottom: 0; }
/* Size variants
========================================================================== */
/**
* Modify the amount of space between our image and our text. We also have
* reversible options for all available sizes.
*/
.o-media--flush > .o-media__img {
margin-right: 0;
margin-left: 0; }
.o-media--tiny > .o-media__img {
margin-right: 6px; }
.o-media--tiny.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 6px; }
.o-media--small > .o-media__img {
margin-right: 12px; }
.o-media--small.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 12px; }
.o-media--large > .o-media__img {
margin-right: 48px; }
.o-media--large.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 48px; }
.o-media--huge > .o-media__img {
margin-right: 96px; }
.o-media--huge.o-media--reverse > .o-media__img {
margin-right: 0;
margin-left: 96px; }
/* Reversed media objects
========================================================================== */
.o-media--reverse > .o-media__img {
float: right;
margin-right: 0;
margin-left: 24px; }
/* ==========================================================================
#FLAG
========================================================================== */
/**
* The flag object is a design pattern similar to the media object, however it
* utilises `display: table[-cell];` to give us control over the vertical
* alignments of the text and image.
*
* http://csswizardry.com/2013/05/the-flag-object/
*
* 1. Allows us to control vertical alignments.
* 2. Force the object to be the full width of its parent. Combined with [1],
* this makes the object behave in a quasi-`display: block;` manner.
* 3. Reset inherited `border-spacing` declarations.
*/
.o-flag {
display: table;
/* [1] */
width: 100%;
/* [2] */
border-spacing: 0;
/* [3] */ }
/**
* Items within a flag object. There should only ever be one of each.
*
* 1. Default to aligning content to their middles.
*/
.o-flag__img,
.o-flag__body {
display: table-cell;
vertical-align: middle;
/* [1] */ }
/**
* Flag images have a space between them and the body of the object.
*
* 1. Force `.flag__img` to take up as little space as possible:
* https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/
*/
.o-flag__img {
width: 1px;
/* [1] */
padding-right: 24px;
/**
* 1. Fixes problem with images disappearing.
*
* The direct child selector '>' needs to remain in order for nested flag
* objects to not inherit their parent’s formatting. In case the image tag
* is wrapped into another tag, e.g. an anchor for linking reasons, it will
* disappear. In that case try wrapping the whole o-flag__img object into
* an anchor tag.
*
* E.g.:
*
*
*
* 
*
*
*/ }
.o-flag__img > img {
max-width: none;
/* [1] */ }
/**
* The container for the main content of the flag object.
*
* 1. Forces the `.flag__body` to take up all remaining space.
*/
.o-flag__body {
width: auto;
/* [1] */ }
.o-flag__body,
.o-flag__body > :last-child {
margin-bottom: 0; }
/* Size variants
========================================================================== */
.o-flag--flush > .o-flag__img {
padding-right: 0;
padding-left: 0; }
.o-flag--tiny > .o-flag__img {
padding-right: 6px; }
.o-flag--tiny.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 6px; }
.o-flag--small > .o-flag__img {
padding-right: 12px; }
.o-flag--small.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 12px; }
.o-flag--large > .o-flag__img {
padding-right: 48px; }
.o-flag--large.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 48px; }
.o-flag--huge > .o-flag__img {
padding-right: 96px; }
.o-flag--huge.o-flag--reverse > .o-flag__img {
padding-right: 0;
padding-left: 96px; }
/* Reversed flag
========================================================================== */
/**
* 1. Swap the rendered direction of the object…
* 2. …and reset it.
* 3. Reassign margins to the correct sides.
*/
.o-flag--reverse {
direction: rtl;
/* [1] */ }
.o-flag--reverse > .o-flag__img,
.o-flag--reverse > .o-flag__body {
direction: ltr;
/* [2] */ }
.o-flag--reverse > .o-flag__img {
padding-right: 0;
/* [3] */
padding-left: 24px;
/* [3] */ }
/* Alignment variants
========================================================================== */
/**
* Vertically align the image- and body-content differently. Defaults to middle.
*/
.o-flag--top > .o-flag__img,
.o-flag--top > .o-flag__body {
vertical-align: top; }
.o-flag--bottom > .o-flag__img,
.o-flag--bottom > .o-flag__body {
vertical-align: bottom; }
/* ==========================================================================
#LIST-BARE
========================================================================== */
/**
* Strip list-like appearance from lists by removing their bullets and any
* indentation.
*
* Note: Declaring the item class might not be necessary everywhere,
* but is for example in
* - lists for the
- children.
*/
.o-list-bare, .grouped-cart ul, .grouped-cart ol, .grouped-cart li {
list-style: none;
margin-left: 0; }
.o-list-bare__item {
margin-left: 0; }
/* ==========================================================================
#LIST-INLINE
========================================================================== */
/**
* The list-inline object simply displays a list of items in one line.
*/
.o-list-inline {
margin-left: 0;
list-style: none; }
.o-list-inline__item {
display: inline-block; }
/* ==========================================================================
#BOX
========================================================================== */
/**
* The box object simply boxes off content. Extend with cosmetic styles in the
* Components layer.
*
* 1. So we can apply the `.o-box` class to naturally-inline elements.
*/
.o-box {
display: block;
/* [1] */
padding: 24px; }
.o-box:after {
content: "" !important;
display: block !important;
clear: both !important; }
.o-box > :last-child {
margin-bottom: 0; }
/* Size variants
========================================================================== */
.o-box--flush {
padding: 0; }
.o-box--tiny {
padding: 6px; }
.o-box--small {
padding: 12px; }
.o-box--large {
padding: 48px; }
.o-box--huge {
padding: 96px; }
/* ==========================================================================
#BLOCK
========================================================================== */
/**
* Stacked image-with-text object. A simple abstraction to cover a very commonly
* occurring design pattern.
*/
.o-block {
display: block;
text-align: center; }
.o-block__img {
margin-bottom: 24px;
/* Size variants
====================================================================== */ }
.o-block--flush > .o-block__img {
margin-bottom: 0; }
.o-block--tiny > .o-block__img {
margin-bottom: 6px; }
.o-block--small > .o-block__img {
margin-bottom: 12px; }
.o-block--large > .o-block__img {
margin-bottom: 48px; }
.o-block--huge > .o-block__img {
margin-bottom: 96px; }
.o-block__body {
display: block; }
/* Alignment variants
========================================================================== */
.o-block--right {
text-align: right; }
.o-block--left {
text-align: left; }
/* ==========================================================================
#RATIO
========================================================================== */
/**
* Create ratio-bound content blocks, to keep media (e.g. images, videos) in
* their correct aspect ratios.
*
* http://alistapart.com/article/creating-intrinsic-ratios-for-video
*
* 1. Default is a 1:1 ratio (i.e. a perfect square).
*/
.o-ratio {
position: relative;
display: block; }
.o-ratio:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
/* [1] */ }
.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%; }
/* Ratio variants.
========================================================================== */
/**
* Generate a series of ratio classes to be used like so:
*
* * */ .o-ratio--2\:1:before { padding-bottom: 50%; } .o-ratio--4\:3:before { padding-bottom: 75%; } .o-ratio--16\:9:before { padding-bottom: 56.25%; } /* Contain modifier. ========================================================================== */ /** * Only works with image content. * Contains the image to the boundaries, without cropping or stretching it. */ .o-ratio--img-contain > .o-ratio__content:before { height: auto; margin: auto; max-height: 100%; max-width: 100%; width: auto; } /* ========================================================================== #CROP ========================================================================== */ /** * Provide a cropping container in order to display media (usually images) * cropped to certain ratios. * * 1. Set up a positioning context in which the image can sit. * 2. This is the crucial part: where the cropping happens. */ .o-crop { position: relative; /* [1] */ display: block; overflow: hidden; /* [2] */ } /** * Apply this class to the content (usually `img`) that needs cropping. * * 1. Image’s default positioning is top-left in the cropping box. * 2. Make sure the media doesn’t stop itself too soon. */ .o-crop__content { position: absolute; top: 0; /* [1] */ left: 0; /* [1] */ max-width: none; /* [2] */ } /** * We can position the media in different locations within the cropping area. */ .o-crop__content--left-top { left: 0; } .o-crop__content--left-center { top: 50%; transform: translateY(-50%); } .o-crop__content--left-bottom { top: auto; bottom: 0; } .o-crop__content--right-top { right: 0; left: auto; } .o-crop__content--right-center { top: 50%; right: 0; left: auto; transform: translateY(-50%); } .o-crop__content--right-bottom { top: auto; right: 0; bottom: 0; left: auto; } .o-crop__content--center-top { left: 50%; transform: translateX(-50%); } .o-crop__content--center, .o-crop__content--center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .o-crop__content--center-bottom { top: auto; bottom: 0; left: 50%; transform: translateX(-50%); } /* Crop-ratio variants ========================================================================== */ /** * Generate a series of crop classes to be used like so: * ** */ .o-crop--2\:1 { padding-bottom: 50%; } .o-crop--4\:3 { padding-bottom: 75%; } .o-crop--16\:9 { padding-bottom: 56.25%; } /* Fill modifier ========================================================================== */ /** * Content stretches to fill it's container while maintaining aspect-ratio. */ .o-crop--fill > .o-crop__content { min-height: 100%; min-width: 100%; } /* ========================================================================== #TABLE ========================================================================== */ /** * A simple object for manipulating the structure of HTML `table`s. */ .o-table { width: 100%; } /* Equal-width table cells ========================================================================== */ /** * `table-layout: fixed` forces all cells within a table to occupy the same * width as each other. This also has performance benefits: because the browser * does not need to (re)calculate cell dimensions based on content it discovers, * the table can be rendered very quickly. Further reading: * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values */ .o-table--fixed { table-layout: fixed; } /* Size variants ========================================================================== */ .o-table--tiny th, .o-table--tiny td { padding: 6px; } .o-table--small th, .o-table--small td { padding: 12px; } .o-table--large th, .o-table--large td { padding: 48px; } .o-table--huge th, .o-table--huge td { padding: 96px; } /* ========================================================================== #PACK ========================================================================== */ /** * The pack object simply causes any number of elements pack up horizontally to * automatically fill an equal, fluid width of their parent. * * 1. Fill all available space. * 2. Remove any leftover styling from lists. * 3. Cause children to be automatically equally sized. */ .o-pack { width: 100%; /* [1] */ margin-left: 0; /* [2] */ display: table; table-layout: fixed; /* [3] */ } /** * 1. Cause children to adopt table-like structure. * 2. Default item alignment is with the tops of each other. */ .o-pack__item { display: table-cell; /* [1] */ vertical-align: top; /* [2] */ /* Vertical alignment variants ====================================================================== */ } .o-pack--middle > .o-pack__item { vertical-align: middle; } .o-pack--bottom > .o-pack__item { vertical-align: bottom; } /* Unequal-width items ========================================================================== */ .o-pack--auto { table-layout: auto; } /* Size variants ========================================================================== */ .o-pack--tiny { border-spacing: 6px; } .o-pack--small { border-spacing: 12px; } .o-pack--default { border-spacing: 24px; } .o-pack--large { border-spacing: 48px; } .o-pack--huge { border-spacing: 96px; } /* Reversed order packs ========================================================================== */ .o-pack--reverse { direction: rtl; } .o-pack--reverse > .o-pack__item { direction: ltr; } .kc-accordion { margin-bottom: 48px; } .kc-accordion [data-role="title"] { position: relative; border-bottom: 1px solid #CACACB; cursor: pointer; padding-bottom: 0.7em; } .kc-accordion [data-role="icons"] { position: absolute; top: 0; right: 0; color: #00B1B0; line-height: 1.3; } .kc-accordion [data-role="icons"]:before { font-weight: 100; font-size: 36px; } .kc-accordion [data-role="icons"].plus:before { content: '+'; } .kc-accordion [data-role="icons"].minus:before { content: '-'; } .base-cms-page .page-main .column.main > p { margin-bottom: 0; } .custom-slider .owl-carousel .banner-item .content_slider .banner-title { text-transform: uppercase; } .dcw__button-style--normal .dcw__item-link, .amscroll-load-button, .custom-slider .owl-carousel .banner-item .content_slider .buttons { padding-top: 12px; } .kc-button-primary--reverse, .giftcard-information-container .active .giftcard-design-button, .kc.button.primary.reverse, .custom-slider .owl-carousel .banner-item .content_slider .buttons a, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart, .product-page .product-info-main .action.tocart, .promo-banner.dcw__cta_colour--secondary .promo-banner__link, #giftcardContainer .action-check.primary, #giftcardContainer .action.primary, .kc.button.primary.slim, .cart-container .form-cart .action.action-towishlist, .column.main .discount button.primary, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action, .column.main .discount .primary.action-gift, .checkout-container .checkout-shipping-address button, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action, .checkout-container .checkout-shipping-address .action-gift, .checkout-container .action.continue.primary, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button, .kc-button-quaternary, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link, .dcw__button-style--normal .dcw__item-link, .amscroll-load-button, .form-address-edit .actions-toolbar .action.primary, .wishlist-index-index .products-grid .tocart, .actions-toolbar .primary a, .actions-toolbar .primary .action, .kc-button-primary-action, .kc.button.primary, .cart-container .checkout-methods-items .action.primary, .cms-guide-listing__load-more, .page-wrapper .dcw__button-style--normal.dcw__colour--default .dcw__item .dcw__item-link, .page-wrapper .dcw__button-style--normal.dcw__colour--primary .dcw__item .dcw__item-link, .page-wrapper .dcw__button-style--normal.dcw__colour--secondary .dcw__item .dcw__item-link, .modal-footer .action.primary, .modal-footer .action-accept, .page-products .amscroll-load-button, .page-products .products.grid .products.list .product-item .tocart, .products-carousel__item-tocart, .catalog-products-list__item-tocart, .promo-banner.dcw__cta_colour--primary .promo-banner__link, .checkout-onepage-success .action.primary, .giftcard-information-container .giftcard-design-button, .kc.notification.dcw__colour--default .kc.button, .kc.button.secondary.reverse, .login-box-wrapper .block-new-customer .action.create, .newsletter-subscription__submit, .newsletter-subscription--generic .newsletter-subscription__submit, .kc-button-secondary--slim, .kc.button.secondary.slim, .cart-container .form-cart .action.update, .cart-container .form-cart .action.action-edit, .checkout-container .action-edit-address, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button, .minicart-wrapper .block-minicart .button-mini-list-item, .wishlist-wrapper .block-minicart .button-mini-list-item, .minicart-wrapper .block-mini-wishlist .button-mini-list-item, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item, .minicart-wrapper.block-minicart .button-mini-list-item, .block-minicart.wishlist-wrapper .button-mini-list-item, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item, .minicart-wrapper.block-mini-wishlist .button-mini-list-item, .minicart-sliding .block-minicart .button-mini-list-item, .minicart-sliding .block-mini-wishlist .button-mini-list-item, .minicart-sliding.block-minicart .button-mini-list-item, .minicart-sliding.block-mini-wishlist .button-mini-list-item, .kc.notification.dcw__colour--primary .kc.button, .kc.notification.dcw__colour--secondary .kc.button, .kc.notification.dcw__colour--tertiary .kc.button, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.primary, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.tocart, .account .columns .column.main .block .block-title .view, .account .columns .column.main .block h5.content-title .view, .account .block-subsection .action, .block-dashboard-orders .view-all-orders, .actions-toolbar .secondary a, .actions-toolbar .secondary .action, .kc.button.secondary, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .modal-footer .action.secondary, .newsletter-subscription--homepage .newsletter-subscription__submit, .products-carousel__item-stock-unavailable, .catalog-products-list__item-stock-unavailable, .stockists__map-tools .stockists__request-location > button, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action, .stockists__map-tools .stockists__request-location > .action-gift, .stockists__map-tools .stockists__search-btn > button, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__search-btn > .action, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__search-btn > .action, .stockists__map-tools .stockists__search-btn > .action-gift, .group-order-customer-account .kc-button-primary-action, .kc-button-tertiary, .promo-banner .promo-banner__link, .promo-banner.dcw__cta_colour--tertiary .promo-banner__link, .kc.button.negative.slim, .cart-container .form-cart .action.action-delete, .group-order-customer-orderform .delete-btn--small, .kc.button.negative, .modal-footer .action-dismiss, .account .account-nav .content .item a, .kc.button.sidebar-menu, .account .account-nav .content .item > strong, .account .account-nav .content .item.current a, .kc.button.sidebar-menu.active, .kc.button { -webkit-appearance: none; display: inline-block; text-decoration: none; border-style: solid; border-radius: 50px; border-width: 2px; background: none; font-size: 11px; line-height: 14px; font-family: "Pluto", sans-serif; font-weight: 400; text-transform: uppercase; color: #FFFFFF; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; transition-property: background-color, color, border-color, padding, -webkit-text-decoration; transition-property: background-color, color, border-color, padding, text-decoration; transition-property: background-color, color, border-color, padding, text-decoration, -webkit-text-decoration; transition-duration: 0.3s; transition-timing-function: ease-in-out; padding-left: 30px; padding-right: 30px; padding-top: 12px; padding-bottom: 12px; background-color: #6D6E72; border: 2px solid #6D6E72; color: #FFFFFF; } .kc-button-primary--reverse:hover, .giftcard-information-container .active .giftcard-design-button:hover, .custom-slider .owl-carousel .banner-item .content_slider .buttons a:hover, .bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart:hover, .product-page .product-info-main .action.tocart:hover, .promo-banner.dcw__cta_colour--secondary .promo-banner__link:hover, #giftcardContainer .action-check.primary:hover, #giftcardContainer .action.primary:hover, .cart-container .form-cart .action.action-towishlist:hover, .column.main .discount button.primary:hover, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action:hover, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action:hover, .column.main .discount .primary.action-gift:hover, .checkout-container .checkout-shipping-address button:hover, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action:hover, .checkout-container .checkout-shipping-address .action-gift:hover, .checkout-container .action.continue.primary:hover, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button:hover, .kc-button-quaternary:hover, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link:hover, .dcw__button-style--normal .dcw__item-link:hover, .amscroll-load-button:hover, .form-address-edit .actions-toolbar .action.primary:hover, .wishlist-index-index .products-grid .tocart:hover, .actions-toolbar .primary a:hover, .actions-toolbar .primary .action:hover, .kc-button-primary-action:hover, .kc.button.primary:hover, .cart-container .checkout-methods-items .action.primary:hover, .cms-guide-listing__load-more:hover, .page-wrapper .dcw__button-style--normal.dcw__colour--default .dcw__item .dcw__item-link:hover, .page-wrapper .dcw__button-style--normal.dcw__colour--primary .dcw__item .dcw__item-link:hover, .page-wrapper .dcw__button-style--normal.dcw__colour--secondary .dcw__item .dcw__item-link:hover, .modal-footer .action.primary:hover, .modal-footer .action-accept:hover, .page-products .products.grid .products.list .product-item .tocart:hover, .products-carousel__item-tocart:hover, .catalog-products-list__item-tocart:hover, .promo-banner.dcw__cta_colour--primary .promo-banner__link:hover, .checkout-onepage-success .action.primary:hover, .giftcard-information-container .giftcard-design-button:hover, .kc.notification.dcw__colour--default .kc.button:hover, .login-box-wrapper .block-new-customer .action.create:hover, .newsletter-subscription__submit:hover, .kc-button-secondary--slim:hover, .cart-container .form-cart .action.update:hover, .cart-container .form-cart .action.action-edit:hover, .checkout-container .action-edit-address:hover, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button:hover, .minicart-wrapper .block-minicart .button-mini-list-item:hover, .wishlist-wrapper .block-minicart .button-mini-list-item:hover, .minicart-wrapper .block-mini-wishlist .button-mini-list-item:hover, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item:hover, .minicart-wrapper.block-minicart .button-mini-list-item:hover, .block-minicart.wishlist-wrapper .button-mini-list-item:hover, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item:hover, .minicart-wrapper.block-mini-wishlist .button-mini-list-item:hover, .minicart-sliding .block-minicart .button-mini-list-item:hover, .minicart-sliding .block-mini-wishlist .button-mini-list-item:hover, .minicart-sliding.block-minicart .button-mini-list-item:hover, .minicart-sliding.block-mini-wishlist .button-mini-list-item:hover, .kc.notification.dcw__colour--primary .kc.button:hover, .kc.notification.dcw__colour--secondary .kc.button:hover, .kc.notification.dcw__colour--tertiary .kc.button:hover, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.primary:hover, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.tocart:hover, .account .columns .column.main .block .block-title .view:hover, .account .columns .column.main .block h5.content-title .view:hover, .account .block-subsection .action:hover, .block-dashboard-orders .view-all-orders:hover, .actions-toolbar .secondary a:hover, .actions-toolbar .secondary .action:hover, .kc.button.secondary:hover, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary:hover, .modal-footer .action.secondary:hover, .products-carousel__item-stock-unavailable:hover, .catalog-products-list__item-stock-unavailable:hover, .stockists__map-tools .stockists__request-location > button:hover, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action:hover, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action:hover, .stockists__map-tools .stockists__request-location > .action-gift:hover, .stockists__map-tools .stockists__search-btn > button:hover, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__search-btn > .action:hover, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__search-btn > .action:hover, .stockists__map-tools .stockists__search-btn > .action-gift:hover, .group-order-customer-account .kc-button-primary-action:hover, .kc-button-tertiary:hover, .promo-banner .promo-banner__link:hover, .cart-container .form-cart .action.action-delete:hover, .group-order-customer-orderform .delete-btn--small:hover, .kc.button.negative:hover, .modal-footer .action-dismiss:hover, .account .account-nav .content .item a:hover, .kc.button.sidebar-menu:hover, .account .account-nav .content .item > strong:hover, .account .account-nav .content .item.current a:hover, .kc.button.sidebar-menu.active:hover, .kc.button:hover { background-color: transparent; border: 2px solid #6D6E72; color: #6D6E72; font-weight: 500; text-decoration: none; } .kc-button-primary--reverse span:last-of-type:after, .giftcard-information-container .active .giftcard-design-button span:last-of-type:after, .kc.button.primary.reverse span:last-of-type:after, .custom-slider .owl-carousel .banner-item .content_slider .buttons a span:last-of-type:after, .bundle-options-container .block-bundle-summary .box-tocart .action.primary span:last-of-type:after, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart span:last-of-type:after, .product-page .product-info-main .action.tocart span:last-of-type:after, .promo-banner.dcw__cta_colour--secondary .promo-banner__link span:last-of-type:after, #giftcardContainer .action-check.primary span:last-of-type:after, #giftcardContainer .action.primary span:last-of-type:after, .kc.button.primary.slim span:last-of-type:after, .cart-container .form-cart .action.action-towishlist span:last-of-type:after, .column.main .discount button.primary span:last-of-type:after, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action span:last-of-type:after, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action span:last-of-type:after, .column.main .discount .primary.action-gift span:last-of-type:after, .checkout-container .checkout-shipping-address button span:last-of-type:after, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action span:last-of-type:after, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action span:last-of-type:after, .checkout-container .checkout-shipping-address .action-gift span:last-of-type:after, .checkout-container .action.continue.primary span:last-of-type:after, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button span:last-of-type:after, .kc-button-quaternary span:last-of-type:after, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link span:last-of-type:after, .dcw__button-style--normal .dcw__item-link span:last-of-type:after, .amscroll-load-button span:last-of-type:after, .form-address-edit .actions-toolbar .action.primary span:last-of-type:after, .wishlist-index-index .products-grid .tocart span:last-of-type:after, .actions-toolbar .primary a span:last-of-type:after, .actions-toolbar .primary .action span:last-of-type:after, .kc-button-primary-action span:last-of-type:after, .kc.button.primary span:last-of-type:after, .cart-container .checkout-methods-items .action.primary span:last-of-type:after, .cms-guide-listing__load-more span:last-of-type:after, .page-wrapper .dcw__button-style--normal.dcw__colour--default .dcw__item .dcw__item-link span:last-of-type:after, .page-wrapper .dcw__button-style--normal.dcw__colour--primary .dcw__item .dcw__item-link span:last-of-type:after, .page-wrapper .dcw__button-style--normal.dcw__colour--secondary .dcw__item .dcw__item-link span:last-of-type:after, .modal-footer .action.primary span:last-of-type:after, .modal-footer .action-accept span:last-of-type:after, .page-products .amscroll-load-button span:last-of-type:after, .page-products .products.grid .products.list .product-item .tocart span:last-of-type:after, .products-carousel__item-tocart span:last-of-type:after, .catalog-products-list__item-tocart span:last-of-type:after, .promo-banner.dcw__cta_colour--primary .promo-banner__link span:last-of-type:after, .checkout-onepage-success .action.primary span:last-of-type:after, .giftcard-information-container .giftcard-design-button span:last-of-type:after, .kc.notification.dcw__colour--default .kc.button span:last-of-type:after, .kc.button.secondary.reverse span:last-of-type:after, .login-box-wrapper .block-new-customer .action.create span:last-of-type:after, .newsletter-subscription__submit span:last-of-type:after, .newsletter-subscription--generic .newsletter-subscription__submit span:last-of-type:after, .kc-button-secondary--slim span:last-of-type:after, .kc.button.secondary.slim span:last-of-type:after, .cart-container .form-cart .action.update span:last-of-type:after, .cart-container .form-cart .action.action-edit span:last-of-type:after, .checkout-container .action-edit-address span:last-of-type:after, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button span:last-of-type:after, .minicart-wrapper .block-minicart .button-mini-list-item span:last-of-type:after, .wishlist-wrapper .block-minicart .button-mini-list-item span:last-of-type:after, .minicart-wrapper .block-mini-wishlist .button-mini-list-item span:last-of-type:after, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item span:last-of-type:after, .minicart-wrapper.block-minicart .button-mini-list-item span:last-of-type:after, .block-minicart.wishlist-wrapper .button-mini-list-item span:last-of-type:after, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item span:last-of-type:after, .minicart-wrapper.block-mini-wishlist .button-mini-list-item span:last-of-type:after, .minicart-sliding .block-minicart .button-mini-list-item span:last-of-type:after, .minicart-sliding .block-mini-wishlist .button-mini-list-item span:last-of-type:after, .minicart-sliding.block-minicart .button-mini-list-item span:last-of-type:after, .minicart-sliding.block-mini-wishlist .button-mini-list-item span:last-of-type:after, .kc.notification.dcw__colour--primary .kc.button span:last-of-type:after, .kc.notification.dcw__colour--secondary .kc.button span:last-of-type:after, .kc.notification.dcw__colour--tertiary .kc.button span:last-of-type:after, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.primary span:last-of-type:after, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.tocart span:last-of-type:after, .account .columns .column.main .block .block-title .view span:last-of-type:after, .account .columns .column.main .block h5.content-title .view span:last-of-type:after, .account .block-subsection .action span:last-of-type:after, .block-dashboard-orders .view-all-orders span:last-of-type:after, .actions-toolbar .secondary a span:last-of-type:after, .actions-toolbar .secondary .action span:last-of-type:after, .kc.button.secondary span:last-of-type:after, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary span:last-of-type:after, .modal-footer .action.secondary span:last-of-type:after, .newsletter-subscription--homepage .newsletter-subscription__submit span:last-of-type:after, .products-carousel__item-stock-unavailable span:last-of-type:after, .catalog-products-list__item-stock-unavailable span:last-of-type:after, .stockists__map-tools .stockists__request-location > button span:last-of-type:after, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action span:last-of-type:after, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action span:last-of-type:after, .stockists__map-tools .stockists__request-location > .action-gift span:last-of-type:after, .stockists__map-tools .stockists__search-btn > button span:last-of-type:after, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__search-btn > .action span:last-of-type:after, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__search-btn > .action span:last-of-type:after, .stockists__map-tools .stockists__search-btn > .action-gift span:last-of-type:after, .group-order-customer-account .kc-button-primary-action span:last-of-type:after, .kc-button-tertiary span:last-of-type:after, .promo-banner .promo-banner__link span:last-of-type:after, .promo-banner.dcw__cta_colour--tertiary .promo-banner__link span:last-of-type:after, .kc.button.negative.slim span:last-of-type:after, .cart-container .form-cart .action.action-delete span:last-of-type:after, .group-order-customer-orderform .delete-btn--small span:last-of-type:after, .kc.button.negative span:last-of-type:after, .modal-footer .action-dismiss span:last-of-type:after, .account .account-nav .content .item a span:last-of-type:after, .kc.button.sidebar-menu span:last-of-type:after, .account .account-nav .content .item > strong span:last-of-type:after, .account .account-nav .content .item.current a span:last-of-type:after, .kc.button.sidebar-menu.active span:last-of-type:after, .kc.button span:last-of-type:after { display: none; } .cart-container .form-cart .action.clear, .cart-container .form-cart .action.continue, .minicart-wrapper .block-minicart .product.actions .action.edit, .wishlist-wrapper .block-minicart .product.actions .action.edit, .minicart-wrapper .block-mini-wishlist .product.actions .action.edit, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit, .minicart-wrapper.block-minicart .product.actions .action.edit, .block-minicart.wishlist-wrapper .product.actions .action.edit, .wishlist-wrapper.block-mini-wishlist .product.actions .action.edit, .minicart-wrapper.block-mini-wishlist .product.actions .action.edit, .minicart-sliding .block-minicart .product.actions .action.edit, .minicart-sliding .block-mini-wishlist .product.actions .action.edit, .minicart-sliding.block-minicart .product.actions .action.edit, .minicart-sliding.block-mini-wishlist .product.actions .action.edit { -webkit-appearance: none; background: none; border: none; color: #00B1B0; font-size: 12px; } .cart-container .form-cart .action.clear:hover, .cart-container .form-cart .action.continue:hover, .minicart-wrapper .block-minicart .product.actions .action.edit:hover, .wishlist-wrapper .block-minicart .product.actions .action.edit:hover, .minicart-wrapper .block-mini-wishlist .product.actions .action.edit:hover, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit:hover, .minicart-wrapper.block-minicart .product.actions .action.edit:hover, .block-minicart.wishlist-wrapper .product.actions .action.edit:hover, .wishlist-wrapper.block-mini-wishlist .product.actions .action.edit:hover, .minicart-wrapper.block-mini-wishlist .product.actions .action.edit:hover, .minicart-sliding .block-minicart .product.actions .action.edit:hover, .minicart-sliding .block-mini-wishlist .product.actions .action.edit:hover, .minicart-sliding.block-minicart .product.actions .action.edit:hover, .minicart-sliding.block-mini-wishlist .product.actions .action.edit:hover { background: none; border: none; color: #00B1B0; } .giftcard-information-container .active .giftcard-design-button, #giftcardContainer .action-check.primary, #giftcardContainer .action.primary, .kc.button.primary.slim, .cart-container .form-cart .action.action-towishlist, .column.main .discount button.primary, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action, .column.main .discount .primary.action-gift, .checkout-container .checkout-shipping-address button, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action, .checkout-container .checkout-shipping-address .action-gift, .checkout-container .action.continue.primary, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button, .giftcard-information-container .giftcard-design-button, .kc-button-secondary--slim, .kc.button.secondary.slim, .cart-container .form-cart .action.update, .cart-container .form-cart .action.action-edit, .checkout-container .action-edit-address, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button, .minicart-wrapper .block-minicart .button-mini-list-item, .wishlist-wrapper .block-minicart .button-mini-list-item, .minicart-wrapper .block-mini-wishlist .button-mini-list-item, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item, .minicart-wrapper.block-minicart .button-mini-list-item, .block-minicart.wishlist-wrapper .button-mini-list-item, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item, .minicart-wrapper.block-mini-wishlist .button-mini-list-item, .minicart-sliding .block-minicart .button-mini-list-item, .minicart-sliding .block-mini-wishlist .button-mini-list-item, .minicart-sliding.block-minicart .button-mini-list-item, .minicart-sliding.block-mini-wishlist .button-mini-list-item, .kc.notification.dcw__colour--primary .kc.button, .kc.notification.dcw__colour--secondary .kc.button, .kc.notification.dcw__colour--tertiary .kc.button, .kc.notification.dcw__colour--default .kc.button, .kc.button.negative.slim, .cart-container .form-cart .action.action-delete, .group-order-customer-orderform .delete-btn--small { padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; } .kc-button-primary--reverse, .giftcard-information-container .active .giftcard-design-button, .kc.button.primary.reverse, .custom-slider .owl-carousel .banner-item .content_slider .buttons a, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart, .product-page .product-info-main .action.tocart, .promo-banner.dcw__cta_colour--secondary .promo-banner__link, #giftcardContainer .action-check.primary, #giftcardContainer .action.primary, .kc.button.primary.slim, .cart-container .form-cart .action.action-towishlist, .column.main .discount button.primary, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action, .column.main .discount .primary.action-gift, .checkout-container .checkout-shipping-address button, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action, .checkout-container .checkout-shipping-address .action-gift, .checkout-container .action.continue.primary, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button, .kc-button-quaternary, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link, .dcw__button-style--normal .dcw__item-link, .amscroll-load-button, .form-address-edit .actions-toolbar .action.primary, .wishlist-index-index .products-grid .tocart, .actions-toolbar .primary a, .actions-toolbar .primary .action, .kc-button-primary-action, .kc.button.primary, .cart-container .checkout-methods-items .action.primary, .cms-guide-listing__load-more, .page-wrapper .dcw__button-style--normal.dcw__colour--default .dcw__item .dcw__item-link, .page-wrapper .dcw__button-style--normal.dcw__colour--primary .dcw__item .dcw__item-link, .page-wrapper .dcw__button-style--normal.dcw__colour--secondary .dcw__item .dcw__item-link, .modal-footer .action.primary, .modal-footer .action-accept, .page-products .amscroll-load-button, .page-products .products.grid .products.list .product-item .tocart, .products-carousel__item-tocart, .catalog-products-list__item-tocart, .promo-banner.dcw__cta_colour--primary .promo-banner__link, .checkout-onepage-success .action.primary, .kc-button-primary--reverse:visited, .giftcard-information-container .active .giftcard-design-button:visited, .custom-slider .owl-carousel .banner-item .content_slider .buttons a:visited, .bundle-options-container .block-bundle-summary .box-tocart .action.primary:visited, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart:visited, .product-page .product-info-main .action.tocart:visited, .promo-banner.dcw__cta_colour--secondary .promo-banner__link:visited, #giftcardContainer .action-check.primary:visited, #giftcardContainer .action.primary:visited, .cart-container .form-cart .action.action-towishlist:visited, .column.main .discount button.primary:visited, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action:visited, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action:visited, .column.main .discount .primary.action-gift:visited, .checkout-container .checkout-shipping-address button:visited, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action:visited, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action:visited, .checkout-container .checkout-shipping-address .action-gift:visited, .checkout-container .action.continue.primary:visited, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button:visited, .kc-button-quaternary:visited, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link:visited, .dcw__button-style--normal .dcw__item-link:visited, .amscroll-load-button:visited, .form-address-edit .actions-toolbar .action.primary:visited, .wishlist-index-index .products-grid .tocart:visited, .actions-toolbar .primary a:visited, .actions-toolbar .primary .action:visited, .kc-button-primary-action:visited, .kc.button.primary:visited, .cart-container .checkout-methods-items .action.primary:visited, .cms-guide-listing__load-more:visited, .page-wrapper .dcw__button-style--normal.dcw__colour--default .dcw__item .dcw__item-link:visited, .page-wrapper .dcw__button-style--normal.dcw__colour--primary .dcw__item .dcw__item-link:visited, .page-wrapper .dcw__button-style--normal.dcw__colour--secondary .dcw__item .dcw__item-link:visited, .modal-footer .action.primary:visited, .modal-footer .action-accept:visited, .page-products .products.grid .products.list .product-item .tocart:visited, .products-carousel__item-tocart:visited, .catalog-products-list__item-tocart:visited, .promo-banner.dcw__cta_colour--primary .promo-banner__link:visited, .checkout-onepage-success .action.primary:visited { background-color: #00B1B0; border: 2px solid #00B1B0; color: #FFFFFF; } .kc-button-primary--reverse:hover, .giftcard-information-container .active .giftcard-design-button:hover, .custom-slider .owl-carousel .banner-item .content_slider .buttons a:hover, .bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart:hover, .product-page .product-info-main .action.tocart:hover, .promo-banner.dcw__cta_colour--secondary .promo-banner__link:hover, #giftcardContainer .action-check.primary:hover, #giftcardContainer .action.primary:hover, .cart-container .form-cart .action.action-towishlist:hover, .column.main .discount button.primary:hover, .column.main .discount .cart.table-wrapper .actions-toolbar > .primary.action:hover, .cart.table-wrapper .column.main .discount .actions-toolbar > .primary.action:hover, .column.main .discount .primary.action-gift:hover, .checkout-container .checkout-shipping-address button:hover, .checkout-container .checkout-shipping-address .cart.table-wrapper .actions-toolbar > .action:hover, .cart.table-wrapper .checkout-container .checkout-shipping-address .actions-toolbar > .action:hover, .checkout-container .checkout-shipping-address .action-gift:hover, .checkout-container .action.continue.primary:hover, .giftcard-template-container .giftcard-design-button-container.active .giftcard-design-button:hover, .kc-button-quaternary:hover, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link:hover, .dcw__button-style--normal .dcw__item-link:hover, .amscroll-load-button:hover, .form-address-edit .actions-toolbar .action.primary:hover, .wishlist-index-index .products-grid .tocart:hover, .actions-toolbar .primary a:hover, .actions-toolbar .primary .action:hover, .kc-button-primary-action:hover, .kc.button.primary:hover, .cart-container .checkout-methods-items .action.primary:hover, .cms-guide-listing__load-more:hover, .page-wrapper .dcw__button-style--normal.dcw__colour--default .dcw__item .dcw__item-link:hover, .page-wrapper .dcw__button-style--normal.dcw__colour--primary .dcw__item .dcw__item-link:hover, .page-wrapper .dcw__button-style--normal.dcw__colour--secondary .dcw__item .dcw__item-link:hover, .modal-footer .action.primary:hover, .modal-footer .action-accept:hover, .page-products .products.grid .products.list .product-item .tocart:hover, .products-carousel__item-tocart:hover, .catalog-products-list__item-tocart:hover, .promo-banner.dcw__cta_colour--primary .promo-banner__link:hover, .checkout-onepage-success .action.primary:hover { background-color: #009695; border: 2px solid #009695; color: #FFFFFF; } .kc-button-primary--reverse, .kc-button-primary--reverse:visited, .giftcard-information-container .active .giftcard-design-button, .kc.button.primary.reverse, .custom-slider .owl-carousel .banner-item .content_slider .buttons a, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart, .product-page .product-info-main .action.tocart, .promo-banner.dcw__cta_colour--secondary .promo-banner__link, .giftcard-information-container .active .giftcard-design-button:visited, .kc.button.primary.reverse:visited, .custom-slider .owl-carousel .banner-item .content_slider .buttons a:visited, .bundle-options-container .block-bundle-summary .box-tocart .action.primary:visited, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart:visited, .product-page .product-info-main .action.tocart:visited, .promo-banner.dcw__cta_colour--secondary .promo-banner__link:visited { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #00B1B0; font-weight: 500; } .kc-button-primary--reverse:hover, .giftcard-information-container .active .giftcard-design-button:hover, .kc.button.primary.reverse:hover, .custom-slider .owl-carousel .banner-item .content_slider .buttons a:hover, .bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover, .bundle-options-container .block-bundle-summary .box-tocart .action.tocart:hover, .product-page .product-info-main .action.tocart:hover, .promo-banner.dcw__cta_colour--secondary .promo-banner__link:hover { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #009695; } .giftcard-information-container .giftcard-design-button, .kc.notification.dcw__colour--default .kc.button, .kc.button.secondary.reverse, .login-box-wrapper .block-new-customer .action.create, .newsletter-subscription__submit, .newsletter-subscription--generic .newsletter-subscription__submit, .kc-button-secondary--slim, .kc.button.secondary.slim, .cart-container .form-cart .action.update, .cart-container .form-cart .action.action-edit, .checkout-container .action-edit-address, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button, .minicart-wrapper .block-minicart .button-mini-list-item, .wishlist-wrapper .block-minicart .button-mini-list-item, .minicart-wrapper .block-mini-wishlist .button-mini-list-item, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item, .minicart-wrapper.block-minicart .button-mini-list-item, .block-minicart.wishlist-wrapper .button-mini-list-item, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item, .minicart-wrapper.block-mini-wishlist .button-mini-list-item, .minicart-sliding .block-minicart .button-mini-list-item, .minicart-sliding .block-mini-wishlist .button-mini-list-item, .minicart-sliding.block-minicart .button-mini-list-item, .minicart-sliding.block-mini-wishlist .button-mini-list-item, .kc.notification.dcw__colour--primary .kc.button, .kc.notification.dcw__colour--secondary .kc.button, .kc.notification.dcw__colour--tertiary .kc.button, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.primary, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.tocart, .account .columns .column.main .block .block-title .view, .account .columns .column.main .block h5.content-title .view, .account .block-subsection .action, .block-dashboard-orders .view-all-orders, .actions-toolbar .secondary a, .actions-toolbar .secondary .action, .kc.button.secondary, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .modal-footer .action.secondary, .newsletter-subscription--homepage .newsletter-subscription__submit, .products-carousel__item-stock-unavailable, .catalog-products-list__item-stock-unavailable, .stockists__map-tools .stockists__request-location > button, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action, .stockists__map-tools .stockists__request-location > .action-gift, .stockists__map-tools .stockists__search-btn > button, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__search-btn > .action, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__search-btn > .action, .stockists__map-tools .stockists__search-btn > .action-gift, .group-order-customer-account .kc-button-primary-action, .giftcard-information-container .giftcard-design-button:visited, .kc.notification.dcw__colour--default .kc.button:visited, .login-box-wrapper .block-new-customer .action.create:visited, .newsletter-subscription__submit:visited, .kc-button-secondary--slim:visited, .cart-container .form-cart .action.update:visited, .cart-container .form-cart .action.action-edit:visited, .checkout-container .action-edit-address:visited, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button:visited, .minicart-wrapper .block-minicart .button-mini-list-item:visited, .wishlist-wrapper .block-minicart .button-mini-list-item:visited, .minicart-wrapper .block-mini-wishlist .button-mini-list-item:visited, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item:visited, .minicart-wrapper.block-minicart .button-mini-list-item:visited, .block-minicart.wishlist-wrapper .button-mini-list-item:visited, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item:visited, .minicart-wrapper.block-mini-wishlist .button-mini-list-item:visited, .minicart-sliding .block-minicart .button-mini-list-item:visited, .minicart-sliding .block-mini-wishlist .button-mini-list-item:visited, .minicart-sliding.block-minicart .button-mini-list-item:visited, .minicart-sliding.block-mini-wishlist .button-mini-list-item:visited, .kc.notification.dcw__colour--primary .kc.button:visited, .kc.notification.dcw__colour--secondary .kc.button:visited, .kc.notification.dcw__colour--tertiary .kc.button:visited, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.primary:visited, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.tocart:visited, .account .columns .column.main .block .block-title .view:visited, .account .columns .column.main .block h5.content-title .view:visited, .account .block-subsection .action:visited, .block-dashboard-orders .view-all-orders:visited, .actions-toolbar .secondary a:visited, .actions-toolbar .secondary .action:visited, .kc.button.secondary:visited, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary:visited, .modal-footer .action.secondary:visited, .products-carousel__item-stock-unavailable:visited, .catalog-products-list__item-stock-unavailable:visited, .stockists__map-tools .stockists__request-location > button:visited, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action:visited, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action:visited, .stockists__map-tools .stockists__request-location > .action-gift:visited, .stockists__map-tools .stockists__search-btn > button:visited, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__search-btn > .action:visited, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__search-btn > .action:visited, .stockists__map-tools .stockists__search-btn > .action-gift:visited, .group-order-customer-account .kc-button-primary-action:visited { background-color: transparent; border: 2px solid #00B1B0; color: #00B1B0; font-weight: 500; } .giftcard-information-container .giftcard-design-button:hover, .kc.notification.dcw__colour--default .kc.button:hover, .login-box-wrapper .block-new-customer .action.create:hover, .newsletter-subscription__submit:hover, .kc-button-secondary--slim:hover, .cart-container .form-cart .action.update:hover, .cart-container .form-cart .action.action-edit:hover, .checkout-container .action-edit-address:hover, .giftcard-template-container .giftcard-design-button-container .giftcard-design-button:hover, .minicart-wrapper .block-minicart .button-mini-list-item:hover, .wishlist-wrapper .block-minicart .button-mini-list-item:hover, .minicart-wrapper .block-mini-wishlist .button-mini-list-item:hover, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item:hover, .minicart-wrapper.block-minicart .button-mini-list-item:hover, .block-minicart.wishlist-wrapper .button-mini-list-item:hover, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item:hover, .minicart-wrapper.block-mini-wishlist .button-mini-list-item:hover, .minicart-sliding .block-minicart .button-mini-list-item:hover, .minicart-sliding .block-mini-wishlist .button-mini-list-item:hover, .minicart-sliding.block-minicart .button-mini-list-item:hover, .minicart-sliding.block-mini-wishlist .button-mini-list-item:hover, .kc.notification.dcw__colour--primary .kc.button:hover, .kc.notification.dcw__colour--secondary .kc.button:hover, .kc.notification.dcw__colour--tertiary .kc.button:hover, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.primary:hover, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .action.tocart:hover, .account .columns .column.main .block .block-title .view:hover, .account .columns .column.main .block h5.content-title .view:hover, .account .block-subsection .action:hover, .block-dashboard-orders .view-all-orders:hover, .actions-toolbar .secondary a:hover, .actions-toolbar .secondary .action:hover, .kc.button.secondary:hover, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary:hover, .modal-footer .action.secondary:hover, .products-carousel__item-stock-unavailable:hover, .catalog-products-list__item-stock-unavailable:hover, .stockists__map-tools .stockists__request-location > button:hover, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action:hover, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action:hover, .stockists__map-tools .stockists__request-location > .action-gift:hover, .stockists__map-tools .stockists__search-btn > button:hover, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__search-btn > .action:hover, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__search-btn > .action:hover, .stockists__map-tools .stockists__search-btn > .action-gift:hover, .group-order-customer-account .kc-button-primary-action:hover { background-color: #00B1B0; border: 2px solid #00B1B0; color: #FFFFFF; } .giftcard-information-container .giftcard-design-button, .kc.notification.dcw__colour--default .kc.button, .kc.button.secondary.reverse, .login-box-wrapper .block-new-customer .action.create, .newsletter-subscription__submit, .newsletter-subscription--generic .newsletter-subscription__submit, .giftcard-information-container .giftcard-design-button:visited, .kc.notification.dcw__colour--default .kc.button:visited, .kc.button.secondary.reverse:visited, .login-box-wrapper .block-new-customer .action.create:visited, .newsletter-subscription__submit:visited { background-color: transparent; border: 2px solid #FFFFFF; color: #FFFFFF; font-weight: 500; } .giftcard-information-container .giftcard-design-button:hover, .kc.notification.dcw__colour--default .kc.button:hover, .kc.button.secondary.reverse:hover, .login-box-wrapper .block-new-customer .action.create:hover, .newsletter-subscription__submit:hover { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #009695; font-weight: 500; } .kc-button-tertiary:hover, .promo-banner .promo-banner__link:hover { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #6D6E72; } .kc-button-quaternary, .kc-button-quaternary:visited, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link:visited { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #47474A; font-weight: 500; } .kc-button-quaternary:hover, .promo-banner.dcw__cta_colour--quaternary .promo-banner__link:hover { background-color: #FFFFFF; border: 2px solid #FFFFFF; color: #6D6E72; } .kc.button.negative.slim, .cart-container .form-cart .action.action-delete, .group-order-customer-orderform .delete-btn--small, .kc.button.negative, .modal-footer .action-dismiss, .cart-container .form-cart .action.action-delete:visited, .group-order-customer-orderform .delete-btn--small:visited, .kc.button.negative:visited, .modal-footer .action-dismiss:visited { background-color: transparent; border: 2px solid #ED5D67; color: #ED5D67; font-weight: 500; } .cart-container .form-cart .action.action-delete:hover, .group-order-customer-orderform .delete-btn--small:hover, .kc.button.negative:hover, .modal-footer .action-dismiss:hover { background-color: #ED5D67; border: 2px solid #ED5D67; color: #FFFFFF; } .account .account-nav .content .item a, .kc.button.sidebar-menu, .account .account-nav .content .item a:visited, .kc.button.sidebar-menu:visited { background-color: #00B1B0; border: 2px solid #00B1B0; color: #FFFFFF; } .account .account-nav .content .item a:hover, .kc.button.sidebar-menu:hover { background-color: #33C0BF; border: 2px solid #33C0BF; color: #FFFFFF; } .account .account-nav .content .item > strong, .account .account-nav .content .item.current a, .kc.button.sidebar-menu.active, .account .account-nav .content .item > strong:visited, .account .account-nav .content .item.current a:visited, .kc.button.sidebar-menu.active:visited { background-color: #33C0BF; border: 2px solid #33C0BF; color: #FFFFFF; } .account .account-nav .content .item > strong:hover, .account .account-nav .content .item.current a:hover, .kc.button.sidebar-menu.active:hover { background-color: #33C0BF; border: 2px solid #33C0BF; color: #FFFFFF; } .cart-container .form-cart .table thead, .cart-container .grouped-cart.grouped-cart--table .table thead, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table thead { border-top: 1px solid #D5D6D2; } .cart-container .form-cart .table tbody, .cart-container .grouped-cart.grouped-cart--table .table tbody, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tbody { border-top: 1px solid #D5D6D2; } .cart-container .form-cart .table th, .cart-container .grouped-cart.grouped-cart--table .table th, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table th { padding-top: 22px; padding-bottom: 22px; text-transform: uppercase; font-size: 11px; font-weight: 400; } .cart-container .form-cart .table .items > .item, .cart-container .grouped-cart.grouped-cart--table .table .items > .item { border-top: 1px solid #D5D6D2; } .grouped-cart .block-message, .grouped-cart .block--light-darker, .grouped-cart .block--dark, .minicart-sliding__modal .modal-header { padding: 12px 22px; } .grouped-cart .block-message { background-color: #F9F9F8; } .grouped-cart .block--light-darker { background-color: #eeeeee; } .grouped-cart .block--dark, .minicart-sliding__modal .modal-header { background-color: #47474A; } .grouped-cart .block--dark, .minicart-sliding__modal .modal-header, .grouped-cart .block--dark button:before, .minicart-sliding__modal .modal-header button:before, .grouped-cart .block--dark .cart.table-wrapper .actions-toolbar > .action:before, .cart.table-wrapper .grouped-cart .block--dark .actions-toolbar > .action:before, .minicart-sliding__modal .modal-header .cart.table-wrapper .actions-toolbar > .action:before, .cart.table-wrapper .minicart-sliding__modal .modal-header .actions-toolbar > .action:before, .grouped-cart .block--dark .action-gift:before, .minicart-sliding__modal .modal-header .action-gift:before { color: #FFFFFF; } .dcw__item { position: relative; width: 100%; } .dcw__item-wrapper { visibility: visible; } .dcw__item-content { position: relative; z-index: 2; width: 100%; left: 0; } .dcw__item-header { margin-bottom: 24px; } .dcw__item-body { margin: 0; font-weight: 300; } .dcw__button-style--normal .dcw__item-link, .amscroll-load-button { margin: 0; } .dcw__item-body_wysiwyg img { width: 100%; max-width: 100%; } .base-cms-page:not(.page-layout-landing-page) .cms-content ul, .dcw__item-body_wysiwyg ul { margin-left: 1em; } .base-cms-page:not(.page-layout-landing-page) .cms-content ul li, .dcw__item-body_wysiwyg ul li { padding-left: 30px; } .base-cms-page:not(.page-layout-landing-page) .cms-content p, .dcw__item-body_wysiwyg p { margin-bottom: 12px; } .dcw__image-wrapper { z-index: 1; position: relative; font-size: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (min-width: 768px) { .dcw__small__widget.dcw__height__static { height: 280px; } } @media (min-width: 1024px) { .dcw__small__widget.dcw__height__static { height: 350px; } } @media (min-width: 768px) { .dcw__normal__widget.dcw__height__static { height: 400px; } } @media (min-width: 1024px) { .dcw__normal__widget.dcw__height__static { height: 500px; } } @media (min-width: 768px) { .dcw__large__widget.dcw__height__static { height: 614px; } } @media (min-width: 1024px) { .dcw__large__widget.dcw__height__static { height: 768px; } } @media (min-width: 768px) { .dcw__extra-large__widget.dcw__height__static { height: 819px; } } @media (min-width: 1024px) { .dcw__extra-large__widget.dcw__height__static { height: 1024px; } } .dcw__align--top .dcw__items { align-items: flex-start; -ms-flex-align: flex-start; } .dcw__align--middle .dcw__items { align-items: center; -ms-flex-align: center; } .dcw__align--bottom .dcw__items { align-items: flex-end; -ms-flex-align: flex-end; } .dcw__align--left .dcw__items, .custom-slider .owl-carousel .banner-item .content_slider .dcw__items { justify-content: flex-start; -ms-flex-pack: flex-start; } .dcw__align--center .dcw__items { justify-content: center; -ms-flex-pack: center; } .dcw__align--right .dcw__items { justify-content: flex-end; -ms-flex-pack: flex-end; } .dcw__text-align--left { text-align: left; } .dcw__text-align--center { text-align: center; } .dcw__text-align--right { text-align: right; } .dcw__widget.dcw__height__static { position: relative; } .dcw__widget.dcw__height__static .dcw__items { position: absolute; padding: inherit; } .dcw__align--top.dcw__widget.dcw__height__static .dcw__items { top: 0; } .dcw__align--middle.dcw__widget.dcw__height__static:not(.dcw__align--center) .dcw__items { position: absolute; top: 50%; transform: translate(0, -50%); } .dcw__align--bottom.dcw__widget.dcw__height__static .dcw__items { bottom: 0; } .custom-slider .owl-carousel .banner-item .content_slider.dcw__widget.dcw__height__static .dcw__items, .dcw__align--left.dcw__widget.dcw__height__static .dcw__items { left: 0; } .dcw__align--center.dcw__widget.dcw__height__static:not(.dcw__align--middle) .dcw__items { position: absolute; top: 50%; transform: translate(0, -50%); } .dcw__align--right.dcw__widget.dcw__height__static .dcw__items { right: 0; } .dcw__align--middle.dcw__align--center.dcw__widget.dcw__height__static .dcw__items { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .file-type-icon:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .file-type-icon--pdf:after { content: ""; } .file-type-icon--mp3:after { content: ""; } .file-type-icon--ac3:after { content: ""; } .file-type-icon--wav:after { content: ""; } .file-type-icon--aac:after { content: ""; } .file-type-icon--wma:after { content: ""; } .file-type-icon--aif:after { content: ""; } .file-type-icon--rtf:after { content: ""; } .file-type-icon--txt:after { content: ""; } .file-type-icon--tex:after { content: ""; } .file-type-icon--doc:after { content: ""; } .file-type-icon--docx:after { content: ""; } .file-type-icon--mov:after { content: ""; } .file-type-icon--avi:after { content: ""; } .file-type-icon--flv:after { content: ""; } .file-type-icon--m4v:after { content: ""; } .file-type-icon--mkv:after { content: ""; } .file-type-icon--mp4:after { content: ""; } .file-type-icon--mpg:after { content: ""; } .file-type-icon--mpeg:after { content: ""; } .file-type-icon--swf:after { content: ""; } .file-type-icon--wmv:after { content: ""; } .file-type-icon--bmp:after { content: ""; } .file-type-icon--gif:after { content: ""; } .file-type-icon--jpeg:after { content: ""; } .file-type-icon--jpg:after { content: ""; } .file-type-icon--png:after { content: ""; } .file-type-icon--svg:after { content: ""; } .file-type-icon--tif:after { content: ""; } .file-type-icon--tiff:after { content: ""; } .file-type-icon--zip:after { content: ""; } .file-type-icon--tar:after { content: ""; } .file-type-icon--rar:after { content: ""; } .block.filter .filter-options-content .items .item a input[type=radio] + span.label, .block.filter .filter-options-content .items .item a input[type=checkbox] + span.label { background-image: url("../images/icons/ic_no-tick.svg"); background-repeat: no-repeat; background-position: left center; background-size: 16.8px; padding-left: 30px; transition: all 0.2s ease-in-out; } .block.filter .filter-options-content .items .item a input[type=radio]:checked + span.label, .block.filter .filter-options-content .items .item a input[type=checkbox]:checked + span.label { background-image: url("../images/icons/ic_tick_turquoise.svg"); background-repeat: no-repeat; background-position: left center; background-size: 16.8px; padding-left: 30px; } .block.filter .filter-options-content .items .item input[type=checkbox] + a { background-image: url("../images/icons/ic_no-tick.svg"); background-repeat: no-repeat; background-position: left center; background-size: 16.8px; padding-left: 30px; transition: all 0.2s ease-in-out; } .block.filter .filter-options-content .items .item input[type=checkbox]:checked + a { background-image: url("../images/icons/ic_tick_turquoise.svg"); background-repeat: no-repeat; background-position: left center; background-size: 16.8px; padding-left: 30px; } .giftcard-information-container .giftcard-amount input, .product-page .product-info-main .input-text.qty { vertical-align: middle; background: transparent; color: #FFFFFF; height: 3.63636em; border-radius: 1.81818em; padding: 0 24px; border: 2px solid rgba(255, 255, 255, 0.5); font-weight: 600; font-size: 11px; } .giftcard-information-container .giftcard-amount input:active, .product-page .product-info-main .input-text.qty:active, .giftcard-information-container .giftcard-amount input:focus, .product-page .product-info-main .input-text.qty:focus, .giftcard-information-container .giftcard-amount input:hover, .product-page .product-info-main .input-text.qty:hover { border-color: #FFFFFF; } .product-page .product-info-main .qty-control { width: 3.63636em; height: 3.63636em; border-radius: 50%; position: relative; color: #FFFFFF; background: transparent; border: 2px solid rgba(255, 255, 255, 0.5); vertical-align: middle; font-size: 11px; } .product-page .product-info-main .qty-control:active, .product-page .product-info-main .qty-control:focus, .product-page .product-info-main .qty-control:hover { border: 2px solid #FFFFFF; background: inherit; box-shadow: none; } .kc-selectbox__selection, .kc-selectbox.select2-selection, .select2.select2-container .select2-selection.kc-selectbox--darker, .select2.select2-container .kc-selectbox__selection, .select2.select2-container .kc-selectbox.select2-selection, .select2-container .kc-selectbox__selection, .select2-container .kc-selectbox.select2-selection, .product-page .swatch-attribute-selected-option, .product-page .swatch-field-selected-option { border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 2em; padding: 10px 22px; color: #FFFFFF; background-color: transparent; display: inline-block; width: 100%; cursor: pointer; position: relative; min-height: 40px; } .kc-selectbox__selection:after, .kc-selectbox.select2-selection:after, .select2.select2-container .select2-selection.kc-selectbox--darker:after, .select2.select2-container .kc-selectbox__selection:after, .select2.select2-container .kc-selectbox.select2-selection:after, .select2-container .kc-selectbox__selection:after, .select2-container .kc-selectbox.select2-selection:after, .product-page .swatch-attribute-selected-option:after, .product-page .swatch-field-selected-option:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 11px; position: absolute; top: 0px; right: 10px; transform: rotate(90deg); text-align: center; width: 38px; height: 38px; border-bottom: 2px solid rgba(255, 255, 255, 0.5); line-height: 36px; } .kc-selectbox__selection .select2-selection__rendered, .kc-selectbox.select2-selection .select2-selection__rendered, .select2.select2-container .select2-selection.kc-selectbox--darker .select2-selection__rendered, .select2.select2-container .kc-selectbox__selection .select2-selection__rendered, .select2.select2-container .kc-selectbox.select2-selection .select2-selection__rendered, .select2-container .kc-selectbox__selection .select2-selection__rendered, .select2-container .kc-selectbox.select2-selection .select2-selection__rendered { text-transform: uppercase; font-size: 11px; font-weight: 600; } .kc-selectbox__options, .kc-selectbox .select2-dropdown--below, .select2.select2-container .kc-selectbox--darker .select2-dropdown--below, .select2.select2-container .kc-selectbox__options, .select2.select2-container .kc-selectbox .select2-dropdown--below, .select2-container .kc-selectbox__options, .select2-container .kc-selectbox .select2-dropdown--below, .product-page .swatch-attribute-options, .product-page .swatch-field-options { margin-top: 0; background: white; border: 1px solid #DEDEDE; padding: 1em 2em; width: 100%; position: absolute; left: -9999px; } .select2.select2-container .kc-selectbox--open .kc-selectbox__selection:after, .select2.select2-container .kc-selectbox--open .kc-selectbox.select2-selection:after, .select2.select2-container .kc-selectbox--open .select2-selection.kc-selectbox--darker:after, .select2-container--open .kc-selectbox__selection:after, .select2-container--open .kc-selectbox.select2-selection:after, .product-page .swatch-open .swatch-attribute-selected-option:after, .product-page .swatch-open .swatch-field-selected-option:after, .select2.select2-container--open .kc-selectbox.select2-selection:after, .select2.select2-container--open .kc-selectbox--darker.select2-selection:after, .select2-container--open .kc-selectbox--darker.select2-selection:after { transform: rotate(-90deg); border-bottom: 0; border-top: 2px solid rgba(255, 255, 255, 0.5); } .product-page .swatch-open .swatch-attribute-options, .product-page .swatch-open .swatch-field-options, .select2.select2-container--open .kc-selectbox__options, .select2.select2-container--open .kc-selectbox--darker__options, .select2-container--open .kc-selectbox__options, .select2-container--open .kc-selectbox--darker__options { margin-top: 6px; left: 0; z-index: 5; border-top: 1px solid #DEDEDE; } .kc-selectbox__option, .kc-selectbox__options .select2-results__option, .select2.select2-container .kc-selectbox__option, .select2.select2-container .kc-selectbox__options .select2-results__option, .select2-container .kc-selectbox__option, .select2-container .kc-selectbox__options .select2-results__option, .product-page .swatch-attribute .swatch-option, .product-page .swatch-field .swatch-option { float: none; max-width: none; margin: 0; border: none; color: #000000; text-align: left; font-weight: 300; height: auto; padding: 1em 0; border-bottom: 1px solid #DEDEDE; font-size: 11px; } .kc-selectbox__option.selected, .kc-selectbox__option:not(.disabled):hover, .kc-selectbox__options .select2-results__option.selected, .kc-selectbox__options .select2-results__option:not(.disabled):hover, .select2.select2-container .kc-selectbox__option.selected, .select2.select2-container .kc-selectbox__option:not(.disabled):hover, .select2.select2-container .kc-selectbox__options .select2-results__option.selected, .select2.select2-container .kc-selectbox__options .select2-results__option:not(.disabled):hover, .select2-container .kc-selectbox__option.selected, .select2-container .kc-selectbox__option:not(.disabled):hover, .select2-container .kc-selectbox__options .select2-results__option.selected, .select2-container .kc-selectbox__options .select2-results__option:not(.disabled):hover, .product-page .swatch-attribute .swatch-option.selected, .product-page .swatch-attribute .swatch-option:not(.disabled):hover, .product-page .swatch-attribute .swatch-option.color:not(.disabled):hover, .product-page .swatch-field .swatch-option.selected, .product-page .swatch-field .swatch-option:not(.disabled):hover, .product-page .swatch-field .swatch-option.color:not(.disabled):hover, .select2.select2-container--open .kc-selectbox__options .select2-results__option--highlighted[aria-selected], .select2.select2-container--open .kc-selectbox__options .select2-results__option[aria-selected=true], .select2.select2-container--open .kc-selectbox--darker__options .select2-results__option--highlighted[aria-selected], .select2.select2-container--open .kc-selectbox--darker__options .select2-results__option[aria-selected=true], .select2-container--open .kc-selectbox__options .select2-results__option--highlighted[aria-selected], .select2-container--open .kc-selectbox__options .select2-results__option[aria-selected=true], .select2-container--open .kc-selectbox--darker__options .select2-results__option--highlighted[aria-selected], .select2-container--open .kc-selectbox--darker__options .select2-results__option[aria-selected=true] { color: #000000; background-color: transparent; outline: none; border: none; border-bottom: 1px solid #DEDEDE; font-weight: 500; } .kc-selectbox__option__label, .kc-selectbox__options .select2-results__option__label, .select2.select2-container .kc-selectbox__option__label, .select2.select2-container .kc-selectbox__options .select2-results__option__label, .select2-container .kc-selectbox__option__label, .select2-container .kc-selectbox__options .select2-results__option__label, .product-page .swatch-attribute .swatch-option__label, .product-page .swatch-field .swatch-option__label { display: inline-block; } .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox__selection, .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox.select2-selection, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .select2-selection.kc-selectbox--darker, .select2.select2-container .page-layout-dyo-product-page.product-page .product-info-main .select2-selection.kc-selectbox--darker, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox__selection, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox.select2-selection, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .select2-selection.kc-selectbox--darker, .page-layout-dyo-product-page.product-page .product-info-main .select2-container .kc-selectbox__selection, .page-layout-dyo-product-page.product-page .product-info-main .select2-container .kc-selectbox.select2-selection, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .select2-selection.kc-selectbox--darker { border: 2px solid rgba(0, 177, 176, 0.5); color: #00B1B0; } .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .select2-selection.kc-selectbox--darker:after, .select2.select2-container .page-layout-dyo-product-page.product-page .product-info-main .select2-selection.kc-selectbox--darker:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .select2-selection.kc-selectbox--darker:after, .page-layout-dyo-product-page.product-page .product-info-main .select2-container .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2-container .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .select2-selection.kc-selectbox--darker:after { border-bottom: 2px solid rgba(0, 177, 176, 0.5); } .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox--open .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox--open .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox--open .select2.select2-container .select2-selection.kc-selectbox--darker:after, .select2.select2-container .page-layout-dyo-product-page.product-page .product-info-main .kc-selectbox--open .select2-selection.kc-selectbox--darker:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox--open .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox--open .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox--open .select2-selection.kc-selectbox--darker:after, .page-layout-dyo-product-page.product-page .product-info-main .select2-container .kc-selectbox--open .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2-container .kc-selectbox--open .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container .kc-selectbox--open .select2-selection.kc-selectbox--darker:after { border-bottom: 0; border-top: 2px solid rgba(0, 177, 176, 0.5); } .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container.select2-container--open .kc-selectbox__selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container.select2-container--open .kc-selectbox.select2-selection:after, .page-layout-dyo-product-page.product-page .product-info-main .select2.select2-container.select2-container--open .select2-selection.kc-selectbox--darker:after { border-bottom: 0; border-top: 2px solid rgba(0, 177, 176, 0.5); } .select2.select2-container .select2-selection.kc-selectbox--darker { border-color: #D6D6D6; color: #6D6E72; } .select2.select2-container .select2-selection.kc-selectbox--darker:after { border-color: #D6D6D6; } .page-layout-dyo-product-page.product-page .bundle-options-wrapper .field.required label:after, .login-box-wrapper .fieldset .field.required label:after { content: ''; } .col-eq { flex-basis: 0; flex-grow: 1; max-width: 100%; } @media (min-width: 768px) { .col-eq-tablet { flex-basis: 0; flex-grow: 1; max-width: 100%; } } @media (min-width: 1024px) { .col-eq-desktop { flex-basis: 0; flex-grow: 1; max-width: 100%; } } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .kc-grid-row, .account .columns, .block-addresses-default .addresses { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } @media (min-width: 1024px) { .kc-grid-row, .account .columns, .block-addresses-default .addresses { margin-right: -15px; margin-left: -15px; } } .kc-col-1, .kc-col-desktop-1, .kc-col-2, .kc-col-desktop-2, .kc-col-3, .kc-col-desktop-3, .account .sidebar-main, .kc-col-4, .kc-col-desktop-4, .block-addresses-default .addresses > .item, .my-credit-cards .card-box, .kc-col-5, .kc-col-desktop-5, .kc-col-6, .kc-col-desktop-6, .kc-col-7, .kc-col-desktop-7, .kc-col-8, .kc-col-desktop-8, .kc-col-9, .kc-col-desktop-9, .account .columns .column.main, .kc-col-10, .kc-col-desktop-10, .kc-col-11, .kc-col-desktop-11, .kc-col-12, .kc-col-desktop-12 { flex: 0 1 auto; position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px; } @media (min-width: 1024px) { .kc-col-1, .kc-col-desktop-1, .kc-col-2, .kc-col-desktop-2, .kc-col-3, .kc-col-desktop-3, .account .sidebar-main, .kc-col-4, .kc-col-desktop-4, .block-addresses-default .addresses > .item, .my-credit-cards .card-box, .kc-col-5, .kc-col-desktop-5, .kc-col-6, .kc-col-desktop-6, .kc-col-7, .kc-col-desktop-7, .kc-col-8, .kc-col-desktop-8, .kc-col-9, .kc-col-desktop-9, .account .columns .column.main, .kc-col-10, .kc-col-desktop-10, .kc-col-11, .kc-col-desktop-11, .kc-col-12, .kc-col-desktop-12 { padding-right: 15px; padding-left: 15px; } } .kc-col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .kc-col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .kc-col-3 { flex: 0 0 25%; max-width: 25%; } .kc-col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .kc-col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .kc-col-6 { flex: 0 0 50%; max-width: 50%; } .kc-col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .kc-col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .kc-col-9 { flex: 0 0 75%; max-width: 75%; } .kc-col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .kc-col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .kc-col-12 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 1024px) { .kc-col-desktop-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } } @media (min-width: 1024px) { .kc-col-desktop-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } } @media (min-width: 1024px) { .kc-col-desktop-3, .account .sidebar-main { flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1024px) { .kc-col-desktop-4, .block-addresses-default .addresses > .item, .my-credit-cards .card-box { flex: 0 0 33.33333%; max-width: 33.33333%; } } @media (min-width: 1024px) { .kc-col-desktop-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } } @media (min-width: 1024px) { .kc-col-desktop-6 { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) { .kc-col-desktop-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } } @media (min-width: 1024px) { .kc-col-desktop-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } } @media (min-width: 1024px) { .kc-col-desktop-9, .account .columns .column.main { flex: 0 0 75%; max-width: 75%; } } @media (min-width: 1024px) { .kc-col-desktop-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } } @media (min-width: 1024px) { .kc-col-desktop-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } } @media (min-width: 1024px) { .kc-col-desktop-12 { flex: 0 0 100%; max-width: 100%; } } .grouped-cart a { color: #333333; } .grouped-cart a:hover { text-decoration: none; } .grouped-cart input.item-qty { text-align: center; width: 48px; } .grouped-cart__block-padding { padding-left: 22px; padding-right: 22px; } .grouped-cart__block-vert-padding { padding-top: 22px; padding-bottom: 22px; } .grouped-cart__block-header, .grouped-cart__switcher { text-align: center; font-size: 18px; margin: 22px 0; } .grouped-cart__switcher { margin: 24px 0; } .grouped-cart .block-message { text-align: center; } @media (min-width: 640px) { .grouped-cart .block-message { text-align: inherit; } } .grouped-cart .block-message .o-layout__item { vertical-align: middle; } .grouped-cart .block-message--no-bg { background-color: transparent; } @media (min-width: 640px) { .grouped-cart__product-list__container, .grouped-cart__content .ungrouped-items, .grouped-cart__content .cup-grouped .grouped-cart__item { padding-left: 22px; padding-right: 22px; } } .grouped-cart__tab { margin-top: 24px; } .grouped-cart__switcher__title { margin-bottom: 6px; } .grouped-cart__switcher__link:before { font-size: 30px; vertical-align: middle; margin-right: 6px; } .grouped-cart__switcher__link:hover { font-weight: 400; } .active.grouped-cart__switcher__link > span, .active.grouped-cart__switcher__link:hover > span { font-weight: 500; } .grouped-cart__switcher__link:nth-of-type(2) { margin-left: 22px; } .grouped-cart__switcher__link.switcher--boxes:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .grouped-cart__switcher__link.switcher--cups:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .grouped-cart .product-option__list__item { display: inline-block; } @media (min-width: 640px) { .grouped-cart .product-option__list__item { padding: 0 6px; } } .grouped-cart__content .cup-grouped { visibility: visible; } .grouped-cart__content .cup-grouped__options { text-align: center; } .grouped-cart__content .cup-grouped__option { vertical-align: top; text-align: center; } .grouped-cart__content .cup-grouped__option .label { margin-bottom: 12px; } .grouped-cart__content .cup-grouped__option .label--disabled { opacity: 0.3; } .grouped-cart__product-details { text-align: center; } @media (min-width: 640px) { .grouped-cart__product-details { text-align: inherit; } } .grouped-cart__product-details .product.actions { text-align: center; } .grouped-cart__product-details .product.actions > .secondary { margin: 0 auto; } @media (min-width: 640px) { .grouped-cart__product-details .product.actions { text-align: left; } .grouped-cart__product-details .product.actions > .secondary { margin: 0; } } .grouped-cart__content .box-grouped { visibility: visible; } .grouped-cart__content .box-grouped .grouped-cart__item { box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.05); margin: 12px 0; padding: 12px; } .grouped-cart__content .box-grouped .box__container { border: 1px solid #DEDEDE; margin: 12px 0; padding: 12px; } .grouped-cart__content .box-grouped .box__container--incomplete { background-color: #F9F9F8; } .grouped-cart__content .box-grouped .box__container--incomplete .box__header:nth-child(1):before { background-image: url("../images/icons/ic_box-open.png"); } .grouped-cart__content .box-grouped .box__header:nth-of-type(2) { text-align: right; } .grouped-cart__content .box-grouped .box__header:nth-child(1) { position: relative; padding-left: 72px; } @media (min-width: 640px) { .grouped-cart__content .box-grouped .box__header:nth-child(1) { padding-left: 84px; } } .grouped-cart__content .box-grouped .box__header:nth-child(1):before { background-image: url("../images/icons/ic_box-closed.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; content: ''; width: 42px; height: 42px; position: relative; display: inline-block; vertical-align: middle; display: block; position: absolute; top: 0; left: 24px; } @media (min-width: 640px) { .grouped-cart__content .box-grouped .box__header:nth-child(1):before { width: 54px; height: 54px; } } .grouped-cart__content .box-grouped .box__items .product-item { margin: 6px 0; display: inline-block; width: 100%; } @media (min-width: 480px) { .grouped-cart__content .box-grouped .box__items .product-item { width: 48%; } } .grouped-cart__content .box-grouped .view-box { display: block; margin-top: 6px; } .grouped-cart__content .box-grouped .box__container > .active .view-box:after { transform: translateY(-50%) rotate(-90deg); } .grouped-cart .requiredSizes { text-align: center; margin-top: 12px; } @media (min-width: 640px) { .grouped-cart .requiredSizes { margin-top: 0; } } .grouped-cart__size-qty-totals { margin-top: 22px; } .grouped-cart__size-count { text-align: center; } @media (min-width: 640px) { .grouped-cart__size-count { text-align: right; } } .cart-container .grouped-cart.grouped-cart--table .table, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table { display: table; width: 100%; } .cart-container .grouped-cart.grouped-cart--table .table tbody, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tbody { display: table-row-group; } .cart-container .grouped-cart.grouped-cart--table .table thead, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table thead { display: table-header-group; border-top: none; } .cart-container .grouped-cart.grouped-cart--table .table tfoot, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tfoot { display: table-footer-group; } .cart-container .grouped-cart.grouped-cart--table .table tfoot tr:before, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tfoot tr:before, .cart-container .grouped-cart.grouped-cart--table .table tfoot tr:after, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tfoot tr:after { content: none; } .cart-container .grouped-cart.grouped-cart--table .table tfoot td, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tfoot td { width: auto; } .cart-container .grouped-cart.grouped-cart--table .table tr, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table tr { display: table-row; } .cart-container .grouped-cart.grouped-cart--table .table th, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table th { padding-top: 22px; padding-bottom: 22px; text-transform: uppercase; font-size: 14px; font-weight: 500; } .cart-container .grouped-cart.grouped-cart--table .table .col--right-align { text-align: right; } .cart-container .grouped-cart.grouped-cart--table .table .col--center-align { text-align: right; } .cart-container .grouped-cart.grouped-cart--table .table .col--left-align { text-align: left; } .cart-container .grouped-cart.grouped-cart--table .table .col--medium { font-weight: 500; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table th, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table th, .cart-container .grouped-cart.grouped-cart--table .table.product-item-table td, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table td { padding-left: 0; padding-right: 0; /* &:before { content: none; } */ } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table td, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table td { padding-top: 18px; padding-bottom: 18px; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table tfoot, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table tfoot { border-top: 1px solid #D5D6D2; } @media (max-width: 639px) { .cart-container .grouped-cart.grouped-cart--table .table.product-item-table--responsive th, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table--responsive th { display: none; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table--responsive tbody, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table--responsive tbody { border: none; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table--responsive td, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table--responsive td { width: 50%; display: inline-block; text-align: left; margin: 12px 0px; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table--responsive td.group-subtotal { text-align: right; } } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col { float: none; display: table-cell; width: auto; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col.price { font-weight: 500; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col.qty, .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col.price { text-align: right; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col-option { width: 40%; } @media (min-width: 640px) { .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col-option { width: auto; } } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col-product-item { width: 40%; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .col .product-item-name { padding-right: 22px; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table .group-subtotal .price-container { display: inline; } .cart-container .grouped-cart.grouped-cart--table .box__content .table.product-item-table.product-item-table--responsive .col-product-item { width: 100%; } .cart-container .grouped-cart.grouped-cart--table .box__content .table.product-item-table.product-item-table--responsive .col-product-item .product > .o-layout__item { vertical-align: middle; } @media (min-width: 640px) { .cart-container .grouped-cart.grouped-cart--table .box__content .table.product-item-table.product-item-table--responsive .col-product-item { width: 40%; } .cart-container .grouped-cart.grouped-cart--table .box__content .table.product-item-table.product-item-table--responsive .col-product-item .product > .o-layout__item { vertical-align: top; } } .kc-social-icon__instagram a:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-social-icon__facebook a:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-social-icon__twitter a:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-social-icon__linkedin a:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-basic-icon__cup-xs:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-basic-icon__cup-xs:after { font-size: 60px; } .kc-basic-icon__cup-six:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-basic-icon__cup-six:after { font-size: 60px; } .kc-basic-icon__cup-s:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-basic-icon__cup-s:after { font-size: 60px; } .kc-basic-icon__cup-m:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-basic-icon__cup-m:after { font-size: 60px; } .kc-basic-icon__cup-l:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-basic-icon__cup-l:after { font-size: 60px; } .product-page .product-info-main, .page-layout-dyo-product-page.product-page .product-info-main, .product-page.page-product-bundle .product-info-main { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; padding: 48px; } @media (min-width: 1024px) { .product-page .product-info-main, .page-layout-dyo-product-page.product-page .product-info-main, .product-page.page-product-bundle .product-info-main { padding: 72px; } } .product-page .product-info-main { background-color: #00B1B0; } .product-page .product-info-main, .product-page .product-info-main a { color: #FFFFFF; } .product-page .product-info-main a:hover { color: #FFFFFF; } .page-layout-dyo-product-page.product-page .product-info-main { background-color: #eeeeee; color: #000000; } .page-layout-dyo-product-page.product-page .product-info-main a { color: #00B1B0; } .page-layout-dyo-product-page.product-page .product-info-main a:hover { color: #00B1B0; } @media (max-width: 639px) { .product-page.page-product-bundle .product-info-main { padding: 24px; } } @media (min-width: 1024px) { .product-page.page-product-bundle .product-info-main { padding: 48px; } } .product-page.page-product-configurable-group .product-info-main, .produt-page.page-product-grouped .product-info-main { padding: 24px; } .page-layout-landing-page .page-main { max-width: none; padding: 0; } .site-padding, .constrained-w, .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .header--first, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main, .custom-slider .owl-carousel .banner-item .content_slider, .mega-menu-navigation .level0 .submenu.has-mega-menu > li.level-top, .newsletter-subscription--generic .newsletter-subscription__inner, .kc-content-constrained, .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__multicol__items, .dcw__constrained__content .dcw__multicol__items, .dcw__content-layout--floatign-img-bg .dcw__multicol__items, .newsletter-subscription--homepage .newsletter-subscription__inner, .products-carousel__title, .catalog-products-list__title, .promo-banner__wrapper, .dcw__widget.dcw__constrained__content.dcw__padding--small.dcw__height__static .dcw__multicol__items, .dcw__widget.dcw__constrained__content.dcw__padding--medium.dcw__height__static .dcw__multicol__items, .dcw__widget.dcw__constrained__content.dcw__padding--large.dcw__height__static .dcw__multicol__items { padding-left: 22px; padding-right: 22px; } @media (min-width: 1366px) { .site-padding, .constrained-w, .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .header--first, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main, .custom-slider .owl-carousel .banner-item .content_slider, .mega-menu-navigation .level0 .submenu.has-mega-menu > li.level-top, .newsletter-subscription--generic .newsletter-subscription__inner, .kc-content-constrained, .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__multicol__items, .dcw__constrained__content .dcw__multicol__items, .dcw__content-layout--floatign-img-bg .dcw__multicol__items, .newsletter-subscription--homepage .newsletter-subscription__inner, .products-carousel__title, .catalog-products-list__title, .promo-banner__wrapper, .dcw__widget.dcw__constrained__content.dcw__padding--small.dcw__height__static .dcw__multicol__items, .dcw__widget.dcw__constrained__content.dcw__padding--medium.dcw__height__static .dcw__multicol__items, .dcw__widget.dcw__constrained__content.dcw__padding--large.dcw__height__static .dcw__multicol__items { padding-left: 30px; padding-right: 30px; } } /** * Defines constrained width at various breakpoints. * Use responsive spacings utilities instead of o-wrapper modifiers (e.g o-wrapper--tiny) * because of sass restriction with media queries and extend. */ .constrained-w, .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .header--first, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main, .custom-slider .owl-carousel .banner-item .content_slider, .mega-menu-navigation .level0 .submenu.has-mega-menu > li.level-top, .newsletter-subscription--generic .newsletter-subscription__inner { width: 100%; } .kc-content-constrained, .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__multicol__items, .dcw__constrained__content .dcw__multicol__items, .dcw__content-layout--floatign-img-bg .dcw__multicol__items, .newsletter-subscription--homepage .newsletter-subscription__inner, .products-carousel__title, .catalog-products-list__title, .promo-banner__wrapper { max-width: 1260px; width: 100%; margin-left: auto; margin-right: auto; } .kc-container__constrained, .constrained-block, .dcw__constrained__container { width: calc(100% - 44px); max-width: 1216px; margin-left: auto; margin-right: auto; } @media (min-width: 1366px) { .kc-container__constrained, .constrained-block, .dcw__constrained__container { width: calc(100% - 60px); max-width: 1200px; } } .container-constrained-width { margin-left: 22px; margin-right: 22px; } @media (min-width: 1366px) { .container-constrained-width { margin-left: 30px; margin-right: 30px; } } .form-edit-account, .block-addresses-default, .form-address-edit, #giftcardContainer, .kc-customer-notifications, .block-dashboard-orders, .block-stored-payments-default, .dashboard-content-item .block-content, .account.ewayrapid-mycards-edit .form-mycard-edit, .group-order-customer-orderform .order_form, .group-order-customer-orderform .order_customer_add_form, .group-order-customer-orderform .customer-list-wrapper, .sales-order-view .column.main > div, .kc-dashboard-content-wrapper { background-color: #FFFFFF; padding: 48px 12px; } @media (min-width: 1024px) { .form-edit-account, .block-addresses-default, .form-address-edit, #giftcardContainer, .kc-customer-notifications, .block-dashboard-orders, .block-stored-payments-default, .dashboard-content-item .block-content, .account.ewayrapid-mycards-edit .form-mycard-edit, .group-order-customer-orderform .order_form, .group-order-customer-orderform .order_customer_add_form, .group-order-customer-orderform .customer-list-wrapper, .sales-order-view .column.main > div, .kc-dashboard-content-wrapper { padding: 48px 22px; } } @media (min-width: 1366px) { .form-edit-account, .block-addresses-default, .form-address-edit, #giftcardContainer, .kc-customer-notifications, .block-dashboard-orders, .block-stored-payments-default, .dashboard-content-item .block-content, .account.ewayrapid-mycards-edit .form-mycard-edit, .group-order-customer-orderform .order_form, .group-order-customer-orderform .order_customer_add_form, .group-order-customer-orderform .customer-list-wrapper, .sales-order-view .column.main > div, .kc-dashboard-content-wrapper { padding: 48px 30px; } } .link-type-primary--sub, .page-header .nav-sections .level0 a, .page-header .navigation .level0 a, .minicart-wrapper .block-minicart .product-item-name, .wishlist-wrapper .block-minicart .product-item-name, .minicart-wrapper .block-mini-wishlist .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-name, .minicart-wrapper .block-minicart .product-item-name a, .wishlist-wrapper .block-minicart .product-item-name a, .minicart-wrapper .block-mini-wishlist .product-item-name a, .wishlist-wrapper .block-mini-wishlist .product-item-name a, .minicart-wrapper.block-minicart .product-item-name, .block-minicart.wishlist-wrapper .product-item-name, .wishlist-wrapper.block-mini-wishlist .product-item-name, .minicart-wrapper.block-mini-wishlist .product-item-name, .minicart-wrapper.block-minicart .product-item-name a, .block-minicart.wishlist-wrapper .product-item-name a, .wishlist-wrapper.block-mini-wishlist .product-item-name a, .minicart-wrapper.block-mini-wishlist .product-item-name a, .minicart-sliding .block-minicart .product-item-name, .minicart-sliding .block-mini-wishlist .product-item-name, .minicart-sliding .block-minicart .product-item-name a, .minicart-sliding .block-mini-wishlist .product-item-name a, .minicart-sliding.block-minicart .product-item-name, .minicart-sliding.block-mini-wishlist .product-item-name, .minicart-sliding.block-minicart .product-item-name a, .minicart-sliding.block-mini-wishlist .product-item-name a, .link-type-primary, .page-header .panel.wrapper .links a, .link-type-secondary, .link-type-base { text-transform: uppercase; font-weight: 500; } .link-type-primary--sub:hover, .page-header .nav-sections .level0 a:hover, .page-header .navigation .level0 a:hover, .minicart-wrapper .block-minicart .product-item-name:hover, .wishlist-wrapper .block-minicart .product-item-name:hover, .minicart-wrapper .block-mini-wishlist .product-item-name:hover, .wishlist-wrapper .block-mini-wishlist .product-item-name:hover, .minicart-wrapper .block-minicart .product-item-name a:hover, .wishlist-wrapper .block-minicart .product-item-name a:hover, .minicart-wrapper .block-mini-wishlist .product-item-name a:hover, .wishlist-wrapper .block-mini-wishlist .product-item-name a:hover, .minicart-wrapper.block-minicart .product-item-name:hover, .block-minicart.wishlist-wrapper .product-item-name:hover, .wishlist-wrapper.block-mini-wishlist .product-item-name:hover, .minicart-wrapper.block-mini-wishlist .product-item-name:hover, .minicart-wrapper.block-minicart .product-item-name a:hover, .block-minicart.wishlist-wrapper .product-item-name a:hover, .wishlist-wrapper.block-mini-wishlist .product-item-name a:hover, .minicart-wrapper.block-mini-wishlist .product-item-name a:hover, .minicart-sliding .block-minicart .product-item-name:hover, .minicart-sliding .block-mini-wishlist .product-item-name:hover, .minicart-sliding .block-minicart .product-item-name a:hover, .minicart-sliding .block-mini-wishlist .product-item-name a:hover, .minicart-sliding.block-minicart .product-item-name:hover, .minicart-sliding.block-mini-wishlist .product-item-name:hover, .minicart-sliding.block-minicart .product-item-name a:hover, .minicart-sliding.block-mini-wishlist .product-item-name a:hover, .link-type-primary:hover, .page-header .panel.wrapper .links a:hover, .link-type-secondary:hover, .link-type-base:hover { text-decoration: none; } .link-type-primary--sub, .page-header .nav-sections .level0 a, .page-header .navigation .level0 a, .minicart-wrapper .block-minicart .product-item-name, .wishlist-wrapper .block-minicart .product-item-name, .minicart-wrapper .block-mini-wishlist .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-name, .minicart-wrapper .block-minicart .product-item-name a, .wishlist-wrapper .block-minicart .product-item-name a, .minicart-wrapper .block-mini-wishlist .product-item-name a, .wishlist-wrapper .block-mini-wishlist .product-item-name a, .minicart-wrapper.block-minicart .product-item-name, .block-minicart.wishlist-wrapper .product-item-name, .wishlist-wrapper.block-mini-wishlist .product-item-name, .minicart-wrapper.block-mini-wishlist .product-item-name, .minicart-wrapper.block-minicart .product-item-name a, .block-minicart.wishlist-wrapper .product-item-name a, .wishlist-wrapper.block-mini-wishlist .product-item-name a, .minicart-wrapper.block-mini-wishlist .product-item-name a, .minicart-sliding .block-minicart .product-item-name, .minicart-sliding .block-mini-wishlist .product-item-name, .minicart-sliding .block-minicart .product-item-name a, .minicart-sliding .block-mini-wishlist .product-item-name a, .minicart-sliding.block-minicart .product-item-name, .minicart-sliding.block-mini-wishlist .product-item-name, .minicart-sliding.block-minicart .product-item-name a, .minicart-sliding.block-mini-wishlist .product-item-name a, .link-type-primary { color: #00B1B0; font-size: 12px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .ui-state-focus.link-type-primary--sub, .page-header .nav-sections .level0 a.ui-state-focus, .page-header .navigation .level0 a.ui-state-focus, .minicart-wrapper .block-minicart .ui-state-focus.product-item-name, .wishlist-wrapper .block-minicart .ui-state-focus.product-item-name, .minicart-wrapper .block-mini-wishlist .ui-state-focus.product-item-name, .wishlist-wrapper .block-mini-wishlist .ui-state-focus.product-item-name, .minicart-wrapper .block-minicart .product-item-name a.ui-state-focus, .wishlist-wrapper .block-minicart .product-item-name a.ui-state-focus, .minicart-wrapper .block-mini-wishlist .product-item-name a.ui-state-focus, .wishlist-wrapper .block-mini-wishlist .product-item-name a.ui-state-focus, .minicart-wrapper.block-minicart .ui-state-focus.product-item-name, .block-minicart.wishlist-wrapper .ui-state-focus.product-item-name, .wishlist-wrapper.block-mini-wishlist .ui-state-focus.product-item-name, .minicart-wrapper.block-mini-wishlist .ui-state-focus.product-item-name, .minicart-wrapper.block-minicart .product-item-name a.ui-state-focus, .block-minicart.wishlist-wrapper .product-item-name a.ui-state-focus, .wishlist-wrapper.block-mini-wishlist .product-item-name a.ui-state-focus, .minicart-wrapper.block-mini-wishlist .product-item-name a.ui-state-focus, .minicart-sliding .block-minicart .ui-state-focus.product-item-name, .minicart-sliding .block-mini-wishlist .ui-state-focus.product-item-name, .minicart-sliding .block-minicart .product-item-name a.ui-state-focus, .minicart-sliding .block-mini-wishlist .product-item-name a.ui-state-focus, .minicart-sliding.block-minicart .ui-state-focus.product-item-name, .minicart-sliding.block-mini-wishlist .ui-state-focus.product-item-name, .minicart-sliding.block-minicart .product-item-name a.ui-state-focus, .minicart-sliding.block-mini-wishlist .product-item-name a.ui-state-focus, .link-type-primary--sub:hover, .page-header .nav-sections .level0 a:hover, .page-header .navigation .level0 a:hover, .minicart-wrapper .block-minicart .product-item-name:hover, .wishlist-wrapper .block-minicart .product-item-name:hover, .minicart-wrapper .block-mini-wishlist .product-item-name:hover, .wishlist-wrapper .block-mini-wishlist .product-item-name:hover, .minicart-wrapper .block-minicart .product-item-name a:hover, .wishlist-wrapper .block-minicart .product-item-name a:hover, .minicart-wrapper .block-mini-wishlist .product-item-name a:hover, .wishlist-wrapper .block-mini-wishlist .product-item-name a:hover, .minicart-wrapper.block-minicart .product-item-name:hover, .block-minicart.wishlist-wrapper .product-item-name:hover, .wishlist-wrapper.block-mini-wishlist .product-item-name:hover, .minicart-wrapper.block-mini-wishlist .product-item-name:hover, .minicart-wrapper.block-minicart .product-item-name a:hover, .block-minicart.wishlist-wrapper .product-item-name a:hover, .wishlist-wrapper.block-mini-wishlist .product-item-name a:hover, .minicart-wrapper.block-mini-wishlist .product-item-name a:hover, .minicart-sliding .block-minicart .product-item-name:hover, .minicart-sliding .block-mini-wishlist .product-item-name:hover, .minicart-sliding .block-minicart .product-item-name a:hover, .minicart-sliding .block-mini-wishlist .product-item-name a:hover, .minicart-sliding.block-minicart .product-item-name:hover, .minicart-sliding.block-mini-wishlist .product-item-name:hover, .minicart-sliding.block-minicart .product-item-name a:hover, .minicart-sliding.block-mini-wishlist .product-item-name a:hover, .link-type-primary.ui-state-focus, .link-type-primary:hover { color: #00B1B0; } .link-type-primary--sub { font-size: 11px; } .page-header .panel.wrapper .links a, .link-type-secondary { color: #6D6E72; font-size: 11px; } .page-header .panel.wrapper .links a:hover, .link-type-secondary:hover { color: #8D8F93; } .kc.link { color: #00B1B0; } .kc.link:hover { text-decoration: none; } .kc.link.reverse { color: #FFFFFF; } .kc.link.arrow, .dashboard-content-item .content-link { position: relative; padding-right: 30px; color: #00B1B0; text-transform: uppercase; font-size: 11px; } .kc.link.arrow:before, .dashboard-content-item .content-link:before { content: ''; width: 22px; position: absolute; right: 0; top: 0; bottom: 0; background-image: url("../images/icons/ic_arrow_turquoise.svg"); background-repeat: no-repeat; background-position: center center; background-size: 16px; } .kc.link.arrow:hover, .dashboard-content-item .content-link:hover { color: #6D6E72; } .kc.link.arrow:hover:before, .dashboard-content-item .content-link:hover:before { background-image: url("../images/icons/ic_arrow_grey.svg"); background-repeat: no-repeat; background-position: center center; background-size: 16px; } .grouped-cart .action.delete, .grouped-cart .action.delete-from-box, .grouped-cart .action.delete-configurable, .grouped-cart .action.empty-box, .minicart-wrapper .block-minicart .product-items .action.delete, .wishlist-wrapper .block-minicart .product-items .action.delete, .minicart-wrapper .block-mini-wishlist .product-items .action.delete, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete, .minicart-wrapper .block-minicart .minicart-items .action.delete, .wishlist-wrapper .block-minicart .minicart-items .action.delete, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-minicart .product-items .action.delete, .block-minicart.wishlist-wrapper .product-items .action.delete, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-minicart .minicart-items .action.delete, .block-minicart.wishlist-wrapper .minicart-items .action.delete, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-sliding .block-minicart .product-items .action.delete, .minicart-sliding .block-mini-wishlist .product-items .action.delete, .minicart-sliding .block-minicart .minicart-items .action.delete, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete, .minicart-sliding.block-minicart .product-items .action.delete, .minicart-sliding.block-mini-wishlist .product-items .action.delete, .minicart-sliding.block-minicart .minicart-items .action.delete, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete, .address-list__field--telephone a, .checkout-container .form-login .remind, .block-customer-login .actions-toolbar .secondary .action-remind, .block-customer-login .actions-toolbar .secondary .remind { color: rgba(51, 51, 51, 0.8); border: 0; line-height: 1; font-size: 11px; padding: 0; margin: 0; } .grouped-cart .action.delete:hover, .grouped-cart .action.delete-from-box:hover, .grouped-cart .action.delete-configurable:hover, .grouped-cart .action.empty-box:hover, .minicart-wrapper .block-minicart .product-items .action.delete:hover, .wishlist-wrapper .block-minicart .product-items .action.delete:hover, .minicart-wrapper .block-mini-wishlist .product-items .action.delete:hover, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete:hover, .minicart-wrapper .block-minicart .minicart-items .action.delete:hover, .wishlist-wrapper .block-minicart .minicart-items .action.delete:hover, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete:hover, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete:hover, .minicart-wrapper.block-minicart .product-items .action.delete:hover, .block-minicart.wishlist-wrapper .product-items .action.delete:hover, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete:hover, .minicart-wrapper.block-mini-wishlist .product-items .action.delete:hover, .minicart-wrapper.block-minicart .minicart-items .action.delete:hover, .block-minicart.wishlist-wrapper .minicart-items .action.delete:hover, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete:hover, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete:hover, .minicart-sliding .block-minicart .product-items .action.delete:hover, .minicart-sliding .block-mini-wishlist .product-items .action.delete:hover, .minicart-sliding .block-minicart .minicart-items .action.delete:hover, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete:hover, .minicart-sliding.block-minicart .product-items .action.delete:hover, .minicart-sliding.block-mini-wishlist .product-items .action.delete:hover, .minicart-sliding.block-minicart .minicart-items .action.delete:hover, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete:hover, .address-list__field--telephone a:hover, .checkout-container .form-login .remind:hover, .block-customer-login .actions-toolbar .secondary .action-remind:hover, .block-customer-login .actions-toolbar .secondary .remind:hover { color: rgba(51, 51, 51, 0.8); padding: 0; background: none; border: 0; } .grouped-cart .action.delete, .grouped-cart .action.delete-from-box, .grouped-cart .action.delete-configurable, .grouped-cart .action.empty-box, .minicart-wrapper .block-minicart .product-items .action.delete, .wishlist-wrapper .block-minicart .product-items .action.delete, .minicart-wrapper .block-mini-wishlist .product-items .action.delete, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete, .minicart-wrapper .block-minicart .minicart-items .action.delete, .wishlist-wrapper .block-minicart .minicart-items .action.delete, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-minicart .product-items .action.delete, .block-minicart.wishlist-wrapper .product-items .action.delete, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-minicart .minicart-items .action.delete, .block-minicart.wishlist-wrapper .minicart-items .action.delete, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-sliding .block-minicart .product-items .action.delete, .minicart-sliding .block-mini-wishlist .product-items .action.delete, .minicart-sliding .block-minicart .minicart-items .action.delete, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete, .minicart-sliding.block-minicart .product-items .action.delete, .minicart-sliding.block-mini-wishlist .product-items .action.delete, .minicart-sliding.block-minicart .minicart-items .action.delete, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete, .address-list__field--telephone a { color: inherit; line-height: inherit; font-size: inherit; position: relative; } .grouped-cart .action.delete:before, .grouped-cart .action.delete-from-box:before, .grouped-cart .action.delete-configurable:before, .grouped-cart .action.empty-box:before, .minicart-wrapper .block-minicart .product-items .action.delete:before, .wishlist-wrapper .block-minicart .product-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .product-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper .block-minicart .minicart-items .action.delete:before, .wishlist-wrapper .block-minicart .minicart-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-minicart .product-items .action.delete:before, .block-minicart.wishlist-wrapper .product-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-minicart .minicart-items .action.delete:before, .block-minicart.wishlist-wrapper .minicart-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding .block-minicart .product-items .action.delete:before, .minicart-sliding .block-mini-wishlist .product-items .action.delete:before, .minicart-sliding .block-minicart .minicart-items .action.delete:before, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding.block-minicart .product-items .action.delete:before, .minicart-sliding.block-mini-wishlist .product-items .action.delete:before, .minicart-sliding.block-minicart .minicart-items .action.delete:before, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete:before, .address-list__field--telephone a:before { background-color: #333333; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .grouped-cart .action.delete:before, .grouped-cart .action.delete-from-box:before, .grouped-cart .action.delete-configurable:before, .grouped-cart .action.empty-box:before, .minicart-wrapper .block-minicart .product-items .action.delete:before, .wishlist-wrapper .block-minicart .product-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .product-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper .block-minicart .minicart-items .action.delete:before, .wishlist-wrapper .block-minicart .minicart-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-minicart .product-items .action.delete:before, .block-minicart.wishlist-wrapper .product-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-minicart .minicart-items .action.delete:before, .block-minicart.wishlist-wrapper .minicart-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding .block-minicart .product-items .action.delete:before, .minicart-sliding .block-mini-wishlist .product-items .action.delete:before, .minicart-sliding .block-minicart .minicart-items .action.delete:before, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding.block-minicart .product-items .action.delete:before, .minicart-sliding.block-mini-wishlist .product-items .action.delete:before, .minicart-sliding.block-minicart .minicart-items .action.delete:before, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete:before, .address-list__field--telephone a:before { opacity: 1; transform: translateY(0); } .checkout-container .form-login .remind, .block-customer-login .actions-toolbar .secondary .action-remind, .block-customer-login .actions-toolbar .secondary .remind { line-height: 42px; } .navigation--service-menu .parent > a, .store-switcher__select, .link--dropdown--arrow { position: relative; padding-right: 2em; } .navigation--service-menu .parent > a:after, .store-switcher__select:after, .link--dropdown--arrow:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform 250ms ease; transform: translateY(-50%) rotate(90deg); font-size: .8em; position: absolute; top: 50%; right: 0; } .navigation--service-menu .parent > a.active:after, .active.store-switcher__select:after, .link--dropdown--arrow.active:after { transform: translateY(-50%) rotate(-90deg); } .minicart-wrapper .action.showcart .counter.qty, .wishlist-wrapper .action.showcart .counter.qty, .minicart-sliding .action.showcart .counter.qty, .wishlist-wrapper .action.show-mini-wishlist .counter.qty { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; background-color: #00B1B0; color: #FFFFFF; font-weight: 700; letter-spacing: 0; text-align: center; border-radius: 50%; padding: 0; margin: 0; min-width: 0; width: 2.5em; height: 2.5em; font-size: 10px; position: absolute; top: -15px; right: -15px; box-shadow: 0 0 1px 2px #F9F9F8; } .grouped-cart .action.delete, .grouped-cart .action.delete-from-box, .grouped-cart .action.delete-configurable, .grouped-cart .action.empty-box, .minicart-wrapper .block-minicart .product-items .action.delete, .wishlist-wrapper .block-minicart .product-items .action.delete, .minicart-wrapper .block-mini-wishlist .product-items .action.delete, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete, .minicart-wrapper .block-minicart .minicart-items .action.delete, .wishlist-wrapper .block-minicart .minicart-items .action.delete, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-minicart .product-items .action.delete, .block-minicart.wishlist-wrapper .product-items .action.delete, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-minicart .minicart-items .action.delete, .block-minicart.wishlist-wrapper .minicart-items .action.delete, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-sliding .block-minicart .product-items .action.delete, .minicart-sliding .block-mini-wishlist .product-items .action.delete, .minicart-sliding .block-minicart .minicart-items .action.delete, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete, .minicart-sliding.block-minicart .product-items .action.delete, .minicart-sliding.block-mini-wishlist .product-items .action.delete, .minicart-sliding.block-minicart .minicart-items .action.delete, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete { line-height: 1; font-size: 14px; display: inline; margin-top: 6px; } .grouped-cart .strong.action.delete, .grouped-cart .strong.action.delete-from-box, .grouped-cart .strong.action.delete-configurable, .grouped-cart .strong.action.empty-box, .minicart-wrapper .block-minicart .product-items .strong.action.delete, .wishlist-wrapper .block-minicart .product-items .strong.action.delete, .minicart-wrapper .block-mini-wishlist .product-items .strong.action.delete, .wishlist-wrapper .block-mini-wishlist .product-items .strong.action.delete, .minicart-wrapper .block-minicart .minicart-items .strong.action.delete, .wishlist-wrapper .block-minicart .minicart-items .strong.action.delete, .minicart-wrapper .block-mini-wishlist .minicart-items .strong.action.delete, .wishlist-wrapper .block-mini-wishlist .minicart-items .strong.action.delete, .minicart-wrapper.block-minicart .product-items .strong.action.delete, .block-minicart.wishlist-wrapper .product-items .strong.action.delete, .wishlist-wrapper.block-mini-wishlist .product-items .strong.action.delete, .minicart-wrapper.block-mini-wishlist .product-items .strong.action.delete, .minicart-wrapper.block-minicart .minicart-items .strong.action.delete, .block-minicart.wishlist-wrapper .minicart-items .strong.action.delete, .wishlist-wrapper.block-mini-wishlist .minicart-items .strong.action.delete, .minicart-wrapper.block-mini-wishlist .minicart-items .strong.action.delete, .minicart-sliding .block-minicart .product-items .strong.action.delete, .minicart-sliding .block-mini-wishlist .product-items .strong.action.delete, .minicart-sliding .block-minicart .minicart-items .strong.action.delete, .minicart-sliding .block-mini-wishlist .minicart-items .strong.action.delete, .minicart-sliding.block-minicart .product-items .strong.action.delete, .minicart-sliding.block-mini-wishlist .product-items .strong.action.delete, .minicart-sliding.block-minicart .minicart-items .strong.action.delete, .minicart-sliding.block-mini-wishlist .minicart-items .strong.action.delete { font-weight: 500; } .grouped-cart .action.delete:before, .grouped-cart .action.delete-from-box:before, .grouped-cart .action.delete-configurable:before, .grouped-cart .action.empty-box:before, .minicart-wrapper .block-minicart .product-items .action.delete:before, .wishlist-wrapper .block-minicart .product-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .product-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper .block-minicart .minicart-items .action.delete:before, .wishlist-wrapper .block-minicart .minicart-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-minicart .product-items .action.delete:before, .block-minicart.wishlist-wrapper .product-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-minicart .minicart-items .action.delete:before, .block-minicart.wishlist-wrapper .minicart-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding .block-minicart .product-items .action.delete:before, .minicart-sliding .block-mini-wishlist .product-items .action.delete:before, .minicart-sliding .block-minicart .minicart-items .action.delete:before, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding.block-minicart .product-items .action.delete:before, .minicart-sliding.block-mini-wishlist .product-items .action.delete:before, .minicart-sliding.block-minicart .minicart-items .action.delete:before, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete:before { display: none; } .minicart-wrapper .block-minicart .product-items .action.delete, .wishlist-wrapper .block-minicart .product-items .action.delete, .minicart-wrapper .block-mini-wishlist .product-items .action.delete, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete, .minicart-wrapper .block-minicart .minicart-items .action.delete, .wishlist-wrapper .block-minicart .minicart-items .action.delete, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-minicart .product-items .action.delete, .block-minicart.wishlist-wrapper .product-items .action.delete, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-mini-wishlist .product-items .action.delete, .minicart-wrapper.block-minicart .minicart-items .action.delete, .block-minicart.wishlist-wrapper .minicart-items .action.delete, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete, .minicart-sliding .block-minicart .product-items .action.delete, .minicart-sliding .block-mini-wishlist .product-items .action.delete, .minicart-sliding .block-minicart .minicart-items .action.delete, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete, .minicart-sliding.block-minicart .product-items .action.delete, .minicart-sliding.block-mini-wishlist .product-items .action.delete, .minicart-sliding.block-minicart .minicart-items .action.delete, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete, .minicart-wrapper .block-minicart .product-items .action.delete > span, .wishlist-wrapper .block-minicart .product-items .action.delete > span, .minicart-wrapper .block-mini-wishlist .product-items .action.delete > span, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete > span, .minicart-wrapper .block-minicart .minicart-items .action.delete > span, .wishlist-wrapper .block-minicart .minicart-items .action.delete > span, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete > span, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete > span, .minicart-wrapper.block-minicart .product-items .action.delete > span, .block-minicart.wishlist-wrapper .product-items .action.delete > span, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete > span, .minicart-wrapper.block-mini-wishlist .product-items .action.delete > span, .minicart-wrapper.block-minicart .minicart-items .action.delete > span, .block-minicart.wishlist-wrapper .minicart-items .action.delete > span, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete > span, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete > span, .minicart-sliding .block-minicart .product-items .action.delete > span, .minicart-sliding .block-mini-wishlist .product-items .action.delete > span, .minicart-sliding .block-minicart .minicart-items .action.delete > span, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete > span, .minicart-sliding.block-minicart .product-items .action.delete > span, .minicart-sliding.block-mini-wishlist .product-items .action.delete > span, .minicart-sliding.block-minicart .minicart-items .action.delete > span, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete > span { width: auto; clip: unset; height: auto; position: relative; margin: 0; } .minicart-wrapper .block-minicart .product-items .action.delete:before, .wishlist-wrapper .block-minicart .product-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .product-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper .block-minicart .minicart-items .action.delete:before, .wishlist-wrapper .block-minicart .minicart-items .action.delete:before, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-minicart .product-items .action.delete:before, .block-minicart.wishlist-wrapper .product-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .product-items .action.delete:before, .minicart-wrapper.block-minicart .minicart-items .action.delete:before, .block-minicart.wishlist-wrapper .minicart-items .action.delete:before, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding .block-minicart .product-items .action.delete:before, .minicart-sliding .block-mini-wishlist .product-items .action.delete:before, .minicart-sliding .block-minicart .minicart-items .action.delete:before, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete:before, .minicart-sliding.block-minicart .product-items .action.delete:before, .minicart-sliding.block-mini-wishlist .product-items .action.delete:before, .minicart-sliding.block-minicart .minicart-items .action.delete:before, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete:before, .minicart-wrapper .block-minicart .product-items .action.delete > span:before, .wishlist-wrapper .block-minicart .product-items .action.delete > span:before, .minicart-wrapper .block-mini-wishlist .product-items .action.delete > span:before, .wishlist-wrapper .block-mini-wishlist .product-items .action.delete > span:before, .minicart-wrapper .block-minicart .minicart-items .action.delete > span:before, .wishlist-wrapper .block-minicart .minicart-items .action.delete > span:before, .minicart-wrapper .block-mini-wishlist .minicart-items .action.delete > span:before, .wishlist-wrapper .block-mini-wishlist .minicart-items .action.delete > span:before, .minicart-wrapper.block-minicart .product-items .action.delete > span:before, .block-minicart.wishlist-wrapper .product-items .action.delete > span:before, .wishlist-wrapper.block-mini-wishlist .product-items .action.delete > span:before, .minicart-wrapper.block-mini-wishlist .product-items .action.delete > span:before, .minicart-wrapper.block-minicart .minicart-items .action.delete > span:before, .block-minicart.wishlist-wrapper .minicart-items .action.delete > span:before, .wishlist-wrapper.block-mini-wishlist .minicart-items .action.delete > span:before, .minicart-wrapper.block-mini-wishlist .minicart-items .action.delete > span:before, .minicart-sliding .block-minicart .product-items .action.delete > span:before, .minicart-sliding .block-mini-wishlist .product-items .action.delete > span:before, .minicart-sliding .block-minicart .minicart-items .action.delete > span:before, .minicart-sliding .block-mini-wishlist .minicart-items .action.delete > span:before, .minicart-sliding.block-minicart .product-items .action.delete > span:before, .minicart-sliding.block-mini-wishlist .product-items .action.delete > span:before, .minicart-sliding.block-minicart .minicart-items .action.delete > span:before, .minicart-sliding.block-mini-wishlist .minicart-items .action.delete > span:before { content: ''; } .dcw__multicol__items { display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: flex-start; flex-wrap: wrap; -ms-flex-wrap: wrap; } .dcw__multicol__items .dcw__multicol__item:not(.dcw__multicol__item--image-only) .dcw__image-wrapper { margin-bottom: 30px; } .dcw__multicol__items .dcw__multicol__item:not(.dcw__multicol__item--image-only) .dcw__image-wrapper img { width: 100%; } .dcw__multicol__items .dcw__multicol__item--image-only { align-self: stretch; } @media (max-width: 479px) { .dcw__multicol__items .dcw__multicol__item--image-only .dcw__item-wrapper { height: 60vmin; } } @media (min-width: 480px) and (max-width: 767px) { .dcw__multicol__items .dcw__multicol__item--image-only .dcw__item-wrapper { height: 45vmin; } } .dcw__multicol__items .dcw__multicol__item--image-only .dcw__image-wrapper { background-size: contain; } .dcw__content-layout--img-bg .dcw__multicol__items, .dcw__content-layout--img-bg--cell .dcw__multicol__items { align-items: stretch; } .dcw__content-layout--img-bg .dcw__multicol__items .dcw__item-content, .dcw__content-layout--img-bg--cell .dcw__multicol__items .dcw__item-content { height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .dcw__content-layout--img-bg .dcw__multicol__item.dcw__padding--none .dcw__item-content, .dcw__content-layout--img-bg--cell .dcw__multicol__item.dcw__padding--none .dcw__item-content { padding: 22px; } @media (min-width: 1024px) { .dcw__content-layout--img-bg .dcw__multicol__item.dcw__padding--none .dcw__item-content, .dcw__content-layout--img-bg--cell .dcw__multicol__item.dcw__padding--none .dcw__item-content { padding: 30px; } } .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .swatch-attribute, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .swatch-field, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .field, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .fieldset .field, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .kc-swatch, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .swatch-attribute, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .swatch-field, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .field, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .fieldset .field, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .kc-swatch { background-color: rgba(255, 255, 255, 0.5); margin-bottom: 6px; padding: 12px 22px; } .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .whats-my-size__link, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .whats-my-size__link { right: 22px; } @media (min-width: 1366px) { .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .product-options-wrapper .whats-my-size__link, .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .bundle-options-wrapper .whats-my-size__link { bottom: 24px; top: inherit; } } .page-layout-dyo-product-page.product-page .product-info-main .product-add-form .field.qty { background-color: rgba(255, 255, 255, 0.5); margin-bottom: 6px; padding: 12px 22px; } .page-layout-dyo-product-page.product-page .product-info-main .box-tocart { margin-top: 0; } .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .input-text.qty { vertical-align: middle; background: transparent; color: #00B1B0; height: 3.63636em; border-radius: 1.81818em; padding: 0 24px; border: 2px solid rgba(0, 177, 176, 0.5); font-weight: 600; font-size: 11px; } .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .input-text.qty:active, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .input-text.qty:focus, .page-layout-dyo-product-page.product-page .product-info-main .box-tocart .input-text.qty:hover { border-color: #00B1B0; } .page-layout-dyo-product-page.product-page .product-info-main .qty-control { width: 3.63636em; height: 3.63636em; border-radius: 50%; position: relative; color: #00B1B0; background: transparent; border: 2px solid rgba(0, 177, 176, 0.5); vertical-align: middle; font-size: 11px; } .page-layout-dyo-product-page.product-page .product-info-main .qty-control:active, .page-layout-dyo-product-page.product-page .product-info-main .qty-control:focus, .page-layout-dyo-product-page.product-page .product-info-main .qty-control:hover { border: 2px solid #00B1B0; background: inherit; box-shadow: none; } .page-layout-dyo-product-page.product-page .product-info-main .qty-control:after { background-image: url("../images/icons/ic_arrow_turquoise.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; content: ''; width: 1em; height: 1em; position: relative; position: absolute; top: 50%; left: 50%; } .page-layout-dyo-product-page.product-page .product-info-main .action.towishlist { color: #00B1B0; border-color: #00B1B0; } .page-layout-dyo-product-page.product-page .product-info-main .action.towishlist:active, .page-layout-dyo-product-page.product-page .product-info-main .action.towishlist:focus, .page-layout-dyo-product-page.product-page .product-info-main .action.towishlist:hover { background: #00B1B0; color: #FFFFFF; } @media (max-width: 639px) { .page-layout-dyo-product-page.product-page .product-info-main .action.towishlist { top: 24px; right: 24px; } } @media (min-width: 1024px) { .page-layout-dyo-product-page.product-page .product-info-main .action.towishlist { top: 48px; right: 48px; } } .wishlist-index-index .products-grid .product-item-info, .products.list .item.product { visibility: visible; background-color: transparent; transition: background-color 0.3s ease-in-out; } .wishlist-index-index .products-grid .product-item-info, .products.list .item.product .product-item-info { width: 100%; text-align: center; padding-top: 12px; } .wishlist-index-index .products-grid .product-item-name, .products.list .item.product .product-item-details .product-item-name, .wishlist-index-index .products-grid .product-item-name a, .products.list .item.product .product-item-details .product-item-name a { text-transform: uppercase; color: rgba(51, 51, 51, 0.8); font-weight: 500; font-size: 14px; margin: 0; line-height: 1; } .wishlist-index-index .products-grid .product-item-name:hover, .products.list .item.product .product-item-details .product-item-name:hover, .wishlist-index-index .products-grid .product-item-name a:hover, .products.list .item.product .product-item-details .product-item-name a:hover { text-decoration: none; } .wishlist-index-index .products-grid .product-item-photo, .products.list .item.product .product-item-photo { float: none; margin: 0; } .wishlist-index-index .products-grid .product-item-photo img, .products.list .item.product .product-item-photo img { transition: all 0.3s ease-in-out; width: auto; height: auto; } .products.list .item.product .product-item-details { margin-top: 12px; } .wishlist-index-index .products-grid .product-item-price-box, .wishlist-index-index .products-grid .product-item .price-box, .products.list .item.product .product-item-details .price-box { margin: 12px 0 0 0; } .wishlist-index-index .products-grid .product-item-price-box .price, .wishlist-index-index .products-grid .product-item .price-box .price, .products.list .item.product .product-item-details .price-box .price, .wishlist-index-index .products-grid .product-item-price-box .price-label, .wishlist-index-index .products-grid .product-item .price-box .price-label, .products.list .item.product .product-item-details .price-box .price-label { text-transform: uppercase; font-size: 11px; font-weight: 300; color: #8D8F93; } .wishlist-index-index .products-grid .product-item-info .product-item-inner, .products.list .item.product .product-item-action-box { display: none; position: absolute; z-index: 1; left: 0; padding: 0 12px 12px 12px; background-color: #F3F3F3; width: 100%; text-align: center; } .wishlist-index-index .products-grid .product-item-info .product-item-inner .stock, .products.list .item.product .product-item-action-box .stock { padding: 12px 0 24px; font-weight: 400; } .wishlist-index-index .products-grid .product-item-info .product-item-inner form, .products.list .item.product .product-item-action-box form { margin: 0; } .wishlist-index-index .products-grid .product-item .box-tocart, .products.list .item.product .product-item-action-box-buttons { margin-top: 6px; } .wishlist-index-index .products-grid .product-item .box-tocart > form, .products.list .item.product .product-item-action-box-buttons > form, .wishlist-index-index .products-grid .product-item .box-tocart > .actions-secondary, .products.list .item.product .product-item-action-box-buttons > .actions-secondary { display: inline-block; vertical-align: middle; } .wishlist-index-index .products-grid .product-item .box-tocart .actions-secondary, .products.list .item.product .product-item-action-box-buttons .actions-secondary { margin-left: 6px; line-height: 1; } .products.list .item.product .towishlist { transition-property: background, color; transition-duration: 150ms; display: inline-block; position: relative; border: 2px solid; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; } .products.list .item.product .towishlist:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .products.list .item.product .towishlist:before { display: none !important; } .products.list .item.product .towishlist:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .products.list .item.product .towishlist:active, .products.list .item.product .towishlist:focus, .products.list .item.product .towishlist:hover { color: #00B1B0; } .products.list .item.product .towishlist:active, .products.list .item.product .towishlist:focus, .products.list .item.product .towishlist:hover { background-color: #00B1B0; color: #FFFFFF; } .wishlist-index-index .products-grid .product-item:hover .product-item-info { background-color: #F3F3F3; z-index: 1; } .wishlist-index-index .products-grid .product-item-info .product-item-inner, .products.list .item.product .product-item-action-box { display: block; transition: all 0.5s ease-in-out; visibility: hidden; opacity: 0; } .wishlist-index-index .products-grid .product-item:hover .product-item-info .product-item-inner { visibility: visible; opacity: 1; } .product-page .product-add-form .product-options-wrapper .swatch-attribute, .product-page .product-add-form .product-options-wrapper .swatch-field, .product-page .product-add-form .product-options-wrapper .field, .product-page .product-add-form .product-options-wrapper .fieldset .field, .product-page .product-add-form .product-options-wrapper .kc-swatch, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute, .product-page .product-add-form .bundle-options-wrapper .swatch-field, .product-page .product-add-form .bundle-options-wrapper .field, .product-page .product-add-form .bundle-options-wrapper .fieldset .field, .product-page .product-add-form .bundle-options-wrapper .kc-swatch { margin-bottom: 20px; position: relative; } .product-page .product-add-form .product-options-wrapper .swatch-attribute-label, .product-page .product-add-form .product-options-wrapper .swatch-attribute .label, .product-page .product-add-form .product-options-wrapper .swatch-field-label, .product-page .product-add-form .product-options-wrapper .swatch-field .label, .product-page .product-add-form .product-options-wrapper .field-label, .product-page .product-add-form .product-options-wrapper .field .label, .product-page .product-add-form .product-options-wrapper .fieldset .field-label, .product-page .product-add-form .product-options-wrapper .fieldset .field .label, .product-page .product-add-form .product-options-wrapper .kc-swatch-label, .product-page .product-add-form .product-options-wrapper .kc-swatch .label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .label, .product-page .product-add-form .bundle-options-wrapper .swatch-field-label, .product-page .product-add-form .bundle-options-wrapper .swatch-field .label, .product-page .product-add-form .bundle-options-wrapper .field-label, .product-page .product-add-form .bundle-options-wrapper .field .label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .label { width: 20%; min-width: 80px; display: block; } @media (min-width: 640px) { .product-page .product-add-form .product-options-wrapper .swatch-attribute-label, .product-page .product-add-form .product-options-wrapper .swatch-attribute .label, .product-page .product-add-form .product-options-wrapper .swatch-field-label, .product-page .product-add-form .product-options-wrapper .swatch-field .label, .product-page .product-add-form .product-options-wrapper .field-label, .product-page .product-add-form .product-options-wrapper .field .label, .product-page .product-add-form .product-options-wrapper .fieldset .field-label, .product-page .product-add-form .product-options-wrapper .fieldset .field .label, .product-page .product-add-form .product-options-wrapper .kc-swatch-label, .product-page .product-add-form .product-options-wrapper .kc-swatch .label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .label, .product-page .product-add-form .bundle-options-wrapper .swatch-field-label, .product-page .product-add-form .bundle-options-wrapper .swatch-field .label, .product-page .product-add-form .bundle-options-wrapper .field-label, .product-page .product-add-form .bundle-options-wrapper .field .label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .label { display: inline-block; } } @media (min-width: 1024px) { .product-page .product-add-form .product-options-wrapper .swatch-attribute-label, .product-page .product-add-form .product-options-wrapper .swatch-attribute .label, .product-page .product-add-form .product-options-wrapper .swatch-field-label, .product-page .product-add-form .product-options-wrapper .swatch-field .label, .product-page .product-add-form .product-options-wrapper .field-label, .product-page .product-add-form .product-options-wrapper .field .label, .product-page .product-add-form .product-options-wrapper .fieldset .field-label, .product-page .product-add-form .product-options-wrapper .fieldset .field .label, .product-page .product-add-form .product-options-wrapper .kc-swatch-label, .product-page .product-add-form .product-options-wrapper .kc-swatch .label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .label, .product-page .product-add-form .bundle-options-wrapper .swatch-field-label, .product-page .product-add-form .bundle-options-wrapper .swatch-field .label, .product-page .product-add-form .bundle-options-wrapper .field-label, .product-page .product-add-form .bundle-options-wrapper .field .label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .label { min-width: unset; } } .product-page .product-add-form .product-options-wrapper .swatch-attribute-options-wrapper, .product-page .product-add-form .product-options-wrapper .swatch-attribute .control, .product-page .product-add-form .product-options-wrapper .swatch-field-options-wrapper, .product-page .product-add-form .product-options-wrapper .swatch-field .control, .product-page .product-add-form .product-options-wrapper .field-options-wrapper, .product-page .product-add-form .product-options-wrapper .field .control, .product-page .product-add-form .product-options-wrapper .fieldset .field-options-wrapper, .product-page .product-add-form .product-options-wrapper .fieldset .field .control, .product-page .product-add-form .product-options-wrapper .kc-swatch-options-wrapper, .product-page .product-add-form .product-options-wrapper .kc-swatch .control, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .control, .product-page .product-add-form .bundle-options-wrapper .swatch-field-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .swatch-field .control, .product-page .product-add-form .bundle-options-wrapper .field-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .field .control, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .control, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .control { display: inline-block; position: relative; max-width: 250px; width: 100%; } .product-page .swatch-options__scroll { overflow: auto; max-height: 250px; } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option, .product-page .swatch-attribute .swatch-option__swatch, .product-page .swatch-field .swatch-option__swatch { min-width: unset; max-width: unset; display: inline-block; border-radius: 50%; vertical-align: middle; margin-right: 1em; width: 1.75em; height: 1.75em; background-repeat: no-repeat; background-position: center; background-size: initial; } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option.selected, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option.selected, .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option:hover, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option:hover { outline: none; border: none; position: relative; color: #FFFFFF; } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option.selected:after, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option.selected:after, .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option:hover:after, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option:hover:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option.selected:after, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option.selected:after, .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option:hover:after, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option:hover:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 9px; } .product-page .product-add-form .product-options-wrapper .kc-swatch-selected-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-selected-option { position: absolute; top: -22px; right: 0; } @media (min-width: 640px) { .product-page .product-add-form .product-options-wrapper .kc-swatch-selected-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-selected-option { position: relative; top: 0; right: auto; } } .product-page .product-add-form .product-options-wrapper .kc-swatch-selected-option span, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-selected-option span, .product-page .product-add-form .product-options-wrapper .kc-swatch-selected-option div, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-selected-option div { display: inline; } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option { width: 2.1875em; height: 2.1875em; } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option:hover, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option:hover { color: #cccccc; } .product-page .product-add-form .product-options-wrapper .kc-swatch-options, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-options { margin-top: 6px; } .product-page .product-add-form .product-options-wrapper .kc-swatch .control, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .control { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } .block-search input, .stockists__map-tools .stockists__search-box input { background: transparent; border: 0; width: 23px; height: 40px; padding: 0 0 0 23px; transition: width 0.25s ease; cursor: pointer; position: static; margin: 0; left: auto; } .block-search input:focus, .stockists__map-tools .stockists__search-box input:focus { box-shadow: none; } .block-search .control:after, .stockists__map-tools .stockists__search-box:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; transform: translate(0, -50%); left: 0; text-align: center; pointer-events: none; color: #00B1B0; font-size: 1.5em; } .block-search { float: none; padding-left: 0; width: 23px; height: 40px; position: relative; margin-top: 0; } .block-search input:focus { border-bottom: 2px solid #CACACB; box-shadow: none; } .block-search .control { position: absolute; top: 0; right: 0; padding: 0; cursor: pointer; border-top: none; margin: 0; } .block-search .search-autocomplete { margin-top: 0; } .block-search .minisearch.active input { width: 200px; } .stockists__map-tools .stockists__search-box input { padding: 0 0 0 28px; width: 100%; border-bottom: 2px solid #6D6E72; } .stockists__map-tools .stockists__search-box { position: relative; } .products-grid .swatch-option.color, .filter-options-item .swatch-option.color { height: 20px; width: 20px; min-width: 0; border-radius: 50%; border: 1px solid #CACACB; margin: 0 6px 6px 0; } .products-grid .selected.swatch-option.color, .filter-options-item .selected.swatch-option.color, .products-grid .swatch-option.color:not(.disabled):hover, .filter-options-item .swatch-option.color:not(.disabled):hover { outline: none; border: 1px solid #CACACB; margin-left: 0; transform: scale(1.15); } .products-grid .swatch-option.text, .filter-options-item .swatch-option.text { height: auto; line-height: 1; padding: 8px 12px 6px; border: none; } .products-grid .swatch-option.text:not(.disabled):hover, .filter-options-item .swatch-option.text:not(.disabled):hover { outline: none; transform: scale(1.15); } .dcw__item-body_wysiwyg table > thead > tr > th, .kc-customer-notifications table > thead > tr > th, .product-page .product-info__size table > thead > tr > th, .product-page .product-info__shipping table > thead > tr > th, .dcw__item-body_wysiwyg table > thead > tr > td, .kc-customer-notifications table > thead > tr > td, .product-page .product-info__size table > thead > tr > td, .product-page .product-info__shipping table > thead > tr > td, .dcw__item-body_wysiwyg table > tbody > tr > th, .kc-customer-notifications table > tbody > tr > th, .product-page .product-info__size table > tbody > tr > th, .product-page .product-info__shipping table > tbody > tr > th, .dcw__item-body_wysiwyg table > tbody > tr > td, .kc-customer-notifications table > tbody > tr > td, .product-page .product-info__size table > tbody > tr > td, .product-page .product-info__shipping table > tbody > tr > td, .dcw__item-body_wysiwyg table > tfoot > tr > th, .kc-customer-notifications table > tfoot > tr > th, .product-page .product-info__size table > tfoot > tr > th, .product-page .product-info__shipping table > tfoot > tr > th, .dcw__item-body_wysiwyg table > tfoot > tr > td, .kc-customer-notifications table > tfoot > tr > td, .product-page .product-info__size table > tfoot > tr > td, .product-page .product-info__shipping table > tfoot > tr > td { padding: 2em 1em; } .dcw__item-body_wysiwyg table tr, .kc-customer-notifications table tr, .product-page .product-info__size table tr, .product-page .product-info__shipping table tr { border-bottom: 1px solid #CACACB; } .dcw__item-body_wysiwyg table, .kc-customer-notifications table, .product-page .product-info__size table, .product-page .product-info__shipping table { font-size: 11px; } .dcw__item-body_wysiwyg table th, .kc-customer-notifications table th, .product-page .product-info__size table th, .product-page .product-info__shipping table th { text-transform: uppercase; font-weight: 500; } .product-page .product-info__size table > tbody > tr > td:first-of-type, .product-page .product-info__shipping table > tbody > tr > td:first-of-type { font-weight: 500; color: rgba(51, 51, 51, 0.8); } .account-order-history .table-order-items, .block-dashboard-orders .table-order-items, .block-stored-payments-default .table-credit-cards { margin: 0; } .account-order-history .table-order-items thead, .block-dashboard-orders .table-order-items thead, .block-stored-payments-default .table-credit-cards thead { border-top: 1px solid #D1D1D1; } .account-order-history .table-order-items th, .block-dashboard-orders .table-order-items th, .block-stored-payments-default .table-credit-cards th { padding-top: 12px; padding-bottom: 12px; padding-left: 6px; padding-right: 6px; text-transform: uppercase; font-size: 11px; font-weight: 400; } .account-order-history .table-order-items td, .block-dashboard-orders .table-order-items td, .block-stored-payments-default .table-credit-cards td { padding-top: 12px; padding-bottom: 12px; padding-left: 6px; padding-right: 6px; font-size: 11px; font-weight: 400; } .account-order-history .table-order-items td a.action, .block-dashboard-orders .table-order-items td a.action, .block-stored-payments-default .table-credit-cards td a.action { color: #00B1B0; margin: 0; font-weight: 500; } .account-order-history .table-order-items td a.action ~ a.action, .block-dashboard-orders .table-order-items td a.action ~ a.action, .block-stored-payments-default .table-credit-cards td a.action ~ a.action { border-left: 1px solid #00B1B0; padding-left: 12px; margin-left: 6px; } .dcw__item-body_wysiwyg table > thead > tr > th, .dcw__item-body_wysiwyg table > thead > tr > td, .dcw__item-body_wysiwyg table > tbody > tr > th, .dcw__item-body_wysiwyg table > tbody > tr > td, .dcw__item-body_wysiwyg table > tfoot > tr > th, .dcw__item-body_wysiwyg table > tfoot > tr > td { padding: 1.2em 1em; } .dcw__item-body_wysiwyg table thead { text-transform: uppercase; font-weight: 500; color: rgba(51, 51, 51, 0.8); } .dcw__item-body_wysiwyg table thead tr { border-top: 1px solid; border-bottom: 1px solid; } .dcw__item-body_wysiwyg table tbody tr { border: none; } .block.filter .filter-options-title, .kc-list-title { text-transform: uppercase; font-weight: 700; color: #47474A; font-size: 12px; } .cms-guide-listing__title, .products-carousel__title, .catalog-products-list__title, .kc-carousel-title { font-size: 36px; text-transform: uppercase; -webkit-hyphens: auto; hyphens: auto; color: #DEDEDE; line-height: 0.85; } @media (min-width: 1024px) { .cms-guide-listing__title, .products-carousel__title, .catalog-products-list__title, .kc-carousel-title { font-size: 100px; } } .products-carousel__item-category, .catalog-products-list__item-category, .products-carousel__item-name, .catalog-products-list__item-name { line-height: 1; font-size: 25px; color: #333333; font-weight: 500; } .products-carousel__item-category a, .catalog-products-list__item-category a, .products-carousel__item-name a, .catalog-products-list__item-name a { letter-spacing: 0; } .products-carousel__item-category a, .catalog-products-list__item-category a, .products-carousel__item-name a, .catalog-products-list__item-name a, .products-carousel__item-category a:visited, .catalog-products-list__item-category a:visited, .products-carousel__item-name a:visited, .catalog-products-list__item-name a:visited { color: #333333; } @media (min-width: 1024px) { .products-carousel__item-category, .catalog-products-list__item-category, .products-carousel__item-name, .catalog-products-list__item-name { font-size: 36px; } } .products-carousel__item-category, .catalog-products-list__item-category { font-weight: 300; } .kc-accordion [data-role="title"] { font-size: 25px; font-weight: 500; letter-spacing: 0px; line-height: 1.68; } .block-addresses-default .block-title, .block-dashboard-orders .block-title.order, .kc-info-panel .title, .kc-info-panel .title > strong, .account .columns .column.main .block .block-title, .account .columns .column.main .block h5.content-title, .sales-order-view .order-details-items .order-title, .block-addresses-default .block-title > strong, .block-dashboard-orders .block-title.order > strong, .kc-info-panel .title > strong > strong, .account .columns .column.main .block .block-title > strong, .account .columns .column.main .block h5.content-title > strong, .sales-order-view .order-details-items .order-title > strong { text-transform: lowercase; } .block-addresses-default .block-title::first-letter, .block-dashboard-orders .block-title.order::first-letter, .kc-info-panel .title::first-letter, .kc-info-panel .title > strong::first-letter, .account .columns .column.main .block .block-title::first-letter, .account .columns .column.main .block h5.content-title::first-letter, .sales-order-view .order-details-items .order-title::first-letter, .block-addresses-default .block-title > strong::first-letter, .block-dashboard-orders .block-title.order > strong::first-letter, .kc-info-panel .title > strong > strong::first-letter, .account .columns .column.main .block .block-title > strong::first-letter, .account .columns .column.main .block h5.content-title > strong::first-letter, .sales-order-view .order-details-items .order-title > strong::first-letter { text-transform: uppercase; } .block-addresses-default .block-title, .block-dashboard-orders .block-title.order, .kc-info-panel .title, .kc-info-panel .title > strong, .account .columns .column.main .block .block-title, .account .columns .column.main .block h5.content-title, .sales-order-view .order-details-items .order-title, .block-addresses-default .block-title > strong, .block-dashboard-orders .block-title.order > strong, .kc-info-panel .title > strong > strong, .account .columns .column.main .block .block-title > strong, .account .columns .column.main .block h5.content-title > strong, .sales-order-view .order-details-items .order-title > strong { background-color: transparent; background-position: 0; letter-spacing: 0; } .block-addresses-default .block-title, .block-dashboard-orders .block-title.order, .kc-info-panel .title, .kc-info-panel .title > strong, .account .columns .column.main .block .block-title, .account .columns .column.main .block h5.content-title, .sales-order-view .order-details-items .order-title, .block-addresses-default .block-title > strong, .block-dashboard-orders .block-title.order > strong, .kc-info-panel .title > strong, .kc-info-panel .title > strong > strong, .account .columns .column.main .block .block-title > strong, .account .columns .column.main .block h5.content-title > strong, .sales-order-view .order-details-items .order-title > strong { line-height: 1; font-weight: 700; font-size: 24px; } @media (min-width: 1024px) { .block-addresses-default .block-title, .block-dashboard-orders .block-title.order, .kc-info-panel .title, .kc-info-panel .title > strong, .account .columns .column.main .block .block-title, .account .columns .column.main .block h5.content-title, .sales-order-view .order-details-items .order-title { margin-bottom: 30px; } } .account .columns .column.main > .block > .block-title > strong, .block-addresses-default .block-title > strong, .block-dashboard-orders .block-title.order > strong, .kc-info-panel .title > strong, .kc-info-panel .title > strong > strong { padding-left: 41px; } .kc-promo-title { text-transform: uppercase; font-size: 42px; font-weight: 700; line-height: 1; color: #FFFFFF; } @media (min-width: 1024px) { .kc-promo-title { font-size: 100px; } } .custom-slider .owl-carousel .banner-item .content_slider .banner-title, .wishlist-index-index .products-grid .product-item-price-box .price, .wishlist-index-index .products-grid .product-item .price-box .price, .products.list .item.product .product-item-details .price-box .price, .wishlist-index-index .products-grid .product-item-price-box .price-label, .wishlist-index-index .products-grid .product-item .price-box .price-label, .products.list .item.product .product-item-details .price-box .price-label, .footer.content .footer-payment span, .footer .copyright span, body.account .list-block__item__features { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .product-page .product-add-form .product-options-wrapper .swatch-attribute-label, .product-page .product-add-form .product-options-wrapper .swatch-attribute .label, .product-page .product-add-form .product-options-wrapper .swatch-field-label, .product-page .product-add-form .product-options-wrapper .swatch-field .label, .product-page .product-add-form .product-options-wrapper .field-label, .product-page .product-add-form .product-options-wrapper .field .label, .product-page .product-add-form .product-options-wrapper .fieldset .field-label, .product-page .product-add-form .product-options-wrapper .fieldset .field .label, .product-page .product-add-form .product-options-wrapper .kc-swatch-label, .product-page .product-add-form .product-options-wrapper .kc-swatch .label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .label, .product-page .product-add-form .bundle-options-wrapper .swatch-field-label, .product-page .product-add-form .bundle-options-wrapper .swatch-field .label, .product-page .product-add-form .bundle-options-wrapper .field-label, .product-page .product-add-form .bundle-options-wrapper .field .label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .label, .product-page .product-info-main .label, .kc-text-label, .kc-text { font-weight: 400; font-size: 12px; } .kc-no-type-break-out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -webkit-hyphens: auto; hyphens: auto; } .kc-text-with-bg { background-color: #F3F3F3; padding: 6px; } .product-page .product-add-form .product-options-wrapper .swatch-attribute-label, .product-page .product-add-form .product-options-wrapper .swatch-attribute .label, .product-page .product-add-form .product-options-wrapper .swatch-field-label, .product-page .product-add-form .product-options-wrapper .swatch-field .label, .product-page .product-add-form .product-options-wrapper .field-label, .product-page .product-add-form .product-options-wrapper .field .label, .product-page .product-add-form .product-options-wrapper .fieldset .field-label, .product-page .product-add-form .product-options-wrapper .fieldset .field .label, .product-page .product-add-form .product-options-wrapper .kc-swatch-label, .product-page .product-add-form .product-options-wrapper .kc-swatch .label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .label, .product-page .product-add-form .bundle-options-wrapper .swatch-field-label, .product-page .product-add-form .bundle-options-wrapper .swatch-field .label, .product-page .product-add-form .bundle-options-wrapper .field-label, .product-page .product-add-form .bundle-options-wrapper .field .label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .label, .product-page .product-info-main .label, .kc-text-label, .kc-text-label { text-transform: uppercase; } .product-page .product-add-form .product-options-wrapper .swatch-attribute-label, .product-page .product-add-form .product-options-wrapper .swatch-attribute .label, .product-page .product-add-form .product-options-wrapper .swatch-field-label, .product-page .product-add-form .product-options-wrapper .swatch-field .label, .product-page .product-add-form .product-options-wrapper .field-label, .product-page .product-add-form .product-options-wrapper .field .label, .product-page .product-add-form .product-options-wrapper .fieldset .field-label, .product-page .product-add-form .product-options-wrapper .fieldset .field .label, .product-page .product-add-form .product-options-wrapper .kc-swatch-label, .product-page .product-add-form .product-options-wrapper .kc-swatch .label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute-label, .product-page .product-add-form .bundle-options-wrapper .swatch-attribute .label, .product-page .product-add-form .bundle-options-wrapper .swatch-field-label, .product-page .product-add-form .bundle-options-wrapper .swatch-field .label, .product-page .product-add-form .bundle-options-wrapper .field-label, .product-page .product-add-form .bundle-options-wrapper .field .label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field-label, .product-page .product-add-form .bundle-options-wrapper .fieldset .field .label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-label, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .label, .product-page .product-info-main .label, .kc-text-label { font-size: 11px; } .page-layout-dyo-product-page.product-page .product-info__additional-title, .kc-text-brand--large, .product-page .product-add-form .product-options-wrapper .kc-swatch-selected-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-selected-option, .kc-text-brand-heavy--small, .product-page .product-add-form .product-options-wrapper .icon-type-option__value__text, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value__text, .kc-text-brand-medium--small, .kc-text-brand { font-weight: 400; color: #00B1B0; text-transform: uppercase; } .page-layout-dyo-product-page.product-page .product-info__additional-title, .kc-text-brand--large { font-size: 18px; } .product-page .product-add-form .product-options-wrapper .kc-swatch-selected-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-selected-option, .kc-text-brand-heavy--small { font-weight: 700; font-size: 11px; } .product-page .product-add-form .product-options-wrapper .icon-type-option__value__text, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value__text, .kc-text-brand-medium--small { font-weight: 500; font-size: 11px; } .kc-text-info { font-weight: 300; font-size: 14px; padding: 22px 0; line-height: 1.714; margin-bottom: 0; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .header--first, .footer.content, .page-wrapper > .widget, .block.category.event, .top-container, .page-main { width: 100%; } .cookie-status-message { display: none; } .page-wrapper > .page-bottom { width: 100%; max-width: none; padding: 0; } .page-wrapper > .page-bottom > p:empty { margin: 0; } .navigation { padding-left: 0; padding-right: 0; } @media (max-width: 1023px) { .columns .column.main { width: 100%; } } .products { margin: 0; } .product-item-actions { display: block; } .account .page-title-wrapper { display: none; } .account .page-main { padding: 0 15px; } @media (min-width: 1024px) { .account .columns .column.main { padding: 64px 30px 0; } } @media (min-width: 1366px) { .account .columns .column.main { padding: 64px 96px 0; } } .account .columns .column.main form .actions-toolbar { margin: 0; } .account .columns .column.main .block .block-title .view, .account .columns .column.main .block h5.content-title .view { font-weight: 500; float: right; } .account .block-subsection > p { margin-bottom: 30px; overflow: hidden; line-height: 48px; } .account .block-subsection .action { float: right; } .account .block-subsection hr { margin-bottom: 30px; } .account .sidebar-main { padding: 0; margin: 0px 10px 20px; background: #00B1B0; } @media (min-width: 1024px) { .account .sidebar-main { display: block; margin: 0; } } .account .sidebar .block-collapsible-nav { display: none; } .account .sidebar-additional { margin: 0; } .account .sidebar-additional .block { margin: 0; } .account .account-nav { margin: 0; padding: 48px 22px; } .account .account-nav:after { content: "" !important; display: block !important; clear: both !important; } @media (min-width: 1024px) { .account .account-nav { padding: 64px 48px; } } @media (min-width: 1024px) { .account .account-nav .items { float: right; } } .account .account-nav .content { background: none; padding: 0; } .account .account-nav .content .item > strong { width: 100%; } .account .account-nav .content .item a { width: 100%; } .account .account-nav .content .item a strong { font-weight: 400; } .account .fieldset > .field.choice:before { padding: 0; width: 0; } .account a.action.back:not([href]), .account a.action.back[href=""] { display: none; } .account-back-link > .secondary { float: none; text-align: center; display: block; padding: 22px 0; } @media (min-width: 1366px) { .account-back-link > .secondary { padding: 48px 0; } } .kc-join-stockist .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .myaccount-link { text-indent: -9999px; display: inline-block; position: relative; width: 1.5em; height: 1.5em; text-align: center; color: #FFFFFF; } .myaccount-link:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 1.5em; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .myaccount-link:before { content: ''; display: block; width: 3em; height: 3em; position: absolute; border: 0.15em solid currentColor; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .myaccount-link:hover:before { transform: translate(-50%, -50%) scale(1); } .myaccount-link:hover { color: #FFFFFF; } .block-addresses-default { padding-bottom: 28px; margin: 0 0 40px; } .block-addresses-default a { font-size: 12px; } .block-addresses-default a:after { content: ' | '; } .block-addresses-default a:last-of-type:after { content: ''; } .block-addresses-default address { margin-bottom: 10px; } .block-addresses-default .block-title > strong { background-image: url("../images/icons/ic_delivery_green.svg"); background-repeat: no-repeat; background-position: center center; background-size: 29px; } .block-addresses-default .box-actions a { font-weight: 500; } .block-addresses-default .default-address-content { margin: 0; } .block-addresses-default .box-address-billing .box-title { margin-bottom: 12px; } .block-addresses-default .box { margin-bottom: 20px; padding-right: 30px; } @media (min-width: 1024px) { .block-addresses-default .box { padding: 0; } } .block-addresses-default .addresses > .item { margin-bottom: 20px; } @media (min-width: 1024px) { .block-addresses-default .addresses > .item { padding: 0 15px; } } .block-addresses-default .addresses > .item:after { content: " "; width: 100%; border-bottom: 1px solid #d1d1d1; display: block; margin-top: 20px; } @media (min-width: 1024px) { .block-addresses-default .addresses > .item:after { display: none; } } .block-addresses-default .addresses > .item:last-child:after { display: none; } .block-addresses-default .addresses > .item .actions { padding: 0; } .block-addresses-default .addresses > .item .actions a { font-weight: 500; } .account-intro { color: #00B1B0; font-weight: bold; font-size: 48px; letter-spacing: -3px; border-bottom: 1px solid rgba(213, 214, 210, 0.6); margin: 20px 0 30px; padding-bottom: 25px; } @media (min-width: 1024px) { .account-intro { line-height: 86px; font-size: 100px; } } .block-dashboard-info { margin-bottom: 64px; } .block-dashboard-info:after { content: "" !important; display: block !important; clear: both !important; } .block-dashboard-info .block-title > strong { font-size: 25px; display: inline-block; } @media (max-width: 767px) { .block-dashboard-info .block-title > strong { overflow: hidden; max-width: 25ch; white-space: nowrap; text-overflow: ellipsis; } } .block-dashboard-info .account-actions { text-align: right; } .block-dashboard-info .account-actions a { color: #333333; font-size: 12px; line-height: 21px; font-weight: 500; } .block-dashboard-info .account-actions .change-password { display: none; } @media (min-width: 1024px) { .block-dashboard-info .account-actions .change-password { display: inline; border-left: 1px solid #333333; padding-left: 12px; margin-left: 6px; } } #giftcardContainer { margin-bottom: 96px; } #giftcardContainer .check-code-field { margin-bottom: 6px; } .kc-your-vouchers .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-customer-notifications { margin-bottom: 96px; } .kc-customer-notifications .title { margin-bottom: 40px; } .kc-customer-notifications .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-customer-notifications .title > strong:before { color: #00B1B0; vertical-align: middle; margin-right: 20px; margin-left: 10px; } .kc-customer-notifications table { font-size: 12px; } .kc-customer-notifications table tr { border: 0; } .kc-customer-notifications .kc.link.arrow { font-weight: 500; font-size: 12px; } .kc-customer-notifications .notification-header { margin: 0 10px 10px; border-top: 1px solid #D5D6D2; border-bottom: 1px solid #D5D6D2; padding: 15px 0; color: rgba(51, 51, 51, 0.8); font-size: 11px; font-weight: 500; text-transform: uppercase; } .account-order-history .account-order-title { margin-bottom: 48px; } .order-products-toolbar { padding: 0 6px; font-size: 12px; } .block-dashboard-orders .block-title.order > strong { background-image: url("../images/icons/ic_clock_green.svg"); background-repeat: no-repeat; background-position: center center; background-size: 29px; } .block-dashboard-orders .view-all-orders { font-weight: 500; } @media (min-width: 1024px) { .block-dashboard-orders .view-all-orders { float: right; } } .block-stored-payments-default .block-subsection { padding: 0 18px; } @media (min-width: 1024px) { .block-stored-payments-default .block-subsection { padding: 0; } } .block-stored-payments-default .block-title > strong { background-image: url("../images/icons/ic_credit_card_green.svg"); background-repeat: no-repeat; background-position: center center; background-size: 29px; } .block-stored-payments-default .table-credit-cards thead { border-top: 0; } .column.main .block.block-stored-payments-default { margin-bottom: 96px; } .my-credit-cards { padding: 0 18px; } .my-credit-cards .account-title { margin-bottom: 15px; } .my-credit-cards .card-box { border-bottom: 1px solid #F3F3F3; margin-bottom: 30px; padding-bottom: 30px; } @media (min-width: 1024px) { .my-credit-cards .card-box { margin: 0; padding: 0 60px 0 0; border: 0; } } .my-credit-cards .form-seperator { margin: 22px 0; display: none; } @media (min-width: 1024px) { .my-credit-cards .form-seperator { display: block; } } .my-credit-cards .actions { font-weight: 500; color: #00B1B0; } .my-credit-cards .actions .form { margin: 0; } .my-credit-cards .action.delete { color: #00B1B0; } .my-credit-cards .action.delete:hover { color: #00B1B0; } .wishlist-index-index .products-grid .product-item { margin-bottom: 30px; } .wishlist-index-index .products-grid .product-item, .wishlist-index-index .products-grid .product-item:first-child { border: none; } @media (min-width: 640px) { .wishlist-index-index .products-grid .product-item { width: 50%; } } @media (min-width: 768px) { .wishlist-index-index .products-grid .product-item { width: 33.33333%; margin: 0 0 32px; padding: 0 10px; } } .wishlist-index-index .products-grid .product-item-info { background-color: #F3F3F3; position: relative; } @media (min-width: 1024px) { .wishlist-index-index .products-grid .product-item-info { background-color: transparent; } } .wishlist-index-index .products-grid .product-item-info .product-item-inner { display: block; position: relative; } @media (min-width: 1024px) { .wishlist-index-index .products-grid .product-item-info .product-item-inner { display: none; position: absolute; } } .wishlist-index-index .products-grid .product-item .box-tocart { display: inline-block; margin-right: 12px; float: none; } .wishlist-index-index .products-grid .product-item-actions { display: inline-block; vertical-align: bottom; } .wishlist-index-index .products-grid .product-item p { margin-bottom: 0; line-height: 1; } .wishlist-index-index .products-grid .product-item .btn-remove { transition-property: background, color; transition-duration: 150ms; color: #A3A3A2; display: inline-block; position: relative; border: 2px solid #A3A3A2; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; transition: all 0.5s ease-in-out; display: inline-block; position: absolute; z-index: 2; top: 0; right: 0; border: 0; background: none; } .wishlist-index-index .products-grid .product-item .btn-remove:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wishlist-index-index .products-grid .product-item .btn-remove:before { display: none !important; } .wishlist-index-index .products-grid .product-item .btn-remove:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .wishlist-index-index .products-grid .product-item .btn-remove:active, .wishlist-index-index .products-grid .product-item .btn-remove:focus, .wishlist-index-index .products-grid .product-item .btn-remove:hover { background: #A3A3A2; color: #00B1B0; } .wishlist-index-index .products-grid .product-item .btn-remove:active, .wishlist-index-index .products-grid .product-item .btn-remove:focus, .wishlist-index-index .products-grid .product-item .btn-remove:hover { background: none; border: 0; } @media (min-width: 1024px) { .wishlist-index-index .products-grid .product-item .btn-remove { visibility: hidden; opacity: 0; } } .wishlist-index-index .products-grid .product-item .product-item-tooltip { display: none; } .wishlist-index-index .products-grid .product-item-photo img { max-width: 100%; width: auto; height: 260px; } .wishlist-index-index .products-grid .product-item:hover .product-item-info .btn-remove { transition: all 0.5s ease-in-out; visibility: visible; opacity: 1; } .wishlist-index-index .products-grid .product-item:hover .product-item-photo img { transform: scale(1.1) translateY(-6px); } .wishlist-index-index .products-grid .qty { display: none; } .wishlist-index-index .products-grid .action.edit { transition-property: background, color; transition-duration: 150ms; color: #00B1B0; display: inline-block; position: relative; border: 2px solid #00B1B0; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; margin: 0; } .wishlist-index-index .products-grid .action.edit:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wishlist-index-index .products-grid .action.edit:before { display: none !important; } .wishlist-index-index .products-grid .action.edit:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .wishlist-index-index .products-grid .action.edit:active, .wishlist-index-index .products-grid .action.edit:focus, .wishlist-index-index .products-grid .action.edit:hover { background: #00B1B0; color: #FFFFFF; } .wishlist-index-index .actions-toolbar .primary .action, .wishlist-index-index .actions-toolbar .secondary .action { margin-bottom: 10px; } @media (min-width: 1024px) { .wishlist-index-index .actions-toolbar .secondary a.action { margin: 0; } } .kc-your-favourites .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .address-list__item { display: inline-block; vertical-align: top; width: 100%; max-width: 220px; margin-right: 3rem; font-size: 16px; } .address-list__field--directions { font-weight: 500; text-transform: uppercase; text-transform: capitalize; display: inline-block; margin-top: 6px; } .address-list__field--directions:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .address-list__field--directions span { position: relative; } .address-list__field--directions span:before { position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .address-list__field--directions span, .address-list__field--directions:after { line-height: inherit; vertical-align: middle; } .address-list__field--directions:hover { text-decoration: none; } .address-list__field--directions:hover span:before { opacity: 1; transform: translateY(0); } .address-list__field--directions:after { margin-left: 24px; } .address-list__field--directions, .address-list__field--directions span { color: #47474A; } .address-list__field--company, .address-list__field--directions { font-size: 18px; font-weight: 500; } .address-list__field--company { color: #47474A; margin-bottom: 0; } .address-list__field--directions, .address-list__field--distance { line-height: 2.5em; } .address-list__field--telephone > span:after { content: ': '; } .dcw_animatable { opacity: 0; } .dcw_animated.dcw__anim_fadeIn { animation: fadeIn; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_fadeInUp { animation: fadeInUp; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_fadeInUpMargins { animation: fadeInUpMargins; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_fadeInUpAverage { animation: fadeInUp; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-duration: 1s; } .dcw_animated.dcw__anim_fadeOutUp { animation: fadeOutUp; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_leftSwipeIn:not(.dcw__bg__fixed) { animation: leftSwipeIn; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_leftSwipeIn.dcw__bg__fixed { animation: leftSwipeInBgFixed; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_rightSwipeIn { animation: rightSwipeIn; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_fadeInQuick { animation: fadeIn; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-duration: 0.5s; } .dcw_animated.dcw__anim_fadeInSlow { animation: fadeIn; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-duration: 2s; } .dcw_animated.dcw__anim_progressiveFadeInUp .dcw__items .dcw__item { animation: fadeInUp; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .dcw_animated.dcw__anim_progressiveFadeInUp .dcw__items .dcw__item:nth-child(1) { animation-delay: 0.3s; } .dcw_animated.dcw__anim_progressiveFadeInUp .dcw__items .dcw__item:nth-child(2) { animation-delay: 0.6s; } .dcw_animated.dcw__anim_progressiveFadeInUp .dcw__items .dcw__item:nth-child(3) { animation-delay: 0.9s; } .dcw_animated.dcw__anim_progressiveFadeInUp .dcw__items .dcw__item:nth-child(4) { animation-delay: 1.2s; } .dcw_animated.dcw__anim_progressiveFadeInUp.dcw_animated .dcw__items .dcw__item { animation-play-state: running; } @media (max-width: 1023px) { .dcw__anim--desktop-only { animation-duration: 0; } } .dcw_anim_delay--0-5 { animation-delay: 0.5s; } .dcw_anim_delay--1 { animation-delay: 1s; } .dcw_anim_delay--1-5 { animation-delay: 1.5s; } .dcw_anim_delay--2 { animation-delay: 2s; } .dcw_anim_delay--2-5 { animation-delay: 2.5s; } .dcw_anim_delay--3 { animation-delay: 3s; } .dcw_anim_delay--3-5 { animation-delay: 3.5s; } .dcw_anim_delay--4 { animation-delay: 4s; } .dcw_anim_delay--4-5 { animation-delay: 4.5s; } .dcw_anim_delay--5 { animation-delay: 5s; } .dcw_anim_delay--5-5 { animation-delay: 5.5s; } .dcw_anim_delay--6 { animation-delay: 6s; } .dcw_anim_delay--6-5 { animation-delay: 6.5s; } .dcw_anim_delay--7 { animation-delay: 7s; } .dcw_anim_delay--7-5 { animation-delay: 7.5s; } .dcw_anim_delay--8 { animation-delay: 8s; } .dcw_anim_delay--8-5 { animation-delay: 8.5s; } .dcw_anim_delay--9 { animation-delay: 9s; } .dcw_anim_delay--9-5 { animation-delay: 9.5s; } .dcw_anim_delay--10 { animation-delay: 10s; } .dcw_anim_delay--10-5 { animation-delay: 10.5s; } .dcw_anim_delay--11 { animation-delay: 11s; } .dcw_anim_delay--11-5 { animation-delay: 11.5s; } .dcw_anim_delay--12 { animation-delay: 12s; } .dcw_anim_delay--12-5 { animation-delay: 12.5s; } .assets-download__item { font-size: 11px; background: #FFFFFF; padding: 24px; margin-bottom: 12px; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25); position: relative; transition: transform 250ms ease; } .assets-download__item-icon { font-size: 30px; float: left; line-height: 1; margin-right: 12px; } .assets-download__item-title, .assets-download__item-info { color: #333333; margin-left: calc(30px + 12px); } .assets-download__item-description { position: absolute; bottom: 100%; background: #FFFFFF; width: 100%; left: -9999px; padding: 12px; color: #000000; box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.25); opacity: 0; transform: translateY(-15px); transition-delay: 250ms; transition-property: transform, opacity; transition-duration: 250ms; transition-timing-function: ease-in; } .assets-download a:hover { text-decoration: none; } @media (min-width: 768px) { .assets-download__items { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; } .assets-download__item { width: 200px; margin: 0 24px 24px 0; } .assets-download__item:hover { transform: scale(1.1); } .assets-download__item:hover .assets-download__item-description { transform: translateY(-10px); opacity: 1; left: 0; } } .b2b-account-registration .form.create.account, .cms-b2b-enquiries .form.create.account { padding: 36px; background-color: #FFFFFF; margin-bottom: 96px; } .b2b-account-registration .form.create.account .fieldset > .field > .control, .cms-b2b-enquiries .form.create.account .fieldset > .field > .control { float: none; } .b2b-account-registration .form.create.account .kc-grid-row, .cms-b2b-enquiries .form.create.account .kc-grid-row { margin-bottom: 48px; justify-content: space-around; -ms-flex-pack: space-around; } .b2b-account-registration .form.create.account .password-strength-meter, .cms-b2b-enquiries .form.create.account .password-strength-meter { display: none; } @media (min-width: 1024px) { .b2b-account-registration .form.create.account .kc-col-desktop-6, .cms-b2b-enquiries .form.create.account .kc-col-desktop-6 { max-width: 45%; } } .b2b-account-registration .form.create.account .form-tertiary, .cms-b2b-enquiries .form.create.account .form-tertiary { margin-bottom: 0; } .b2b-account-registration .fieldset > .field:not(.choice) > .control, .cms-b2b-enquiries .fieldset > .field:not(.choice) > .control { width: 100%; } .b2b-account-registration .select2-hidden-accessible[style*="display: none"] + .select2, .cms-b2b-enquiries .select2-hidden-accessible[style*="display: none"] + .select2 { display: none !important; } .b2b-account-registration__shop-message, .cms-b2b-enquiries__shop-message { margin-bottom: 24px; } .b2b-account-registration__agreement, .cms-b2b-enquiries__agreement { margin-bottom: 20px; margin-top: 20px; } .b2b-account-registration__agreement input[type='checkbox'] + label span, .cms-b2b-enquiries__agreement input[type='checkbox'] + label span { font-size: 14px; } .b2b-account-registration .warehouse-registration-title, .cms-b2b-enquiries .warehouse-registration-title { margin-bottom: 60px; } .b2b-account-registration .kc-event-registration .field, .cms-b2b-enquiries .kc-event-registration .field { margin-bottom: 0; } .b2b-account-registration .kc-event-registration .js-event-deadline, .cms-b2b-enquiries .kc-event-registration .js-event-deadline { margin-top: 20px; } .b2b-account-registration .kc-field-addition-information, .cms-b2b-enquiries .kc-field-addition-information { margin-top: -20px; } .b2b-account-registration .kc-website-url-registration, .b2b-account-registration .address_additional, .cms-b2b-enquiries .kc-website-url-registration, .cms-b2b-enquiries .address_additional { margin-top: -10px; } .b2b-account-registration .kc-bulk-discount, .cms-b2b-enquiries .kc-bulk-discount { margin-bottom: 20px; } .b2b-account-registration .form-second--l, .b2b-account-registration .form-tertiary--l, .cms-b2b-enquiries .form-second--l, .cms-b2b-enquiries .form-tertiary--l { margin-bottom: 20px; } @media (min-width: 1024px) { .b2b-account-registration .form-bottom, .cms-b2b-enquiries .form-bottom { padding-left: 24px; } } @media (min-width: 1366px) { .b2b-account-registration .form-bottom, .cms-b2b-enquiries .form-bottom { padding-left: 33px; } } @media (min-width: 1024px) { .kc-customer-b2b-enquiry-confirmation .register-box .register-header { font-size: 70px; line-height: 1; } } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background { font-weight: 500; text-transform: uppercase; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background span { position: relative; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background span:before { position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background span, .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background:after { line-height: inherit; vertical-align: middle; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background:hover { text-decoration: none; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background:hover span:before { opacity: 1; transform: translateY(0); } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background:after { margin-left: 24px; } .kc-customer-b2b-enquiry-confirmation .link-arrow-light-background span:last-of-type:after { background-color: rgba(255, 255, 255, 0.5); } @media (min-width: 1024px) { .base-cms-page:not(.page-layout-landing-page) h1 { font-size: 70px; letter-spacing: 1px; } } .breadcrumbs { padding-top: 24px; } .breadcrumbs .items, .breadcrumbs .items a { text-transform: uppercase; } .breadcrumbs .items a { color: #6D6E72; } .breadcrumbs .items strong { color: #00B1B0; font-weight: 700; } .breadcrumbs .items .item:not(:last-child):after { content: '/'; color: #6D6E72; font-size: 11px; font-family: "Pluto", sans-serif; vertical-align: middle; } @media (min-width: 640px) { .actions-toolbar .primary { margin-bottom: 0; } } .actions-toolbar .primary a span, .actions-toolbar .primary .action span { font-size: 11px; } .actions-toolbar .primary:nth-of-type(2n) { margin-left: 12px; } .actions-toolbar .secondary a span, .actions-toolbar .secondary .action span { font-size: 11px; } .actions-toolbar .secondary a.action { margin-top: 0; } .kc.icon.wishlist { transition-property: background, color; transition-duration: 150ms; color: #00B1B0; display: inline-block; position: relative; border: 2px solid #00B1B0; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; } .kc.icon.wishlist:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc.icon.wishlist:before { display: none !important; } .kc.icon.wishlist:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .kc.icon.wishlist:active, .kc.icon.wishlist:focus, .kc.icon.wishlist:hover { background: #00B1B0; color: #FFFFFF; } .kc.icon.wishlist.reverse { transition-property: background, color; transition-duration: 150ms; color: #FFFFFF; display: inline-block; position: relative; border: 2px solid #FFFFFF; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; } .kc.icon.wishlist.reverse:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc.icon.wishlist.reverse:before { display: none !important; } .kc.icon.wishlist.reverse:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .kc.icon.wishlist.reverse:active, .kc.icon.wishlist.reverse:focus, .kc.icon.wishlist.reverse:hover { background: #FFFFFF; color: #00B1B0; } .custom-slider .owl-carousel { visibility: visible; } .custom-slider .owl-carousel .owl-stage-outer { min-height: 450px; padding: 0; } .custom-slider .owl-carousel .banner-item { visibility: visible; background-color: #000000; margin: 0 !important; } .custom-slider .owl-carousel .banner-item .banner-image { display: block; min-height: 450px; } .custom-slider .owl-carousel .banner-item .banner-image:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 5; } .custom-slider .owl-carousel .banner-item .content_slider { position: absolute; left: 50%; transform: translate(-50%, 0); width: 100%; top: auto; bottom: 24px; z-index: 6; } @media (min-width: 768px) { .custom-slider .owl-carousel .banner-item .content_slider { padding-right: 240px; } } .custom-slider .owl-carousel .banner-item .content_slider .banner-title { position: relative; } .custom-slider .owl-carousel .banner-item .content_slider .banner-title:after { content: ''; display: table; left: 0; bottom: 0; width: 192px; height: 3px; background-color: #FFFFFF; margin-top: 12px; margin-bottom: 12px; } @media (min-width: 768px) { .custom-slider .owl-carousel .banner-item .content_slider .banner-title:after { margin-top: 22px; margin-bottom: 22px; } } .custom-slider .owl-carousel .banner-item .content_slider .banner-description { font-size: 18px; } @media (min-width: 768px) { .custom-slider .owl-carousel .banner-item .content_slider .banner-description { font-size: 21px; } } .custom-slider .owl-carousel .banner-item .content_slider .buttons a, .custom-slider .owl-carousel .banner-item .content_slider .buttons a.action.primary { margin: 0; } @media (min-width: 1024px) { .custom-slider .owl-carousel .banner-item .content_slider { bottom: 96px; } } .custom-slider .owl-carousel .owl-controls { display: none; } @media (min-width: 1024px) { .custom-slider .owl-carousel .owl-controls { display: block; } } .custom-slider .owl-carousel .owl-controls .owl-dots { width: auto; left: auto; right: 22px; bottom: 96px; transform: rotate(90deg); display: none; } .custom-slider .owl-carousel .owl-controls .owl-dots .owl-dot span { background-color: transparent; border: 2px solid #FFFFFF; width: 12px; height: 12px; } .custom-slider .owl-carousel .owl-controls .owl-dots .owl-dot.active span { background-color: #FFFFFF; } .cart-container .cart.table-wrapper .col.item { padding-top: 20px; } .cart-container .cart.table-wrapper .product-item-photo { display: table-cell; width: 50%; position: relative; top: auto; } .cart-container .cart.table-wrapper .product-item-photo img { max-width: 110px; } .column.main .cart-summary .block .title:after { line-height: 1; top: 3px; } .column.main .cart-summary .block .title strong { font-size: 14px; } .checkout-index-index .kc-info-message { text-align: center; } .checkout-container .opc-wrapper { background: #FFFFFF; padding: 30px 30px 0; } .checkout-container .shipping-address-item.selected-item { border-color: #00B1B0; } .checkout-container .shipping-address-item.selected-item:after { background: #00B1B0; } .checkout-container .checkout-shipping-address .step-title { margin-bottom: 12px; } .checkout-container .action-auth-toggle { color: #00B1B0; } .block-authentication .block-content form .actions-toolbar { margin: 0; } .block-authentication .actions-toolbar > .secondary { padding-top: 0; float: left; margin: 0; } .opc .step-content .opc-payment .actions-toolbar { max-width: 600px; margin: 0; } .opc .securefields-title { font-weight: 400; } .opc .form-discount { max-width: 600px; } .opc-progress-bar { text-align: center; margin-bottom: 48px; } .opc-progress-bar-item._active:before { background-color: #00B1B0; } .opc-progress-bar-item._active > span:before { background-color: #00B1B0; } .opc-block-summary { background: #F7F7F7; } .opc-block-summary .items-in-cart .product-item-details { padding-left: 150px; } .opc-sidebar { margin-top: 0; } .checkout-payment-method .payment-option { margin: 0 -15px; } @media (min-width: 1024px) { .checkout-payment-method .payment-option { margin: 0; } } .checkout-payment-method .payment-option-title .action-toggle { color: #00B1B0; } .checkout-payment-method .payment-method:last-of-type { margin-bottom: 15px; } @media (min-width: 1024px) { .checkout-payment-method .payment-method:last-of-type { margin: 0; } } .billing-address-form { margin-bottom: 22px; } .checkout-index-index .nav-toggle, .checkout-index-index .nav-sections { display: block; } .place-order-button__container .actions-toolbar { padding-top: 24px; } .place-order-button__container .actions-toolbar .primary { float: none; } @media (min-width: 1024px) { .checkout-index-index .nav-toggle { display: none; } .opc .actions-toolbar .action { margin: 0 12px 0 0; } .opc .actions-toolbar .action:first-child { margin: 0; } .page-layout-checkout .authentication-wrapper { width: 100%; } .page-layout-checkout .authentication-dropdown { width: 100%; } } .cms-guide-latest__header { background-size: cover; background-position: center; } .cms-guide-latest__header-content { padding-top: 150px; padding-bottom: 150px; } .cms-guide-latest__title { max-width: 500px; } .cms-guide-latest__button { margin-top: 30px; } .cms-guide-latest__listings { margin-top: -96px; } .cms-guide-latest__listing { padding: 24px; background: #FFFFFF; margin-bottom: 24px; } .cms-guide-latest__listing-link:hover { text-decoration: none; } .cms-guide-latest__listing-title { font-size: 28px; color: #00B1B0; line-height: 1.3; margin-bottom: 48px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .cms-guide-latest__listing-body { color: #A3A3A2; } @media (min-width: 768px) { .cms-guide-latest__listings { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; } .cms-guide-latest__listing { padding: 48px; } .cms-guide-latest__listing:first-of-type { margin-right: 24px; } .cms-guide-latest__listing:nth-of-type(1), .cms-guide-latest__listing:nth-of-type(2) { flex: 0.5; -ms-flex: 0.5; } } @media (min-width: 1024px) { .cms-guide-latest__listing { transition-property: box-shadow, transform; transition-duration: 250ms; transition-timing-function: ease; } .cms-guide-latest__listing:nth-of-type(2) { margin-right: 24px; } .cms-guide-latest__listing:nth-of-type(3) { flex: 0.5; -ms-flex: 0.5; } .cms-guide-latest__listing:hover { box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.05); transform: scale(1.05); } } .cms-guide-listing { padding: 48px 10px; width: 100%; } .cms-guide-listing__title { max-width: 500px; } .cms-guide-listing__listings { min-height: 220px; } .cms-guide-listing__listing { background: #FFFFFF; margin-bottom: 24px; transform: scale(0, 0); animation: grow 250ms; animation-fill-mode: forwards; } .cms-guide-listing__listing-link:hover { text-decoration: none; } .cms-guide-listing__listing-title { padding: 24px; color: #333333; font-size: 18px; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .cms-guide-listing__listing-image { height: 0; overflow: hidden; padding-bottom: 60%; position: relative; background-size: cover; background-position: center; } .cms-guide-listing__listing-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cms-guide-listing__bottom { text-align: center; } .cms-guide-listing__listing-image-hover { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 5; display: flex; display: -ms-flexbox; justify-content: center; align-items: center; transition: opacity 250ms ease; opacity: 0; color: #FFFFFF; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; } .cms-guide-listing__listing-image-hover:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 12px; } .cms-guide-listing__load-more { margin-top: 24px; } @media (min-width: 768px) { .cms-guide-listing { min-width: 1px; } .cms-guide-listing__listings { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: space-between; } .cms-guide-listing__listing { width: calc(50% - 12px); } } @media (min-width: 1024px) { .cms-guide-listing { padding: 48px 15px; } .cms-guide-listing__title { margin-bottom: -0.5em; } .cms-guide-listing__listing:hover .cms-guide-listing__listing-image-hover { opacity: 1; } .cms-guide-listing__listing { width: calc(33.33% - 24px); } } .collapsible-header { position: relative; padding-left: 24px; } .collapsible-header:after, .collapsible-header:before { transition: all 0.2s ease-in-out; position: absolute; top: 50%; transform: translate(0, -50%); opacity: 1; left: 0; } .collapsible-header:after { content: "+"; font-size: 21px; font-weight: 400; color: #00B1B0; display: block; } .collapsible-header:before { content: "-"; font-size: 21px; font-weight: 400; color: #00B1B0; display: block; } .collapsible.active .collapsible-header:after { opacity: 0; } .collapsible.active .collapsible-header:before { opacity: 1; } .collapsible--chevron__header { position: relative; cursor: pointer; padding-right: 30px; } .collapsible--chevron__header:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform 250ms ease; transform: translateY(-50%) rotate(90deg); position: absolute; top: 50%; font-size: 48px; right: -12px; color: #00B1B0; } @media (min-width: 1024px) { .collapsible--chevron__header:after { font-size: 70px; right: -17.5px; } } .collapsible--chevron.active .collapsible--chevron__header:after { transform: translateY(-50%) rotate(-90deg); } .dcw__widget--collapsible.collapsible--chevron:not(.active) .collapsible--chevron__header { margin-bottom: 0; } .conceptual-image { margin-bottom: 60px; } .conceptual-image--full-width img { width: 100%; } .contact-details-store { -webkit-font-smoothing: antialiased; } .contact-details-store:after { content: " "; display: block; opacity: 0.38; background: radial-gradient(circle at bottom left, #00B1B0 0%, #006564 100%); position: absolute; height: 100%; top: 0; z-index: 0; } .contact-details-store__phone:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact-details-store__email:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact-details-store__email, .contact-details-store__phone { line-height: 5em; } .contact-details-store__email:before, .contact-details-store__phone:before { font-size: 16px; padding: 12px 9.6px; color: #00B1B0; vertical-align: middle; margin: 0 22px 0 0; border: 2px solid currentColor; border-radius: 50%; } .account-corporate-manager { color: #FFFFFF; width: 100%; padding: 40px 30px; position: relative; font-weight: 300; line-height: 16px; -webkit-font-smoothing: antialiased; } .account-corporate-manager:after { content: " "; display: block; opacity: 0.38; background: radial-gradient(circle at bottom left, #00B1B0 0%, #006564 100%); position: absolute; height: 100%; top: 0; z-index: 0; } .account-corporate-manager * { position: relative; z-index: 1; } .account-corporate-manager:after { left: -15px; right: -15px; } .account-corporate-manager__title { font-size: 11px; margin: 0; text-transform: uppercase; } .account-corporate-manager__name { font-size: 25px; line-height: 28px; margin-bottom: 15px; } .account-corporate-manager__phone { margin-bottom: 10px; } .account-corporate-manager__phone:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .account-corporate-manager__email:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .account-corporate-manager__email, .account-corporate-manager__email a { color: #FFFFFF; } .account-corporate-manager__email:before, .account-corporate-manager__phone:before { color: #FFFFFF; vertical-align: middle; margin: 0 20px 0 0; opacity: 0.5; } .kc-custom-discounts { text-align: center; margin-bottom: 60px; } .kc-custom-discounts img { width: 100%; } .kc-custom-discounts-header { margin-bottom: 20px; position: relative; } .kc-custom-discounts-logo-container, .kc-custom-discounts-header-description { width: 20%; height: 20%; position: absolute; top: 50%; } .kc-custom-discounts-logo-container { transform: translate(0, -46%); left: 24%; } .kc-custom-discounts-logo-container img { transform: translateY(-25%); } .kc-custom-discounts-header-description { transform: translate(0%, -46%); right: 24%; font-size: 42px; color: #FFFFFF; font-weight: 700; line-height: 0.8; } @media (min-width: 768px) { .kc-custom-discounts-header-description { font-size: 84px; } } .kc-custom-discounts-header-description .buy_x_get_y { line-height: 1.5; font-size: 25px; transform: translateY(-40%); } @media (min-width: 768px) { .kc-custom-discounts-header-description .buy_x_get_y { font-size: 42px; transform: translateY(0); } } @media (min-width: 1024px) { .kc-custom-discounts-header-description .buy_x_get_y { font-size: 63px; } } .kc-custom-discounts-header-description p { margin: 0; } .kc-custom-discounts-header-description small { font-style: italic; font-size: 18px; display: block; line-height: 1; } @media (min-width: 1024px) { .dashboard-content-blocks { margin-bottom: 96px; } } .dashboard-content-item { margin-bottom: 22px; } .dashboard-content-item p { margin: 0; } .dashboard-content-item .title { font-weight: 500; font-size: 25px; line-height: 28px; margin-bottom: 22px; } @media (min-width: 1024px) { .dashboard-content-item .title { margin-bottom: 48px; } } .dashboard-content-item .description { margin-bottom: 48px; color: #6D6E72; line-height: 25px; max-width: 80%; } .dashboard-content-item .content-link { font-weight: 500; } .data-table { display: block; margin-bottom: 24px; } @media (min-width: 768px) { .data-table { display: table; width: 100%; } } @media (min-width: 1024px) { .data-table { table-layout: fixed; } } .data-table__header { font-size: 12px; color: #FFFFFF; margin-bottom: 12px; display: inline-block; text-transform: uppercase; } @media (min-width: 768px) { .data-table__header { margin-bottom: 24px; } } .data-table--border { color: #FFFFFF; } .data-table--border .data-table__column { border: 1px solid #FFFFFF; padding: 16px; vertical-align: middle; width: 100%; line-height: 1; } .data-table--border .data-table__column:first-of-type { border-width: 1px 0 0 0; } @media (min-width: 768px) { .data-table--border .data-table__column:first-of-type { border-width: 1px; border-left: 0; } } .data-table--border .data-table__column:last-of-type { border-width: 1px 0 1px 0; } @media (min-width: 768px) { .data-table--border .data-table__column:last-of-type { border-width: 1px 0 1px 0; } } .data-table__column { display: inline-block; } @media (min-width: 768px) { .data-table__column { display: table-cell; } } .page-layout-demo-page .page-main .column.main > p { margin-bottom: 12px; padding: 12px; } .page-layout-demo-page .bg { display: inline-block; padding: 6px; } .page-layout-demo-page .bg.reverse { background-color: #8D8F93; } .page-layout-demo-page .bg.sidebar { background-color: #00B1B0; } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom { text-align: center; padding-top: 64px; margin-bottom: 30px; overflow: hidden; } @media (min-width: 1024px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom { margin-bottom: 48px; } } @media (min-width: 1024px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom { padding-top: 120px; } } @media (max-width: 1023px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__multicol__item { padding-bottom: 0; } } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__image-wrapper { margin-bottom: 0; } @media (max-width: 767px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__image-wrapper { padding-bottom: 80%; } } @media (min-width: 768px) and (max-width: 1023px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__image-wrapper { padding-bottom: 50%; } } @media (min-width: 1024px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__image-wrapper { position: absolute; height: 100%; min-height: auto; max-height: none; width: 66.66667%; right: 0; left: auto; transform: none; } } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-content { padding: 60px 40px; bottom: auto; } @media (max-width: 1023px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-content { position: relative; top: auto; transform: none; } } @media (min-width: 768px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-content { width: 100%; } } @media (min-width: 1024px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-content { width: 46.66667%; min-width: 560px; bottom: 0; } } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .cta { color: #00B1B0; font-weight: 500; letter-spacing: -2px; line-height: 48px; font-size: 36px; } @media (min-width: 768px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .cta { font-size: 56px; } } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-body { text-align: center; } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .button { text-align: center; margin-bottom: 20px; width: 100%; } @media (min-width: 768px) { .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .button { width: 41.66667%; margin-right: 8.33333%; } .kc-disposable-cups.dcw__content-layout--floatign-img-bg.dcw__align--bottom .button:last-of-type { margin: 0; } } .distributors { margin-top: 48px; } .distributors__distributor-list { padding-top: 2em; } .distributors__country-list-item { padding: 2em 1em; border-top: 1px solid #6D6E72; margin: 0; } .distributors__country-list-item-header { position: relative; } .distributors__country-list-item-header:after { content: '+'; position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: #00B1B0; font-weight: 100; font-size: 36px; } .distributors__country-list-item-header.ui-state-active:after { content: '-'; } .distributors__country-list-item-title { margin: 0; cursor: pointer; } .distributors__country-list-item-title span { font-size: 21px; letter-spacing: 1px; vertical-align: top; color: #00B1B0; } .dcw__item-body:not(:empty) { margin-top: 30px; margin-bottom: 30px; } .dcw__item-body_wysiwyg:not(:empty) { margin-top: 22px; margin-bottom: 22px; } .dcw__item-body_wysiwyg table { font-size: 12px; } .dcw__item-body_wysiwyg a { font-weight: 400; font-size: 14px; color: #6D6E72; } .dcw__item-body_wysiwyg a.widget_link-arrow { font-weight: 500; text-transform: uppercase; position: relative; } .dcw__item-body_wysiwyg a.widget_link-arrow:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dcw__item-body_wysiwyg a.widget_link-arrow span { position: relative; } .dcw__item-body_wysiwyg a.widget_link-arrow span:before { position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .dcw__item-body_wysiwyg a.widget_link-arrow span, .dcw__item-body_wysiwyg a.widget_link-arrow:after { line-height: inherit; vertical-align: middle; } .dcw__item-body_wysiwyg a.widget_link-arrow:hover { text-decoration: none; } .dcw__item-body_wysiwyg a.widget_link-arrow:hover span:before { opacity: 1; transform: translateY(0); } .dcw__item-body_wysiwyg a.widget_link-arrow:after { margin-left: 24px; } .dcw__item-body_wysiwyg a.widget_link-arrow:before { background-color: #00B1B0; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .dcw__item-body_wysiwyg a.widget_link-arrow:before { width: calc(100% - 38px); } .dcw__item-body_wysiwyg a.widget_link-arrow:hover:before { opacity: 1; transform: translateY(0); } .dcw__item-body_wysiwyg a.widget_link-text { font-weight: 500; position: relative; } .dcw__item-body_wysiwyg a.widget_link-text span { position: relative; } .dcw__item-body_wysiwyg a.widget_link-text span:before { position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .dcw__item-body_wysiwyg a.widget_link-text span, .dcw__item-body_wysiwyg a.widget_link-text:after { line-height: inherit; vertical-align: middle; } .dcw__item-body_wysiwyg a.widget_link-text:hover { text-decoration: none; } .dcw__item-body_wysiwyg a.widget_link-text:hover span:before { opacity: 1; transform: translateY(0); } .dcw__item-body_wysiwyg a.widget_link-text:before { background-color: #00B1B0; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .dcw__item-body_wysiwyg a.widget_link-text:hover:before { opacity: 1; transform: translateY(0); } .dcw__button-style--text .dcw__item-link { font-weight: 500; text-transform: uppercase; display: inline-block; margin-top: 12px; } .dcw__button-style--text .dcw__item-link:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dcw__button-style--text .dcw__item-link span { position: relative; } .dcw__button-style--text .dcw__item-link span:before { position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .dcw__button-style--text .dcw__item-link span, .dcw__button-style--text .dcw__item-link:after { line-height: inherit; vertical-align: middle; } .dcw__button-style--text .dcw__item-link:hover { text-decoration: none; } .dcw__button-style--text .dcw__item-link:hover span:before { opacity: 1; transform: translateY(0); } .dcw__button-style--text .dcw__item-link:after { margin-left: 24px; } .dcw__button-style--text_no-arrow .dcw__item-link { font-weight: 500; display: inline-block; margin-top: 12px; } .dcw__button-style--text_no-arrow .dcw__item-link span { position: relative; } .dcw__button-style--text_no-arrow .dcw__item-link span:before { position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .dcw__button-style--text_no-arrow .dcw__item-link span, .dcw__button-style--text_no-arrow .dcw__item-link:after { line-height: inherit; vertical-align: middle; } .dcw__button-style--text_no-arrow .dcw__item-link:hover { text-decoration: none; } .dcw__button-style--text_no-arrow .dcw__item-link:hover span:before { opacity: 1; transform: translateY(0); } .dcw__height__static .dcw__items { height: 100%; width: 100%; } .dcw__margin-small--bottom { margin-bottom: 24px; } .dcw__margin-small--top { margin-top: 24px; } .dcw__margin-medium--bottom { margin-bottom: 64px; } .dcw__margin-medium--top { margin-top: 64px; } .dcw__margin-large--bottom { margin-bottom: 96px; } .dcw__margin-large--top { margin-top: 96px; } .dcw__padding--small { padding: 12px; } @media (min-width: 768px) { .dcw__padding--small { padding: 24px; } } .dcw__padding--medium { padding: 24px; } @media (min-width: 768px) { .dcw__padding--medium { padding: 48px; } } .dcw__padding--large { padding: 36px; } @media (min-width: 768px) { .dcw__padding--large { padding: 72px; } } .dcw__content-spacing { padding: 48px; } .dcw__colour--default .dcw__item .dcw__item-header { color: #000000; } .dcw__colour--default .dcw__item .dcw__item-link-wrapper, .dcw__colour--default .dcw__item .dcw__item-body { color: #6D6E72; } .dcw__colour--default .dcw__item .dcw__item-link, .dcw__colour--default .dcw__item .dcw__item-body_wysiwyg a { color: #6D6E72; } .dcw__colour--default .dcw__item .dcw__item-link, .dcw__colour--default .dcw__item .dcw__item-link:before { border-color: #6D6E72; } .dcw__colour--primary .dcw__item .dcw__item-header { color: #FFFFFF; } .dcw__colour--primary .dcw__item .dcw__item-link-wrapper, .dcw__colour--primary .dcw__item .dcw__item-body { color: #FFFFFF; } .dcw__colour--primary .dcw__item .dcw__item-link, .dcw__colour--primary .dcw__item .dcw__item-body_wysiwyg a { color: #FFFFFF; } .dcw__colour--primary .dcw__item .dcw__item-link, .dcw__colour--primary .dcw__item .dcw__item-link:before { border-color: #FFFFFF; } .dcw__colour--secondary .dcw__item .dcw__item-header { color: #FFFFFF; } .dcw__colour--secondary .dcw__item .dcw__item-link-wrapper, .dcw__colour--secondary .dcw__item .dcw__item-body { color: #FFFFFF; } .dcw__colour--secondary .dcw__item .dcw__item-link, .dcw__colour--secondary .dcw__item .dcw__item-body_wysiwyg a { color: #FFFFFF; } .dcw__colour--secondary .dcw__item .dcw__item-link, .dcw__colour--secondary .dcw__item .dcw__item-link:before { border-color: #00B1B0; } .dcw__colour--tertiary .dcw__item .dcw__item-header { color: #00B1B0; } .dcw__colour--tertiary .dcw__item .dcw__item-link-wrapper, .dcw__colour--tertiary .dcw__item .dcw__item-body { color: #00B1B0; } .dcw__colour--tertiary .dcw__item .dcw__item-link, .dcw__colour--tertiary .dcw__item .dcw__item-body_wysiwyg a { color: #00B1B0; } .dcw__colour--tertiary .dcw__item .dcw__item-link, .dcw__colour--tertiary .dcw__item .dcw__item-link:before { border-color: #00B1B0; } .dcw__colour--quaternary .dcw__item .dcw__item-header { color: #000000; } .dcw__colour--quaternary .dcw__item .dcw__item-link-wrapper, .dcw__colour--quaternary .dcw__item .dcw__item-body { color: #6D6E72; } .dcw__colour--quaternary .dcw__item .dcw__item-link, .dcw__colour--quaternary .dcw__item .dcw__item-body_wysiwyg a { color: #00B1B0; } .dcw__colour--quaternary .dcw__item .dcw__item-link, .dcw__colour--quaternary .dcw__item .dcw__item-link:before { border-color: #00B1B0; } .dcw__bg_colour--default { background-color: transparent; } .dcw__bg_colour--primary { background-color: #FFFFFF; } .dcw__bg_colour--secondary { background-color: #000000; } .dcw__bg_colour--tertiary { background-color: #00B1B0; } .dcw__bg_colour--quaternary { background-color: #EEEEEE; } .dcw__small__header .dcw__item-header { font-weight: 400; } .dcw__small__header .dcw__item-subheader { font-weight: 400; } .dcw__normal__header .dcw__item-subheader { font-weight: 300; display: block; } .dcw__large__header .dcw__item-header, .dcw__large__header .dcw__item-subheader { font-weight: 700; text-transform: none; } .dcw__large__header .dcw__item-subheader { font-weight: 300; display: block; } .dcw__extra-large__header .dcw__item-header { font-size: 100px; } @media (min-width: 1024px) { .dcw__extra-large__header .dcw__item-header { font-size: 120px; } } .dcw__item-subheader:empty { margin-bottom: 0; } .dcw__header__underline.dcw__small__header .dcw__item-header { position: relative; } .dcw__header__underline.dcw__small__header .dcw__item-header:after { content: ''; display: table; left: 0; bottom: 0; width: 48px; height: 3px; background-color: #FFFFFF; margin-top: 12px; margin-bottom: 12px; } @media (min-width: 768px) { .dcw__header__underline.dcw__small__header .dcw__item-header:after { margin-top: 22px; margin-bottom: 22px; } } .dcw__header__underline.dcw__normal__header .dcw__item-header { position: relative; } .dcw__header__underline.dcw__normal__header .dcw__item-header:after { content: ''; display: table; left: 0; bottom: 0; width: 96px; height: 3px; background-color: #FFFFFF; margin-top: 12px; margin-bottom: 12px; } @media (min-width: 768px) { .dcw__header__underline.dcw__normal__header .dcw__item-header:after { margin-top: 22px; margin-bottom: 22px; } } .dcw__header__underline.dcw__large__header .dcw__item-header { position: relative; } .dcw__header__underline.dcw__large__header .dcw__item-header:after { content: ''; display: table; left: 0; bottom: 0; width: 192px; height: 3px; background-color: #FFFFFF; margin-top: 12px; margin-bottom: 12px; } @media (min-width: 768px) { .dcw__header__underline.dcw__large__header .dcw__item-header:after { margin-top: 22px; margin-bottom: 22px; } } .dcw__colour--primary.dcw__header__underline .dcw__item-header:after, .dcw__colour--secondary.dcw__header__underline .dcw__item-header:after { background-color: #00B1B0; } .dcw__image-overlay--dark { position: relative; } .dcw__image-overlay--dark:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 5; z-index: 1; } @media (min-width: 1024px) { .dcw__bg__fixed { background-attachment: fixed; } } .dropdown { box-shadow: 0px 0px 14px -2px #8D8F93; margin-top: 0; top: 87px; right: 0; display: none; position: absolute; padding: 22px 30px; z-index: 10; width: 340px; border: 1px solid #DEDEDE; background-color: #FFFFFF; list-style: none; width: auto; } @media (min-width: 480px) { .dropdown { top: 45px; } } @media (min-width: 768px) { .dropdown { width: 400px; } } .dropdown span, .dropdown label { font-size: 12px; } @media (min-width: 768px) { .dropdown { width: auto; } } .dropdown-trigger { cursor: pointer; } .dropdown-trigger.active > .dropdown { display: block; } .dropdown-notification__close { display: inline-block; text-decoration: none; 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; height: 40px; position: absolute; width: 40px; z-index: 10; top: 87px; right: 0; } .dropdown-notification__close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .dropdown-notification__close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 32px; color: inherit; content: ""; font-family: "icons-blank-theme"; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .dropdown-notification__close:hover:before { color: inherit; } .dropdown-notification__close:active:before { color: inherit; } .dropdown-notification__close:focus, .dropdown-notification__close:active { background: none; border: none; } .dropdown-notification__close:hover { background: none; border: none; } .dropdown-notification__close.disabled, .dropdown-notification__close[disabled], fieldset[disabled] .dropdown-notification__close { cursor: not-allowed; pointer-events: none; opacity: 0.5; } @media (min-width: 480px) { .dropdown-notification__close { top: 45px; } } .page-layout-dyo-product-page.product-page .bundle-options-wrapper .fieldset-bundle-options { position: relative; } .page-layout-dyo-product-page.product-page .bundle-options-wrapper .fieldset-bundle-options .option .field.qty { display: none; } .page-layout-dyo-product-page.product-page .product-info-main .product-info-stock-sku { display: none; } .page-layout-dyo-product-page.product-page .product-info__additional-title { display: none; } @media (max-width: 1023px) { .page-layout-dyo-product-page.product-page .product-info-fixed { position: fixed; bottom: 0; left: 0; right: 0; overflow: hidden; margin-bottom: 0; padding: 0; z-index: 7; background-color: #FFFFFF; border-top: 1px solid #F3F3F3; } .page-layout-dyo-product-page.product-page .product-info__additional-title { display: inline-block; position: absolute; top: 50%; transform: translate(0, -50%); text-align: center; right: 0; padding-right: 22px; width: 65%; } .page-layout-dyo-product-page.product-page .product.media { width: 35%; } } .account.ewayrapid-mycards-edit .form-mycard-edit fieldset { width: 100%; float: none; } .account.ewayrapid-mycards-edit .form-mycard-edit .actions-toolbar .primary { float: none; } .account.ewayrapid-mycards-edit .form-mycard-edit .actions-toolbar .back { display: none; } .account.ewayrapid-mycards-edit .form-mycard-edit #mycard_form_ewayrapid .field .label { transform: translateY(-100%); } @media (max-width: 639px) { .account.ewayrapid-mycards-edit .form-mycard-edit .securefields-title { margin-top: 30px; } } .footer, .footer a { color: #FFFFFF; } .footer a span:last-of-type { position: relative; } .footer a span:last-of-type:after { background-color: #FFFFFF; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .footer a:hover, .footer a:active { text-decoration: none; } .footer a:hover span:last-of-type:after, .footer a:active span:last-of-type:after { opacity: 1; transform: translateY(0); } .page-footer { background-color: #00B1B0; } .footer.content { border: none; margin-top: 0; } @media (min-width: 768px) { .footer.content { display: flex; display: -ms-flexbox; align-items: flex-start; -ms-flex-align: flex-start; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: space-between; padding-bottom: 48px; } } .footer__col { visibility: visible; margin: 24px 0; } .footer__col--right > * { margin: 24px 0; } @media (min-width: 768px) { .footer__col--left { flex: 1; -ms-flex: 1; } .footer__col--middle { display: flex; display: -ms-flexbox; flex: 2; -ms-flex: 2; } .footer__col--right { display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: space-between; align-items: center; -ms-flex-align: center; flex-wrap: wrap; -ms-flex-wrap: wrap; width: 100%; } .footer__col--right .copyright { order: 1; -ms-flex-order: 1; } .footer__col--right .footer-payment { order: 2; -ms-flex-order: 2; } .footer__col--right .navigation--social { order: 3; -ms-flex-order: 3; } .footer__col--right > * { margin: 0; } } .footer__info { margin: 24px 0; font-size: 11px; } @media (min-width: 768px) { .footer__info { margin: 0; flex: 1; -ms-flex: 1; } } .footer .navigation--footer-menu { margin: 24px 0; } @media (min-width: 768px) { .footer .navigation--footer-menu { margin: 0; flex: 3; -ms-flex: 3; } } .footer .logo__footer { min-width: 30px; max-width: 30px; float: none; margin: 0; display: block; } @media (min-width: 768px) { .footer .logo__footer { max-width: 70px; } } .footer.content .footer-payment { margin: 24px 0; } @media (min-width: 768px) { .footer.content .footer-payment { margin: 0; min-width: 330px; } } .footer.content .footer-payment .logo { margin: 0; } .footer.content .footer-payment li { vertical-align: middle; } .footer.content .footer-payment li:first-child { padding-right: 6px; display: block; } @media (min-width: 768px) { .footer.content .footer-payment li:first-child { display: inline-block; } } .footer.content .footer-payment li:not(:first-child) { margin-left: 3px; } @media (min-width: 768px) { .footer .copyright { width: 100%; } } .navigation--footer-menu a { text-transform: uppercase; font-weight: 500; font-size: 11px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .navigation--footer-menu .submenu { display: none; } @media (min-width: 768px) { .navigation--footer-menu > ul { display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: space-between; } .navigation--footer-menu > ul li.level0 { margin-right: 48px; } .navigation--footer-menu ul.submenu { display: block; margin-top: 24px; } } .navigation--social:before { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; content: 'stay in touch'; text-transform: uppercase; margin-bottom: 12px; display: block; } .navigation--social span { display: none; } .navigation--social ul { display: flex; display: -ms-flexbox; } .navigation--social ul li.level0 { margin-right: 24px; } .navigation--social ul li.level0:last-of-type { margin-right: 0; } .navigation--social li a { display: flex; display: -ms-flexbox; justify-content: center; -ms-flex-pack: center; align-items: center; -ms-flex-align: center; width: 24px; height: 24px; background: #FFFFFF; border-radius: 50%; color: #00B1B0; } label.highlighted { font-size: 16px; } .columns .fieldset .field.field-info .label { line-height: 18px; display: block; } .columns .fieldset .field.field-info .label:nth-of-type(2n+2) { text-align: left; padding-left: 0; padding-right: 0; } @media (min-width: 768px) { .columns .fieldset .field.field-info .label:nth-of-type(2n+2) { padding-left: 6px; } } .field-tooltip .field-tooltip-content { font-weight: 300; font-size: 12px; width: 280px; } @media (min-width: 1024px) { .field-tooltip .field-tooltip-content:after { left: -20px; } } .field.kc-newsletter-subscribe:before { width: 0; padding: 0; } .field.kc-newsletter-subscribe input[type='checkbox'] + label:before { margin-right: 10px; } .field.kc-newsletter-subscribe input[type='checkbox'] + label span { font-size: 12px; } .field-disabled label { opacity: 0.2; color: #333333; } .kc-fancy-labels label:not(.kc-label-default) { width: auto; position: absolute; left: 0; transition-property: transform, color; transition-duration: 0.3s; transition-timing-function: ease-in-out; } .kc-fancy-labels label:not(.kc-label-default):after { top: 2px; right: 15px; } .kc-fancy-labels label:not(.kc-label-default).not-text-input { position: static; } .kc-fancy-labels .input-in-use, .account.ewayrapid-mycards-edit .form-mycard-edit.kc-fancy-labels label[for=ewayrapid_cc_name], .account.ewayrapid-mycards-edit .form-mycard-edit.kc-fancy-labels label[for=ewayrapid_cc_number], .account.ewayrapid-mycards-edit .form-mycard-edit.kc-fancy-labels label[for=ewayrapid_expiration], .account.ewayrapid-mycards-edit .form-mycard-edit.kc-fancy-labels label[for=eway-secure-field-name], .account.ewayrapid-mycards-edit .form-mycard-edit.kc-fancy-labels label[for=eway-secure-field-card], .account.ewayrapid-mycards-edit .form-mycard-edit.kc-fancy-labels label[for=eway-secure-field-expiry] { transform: translateY(-100%); font-size: 11px; color: #333333; opacity: 0.4; } .kc-fancy-labels .field { position: relative; } .kc-fancy-labels .field:not(.choice) > .label { width: auto; float: none; text-align: left; font-weight: 100; } .kc-fancy-labels .field.choice > .label { position: static; } .kc-fancy-labels .actions-toolbar > .primary, .kc-fancy-labels .actions-toolbar > .secondary { display: inline-block; } .kc-fancy-labels .actions-toolbar > .primary > .action, .kc-fancy-labels .actions-toolbar > .secondary > .action { width: auto; } .kc-fancy-labels input[type="text"], .kc-fancy-labels input[type="password"], .kc-fancy-labels input[type="url"], .kc-fancy-labels input[type="number"], .kc-fancy-labels input[type="tel"], .kc-fancy-labels input[type="search"], .kc-fancy-labels input[type="datetime"], .kc-fancy-labels input[type="email"] { border: 0; background: none; border-bottom: 2px solid #D6D6D6; width: 100%; } .kc-fancy-labels input[type="text"]:focus, .kc-fancy-labels input[type="password"]:focus, .kc-fancy-labels input[type="url"]:focus, .kc-fancy-labels input[type="number"]:focus, .kc-fancy-labels input[type="tel"]:focus, .kc-fancy-labels input[type="search"]:focus, .kc-fancy-labels input[type="datetime"]:focus, .kc-fancy-labels input[type="email"]:focus { box-shadow: none; border-bottom: 2px solid #ADADAD; } .kc-fancy-labels input[type="text"]:disabled, .kc-fancy-labels input[type="password"]:disabled, .kc-fancy-labels input[type="url"]:disabled, .kc-fancy-labels input[type="number"]:disabled, .kc-fancy-labels input[type="tel"]:disabled, .kc-fancy-labels input[type="search"]:disabled, .kc-fancy-labels input[type="datetime"]:disabled, .kc-fancy-labels input[type="email"]:disabled { opacity: 0.2; color: #333333; } .kc-label__disclaimer { font-size: 11px; } .giftcard-template-preview { transform-origin: top left; } .giftcard-template-container { padding: 48px 0; } .giftcard-template-container-preview { margin-bottom: 24px; } @media (max-width: 1023px) { .giftcard-template-container-preview { margin-left: auto; margin-right: auto; } } .giftcard-template-container .giftcard-design-button-container { display: block; margin: 0 12px 12px 0; } .giftcard-template-setting .block-title { margin-bottom: 12px; } .giftcard-template-setting-select { margin-bottom: 12px; } .giftcard-template-setting-select .fa-sort-asc { display: none; } .giftcard-template-setting-select > div { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; } .giftcard-template-choose-images { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; } .giftcard-template-choose-images .template-image { max-height: 100px; opacity: 0.75; } .giftcard-template-choose-images .item-template { cursor: pointer; background: #000000; margin: 0 12px 12px 0; border: 2px solid #00B1B0; border-radius: 3px; } .giftcard-template-choose-images .item-template.active .template-image { opacity: 1; } .giftcard-information-container ul { list-style: none; } .giftcard-information-container input, .giftcard-information-container textarea { background: transparent; border: none; color: #FFFFFF; } .giftcard-information-container input:-ms-input-placeholder, .giftcard-information-container textarea:-ms-input-placeholder { color: transparent; } .giftcard-information-container input:-moz-placeholder, .giftcard-information-container textarea:-moz-placeholder { color: transparent; } .giftcard-information-container input::-moz-placeholder, .giftcard-information-container textarea::-moz-placeholder { color: transparent; } .giftcard-information-container input::-webkit-input-placeholder, .giftcard-information-container textarea::-webkit-input-placeholder { color: transparent; } .giftcard-information-container input:focus, .giftcard-information-container textarea:focus { box-shadow: none !important; } .giftcard-information-container .giftcard-field-label { margin-right: 12px; } .giftcard-information-container .giftcard-information, .giftcard-information-container .giftcard-amount, .giftcard-information-container .giftcard-delivery { display: flex; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; } .giftcard-information-container #delivery-message { align-items: flex-start; -ms-flex-align: flex-start; } .giftcard-information-container #delivery-message .note { float: right; } .giftcard-information-container .giftcard-field-wrapper { flex: 1; } .giftcard-information-container .giftcard-amount li { margin: 0 12px 12px 0; } .giftcard-information-container .giftcard-information-delivery, .giftcard-information-container .giftcard-information-amount { margin: 24px 0; } .giftcard-information-container .giftcard-information-delivery ul, .giftcard-information-container .giftcard-information-amount ul { margin-bottom: 0; } .giftcard-information-container .giftcard-information-delivery-content .giftcard-field-label { margin: 0 !important; } .giftcard-information-container .giftcard-information-delivery-content .giftcard-information { border-bottom: 2px solid rgba(255, 255, 255, 0.5); align-items: center; -ms-flex-align: center; } .group_order_shopping_notification { background-color: rgba(186, 217, 181, 0.4); padding: 24px; text-align: center; margin-bottom: 12px; } .group_order_shopping_notification p { margin: 0; } .group_order__cart-item__customer { padding-bottom: 0; } .group_order__cart-item__customer > span { display: block; margin-top: 22px; background-color: #F3F3F3; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; font-weight: bold; } .cart__label--small, .cart__message--small { font-size: 12px; } .cart__label--medium, .cart__message--medium { font-size: 18px; } .cart__label--large, .cart__message--large { font-size: 36px; } .cart__label--strong { font-weight: 400; } .cart__label--stronger { font-weight: 500; } .cart__label--brand { color: #00B1B0; } .cart__label--brand:after { color: #333333; } .cart__message { text-align: center; } @media (min-width: 640px) { .cart__message { text-align: inherit; } } .grouped-cart ul, .grouped-cart ol, .grouped-cart li { margin-bottom: 0; } .grouped-cart .cup-size__option .label { margin-bottom: 6px; } .grouped-cart__content .ungrouped-items .product.options.list { margin-bottom: 12px; } .grouped-cart__content .cup-grouped .product-item { margin-top: 30px; } @media (min-width: 640px) { .grouped-cart__content .cup-grouped .product-item { margin-top: 22px; } } .grouped-cart__content .cup-grouped .product-item-detail { text-align: right; } .grouped-cart .action.delete, .grouped-cart .action.delete-from-box, .grouped-cart .action.delete-configurable { line-height: 1; } @media (min-width: 640px) { .grouped-cart__size-qty-totals__wrapper { padding-left: 22px; padding-right: 22px; } } .grouped-cart__size-qty-totals .grouped-cart__totals { padding-top: 24px; } .grouped-cart__size-qty-totals .grouped-cart__totals.table { font-weight: 500; font-size: 16px; } .grouped-cart__size-qty-totals .grouped-cart__totals__size-count { color: #00B1B0; } .grouped-cart__size-qty-totals .grouped-cart__totals__total-count { font-size: 21px; } .cart-container .grouped-cart .actions { text-align: left; } .cart-container .grouped-cart.grouped-cart--table__switcher { text-align: left; padding-bottom: 22px; } .cart-container .grouped-cart.grouped-cart--table__switcher__title { display: inline; padding-right: 22px; } .cart-container .grouped-cart.grouped-cart--table .requiredSizes { text-align: left; } @media (max-width: 639px) { .cart-container .grouped-cart.grouped-cart--table .requiredSizes { margin-top: 0; margin-bottom: 12px; } } .cart-container .grouped-cart.grouped-cart--table .requiredSizes__container .cart__message { line-height: 2.5 !important; } .cart-container .grouped-cart.grouped-cart--table .requiredSizes__container .actions-toolbar { padding-top: 12px; } .cart-container .grouped-cart.grouped-cart--table .grouped-cart__product-details .product-item-details { display: block; } .cart-container .grouped-cart.grouped-cart--table .grouped-cart__product-details .product-item-details, .cart-container .grouped-cart.grouped-cart--table .grouped-cart__product-details .product-item-details .price-container .price { font-size: 14px; } .cart-container .grouped-cart.grouped-cart--table .product-item-name, .cart-container .grouped-cart.grouped-cart--table .product-item-name a { text-transform: uppercase; color: #00B1B0; font-weight: 500; } .cart-container .grouped-cart.grouped-cart--table [data-role="loader"], .cart-container .grouped-cart.grouped-cart--table [data-role="loader"] img { position: fixed !important; } .cart-container .grouped-cart.grouped-cart--table .grouped-cart__content .cup-grouped .product-item { padding: 0; } .cart-container .grouped-cart.grouped-cart--table .ungrouped-items { padding: 0; } .cart-container .grouped-cart.grouped-cart--table .box__content .table.product-item-table.product-item-table--responsive .col-empty-box .empty-box { line-height: 22px; } * h1:not(.page-title) { letter-spacing: 1px; } .page-header { border-bottom: none; margin-bottom: 0; } .page-header .panel.wrapper { background-color: #F3F3F3; border-bottom: none; } .page-header .panel.wrapper .header.links > li { margin-left: 60px; vertical-align: middle; line-height: 30px; } .page-header .panel.wrapper .links a:hover { color: #00B1B0; } .header-wrapper-sub-nav { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; margin-left: auto; } .header-wrapper-sub-nav .minicart-wrapper, .header-wrapper-sub-nav .wishlist-wrapper, .header-wrapper-sub-nav .wishlist-wrapper { margin: 0; } .header-wrapper-sub-nav .header.links > li { margin-left: 12px; margin-top: 0; vertical-align: middle; } @media (min-width: 1366px) { .header-wrapper-sub-nav .header.links > li { margin-left: 18px; } } .header.links { list-style: none; margin: 0; } .header.links > li { display: inline-block; margin-bottom: 0; } .header.links > li > a { color: #00B1B0; text-decoration: none; } @media (min-width: 1024px) { .header.links .top-links-search-list-item { display: none; } } .header.links .store-switcher__container { position: relative; margin-right: 36px; } .header.links .account-link { text-indent: -9999px; display: inline-block; position: relative; width: 1.5em; height: 1.5em; text-align: center; } .header.links .account-link:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 1.5em; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header.links .account-link:before { content: ''; display: block; width: 3em; height: 3em; position: absolute; border: 0.15em solid currentColor; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .header.links .account-link:hover:before { transform: translate(-50%, -50%) scale(1); } .header.links .authorization-link a:before { content: ''; display: block; width: 3em; height: 3em; position: absolute; border: 0.15em solid currentColor; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .header.links .authorization-link a:hover:before { transform: translate(-50%, -50%) scale(1); } .header.links .authorization-link a[href*="login"] { text-indent: -9999px; display: inline-block; position: relative; width: 1.5em; height: 1.5em; text-align: center; } .header.links .authorization-link a[href*="login"]:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 1.5em; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header.links .authorization-link a[href*="logout"] { text-indent: -9999px; display: inline-block; position: relative; width: 1.5em; height: 1.5em; text-align: center; } .header.links .authorization-link a[href*="logout"]:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 1.5em; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header.links .top-link-help { text-indent: -9999px; display: inline-block; position: relative; width: 1.5em; height: 1.5em; text-align: center; } .header.links .top-link-help:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 1.5em; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header.links .top-link-help:before { content: ''; display: block; width: 3em; height: 3em; position: absolute; border: 0.15em solid currentColor; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .header.links .top-link-help:hover:before { transform: translate(-50%, -50%) scale(1); } .header.content { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; padding-top: 12px; padding-bottom: 12px; } .header.content .logo { order: 1; -ms-flex-order: 1; } .header.content .nav-sections { order: 2; -ms-flex-order: 2; } .header.content .header-wrapper-sub-nav { order: 3; -ms-flex-order: 3; } .header.content .nav-toggle { order: 4; -ms-flex-order: 4; } .header.content .logo { display: inline-block; height: 40px; margin: 0; } .header.content .logo img { max-height: 100%; } .header.content .nav-toggle { position: static; margin-left: 12px; font-size: 21px; color: #00B1B0; } .header.content .nav-toggle:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; color: inherit; } .header.content .nav-toggle:after { display: none; } @media (min-width: 1024px) { .header.content { align-items: center; -ms-flex-align: center; padding-top: 16px; padding-bottom: 16px; } .header.content:before, .header.content:after { content: none; } .header.content .logo, .header.content .nav-sections, .header.content .minicart, .header.content .block-search { float: none; } .header.content .logo { height: 86px; } .header.content .block-search { display: block; } } @media (min-width: 1366px) { .header.content .nav-toggle { margin-left: 18px; } } .header--first { display: flex; display: -ms-flexbox; justify-content: flex-end; align-items: center; padding-top: 12px; padding-bottom: 12px; position: relative; } .page-header .nav-sections, .page-header .navigation { background: none; } .page-header .nav-sections .level0 a, .page-header .navigation .level0 a { font-size: 16px; } .page-header .nav-sections .level0 a span:last-of-type:after, .page-header .navigation .level0 a span:last-of-type:after { display: none; } .page-header .nav-sections .level0 > a, .page-header .navigation .level0 > a { padding-left: 6px; padding-right: 6px; } .page-header .nav-sections .level0 > a span:last-of-type, .page-header .navigation .level0 > a span:last-of-type { position: relative; } .page-header .nav-sections .level0 > a span:last-of-type:after, .page-header .navigation .level0 > a span:last-of-type:after { background-color: #00B1B0; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .page-header .nav-sections .level0 > a:hover span:last-of-type:after, .page-header .navigation .level0 > a:hover span:last-of-type:after { opacity: 1; transform: translateY(0); } .page-header .nav-sections .level0.active > .level-top, .page-header .navigation .level0.active > .level-top { border: none; } .page-header .nav-sections .submenu, .page-header .navigation .submenu { padding-top: 1rem; } @media (min-width: 1024px) { .page-header .nav-sections .submenu, .page-header .navigation .submenu { z-index: 3; } } .page-header .nav-sections .submenu a, .page-header .navigation .submenu a { padding-left: 22px; padding-right: 22px; text-transform: capitalize; } .page-header .nav-sections .submenu a span:last-of-type, .page-header .navigation .submenu a span:last-of-type { position: relative; } .page-header .nav-sections .submenu a span:last-of-type:after, .page-header .navigation .submenu a span:last-of-type:after { background-color: #00B1B0; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .page-header .nav-sections .submenu a.ui-state-focus, .page-header .nav-sections .submenu a:hover, .page-header .navigation .submenu a.ui-state-focus, .page-header .navigation .submenu a:hover { background: none; } .page-header .nav-sections .submenu a.ui-state-focus span:last-of-type:after, .page-header .nav-sections .submenu a:hover span:last-of-type:after, .page-header .navigation .submenu a.ui-state-focus span:last-of-type:after, .page-header .navigation .submenu a:hover span:last-of-type:after { opacity: 1; transform: translateY(0); } .page-header .nav-sections .ui-menu .active > .level-top span:not(.ui-menu-icon), .page-header .nav-sections .ui-menu .active > a span:not(.ui-menu-icon), .page-header .nav-sections .ui-menu .has-active > .level-top span:not(.ui-menu-icon), .page-header .nav-sections .ui-menu .has-active > a span:not(.ui-menu-icon), .page-header .nav-sections .submenu .active > .level-top span:not(.ui-menu-icon), .page-header .nav-sections .submenu .active > a span:not(.ui-menu-icon), .page-header .nav-sections .submenu .has-active > .level-top span:not(.ui-menu-icon), .page-header .nav-sections .submenu .has-active > a span:not(.ui-menu-icon), .page-header .navigation .ui-menu .active > .level-top span:not(.ui-menu-icon), .page-header .navigation .ui-menu .active > a span:not(.ui-menu-icon), .page-header .navigation .ui-menu .has-active > .level-top span:not(.ui-menu-icon), .page-header .navigation .ui-menu .has-active > a span:not(.ui-menu-icon), .page-header .navigation .submenu .active > .level-top span:not(.ui-menu-icon), .page-header .navigation .submenu .active > a span:not(.ui-menu-icon), .page-header .navigation .submenu .has-active > .level-top span:not(.ui-menu-icon), .page-header .navigation .submenu .has-active > a span:not(.ui-menu-icon) { margin-left: auto; } @media (min-width: 1024px) { .page-header .nav-sections { flex: 1; text-align: center; margin-bottom: 0; } .page-header .nav-sections li.level0 { text-align: left; } .page-header .nav-sections .level0 a { font-size: 12px; } } @media (min-width: 1366px) { .page-header .navigation .level0 > a { padding-left: 22px; padding-right: 22px; } } .navigation--service-menu { text-transform: uppercase; } .navigation--service-menu .parent > a { font-size: 12px; font-weight: 400; } .navigation--service-menu .parent > a:hover { text-decoration: none; } .navigation--service-menu > ul, .navigation--service-menu > ul > li { margin: 0; } .navigation--service-menu .nav-1:not(.dropdown-trigger) > .submenu { display: none; } .highlighted, .highlighted_info { color: #00B1B0; } .highlighted_info { font-weight: 700; } .cup-size-icon__label { width: 60px; height: 60px; display: block; } .cup-size-icon__with-text { vertical-align: bottom; line-height: 1; } .info-icon-message:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .info-icon-message:before { font-size: 18px; margin-right: 18px; vertical-align: middle; } .info-icon-message__aligned-content { padding-left: 42px; } .kc-info-panel { background: #FFFFFF; padding: 40px 30px; margin-bottom: 40px; } .kc-info-panel .title { margin: 0 20px 20px 0; vertical-align: middle; width: 50%; flex-grow: 1; -ms-flex-grow: 1; } .kc-info-panel .title, .kc-info-panel .title > strong { padding-left: 0; } .kc-info-panel .title, .kc-info-panel .title::first-letter, .kc-info-panel .title > strong, .kc-info-panel .title > strong::first-letter { text-transform: none; } @media (min-width: 768px) { .kc-info-panel .title { margin: 0; } } .kc-info-panel .title > strong:before { color: #00B1B0; vertical-align: top; margin-right: 20px; margin-left: 10px; } @media (min-width: 768px) { .kc-info-panel .title > strong:before { vertical-align: middle; } } .kc-info-panel .button-wrapper { text-align: right; } .kc-info-panel .kc.button { margin-left: 10px; } .kc-info-panel .kc.button.secondary { opacity: 0.3; border-color: #4D4A47; color: #4D4A47; } .kc-info-panel .kc.button.secondary:hover { color: #4D4A47; background-color: #FFFFFF; } .kc-order-invoice .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kc-order-packing-slip .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page-layout-landing-page .page-title-wrapper { display: none; } .block.filter { visibility: visible; margin-bottom: 0; } @media (min-width: 1024px) { .block.filter { margin-bottom: 48px; } } .block.filter .filter-title, .block.filter .filter-subtitle { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } .block.filter .filter-options-title { padding-top: 22px; padding-bottom: 22px; border-top: 1px solid #6D6E72; margin-bottom: 0; cursor: pointer; position: relative; } .block.filter .filter-options-title:after, .block.filter .filter-options-title:before { transition: all 0.2s ease-in-out; position: absolute; top: 50%; transform: translate(0, -50%); right: 6px; opacity: 1; } .block.filter .filter-options-title:after { content: "+"; font-size: 21px; font-weight: 400; color: #00B1B0; display: block; } .block.filter .filter-options-title:before { content: "-"; font-size: 21px; font-weight: 400; color: #00B1B0; display: block; } .block.filter .filter-options-content { display: none; } .block.filter .filter-options-content .items .item { padding-top: 6px; padding-bottom: 6px; margin-bottom: 0; } .block.filter .filter-options-content .items .item a { color: #6D6E72; font-weight: 400; padding-left: 0; font-size: 12px; } .block.filter .filter-options-content .items .item .count { display: none; } .block.filter .filter-options-item.active > .filter-options-content { display: block; } .block.filter .filter-options-item.active > .filter-options-title:after { opacity: 0; } .block.filter .filter-options-item.active > .filter-options-title:before { opacity: 1; } .block.filter .filter-content .filter-current { display: none; } .block.filter .filter-content .filter-actions a { background-image: url("../images/icons/ic_close_darkgrey.svg"); background-repeat: no-repeat; background-position: right center; background-size: 24px; color: #6D6E72; font-size: 12px; width: 100%; display: inline-block; margin-bottom: 0px; } .block.filter .filter-options-content .items .item a input { display: none; } @media (min-width: 640px) { .list-block { display: flex; display: -ms-flexbox; flex-direction: row; -ms-flex-drection: row; flex-wrap: wrap; -ms-flex-wrap: wrap; } } @media (min-width: 640px) { .list-block.list-block--w-2 .list-block__item, .list-block.list-block--w-3 .list-block__item, .list-block.list-block--w-4 .list-block__item { flex-basis: 50%; padding-left: 12px; } .list-block.list-block--w-2 .list-block__item:nth-of-type(2n+1), .list-block.list-block--w-3 .list-block__item:nth-of-type(2n+1), .list-block.list-block--w-4 .list-block__item:nth-of-type(2n+1) { padding-left: 0; } } @media (min-width: 1024px) { .list-block.list-block--w-3 .list-block__item { flex-basis: 33.33%; padding-left: 12px; } .list-block.list-block--w-3 .list-block__item:nth-of-type(2n+1) { padding-left: 12px; } .list-block.list-block--w-3 .list-block__item:nth-of-type(3n+1) { padding-left: 0; } } @media (min-width: 768px) { .list-block.list-block--w-4 .list-block__item { flex-basis: 25%; } } .list-block.list-block--vert-center { align-items: center; -ms-flex-align: center; } .list-block__item:not(:first-child) { margin-top: 12px; } @media (min-width: 640px) { .list-block__item:not(:first-child) { margin-top: 0; } } .list-block__item--rows > span { display: block; } .list-block__item--rows > * { margin-top: 6px; margin-bottom: 6px; } .list-block.list-block--w-2 .list-block__item.list-block__item-full-w, .list-block .list-block__item.list-block__item-full-w { padding-left: 0; flex-basis: 100%; } .kc-list li { margin-left: 1.2rem; } .load.indicator { background-color: #FFFFFF; } .load.indicator:before { background-size: contain; z-index: 4; width: 100%; height: 100%; max-height: 160px; max-width: 160px; } .loading-mask .loader > img { width: 160px; } .login-container { position: relative; } @media (min-width: 1024px) { .login-container { background-size: cover; min-height: 720px; margin-bottom: 160px; } } .login-container .form-login .actions-toolbar { margin: 0 !important; } .login-box-wrapper { max-width: 560px; margin: 0; position: absolute; } @media (min-width: 1024px) { .login-box-wrapper { width: 50%; top: 50%; right: 160px; transform: translateY(-50%); } } .login-box-wrapper .block .block-title { font-size: 36px; border: 0; margin-bottom: 20px; line-height: 1; padding: 0; } .login-box-wrapper .fieldset > .field > .control { width: 100%; } .login-box-wrapper .fieldset:after { content: ""; margin: 0; } .login-box-wrapper .block-customer-login { background: #FFFFFF; width: 100%; padding: 36px; clear: none; float: none; margin: 0; } @media (min-width: 1024px) { .login-box-wrapper .block-customer-login { padding: 80px; } } .login-box-wrapper .block-customer-login .actions-toolbar > .primary { text-align: left; } .login-box-wrapper .block-customer-login .action.login.primary { width: auto; } .login-box-wrapper .block-new-customer { background: #00B1B0; width: 100%; padding: 20px 40px; text-align: center; } @media (min-width: 1024px) { .login-box-wrapper .block-new-customer { padding: 40px; } } @media (min-width: 1366px) { .login-box-wrapper .block-new-customer { padding: 40px 80px; } } .login-box-wrapper .block-new-customer p { color: #FFFFFF; line-height: 40px; float: left; margin: 0; display: none; } @media (min-width: 1024px) { .login-box-wrapper .block-new-customer p { display: block; } } @media (min-width: 1024px) { .login-box-wrapper .block-new-customer .action.create { float: right; } } @media (max-width: 1023px) { .nav-open .header.content.header--second { position: fixed; width: 100%; z-index: 11; } .header.content .nav-sections { top: 0; left: 0; overflow-x: hidden; overflow-y: scroll; width: 100%; box-shadow: none; transition: transform 250ms ease; transform: translateX(-100%); background-color: #FFFFFF; z-index: 1; } .header.content .nav-sections .kc-menu-close { background-image: url("../images/icons/ic_close_white.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; content: ''; width: 24px; height: 24px; position: relative; box-shadow: inset 3px 0 11px -5px #000000; background-size: 28px; position: absolute; display: inline-block; background-color: #00B1B0; width: 72px; height: 72px; top: 0; right: 0; cursor: pointer; } .header.content .nav-sections .nav-sections-items { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-drection: column; } .header.content .nav-sections .nav-sections-items [aria-controls="store.menu"] { display: none; } .header.content .nav-sections .nav-sections-items .nav-sections-item-content { float: none; margin-left: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } .header.content .nav-sections .navigation { padding-right: 0; padding-left: 0; } .header.content .nav-sections .navigation .level0 { border-top: none; } .header.content .nav-sections .navigation .level0 a { font-weight: 400; color: #47474A; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .header.content .nav-sections .navigation .level0 > .level-top { padding-top: 18px; padding-bottom: 18px; padding-left: 24px; padding-right: 24px; position: relative; background-color: #FFFFFF; } .header.content .nav-sections .navigation .level0.active > a { color: #00B1B0; } .header.content .nav-sections .navigation .level0.parent > .level-top { position: relative; width: 100%; } .header.content .nav-sections .navigation .level0.parent > .level-top:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; right: 24px; position: absolute; top: 50%; transform: translate(0, -50%); transform: translateY(-50%) rotate(90deg); transition: transform 250ms ease; } .header.content .nav-sections .navigation .level0.parent > .level-top.ui-state-active { z-index: 1; } .header.content .nav-sections .navigation .level0.parent > .level-top.ui-state-active:after { transform: translateY(-50%) rotate(-90deg); } .header.content .nav-sections .submenu { padding-top: 12px; padding-bottom: 12px; } .header.content .nav-sections .submenu a { padding-left: 48px; text-transform: capitalize; } .header.content .nav-sections .submenu > .all-category { display: none; } .header.content .header-wrapper-sub-nav { z-index: 4; } .nav-open .header.content .nav-sections { transform: translateX(0); } } .header.content { position: static; } .mega-menu-navigation { position: static; } .mega-menu-navigation ul { position: static; } .mega-menu-navigation .ui-menu > li.level0 { position: static; } .mega-menu-navigation .level0.active > .level-top, .mega-menu-navigation .level0.has-active > .level-top, .mega-menu-navigation .level0 .submenu .active > a { border: none; color: #00B1B0; } .mega-menu-navigation .level0 .submenu.has-mega-menu { border: none; box-shadow: none; z-index: 3; } .mega-menu-navigation .level0 .submenu.has-mega-menu > li.level-top { display: block; padding: 0; border: none; text-transform: capitalize; } .mega-menu-navigation .level0 .submenu.has-mega-menu a { padding-left: 6px; padding-right: 6px; } @media (max-width: 1023px) { .mega-menu-navigation .level0 .submenu.has-mega-menu a { padding-left: 20px; } } .mega-menu-navigation .level0 .submenu.has-mega-menu a span:last-of-type { position: relative; } .mega-menu-navigation .level0 .submenu.has-mega-menu a span:last-of-type:after { background-color: #00B1B0; position: absolute; content: ''; display: block; width: 100%; height: 1px; bottom: -0.25em; left: 0; opacity: 0; transform: translateY(-5px); transition-property: opacity, transform; transition-duration: 250ms; transition-timing-function: ease; } .mega-menu-navigation .level0 .submenu.has-mega-menu a:hover span:last-of-type:after { opacity: 1; transform: translateY(0); } .mega-menu-navigation .sub-menu-container { display: flex; width: 100%; } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container { padding: 30px; } } @media (max-width: 1023px) { .mega-menu-navigation .sub-menu-container { flex-direction: column; } } .mega-menu-navigation .sub-menu-container .column { flex: 0 0 100%; margin-right: 10px; } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container .column { flex: 1 0 0; } } .mega-menu-navigation .sub-menu-container .column a { font-size: 14px; font-weight: 300; text-transform: capitalize; } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container .column a { padding: 0; } } .mega-menu-navigation .sub-menu-container .column a.ui-state-focus, .mega-menu-navigation .sub-menu-container .column a:hover { background: none; } .mega-menu-navigation .sub-menu-container .column p { margin: 0; font-weight: 300; } .mega-menu-navigation .sub-menu-container .column.keepcup-mega-menu-by-size .nav-row .mega-menu-item { flex: none; display: block; float: left; width: 45px; } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container .column.keepcup-mega-menu-by-size .nav-row .mega-menu-item { flex: 0; } } .mega-menu-navigation .sub-menu-container .column.keepcup-mega-menu-by-size .nav-row .mega-menu-item .mega-menu-link { margin: 0; padding: 0; } @media (max-width: 1023px) { .mega-menu-navigation .sub-menu-container .column.keepcup-mega-menu-by-size .nav-row .mega-menu-item .mega-menu-link { padding-left: 5px; } } .mega-menu-navigation .sub-menu-container .column.keepcup-mega-menu-by-size .nav-row .mega-menu-item span { display: none; } .mega-menu-navigation .sub-menu-container .column:last-child { margin-right: 0; } .mega-menu-navigation .sub-menu-container .column .sub-nav-title { flex: 0 0 100%; align-self: flex-start; margin-bottom: 20px; font-weight: 700; line-height: 1; color: #333333; } @media (max-width: 1023px) { .mega-menu-navigation .sub-menu-container .column .sub-nav-title { padding-left: 6px; padding-right: 6px; margin: 10px 0; } } .mega-menu-navigation .sub-menu-container .column .nav-row { flex-wrap: wrap; padding: 0; } .mega-menu-navigation .sub-menu-container .column .nav-row .mega-menu-item { flex-grow: 1; width: 100%; } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container .column .nav-row .mega-menu-item { padding-right: 10px; } } .mega-menu-navigation .sub-menu-container .column .nav-row .mega-menu-link { line-height: 1; color: #47474A; } .mega-menu-navigation .sub-menu-container .column .cup-size-icon__label { width: 100%; } .mega-menu-navigation .sub-menu-container .column .cup-size-icon__label:hover { opacity: 0.3; } .mega-menu-navigation .sub-menu-container .last-column { margin-top: 30px; flex: 0.75 0 0; } @media (min-width: 1366px) { .mega-menu-navigation .sub-menu-container .last-column { text-indent: 10px; } } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container .column-50 { flex: 2 0 0; } .mega-menu-navigation .sub-menu-container .column-50 .nav-row .mega-menu-item { width: 50%; } } @media (min-width: 1024px) { .mega-menu-navigation .sub-menu-container .heavy-text * { font-weight: 700; } } .message.info, .message.error, .message.warning, .message.notice, .message.success { padding-left: 22px; padding-right: 31px; } .message.info > *:first-child:before, .message.error > *:first-child:before, .message.warning > *:first-child:before, .message.notice > *:first-child:before, .message.success > *:first-child:before { right: 0; left: auto; } .kc-counter-qty { border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #00B1B0; color: #FFFFFF; padding: 6px; height: 20px; width: 20px; font-size: 11px; margin: 0; } .block-mini-list-floating { border: 1px solid #DEDEDE; background-color: #FFFFFF; box-shadow: 0px 0px 14px -2px #8D8F93; margin-top: 0; top: 87px; right: 0; display: none; position: absolute; padding: 22px 30px; z-index: 10; width: 340px; } .block-mini-list-floating:before, .block-mini-list-floating:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .block-mini-list-floating:before { border: 6px solid; border-color: transparent transparent #fff transparent; z-index: 99; } .block-mini-list-floating:after { border: 7px solid; border-color: transparent transparent #bbb transparent; z-index: 98; } .block-mini-list-floating:before { left: 10px; top: -12px; } .block-mini-list-floating:after { left: 9px; top: -14px; } .block-mini-list-floating span, .block-mini-list-floating label { font-size: 12px; } @media (min-width: 480px) { .block-mini-list-floating { top: 45px; } } @media (min-width: 768px) { .block-mini-list-floating { width: 400px; } } .block-mini-list-floating:after { border-bottom-width: 21px; border-left-width: 11px; border-right-width: 11px; border-top-width: 0; border-color: transparent transparent #DEDEDE transparent; } .block-mini-list-floating:before { border-bottom-width: 20px; border-left-width: 10px; border-right-width: 10px; border-top-width: 0; } .block-mini-list-floating:after { left: auto; top: -21px; right: 0; } @media (min-width: 1024px) { .block-mini-list-floating:after { right: 6px; } } @media (min-width: 1366px) { .block-mini-list-floating:after { right: 22px; } } .block-mini-list-floating:before { left: auto; right: 1px; top: -19px; } @media (min-width: 1024px) { .block-mini-list-floating:before { right: 7px; } } @media (min-width: 1366px) { .block-mini-list-floating:before { right: 23px; } } .minicart-wrapper .action.showcart, .wishlist-wrapper .action.showcart, .minicart-sliding .action.showcart, .wishlist-wrapper .action.show-mini-wishlist { position: relative; display: block; text-decoration: none; color: #00B1B0; } .minicart-wrapper .action.showcart:after, .wishlist-wrapper .action.showcart:after, .minicart-sliding .action.showcart:after, .wishlist-wrapper .action.show-mini-wishlist:after { content: ''; display: block; width: 3em; height: 3em; position: absolute; border: 0.15em solid currentColor; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .minicart-wrapper .action.showcart:hover:after, .wishlist-wrapper .action.showcart:hover:after, .minicart-sliding .action.showcart:hover:after, .wishlist-wrapper .action.show-mini-wishlist:hover:after { transform: translate(-50%, -50%) scale(1); } .minicart-wrapper .action.showcart:hover:before, .wishlist-wrapper .action.showcart:hover:before, .minicart-sliding .action.showcart:hover:before, .wishlist-wrapper .action.show-mini-wishlist:hover:before { color: #00B1B0; } .minicart-wrapper .action.showcart:hover span:after, .wishlist-wrapper .action.showcart:hover span:after, .minicart-sliding .action.showcart:hover span:after, .wishlist-wrapper .action.show-mini-wishlist:hover span:after { display: none; } .minicart-wrapper .action.showcart:before, .wishlist-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .wishlist-wrapper .action.showcart.active:before, .minicart-sliding .action.showcart:before, .minicart-sliding .action.showcart.active:before, .wishlist-wrapper .action.show-mini-wishlist:before, .wishlist-wrapper .action.show-mini-wishlist.active:before { font-size: 1.5em; color: #00B1B0; vertical-align: middle; } .block-minicart .subtotal, .block-mini-wishlist .subtotal { margin: 0; text-align: right; padding: 12px; border-top: 2px solid #CACACB; } .block-minicart .subtotal .amount, .block-mini-wishlist .subtotal .amount { display: inline; margin-left: 12px; } .minicart-wrapper .action.showcart:before, .wishlist-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .wishlist-wrapper .action.showcart.active:before, .minicart-sliding .action.showcart:before, .minicart-sliding .action.showcart.active:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .minicart-wrapper .minicart-items .item-qty, .wishlist-wrapper .minicart-items .item-qty, .wishlist-wrapper .minicart-items .item-qty { width: 43px; height: auto; padding: 6px; } @media (max-width: 639px) { .wishlist-wrapper .block-mini-wishlist { top: auto; margin-top: 12px; } } .wishlist-wrapper .action.show-mini-wishlist:before, .wishlist-wrapper .action.show-mini-wishlist.active:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wishlist-wrapper .action.show-mini-wishlist .counter.qty:not(.visible) { display: none; } @media (max-width: 639px) { .minicart-wrapper .block-minicart, .wishlist-wrapper .block-minicart, .minicart-wrapper .block-mini-wishlist, .wishlist-wrapper .block-mini-wishlist { position: fixed; } .minicart-wrapper .block-minicart #minicart-content-wrapper, .wishlist-wrapper .block-minicart #minicart-content-wrapper, .minicart-wrapper .block-mini-wishlist #minicart-content-wrapper, .wishlist-wrapper .block-mini-wishlist #minicart-content-wrapper { max-width: 320px; margin: 0 auto; } .minicart-wrapper .block-minicart:after, .wishlist-wrapper .block-minicart:after, .minicart-wrapper .block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after, .minicart-wrapper .block-minicart:before, .wishlist-wrapper .block-minicart:before, .minicart-wrapper .block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before { display: none; } } .minicart-sliding__modal { left: auto; right: 0; width: 100%; } @media (min-width: 640px) { .minicart-sliding__modal { width: 640px; } } .minicart-sliding__modal .modal-header { padding-top: 0; padding-bottom: 0; } .minicart-sliding__modal .modal-content { padding: 0; } .minicart-sliding .block-content .actions > .primary, .minicart-sliding .block-content .actions > .secondary { margin: 0; } .minicart-sliding #btn-minicart-close { display: none; } .checkout-container .minicart-wrapper, .checkout-container .wishlist-wrapper { position: relative; } .checkout-container .minicart-items .product-item { border-top: 0; } .checkout-container .minicart-items .product-item:first-child { padding-top: 22px; } .minicart-wrapper .block-minicart .minicart-items-wrapper, .wishlist-wrapper .block-minicart .minicart-items-wrapper, .minicart-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .minicart-wrapper .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .minicart-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-minicart .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items { mini-height: 200px; max-height: calc(100vh - 400px); } .minicart-wrapper .block-minicart:before, .wishlist-wrapper .block-minicart:before, .minicart-wrapper .block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before, .minicart-wrapper.block-minicart:before, .block-minicart.wishlist-wrapper:before, .wishlist-wrapper.block-mini-wishlist:before, .minicart-wrapper.block-mini-wishlist:before, .minicart-wrapper .block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before, .minicart-sliding .block-minicart:before, .minicart-sliding .block-mini-wishlist:before, .minicart-sliding.block-minicart:before, .minicart-sliding.block-mini-wishlist:before, .minicart-sliding .block-mini-wishlist:before, .wishlist-wrapper .block-minicart:before, .wishlist-wrapper .block-mini-wishlist:before, .wishlist-wrapper.block-minicart:before, .wishlist-wrapper.block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before { right: 5px; } .minicart-wrapper .block-minicart:after, .wishlist-wrapper .block-minicart:after, .minicart-wrapper .block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after, .minicart-wrapper.block-minicart:after, .block-minicart.wishlist-wrapper:after, .wishlist-wrapper.block-mini-wishlist:after, .minicart-wrapper.block-mini-wishlist:after, .minicart-wrapper .block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after, .minicart-sliding .block-minicart:after, .minicart-sliding .block-mini-wishlist:after, .minicart-sliding.block-minicart:after, .minicart-sliding.block-mini-wishlist:after, .minicart-sliding .block-mini-wishlist:after, .wishlist-wrapper .block-minicart:after, .wishlist-wrapper .block-mini-wishlist:after, .wishlist-wrapper.block-minicart:after, .wishlist-wrapper.block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after { right: 4px; } @media (min-width: 1024px) { .minicart-wrapper .block-minicart:before, .wishlist-wrapper .block-minicart:before, .minicart-wrapper .block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before, .minicart-wrapper.block-minicart:before, .block-minicart.wishlist-wrapper:before, .wishlist-wrapper.block-mini-wishlist:before, .minicart-wrapper.block-mini-wishlist:before, .minicart-wrapper .block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before, .minicart-sliding .block-minicart:before, .minicart-sliding .block-mini-wishlist:before, .minicart-sliding.block-minicart:before, .minicart-sliding.block-mini-wishlist:before, .minicart-sliding .block-mini-wishlist:before, .wishlist-wrapper .block-minicart:before, .wishlist-wrapper .block-mini-wishlist:before, .wishlist-wrapper.block-minicart:before, .wishlist-wrapper.block-mini-wishlist:before, .wishlist-wrapper .block-mini-wishlist:before { right: 20px; } .minicart-wrapper .block-minicart:after, .wishlist-wrapper .block-minicart:after, .minicart-wrapper .block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after, .minicart-wrapper.block-minicart:after, .block-minicart.wishlist-wrapper:after, .wishlist-wrapper.block-mini-wishlist:after, .minicart-wrapper.block-mini-wishlist:after, .minicart-wrapper .block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after, .minicart-sliding .block-minicart:after, .minicart-sliding .block-mini-wishlist:after, .minicart-sliding.block-minicart:after, .minicart-sliding.block-mini-wishlist:after, .minicart-sliding .block-mini-wishlist:after, .wishlist-wrapper .block-minicart:after, .wishlist-wrapper .block-mini-wishlist:after, .wishlist-wrapper.block-minicart:after, .wishlist-wrapper.block-mini-wishlist:after, .wishlist-wrapper .block-mini-wishlist:after { right: 19px; } } .minicart-wrapper .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-minicart .minicart-items-wrapper, .wishlist-wrapper .block-minicart .minicart-items-wrapper, .minicart-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .minicart-wrapper.block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .block-minicart.wishlist-wrapper .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper.block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper.block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper.block-minicart .minicart-items-wrapper, .block-minicart.wishlist-wrapper .minicart-items-wrapper, .wishlist-wrapper.block-mini-wishlist .minicart-items-wrapper, .minicart-wrapper.block-mini-wishlist .minicart-items-wrapper, .minicart-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .minicart-sliding .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-sliding .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-sliding .block-minicart .minicart-items-wrapper, .minicart-sliding .block-mini-wishlist .minicart-items-wrapper, .minicart-sliding.block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-sliding.block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-sliding.block-minicart .minicart-items-wrapper, .minicart-sliding.block-mini-wishlist .minicart-items-wrapper, .minicart-sliding .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-sliding .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-minicart .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper.block-minicart .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper.block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper.block-minicart .minicart-items-wrapper, .wishlist-wrapper.block-mini-wishlist .minicart-items-wrapper, .wishlist-wrapper .block-mini-wishlist .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .minicart-items-wrapper { border: none; } .minicart-wrapper .block-minicart .product-items, .wishlist-wrapper .block-minicart .product-items, .minicart-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-minicart .minicart-items, .wishlist-wrapper .block-minicart .minicart-items, .minicart-wrapper .block-mini-wishlist .minicart-items, .wishlist-wrapper .block-mini-wishlist .minicart-items, .minicart-wrapper.block-minicart .product-items, .block-minicart.wishlist-wrapper .product-items, .wishlist-wrapper.block-mini-wishlist .product-items, .minicart-wrapper.block-mini-wishlist .product-items, .minicart-wrapper.block-minicart .minicart-items, .block-minicart.wishlist-wrapper .minicart-items, .wishlist-wrapper.block-mini-wishlist .minicart-items, .minicart-wrapper.block-mini-wishlist .minicart-items, .minicart-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .product-items, .minicart-wrapper .block-mini-wishlist .minicart-items, .wishlist-wrapper .block-mini-wishlist .minicart-items, .minicart-sliding .block-minicart .product-items, .minicart-sliding .block-mini-wishlist .product-items, .minicart-sliding .block-minicart .minicart-items, .minicart-sliding .block-mini-wishlist .minicart-items, .minicart-sliding.block-minicart .product-items, .minicart-sliding.block-mini-wishlist .product-items, .minicart-sliding.block-minicart .minicart-items, .minicart-sliding.block-mini-wishlist .minicart-items, .minicart-sliding .block-mini-wishlist .product-items, .minicart-sliding .block-mini-wishlist .minicart-items, .wishlist-wrapper .block-minicart .product-items, .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-minicart .minicart-items, .wishlist-wrapper .block-mini-wishlist .minicart-items, .wishlist-wrapper.block-minicart .product-items, .wishlist-wrapper.block-mini-wishlist .product-items, .wishlist-wrapper.block-minicart .minicart-items, .wishlist-wrapper.block-mini-wishlist .minicart-items, .wishlist-wrapper .block-mini-wishlist .product-items, .wishlist-wrapper .block-mini-wishlist .minicart-items { overflow-y: auto; } .minicart-wrapper .block-minicart .product-items > *, .wishlist-wrapper .block-minicart .product-items > *, .minicart-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .minicart-wrapper .block-minicart .minicart-items > *, .wishlist-wrapper .block-minicart .minicart-items > *, .minicart-wrapper .block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > *, .minicart-wrapper.block-minicart .product-items > *, .block-minicart.wishlist-wrapper .product-items > *, .wishlist-wrapper.block-mini-wishlist .product-items > *, .minicart-wrapper.block-mini-wishlist .product-items > *, .minicart-wrapper.block-minicart .minicart-items > *, .block-minicart.wishlist-wrapper .minicart-items > *, .wishlist-wrapper.block-mini-wishlist .minicart-items > *, .minicart-wrapper.block-mini-wishlist .minicart-items > *, .minicart-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .minicart-wrapper .block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > *, .minicart-sliding .block-minicart .product-items > *, .minicart-sliding .block-mini-wishlist .product-items > *, .minicart-sliding .block-minicart .minicart-items > *, .minicart-sliding .block-mini-wishlist .minicart-items > *, .minicart-sliding.block-minicart .product-items > *, .minicart-sliding.block-mini-wishlist .product-items > *, .minicart-sliding.block-minicart .minicart-items > *, .minicart-sliding.block-mini-wishlist .minicart-items > *, .minicart-sliding .block-mini-wishlist .product-items > *, .minicart-sliding .block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-minicart .product-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-minicart .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > *, .wishlist-wrapper.block-minicart .product-items > *, .wishlist-wrapper.block-mini-wishlist .product-items > *, .wishlist-wrapper.block-minicart .minicart-items > *, .wishlist-wrapper.block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > * { padding-top: 24px; } .minicart-wrapper .block-minicart .product-items > *:after, .wishlist-wrapper .block-minicart .product-items > *:after, .minicart-wrapper .block-mini-wishlist .product-items > *:after, .wishlist-wrapper .block-mini-wishlist .product-items > *:after, .minicart-wrapper .block-minicart .minicart-items > *:after, .wishlist-wrapper .block-minicart .minicart-items > *:after, .minicart-wrapper .block-mini-wishlist .minicart-items > *:after, .wishlist-wrapper .block-mini-wishlist .minicart-items > *:after, .minicart-wrapper.block-minicart .product-items > *:after, .block-minicart.wishlist-wrapper .product-items > *:after, .wishlist-wrapper.block-mini-wishlist .product-items > *:after, .minicart-wrapper.block-mini-wishlist .product-items > *:after, .minicart-wrapper.block-minicart .minicart-items > *:after, .block-minicart.wishlist-wrapper .minicart-items > *:after, .wishlist-wrapper.block-mini-wishlist .minicart-items > *:after, .minicart-wrapper.block-mini-wishlist .minicart-items > *:after, .minicart-wrapper .block-mini-wishlist .product-items > *:after, .wishlist-wrapper .block-mini-wishlist .product-items > *:after, .minicart-wrapper .block-mini-wishlist .minicart-items > *:after, .wishlist-wrapper .block-mini-wishlist .minicart-items > *:after, .minicart-sliding .block-minicart .product-items > *:after, .minicart-sliding .block-mini-wishlist .product-items > *:after, .minicart-sliding .block-minicart .minicart-items > *:after, .minicart-sliding .block-mini-wishlist .minicart-items > *:after, .minicart-sliding.block-minicart .product-items > *:after, .minicart-sliding.block-mini-wishlist .product-items > *:after, .minicart-sliding.block-minicart .minicart-items > *:after, .minicart-sliding.block-mini-wishlist .minicart-items > *:after, .minicart-sliding .block-mini-wishlist .product-items > *:after, .minicart-sliding .block-mini-wishlist .minicart-items > *:after, .wishlist-wrapper .block-minicart .product-items > *:after, .wishlist-wrapper .block-mini-wishlist .product-items > *:after, .wishlist-wrapper .block-minicart .minicart-items > *:after, .wishlist-wrapper .block-mini-wishlist .minicart-items > *:after, .wishlist-wrapper.block-minicart .product-items > *:after, .wishlist-wrapper.block-mini-wishlist .product-items > *:after, .wishlist-wrapper.block-minicart .minicart-items > *:after, .wishlist-wrapper.block-mini-wishlist .minicart-items > *:after, .wishlist-wrapper .block-mini-wishlist .product-items > *:after, .wishlist-wrapper .block-mini-wishlist .minicart-items > *:after { content: "" !important; display: block !important; clear: both !important; } .minicart-wrapper .block-minicart .product-items > *:not(:last-child), .wishlist-wrapper .block-minicart .product-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper .block-minicart .minicart-items > *:not(:last-child), .wishlist-wrapper .block-minicart .minicart-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-wrapper.block-minicart .product-items > *:not(:last-child), .block-minicart.wishlist-wrapper .product-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper.block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper.block-minicart .minicart-items > *:not(:last-child), .block-minicart.wishlist-wrapper .minicart-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-wrapper.block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-sliding .block-minicart .product-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .product-items > *:not(:last-child), .minicart-sliding .block-minicart .minicart-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-sliding.block-minicart .product-items > *:not(:last-child), .minicart-sliding.block-mini-wishlist .product-items > *:not(:last-child), .minicart-sliding.block-minicart .minicart-items > *:not(:last-child), .minicart-sliding.block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .product-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-minicart .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-minicart .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper.block-minicart .product-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper.block-minicart .minicart-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child) { padding-bottom: 24px; } .minicart-wrapper .block-minicart .product-items > *, .wishlist-wrapper .block-minicart .product-items > *, .minicart-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .minicart-wrapper .block-minicart .minicart-items > *, .wishlist-wrapper .block-minicart .minicart-items > *, .minicart-wrapper .block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > *, .minicart-wrapper.block-minicart .product-items > *, .block-minicart.wishlist-wrapper .product-items > *, .wishlist-wrapper.block-mini-wishlist .product-items > *, .minicart-wrapper.block-mini-wishlist .product-items > *, .minicart-wrapper.block-minicart .minicart-items > *, .block-minicart.wishlist-wrapper .minicart-items > *, .wishlist-wrapper.block-mini-wishlist .minicart-items > *, .minicart-wrapper.block-mini-wishlist .minicart-items > *, .minicart-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .minicart-wrapper .block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > *, .minicart-sliding .block-minicart .product-items > *, .minicart-sliding .block-mini-wishlist .product-items > *, .minicart-sliding .block-minicart .minicart-items > *, .minicart-sliding .block-mini-wishlist .minicart-items > *, .minicart-sliding.block-minicart .product-items > *, .minicart-sliding.block-mini-wishlist .product-items > *, .minicart-sliding.block-minicart .minicart-items > *, .minicart-sliding.block-mini-wishlist .minicart-items > *, .minicart-sliding .block-mini-wishlist .product-items > *, .minicart-sliding .block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-minicart .product-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-minicart .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > *, .wishlist-wrapper.block-minicart .product-items > *, .wishlist-wrapper.block-mini-wishlist .product-items > *, .wishlist-wrapper.block-minicart .minicart-items > *, .wishlist-wrapper.block-mini-wishlist .minicart-items > *, .wishlist-wrapper .block-mini-wishlist .product-items > *, .wishlist-wrapper .block-mini-wishlist .minicart-items > * { border-top: none; } .minicart-wrapper .block-minicart .product-items > *:not(:last-child), .wishlist-wrapper .block-minicart .product-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper .block-minicart .minicart-items > *:not(:last-child), .wishlist-wrapper .block-minicart .minicart-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-wrapper.block-minicart .product-items > *:not(:last-child), .block-minicart.wishlist-wrapper .product-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper.block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper.block-minicart .minicart-items > *:not(:last-child), .block-minicart.wishlist-wrapper .minicart-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-wrapper.block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-sliding .block-minicart .product-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .product-items > *:not(:last-child), .minicart-sliding .block-minicart .minicart-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-sliding.block-minicart .product-items > *:not(:last-child), .minicart-sliding.block-mini-wishlist .product-items > *:not(:last-child), .minicart-sliding.block-minicart .minicart-items > *:not(:last-child), .minicart-sliding.block-mini-wishlist .minicart-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .product-items > *:not(:last-child), .minicart-sliding .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-minicart .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-minicart .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper.block-minicart .product-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper.block-minicart .minicart-items > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .minicart-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-items > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .minicart-items > *:not(:last-child) { border-bottom: 1px solid #CACACB; } .minicart-wrapper .block-minicart .product-items .details-qty, .wishlist-wrapper .block-minicart .product-items .details-qty, .minicart-wrapper .block-mini-wishlist .product-items .details-qty, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty, .minicart-wrapper .block-minicart .minicart-items .details-qty, .wishlist-wrapper .block-minicart .minicart-items .details-qty, .minicart-wrapper .block-mini-wishlist .minicart-items .details-qty, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty, .minicart-wrapper.block-minicart .product-items .details-qty, .block-minicart.wishlist-wrapper .product-items .details-qty, .wishlist-wrapper.block-mini-wishlist .product-items .details-qty, .minicart-wrapper.block-mini-wishlist .product-items .details-qty, .minicart-wrapper.block-minicart .minicart-items .details-qty, .block-minicart.wishlist-wrapper .minicart-items .details-qty, .wishlist-wrapper.block-mini-wishlist .minicart-items .details-qty, .minicart-wrapper.block-mini-wishlist .minicart-items .details-qty, .minicart-wrapper .block-mini-wishlist .product-items .details-qty, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty, .minicart-wrapper .block-mini-wishlist .minicart-items .details-qty, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty, .minicart-sliding .block-minicart .product-items .details-qty, .minicart-sliding .block-mini-wishlist .product-items .details-qty, .minicart-sliding .block-minicart .minicart-items .details-qty, .minicart-sliding .block-mini-wishlist .minicart-items .details-qty, .minicart-sliding.block-minicart .product-items .details-qty, .minicart-sliding.block-mini-wishlist .product-items .details-qty, .minicart-sliding.block-minicart .minicart-items .details-qty, .minicart-sliding.block-mini-wishlist .minicart-items .details-qty, .minicart-sliding .block-mini-wishlist .product-items .details-qty, .minicart-sliding .block-mini-wishlist .minicart-items .details-qty, .wishlist-wrapper .block-minicart .product-items .details-qty, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty, .wishlist-wrapper .block-minicart .minicart-items .details-qty, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty, .wishlist-wrapper.block-minicart .product-items .details-qty, .wishlist-wrapper.block-mini-wishlist .product-items .details-qty, .wishlist-wrapper.block-minicart .minicart-items .details-qty, .wishlist-wrapper.block-mini-wishlist .minicart-items .details-qty, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty { margin-top: 6px; } .minicart-wrapper .block-minicart .product-items .details-qty > .label, .wishlist-wrapper .block-minicart .product-items .details-qty > .label, .minicart-wrapper .block-mini-wishlist .product-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > .label, .minicart-wrapper .block-minicart .minicart-items .details-qty > .label, .wishlist-wrapper .block-minicart .minicart-items .details-qty > .label, .minicart-wrapper .block-mini-wishlist .minicart-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > .label, .minicart-wrapper.block-minicart .product-items .details-qty > .label, .block-minicart.wishlist-wrapper .product-items .details-qty > .label, .wishlist-wrapper.block-mini-wishlist .product-items .details-qty > .label, .minicart-wrapper.block-mini-wishlist .product-items .details-qty > .label, .minicart-wrapper.block-minicart .minicart-items .details-qty > .label, .block-minicart.wishlist-wrapper .minicart-items .details-qty > .label, .wishlist-wrapper.block-mini-wishlist .minicart-items .details-qty > .label, .minicart-wrapper.block-mini-wishlist .minicart-items .details-qty > .label, .minicart-wrapper .block-mini-wishlist .product-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > .label, .minicart-wrapper .block-mini-wishlist .minicart-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > .label, .minicart-sliding .block-minicart .product-items .details-qty > .label, .minicart-sliding .block-mini-wishlist .product-items .details-qty > .label, .minicart-sliding .block-minicart .minicart-items .details-qty > .label, .minicart-sliding .block-mini-wishlist .minicart-items .details-qty > .label, .minicart-sliding.block-minicart .product-items .details-qty > .label, .minicart-sliding.block-mini-wishlist .product-items .details-qty > .label, .minicart-sliding.block-minicart .minicart-items .details-qty > .label, .minicart-sliding.block-mini-wishlist .minicart-items .details-qty > .label, .minicart-sliding .block-mini-wishlist .product-items .details-qty > .label, .minicart-sliding .block-mini-wishlist .minicart-items .details-qty > .label, .wishlist-wrapper .block-minicart .product-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > .label, .wishlist-wrapper .block-minicart .minicart-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > .label, .wishlist-wrapper.block-minicart .product-items .details-qty > .label, .wishlist-wrapper.block-mini-wishlist .product-items .details-qty > .label, .wishlist-wrapper.block-minicart .minicart-items .details-qty > .label, .wishlist-wrapper.block-mini-wishlist .minicart-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > .label, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > .label { display: none; } .minicart-wrapper .block-minicart .product-items .details-qty > input, .wishlist-wrapper .block-minicart .product-items .details-qty > input, .minicart-wrapper .block-mini-wishlist .product-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > input, .minicart-wrapper .block-minicart .minicart-items .details-qty > input, .wishlist-wrapper .block-minicart .minicart-items .details-qty > input, .minicart-wrapper .block-mini-wishlist .minicart-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > input, .minicart-wrapper.block-minicart .product-items .details-qty > input, .block-minicart.wishlist-wrapper .product-items .details-qty > input, .wishlist-wrapper.block-mini-wishlist .product-items .details-qty > input, .minicart-wrapper.block-mini-wishlist .product-items .details-qty > input, .minicart-wrapper.block-minicart .minicart-items .details-qty > input, .block-minicart.wishlist-wrapper .minicart-items .details-qty > input, .wishlist-wrapper.block-mini-wishlist .minicart-items .details-qty > input, .minicart-wrapper.block-mini-wishlist .minicart-items .details-qty > input, .minicart-wrapper .block-mini-wishlist .product-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > input, .minicart-wrapper .block-mini-wishlist .minicart-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > input, .minicart-sliding .block-minicart .product-items .details-qty > input, .minicart-sliding .block-mini-wishlist .product-items .details-qty > input, .minicart-sliding .block-minicart .minicart-items .details-qty > input, .minicart-sliding .block-mini-wishlist .minicart-items .details-qty > input, .minicart-sliding.block-minicart .product-items .details-qty > input, .minicart-sliding.block-mini-wishlist .product-items .details-qty > input, .minicart-sliding.block-minicart .minicart-items .details-qty > input, .minicart-sliding.block-mini-wishlist .minicart-items .details-qty > input, .minicart-sliding .block-mini-wishlist .product-items .details-qty > input, .minicart-sliding .block-mini-wishlist .minicart-items .details-qty > input, .wishlist-wrapper .block-minicart .product-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > input, .wishlist-wrapper .block-minicart .minicart-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > input, .wishlist-wrapper.block-minicart .product-items .details-qty > input, .wishlist-wrapper.block-mini-wishlist .product-items .details-qty > input, .wishlist-wrapper.block-minicart .minicart-items .details-qty > input, .wishlist-wrapper.block-mini-wishlist .minicart-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .product-items .details-qty > input, .wishlist-wrapper .block-mini-wishlist .minicart-items .details-qty > input { font-size: 13px; } .minicart-wrapper .block-minicart .button-mini-list-item span, .wishlist-wrapper .block-minicart .button-mini-list-item span, .minicart-wrapper .block-mini-wishlist .button-mini-list-item span, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item span, .minicart-wrapper.block-minicart .button-mini-list-item span, .block-minicart.wishlist-wrapper .button-mini-list-item span, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item span, .minicart-wrapper.block-mini-wishlist .button-mini-list-item span, .minicart-wrapper .block-mini-wishlist .button-mini-list-item span, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item span, .minicart-sliding .block-minicart .button-mini-list-item span, .minicart-sliding .block-mini-wishlist .button-mini-list-item span, .minicart-sliding.block-minicart .button-mini-list-item span, .minicart-sliding.block-mini-wishlist .button-mini-list-item span, .minicart-sliding .block-mini-wishlist .button-mini-list-item span, .wishlist-wrapper .block-minicart .button-mini-list-item span, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item span, .wishlist-wrapper.block-minicart .button-mini-list-item span, .wishlist-wrapper.block-mini-wishlist .button-mini-list-item span, .wishlist-wrapper .block-mini-wishlist .button-mini-list-item span { font-size: 11px; } @media (min-width: 640px) { .minicart-wrapper .block-minicart .product-item, .wishlist-wrapper .block-minicart .product-item, .minicart-wrapper .block-mini-wishlist .product-item, .wishlist-wrapper .block-mini-wishlist .product-item, .minicart-wrapper.block-minicart .product-item, .block-minicart.wishlist-wrapper .product-item, .wishlist-wrapper.block-mini-wishlist .product-item, .minicart-wrapper.block-mini-wishlist .product-item, .minicart-wrapper .block-mini-wishlist .product-item, .wishlist-wrapper .block-mini-wishlist .product-item, .minicart-sliding .block-minicart .product-item, .minicart-sliding .block-mini-wishlist .product-item, .minicart-sliding.block-minicart .product-item, .minicart-sliding.block-mini-wishlist .product-item, .minicart-sliding .block-mini-wishlist .product-item, .wishlist-wrapper .block-minicart .product-item, .wishlist-wrapper .block-mini-wishlist .product-item, .wishlist-wrapper.block-minicart .product-item, .wishlist-wrapper.block-mini-wishlist .product-item, .wishlist-wrapper .block-mini-wishlist .product-item { padding-left: 12px; padding-right: 12px; } } .minicart-wrapper .block-minicart .product-item .product, .wishlist-wrapper .block-minicart .product-item .product, .minicart-wrapper .block-mini-wishlist .product-item .product, .wishlist-wrapper .block-mini-wishlist .product-item .product, .minicart-wrapper.block-minicart .product-item .product, .block-minicart.wishlist-wrapper .product-item .product, .wishlist-wrapper.block-mini-wishlist .product-item .product, .minicart-wrapper.block-mini-wishlist .product-item .product, .minicart-wrapper .block-mini-wishlist .product-item .product, .wishlist-wrapper .block-mini-wishlist .product-item .product, .minicart-sliding .block-minicart .product-item .product, .minicart-sliding .block-mini-wishlist .product-item .product, .minicart-sliding.block-minicart .product-item .product, .minicart-sliding.block-mini-wishlist .product-item .product, .minicart-sliding .block-mini-wishlist .product-item .product, .wishlist-wrapper .block-minicart .product-item .product, .wishlist-wrapper .block-mini-wishlist .product-item .product, .wishlist-wrapper.block-minicart .product-item .product, .wishlist-wrapper.block-mini-wishlist .product-item .product, .wishlist-wrapper .block-mini-wishlist .product-item .product { width: auto; } .minicart-wrapper .block-minicart .product-item-photo, .wishlist-wrapper .block-minicart .product-item-photo, .minicart-wrapper .block-mini-wishlist .product-item-photo, .wishlist-wrapper .block-mini-wishlist .product-item-photo, .minicart-wrapper.block-minicart .product-item-photo, .block-minicart.wishlist-wrapper .product-item-photo, .wishlist-wrapper.block-mini-wishlist .product-item-photo, .minicart-wrapper.block-mini-wishlist .product-item-photo, .minicart-wrapper .block-mini-wishlist .product-item-photo, .wishlist-wrapper .block-mini-wishlist .product-item-photo, .minicart-sliding .block-minicart .product-item-photo, .minicart-sliding .block-mini-wishlist .product-item-photo, .minicart-sliding.block-minicart .product-item-photo, .minicart-sliding.block-mini-wishlist .product-item-photo, .minicart-sliding .block-mini-wishlist .product-item-photo, .wishlist-wrapper .block-minicart .product-item-photo, .wishlist-wrapper .block-mini-wishlist .product-item-photo, .wishlist-wrapper.block-minicart .product-item-photo, .wishlist-wrapper.block-mini-wishlist .product-item-photo, .wishlist-wrapper .block-mini-wishlist .product-item-photo { display: block; width: 100%; } .minicart-wrapper .block-minicart .product-item-details, .wishlist-wrapper .block-minicart .product-item-details, .minicart-wrapper .block-mini-wishlist .product-item-details, .wishlist-wrapper .block-mini-wishlist .product-item-details, .minicart-wrapper.block-minicart .product-item-details, .block-minicart.wishlist-wrapper .product-item-details, .wishlist-wrapper.block-mini-wishlist .product-item-details, .minicart-wrapper.block-mini-wishlist .product-item-details, .minicart-wrapper .block-mini-wishlist .product-item-details, .wishlist-wrapper .block-mini-wishlist .product-item-details, .minicart-sliding .block-minicart .product-item-details, .minicart-sliding .block-mini-wishlist .product-item-details, .minicart-sliding.block-minicart .product-item-details, .minicart-sliding.block-mini-wishlist .product-item-details, .minicart-sliding .block-mini-wishlist .product-item-details, .wishlist-wrapper .block-minicart .product-item-details, .wishlist-wrapper .block-mini-wishlist .product-item-details, .wishlist-wrapper.block-minicart .product-item-details, .wishlist-wrapper.block-mini-wishlist .product-item-details, .wishlist-wrapper .block-mini-wishlist .product-item-details { width: 100%; padding-left: 0; } .minicart-wrapper .block-minicart .product-item-details > *:not(:last-child), .wishlist-wrapper .block-minicart .product-item-details > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .product-item-details > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-item-details > *:not(:last-child), .minicart-wrapper.block-minicart .product-item-details > *:not(:last-child), .block-minicart.wishlist-wrapper .product-item-details > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .product-item-details > *:not(:last-child), .minicart-wrapper.block-mini-wishlist .product-item-details > *:not(:last-child), .minicart-wrapper .block-mini-wishlist .product-item-details > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-item-details > *:not(:last-child), .minicart-sliding .block-minicart .product-item-details > *:not(:last-child), .minicart-sliding .block-mini-wishlist .product-item-details > *:not(:last-child), .minicart-sliding.block-minicart .product-item-details > *:not(:last-child), .minicart-sliding.block-mini-wishlist .product-item-details > *:not(:last-child), .minicart-sliding .block-mini-wishlist .product-item-details > *:not(:last-child), .wishlist-wrapper .block-minicart .product-item-details > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-item-details > *:not(:last-child), .wishlist-wrapper.block-minicart .product-item-details > *:not(:last-child), .wishlist-wrapper.block-mini-wishlist .product-item-details > *:not(:last-child), .wishlist-wrapper .block-mini-wishlist .product-item-details > *:not(:last-child) { margin-bottom: 12px; } .minicart-wrapper .block-minicart .product-item-details .price, .wishlist-wrapper .block-minicart .product-item-details .price, .minicart-wrapper .block-mini-wishlist .product-item-details .price, .wishlist-wrapper .block-mini-wishlist .product-item-details .price, .minicart-wrapper.block-minicart .product-item-details .price, .block-minicart.wishlist-wrapper .product-item-details .price, .wishlist-wrapper.block-mini-wishlist .product-item-details .price, .minicart-wrapper.block-mini-wishlist .product-item-details .price, .minicart-wrapper .block-mini-wishlist .product-item-details .price, .wishlist-wrapper .block-mini-wishlist .product-item-details .price, .minicart-sliding .block-minicart .product-item-details .price, .minicart-sliding .block-mini-wishlist .product-item-details .price, .minicart-sliding.block-minicart .product-item-details .price, .minicart-sliding.block-mini-wishlist .product-item-details .price, .minicart-sliding .block-mini-wishlist .product-item-details .price, .wishlist-wrapper .block-minicart .product-item-details .price, .wishlist-wrapper .block-mini-wishlist .product-item-details .price, .wishlist-wrapper.block-minicart .product-item-details .price, .wishlist-wrapper.block-mini-wishlist .product-item-details .price, .wishlist-wrapper .block-mini-wishlist .product-item-details .price { font-weight: inherit; font-size: 14px; } .minicart-wrapper .block-minicart .product-item-details .product-item-name, .wishlist-wrapper .block-minicart .product-item-details .product-item-name, .minicart-wrapper .block-mini-wishlist .product-item-details .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-name, .minicart-wrapper.block-minicart .product-item-details .product-item-name, .block-minicart.wishlist-wrapper .product-item-details .product-item-name, .wishlist-wrapper.block-mini-wishlist .product-item-details .product-item-name, .minicart-wrapper.block-mini-wishlist .product-item-details .product-item-name, .minicart-wrapper .block-mini-wishlist .product-item-details .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-name, .minicart-sliding .block-minicart .product-item-details .product-item-name, .minicart-sliding .block-mini-wishlist .product-item-details .product-item-name, .minicart-sliding.block-minicart .product-item-details .product-item-name, .minicart-sliding.block-mini-wishlist .product-item-details .product-item-name, .minicart-sliding .block-mini-wishlist .product-item-details .product-item-name, .wishlist-wrapper .block-minicart .product-item-details .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-name, .wishlist-wrapper.block-minicart .product-item-details .product-item-name, .wishlist-wrapper.block-mini-wishlist .product-item-details .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-name { margin-bottom: 0; } .minicart-wrapper .block-minicart .product-item-details .product-item-pricing, .wishlist-wrapper .block-minicart .product-item-details .product-item-pricing, .minicart-wrapper .block-mini-wishlist .product-item-details .product-item-pricing, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-pricing, .minicart-wrapper.block-minicart .product-item-details .product-item-pricing, .block-minicart.wishlist-wrapper .product-item-details .product-item-pricing, .wishlist-wrapper.block-mini-wishlist .product-item-details .product-item-pricing, .minicart-wrapper.block-mini-wishlist .product-item-details .product-item-pricing, .minicart-wrapper .block-mini-wishlist .product-item-details .product-item-pricing, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-pricing, .minicart-sliding .block-minicart .product-item-details .product-item-pricing, .minicart-sliding .block-mini-wishlist .product-item-details .product-item-pricing, .minicart-sliding.block-minicart .product-item-details .product-item-pricing, .minicart-sliding.block-mini-wishlist .product-item-details .product-item-pricing, .minicart-sliding .block-mini-wishlist .product-item-details .product-item-pricing, .wishlist-wrapper .block-minicart .product-item-details .product-item-pricing, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-pricing, .wishlist-wrapper.block-minicart .product-item-details .product-item-pricing, .wishlist-wrapper.block-mini-wishlist .product-item-details .product-item-pricing, .wishlist-wrapper .block-mini-wishlist .product-item-details .product-item-pricing { margin-bottom: 6px; } .minicart-wrapper .block-minicart .product-item-name, .wishlist-wrapper .block-minicart .product-item-name, .minicart-wrapper .block-mini-wishlist .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-name, .minicart-wrapper .block-minicart .product-item-name a, .wishlist-wrapper .block-minicart .product-item-name a, .minicart-wrapper .block-mini-wishlist .product-item-name a, .wishlist-wrapper .block-mini-wishlist .product-item-name a, .minicart-wrapper.block-minicart .product-item-name, .block-minicart.wishlist-wrapper .product-item-name, .wishlist-wrapper.block-mini-wishlist .product-item-name, .minicart-wrapper.block-mini-wishlist .product-item-name, .minicart-wrapper.block-minicart .product-item-name a, .block-minicart.wishlist-wrapper .product-item-name a, .wishlist-wrapper.block-mini-wishlist .product-item-name a, .minicart-wrapper.block-mini-wishlist .product-item-name a, .minicart-wrapper .block-mini-wishlist .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-name, .minicart-wrapper .block-mini-wishlist .product-item-name a, .wishlist-wrapper .block-mini-wishlist .product-item-name a, .minicart-sliding .block-minicart .product-item-name, .minicart-sliding .block-mini-wishlist .product-item-name, .minicart-sliding .block-minicart .product-item-name a, .minicart-sliding .block-mini-wishlist .product-item-name a, .minicart-sliding.block-minicart .product-item-name, .minicart-sliding.block-mini-wishlist .product-item-name, .minicart-sliding.block-minicart .product-item-name a, .minicart-sliding.block-mini-wishlist .product-item-name a, .minicart-sliding .block-mini-wishlist .product-item-name, .minicart-sliding .block-mini-wishlist .product-item-name a, .wishlist-wrapper .block-minicart .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-name, .wishlist-wrapper .block-minicart .product-item-name a, .wishlist-wrapper .block-mini-wishlist .product-item-name a, .wishlist-wrapper.block-minicart .product-item-name, .wishlist-wrapper.block-mini-wishlist .product-item-name, .wishlist-wrapper.block-minicart .product-item-name a, .wishlist-wrapper.block-mini-wishlist .product-item-name a, .wishlist-wrapper .block-mini-wishlist .product-item-name, .wishlist-wrapper .block-mini-wishlist .product-item-name a { font-size: 14px; } .minicart-wrapper .block-minicart .product.options, .wishlist-wrapper .block-minicart .product.options, .minicart-wrapper .block-mini-wishlist .product.options, .wishlist-wrapper .block-mini-wishlist .product.options, .minicart-wrapper.block-minicart .product.options, .block-minicart.wishlist-wrapper .product.options, .wishlist-wrapper.block-mini-wishlist .product.options, .minicart-wrapper.block-mini-wishlist .product.options, .minicart-wrapper .block-mini-wishlist .product.options, .wishlist-wrapper .block-mini-wishlist .product.options, .minicart-sliding .block-minicart .product.options, .minicart-sliding .block-mini-wishlist .product.options, .minicart-sliding.block-minicart .product.options, .minicart-sliding.block-mini-wishlist .product.options, .minicart-sliding .block-mini-wishlist .product.options, .wishlist-wrapper .block-minicart .product.options, .wishlist-wrapper .block-mini-wishlist .product.options, .wishlist-wrapper.block-minicart .product.options, .wishlist-wrapper.block-mini-wishlist .product.options, .wishlist-wrapper .block-mini-wishlist .product.options { flex-wrap: wrap; -ms-flex-wrap: wrap; margin-bottom: 0; } .minicart-wrapper .block-minicart .product.options.list, .wishlist-wrapper .block-minicart .product.options.list, .minicart-wrapper .block-mini-wishlist .product.options.list, .wishlist-wrapper .block-mini-wishlist .product.options.list, .minicart-wrapper.block-minicart .product.options.list, .block-minicart.wishlist-wrapper .product.options.list, .wishlist-wrapper.block-mini-wishlist .product.options.list, .minicart-wrapper.block-mini-wishlist .product.options.list, .minicart-wrapper .block-mini-wishlist .product.options.list, .wishlist-wrapper .block-mini-wishlist .product.options.list, .minicart-sliding .block-minicart .product.options.list, .minicart-sliding .block-mini-wishlist .product.options.list, .minicart-sliding.block-minicart .product.options.list, .minicart-sliding.block-mini-wishlist .product.options.list, .minicart-sliding .block-mini-wishlist .product.options.list, .wishlist-wrapper .block-minicart .product.options.list, .wishlist-wrapper .block-mini-wishlist .product.options.list, .wishlist-wrapper.block-minicart .product.options.list, .wishlist-wrapper.block-mini-wishlist .product.options.list, .wishlist-wrapper .block-mini-wishlist .product.options.list { padding-top: 0; margin-bottom: 0; } .minicart-wrapper .block-minicart .product.options.active, .wishlist-wrapper .block-minicart .product.options.active, .minicart-wrapper .block-mini-wishlist .product.options.active, .wishlist-wrapper .block-mini-wishlist .product.options.active, .minicart-wrapper.block-minicart .product.options.active, .block-minicart.wishlist-wrapper .product.options.active, .wishlist-wrapper.block-mini-wishlist .product.options.active, .minicart-wrapper.block-mini-wishlist .product.options.active, .minicart-wrapper .block-mini-wishlist .product.options.active, .wishlist-wrapper .block-mini-wishlist .product.options.active, .minicart-sliding .block-minicart .product.options.active, .minicart-sliding .block-mini-wishlist .product.options.active, .minicart-sliding.block-minicart .product.options.active, .minicart-sliding.block-mini-wishlist .product.options.active, .minicart-sliding .block-mini-wishlist .product.options.active, .wishlist-wrapper .block-minicart .product.options.active, .wishlist-wrapper .block-mini-wishlist .product.options.active, .wishlist-wrapper.block-minicart .product.options.active, .wishlist-wrapper.block-mini-wishlist .product.options.active, .wishlist-wrapper .block-mini-wishlist .product.options.active { display: inline-block; } .minicart-wrapper .block-minicart .product.options .subtitle, .wishlist-wrapper .block-minicart .product.options .subtitle, .minicart-wrapper .block-mini-wishlist .product.options .subtitle, .wishlist-wrapper .block-mini-wishlist .product.options .subtitle, .minicart-wrapper.block-minicart .product.options .subtitle, .block-minicart.wishlist-wrapper .product.options .subtitle, .wishlist-wrapper.block-mini-wishlist .product.options .subtitle, .minicart-wrapper.block-mini-wishlist .product.options .subtitle, .minicart-wrapper .block-mini-wishlist .product.options .subtitle, .wishlist-wrapper .block-mini-wishlist .product.options .subtitle, .minicart-sliding .block-minicart .product.options .subtitle, .minicart-sliding .block-mini-wishlist .product.options .subtitle, .minicart-sliding.block-minicart .product.options .subtitle, .minicart-sliding.block-mini-wishlist .product.options .subtitle, .minicart-sliding .block-mini-wishlist .product.options .subtitle, .wishlist-wrapper .block-minicart .product.options .subtitle, .wishlist-wrapper .block-mini-wishlist .product.options .subtitle, .wishlist-wrapper.block-minicart .product.options .subtitle, .wishlist-wrapper.block-mini-wishlist .product.options .subtitle, .wishlist-wrapper .block-mini-wishlist .product.options .subtitle { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } .minicart-wrapper .block-minicart .product.options .label, .wishlist-wrapper .block-minicart .product.options .label, .minicart-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .minicart-wrapper.block-minicart .product.options .label, .block-minicart.wishlist-wrapper .product.options .label, .wishlist-wrapper.block-mini-wishlist .product.options .label, .minicart-wrapper.block-mini-wishlist .product.options .label, .minicart-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .minicart-sliding .block-minicart .product.options .label, .minicart-sliding .block-mini-wishlist .product.options .label, .minicart-sliding.block-minicart .product.options .label, .minicart-sliding.block-mini-wishlist .product.options .label, .minicart-sliding .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-minicart .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper.block-minicart .product.options .label, .wishlist-wrapper.block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label { width: 35%; } .minicart-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-wrapper.block-minicart .product.options .values, .block-minicart.wishlist-wrapper .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-sliding .block-minicart .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .minicart-sliding.block-minicart .product.options .values, .minicart-sliding.block-mini-wishlist .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper.block-minicart .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values { width: 65%; } .minicart-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-wrapper.block-minicart .product.options .values, .block-minicart.wishlist-wrapper .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-sliding .block-minicart .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .minicart-sliding.block-minicart .product.options .values, .minicart-sliding.block-mini-wishlist .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper.block-minicart .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values { margin-left: 0; } .minicart-wrapper .block-minicart .product.options .label, .wishlist-wrapper .block-minicart .product.options .label, .minicart-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .minicart-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-wrapper.block-minicart .product.options .label, .block-minicart.wishlist-wrapper .product.options .label, .wishlist-wrapper.block-mini-wishlist .product.options .label, .minicart-wrapper.block-mini-wishlist .product.options .label, .minicart-wrapper.block-minicart .product.options .values, .block-minicart.wishlist-wrapper .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-sliding .block-minicart .product.options .label, .minicart-sliding .block-mini-wishlist .product.options .label, .minicart-sliding .block-minicart .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .minicart-sliding.block-minicart .product.options .label, .minicart-sliding.block-mini-wishlist .product.options .label, .minicart-sliding.block-minicart .product.options .values, .minicart-sliding.block-mini-wishlist .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .label, .minicart-sliding .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-minicart .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper.block-minicart .product.options .label, .wishlist-wrapper.block-mini-wishlist .product.options .label, .wishlist-wrapper.block-minicart .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .values { font-size: 14px; } .minicart-wrapper .block-minicart .product.options .label, .wishlist-wrapper .block-minicart .product.options .label, .minicart-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .minicart-wrapper.block-minicart .product.options .label, .block-minicart.wishlist-wrapper .product.options .label, .wishlist-wrapper.block-mini-wishlist .product.options .label, .minicart-wrapper.block-mini-wishlist .product.options .label, .minicart-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .minicart-sliding .block-minicart .product.options .label, .minicart-sliding .block-mini-wishlist .product.options .label, .minicart-sliding.block-minicart .product.options .label, .minicart-sliding.block-mini-wishlist .product.options .label, .minicart-sliding .block-mini-wishlist .product.options .label, .wishlist-wrapper .block-minicart .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label, .wishlist-wrapper.block-minicart .product.options .label, .wishlist-wrapper.block-mini-wishlist .product.options .label, .wishlist-wrapper .block-mini-wishlist .product.options .label { color: #47474A; } .minicart-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-wrapper.block-minicart .product.options .values, .block-minicart.wishlist-wrapper .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper.block-mini-wishlist .product.options .values, .minicart-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .minicart-sliding .block-minicart .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .minicart-sliding.block-minicart .product.options .values, .minicart-sliding.block-mini-wishlist .product.options .values, .minicart-sliding .block-mini-wishlist .product.options .values, .wishlist-wrapper .block-minicart .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values, .wishlist-wrapper.block-minicart .product.options .values, .wishlist-wrapper.block-mini-wishlist .product.options .values, .wishlist-wrapper .block-mini-wishlist .product.options .values { font-weight: 300; width: 100%; } .minicart-wrapper .block-minicart .product.actions, .wishlist-wrapper .block-minicart .product.actions, .minicart-wrapper .block-mini-wishlist .product.actions, .wishlist-wrapper .block-mini-wishlist .product.actions, .minicart-wrapper.block-minicart .product.actions, .block-minicart.wishlist-wrapper .product.actions, .wishlist-wrapper.block-mini-wishlist .product.actions, .minicart-wrapper.block-mini-wishlist .product.actions, .minicart-wrapper .block-mini-wishlist .product.actions, .wishlist-wrapper .block-mini-wishlist .product.actions, .minicart-sliding .block-minicart .product.actions, .minicart-sliding .block-mini-wishlist .product.actions, .minicart-sliding.block-minicart .product.actions, .minicart-sliding.block-mini-wishlist .product.actions, .minicart-sliding .block-mini-wishlist .product.actions, .wishlist-wrapper .block-minicart .product.actions, .wishlist-wrapper .block-mini-wishlist .product.actions, .wishlist-wrapper.block-minicart .product.actions, .wishlist-wrapper.block-mini-wishlist .product.actions, .wishlist-wrapper .block-mini-wishlist .product.actions { float: none; margin-top: 0; text-align: left; } .minicart-wrapper .block-minicart .product.actions .action.edit:before, .wishlist-wrapper .block-minicart .product.actions .action.edit:before, .minicart-wrapper .block-mini-wishlist .product.actions .action.edit:before, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit:before, .minicart-wrapper.block-minicart .product.actions .action.edit:before, .block-minicart.wishlist-wrapper .product.actions .action.edit:before, .wishlist-wrapper.block-mini-wishlist .product.actions .action.edit:before, .minicart-wrapper.block-mini-wishlist .product.actions .action.edit:before, .minicart-wrapper .block-mini-wishlist .product.actions .action.edit:before, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit:before, .minicart-sliding .block-minicart .product.actions .action.edit:before, .minicart-sliding .block-mini-wishlist .product.actions .action.edit:before, .minicart-sliding.block-minicart .product.actions .action.edit:before, .minicart-sliding.block-mini-wishlist .product.actions .action.edit:before, .minicart-sliding .block-mini-wishlist .product.actions .action.edit:before, .wishlist-wrapper .block-minicart .product.actions .action.edit:before, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit:before, .wishlist-wrapper.block-minicart .product.actions .action.edit:before, .wishlist-wrapper.block-mini-wishlist .product.actions .action.edit:before, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit:before { content: ''; } .minicart-wrapper .block-minicart .product.actions .action.edit > span, .wishlist-wrapper .block-minicart .product.actions .action.edit > span, .minicart-wrapper .block-mini-wishlist .product.actions .action.edit > span, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit > span, .minicart-wrapper.block-minicart .product.actions .action.edit > span, .block-minicart.wishlist-wrapper .product.actions .action.edit > span, .wishlist-wrapper.block-mini-wishlist .product.actions .action.edit > span, .minicart-wrapper.block-mini-wishlist .product.actions .action.edit > span, .minicart-wrapper .block-mini-wishlist .product.actions .action.edit > span, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit > span, .minicart-sliding .block-minicart .product.actions .action.edit > span, .minicart-sliding .block-mini-wishlist .product.actions .action.edit > span, .minicart-sliding.block-minicart .product.actions .action.edit > span, .minicart-sliding.block-mini-wishlist .product.actions .action.edit > span, .minicart-sliding .block-mini-wishlist .product.actions .action.edit > span, .wishlist-wrapper .block-minicart .product.actions .action.edit > span, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit > span, .wishlist-wrapper.block-minicart .product.actions .action.edit > span, .wishlist-wrapper.block-mini-wishlist .product.actions .action.edit > span, .wishlist-wrapper .block-mini-wishlist .product.actions .action.edit > span { width: auto; height: auto; clip: auto; position: relative; } .wishlist-wrapper .tocart { background: none; border: none; padding: 0; color: #00B1B0; font-weight: 400; } .wishlist-wrapper .tocart:focus, .wishlist-wrapper .tocart:active, .wishlist-wrapper .tocart:hover { background: none; border: none; color: #00B1B0; } .block-search .label { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } .block-search .actions { display: none; } .modal-popup.modal-slide { left: 0; } @media (min-width: 768px) and (max-width: 1023px) { .modal-popup.modal-slide { left: 14.8rem; } } .modal-popup .modal-title { letter-spacing: 0; } .dcw__layout--50-50 .dcw__multicol__item:nth-child(1) { width: 50%; } .dcw__layout--50-50 .dcw__multicol__item:nth-child(2) { width: 50%; } .dcw__layout--60-40 .dcw__multicol__item:nth-child(1) { width: 60%; } .dcw__layout--60-40 .dcw__multicol__item:nth-child(2) { width: 40%; } .dcw__layout--30-70 .dcw__multicol__item:nth-child(1) { width: 30%; } .dcw__layout--30-70 .dcw__multicol__item:nth-child(2) { width: 70%; } .dcw__layout--70-30 .dcw__multicol__item:nth-child(1) { width: 70%; } .dcw__layout--70-30 .dcw__multicol__item:nth-child(2) { width: 30%; } .dcw__layout--33-33-33 .dcw__multicol__item:nth-child(1) { width: 33.33%; } .dcw__layout--33-33-33 .dcw__multicol__item:nth-child(2) { width: 33.33%; } .dcw__layout--33-33-33 .dcw__multicol__item:nth-child(3) { width: 33.33%; } .dcw__layout--50-25-25 .dcw__multicol__item:nth-child(1) { width: 50%; } .dcw__layout--50-25-25 .dcw__multicol__item:nth-child(2) { width: 25%; } .dcw__layout--50-25-25 .dcw__multicol__item:nth-child(3) { width: 25%; } @media (max-width: 767px) { .dcw__widget.dcw__widget__multicol { display: block; } .dcw__widget.dcw__widget__multicol .dcw__multicol__item { width: 100%; } } .dcw__multicol__item .dcw__item-wrapper { width: 100%; height: 100%; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-drection: column; } .dcw__layout--100 .dcw__items { width: 100%; } .dcw__layout--100 .dcw__item-wrapper { padding: 0; } @media (max-width: 767px) { .dcw__widget__item-count--2 .dcw__multicol__item:last-child { margin-top: 22px; } } @media (min-width: 768px) { .dcw__widget__item-count--2 .dcw__multicol__item:first-child { padding-right: 12px; } .dcw__widget__item-count--2 .dcw__multicol__item:last-child { padding-left: 12px; } } @media (min-width: 1024px) { .dcw__widget__item-count--2 .dcw__multicol__item:first-child { padding-right: 24px; } .dcw__widget__item-count--2 .dcw__multicol__item:last-child { padding-left: 24px; } } @media (min-width: 768px) and (max-width: 1365px) { .dcw__widget.dcw__widget__multicol.dcw__layout--70-30 .dcw__multicol__item, .dcw__widget.dcw__widget__multicol.dcw__layout--30-70 .dcw__multicol__item { width: 50%; } } @media (max-width: 767px) { .dcw__widget__item-count--3 .dcw__multicol__item:nth-child(2) { margin-top: 30px; } } @media (max-width: 1023px) { .dcw__widget__item-count--3 .dcw__multicol__item:last-child { margin-top: 30px; } } @media (min-width: 768px) { .dcw__widget__item-count--3 .dcw__multicol__item:first-child { padding-right: 12px; } .dcw__widget__item-count--3 .dcw__multicol__item:nth-child(2) { padding-left: 12px; } } @media (min-width: 1024px) { .dcw__widget__item-count--3 .dcw__multicol__item:first-child { padding-right: 12px; } .dcw__widget__item-count--3 .dcw__multicol__item:last-child { padding-left: 12px; } .dcw__widget__item-count--3 .dcw__multicol__item:nth-child(2) { padding-left: 6px; padding-right: 6px; } } @media (min-width: 1366px) { .dcw__widget__item-count--3 .dcw__multicol__item:first-child { padding-right: 24px; } .dcw__widget__item-count--3 .dcw__multicol__item:last-child { padding-left: 24px; } .dcw__widget__item-count--3 .dcw__multicol__item:nth-child(2) { padding-left: 12px; padding-right: 12px; } } @media (max-width: 1023px) { .dcw__widget__item-count--3.dcw__height__static { height: auto; } .dcw__widget__item-count--3.dcw__height__static .dcw__multicol__items { position: relative; } } @media (min-width: 768px) { .dcw__content-layout.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--left.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--default.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--left.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--left.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles--nopadding.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--left.dcw__multicol__item--image-only .dcw__image-wrapper { background-position: center left; } .dcw__content-layout.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--center.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--default.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--center.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--center.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles--nopadding.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--center.dcw__multicol__item--image-only .dcw__image-wrapper { background-position: center center; } .dcw__content-layout.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--right.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--default.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--right.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--right.dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles--nopadding.dcw__widget__multicol:not(.dcw__widget__item-count--1) .dcw__text-align--right.dcw__multicol__item--image-only .dcw__image-wrapper { background-position: center right; } } .dcw__content-layout--img-bg .dcw__item-content:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 5; z-index: -1; } .dcw__content-layout--img-bg--cell .dcw__item-content:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.25); z-index: 5; z-index: -1; } .dcw__content-layout--img-bg--cell.dcw__button-style--text .dcw__item-link, .dcw__content-layout--img-bg--cell .dcw__button-style--text_no-arrow .dcw__item-link { font-size: 11px; font-weight: 100; } .dcw__content-layout--img-bg--cell .dcw__item-content { display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-drection: column; justify-content: space-between; -ms-flex-pack: space-between; padding: 48px; } @media (max-width: 767px) { .dcw__content-layout--img-bg--cell.dcw__height__static.dcw__normal__widget .dcw__multicol__item { padding-bottom: 100%; } .dcw__content-layout--img-bg--cell.dcw__height__static.dcw__normal__widget .dcw__multicol__item .dcw__item-wrapper { position: absolute; } } @media (min-width: 768px) and (max-width: 1023px) { .dcw__content-layout--img-bg--cell.dcw__height__static.dcw__normal__widget .dcw__multicol__item { min-height: 47.3vw; } } @media (min-width: 1024px) { .dcw__content-layout--img-bg--cell.dcw__height__static.dcw__normal__widget { height: 32vw; max-height: 400px; } } @media (min-width: 1366px) { .dcw__content-layout--img-bg--cell .dcw__multicol__item:first-child { padding-right: 12px; } .dcw__content-layout--img-bg--cell .dcw__multicol__item:last-child { padding-left: 12px; } .dcw__content-layout--img-bg--cell .dcw__multicol__item:nth-child(2) { padding-left: 12px; padding-right: 12px; } } .dcw__content-layout--tiles .dcw__item-content { padding-top: 12px; padding-bottom: 12px; } @media (min-width: 768px) { .dcw__content-layout--tiles .dcw__item-content { padding-top: 43px; padding-bottom: 43px; } } @media (min-width: 1024px) { .dcw__content-layout--tiles .dcw__item-content { padding-top: 96px; padding-bottom: 96px; } } @media (min-width: 1366px) { .dcw__content-layout--tiles .dcw__item-content { padding-top: 129.6px; padding-bottom: 129.6px; } } .dcw__content-layout--tiles .dcw__multicol__item--image-only .dcw__image-wrapper { background-size: cover; } .dcw__content-layout--tiles--nopadding .dcw__multicol__item--image-only .dcw__image-wrapper, .dcw__content-layout--tiles--nopadding-nospacing .dcw__multicol__item--image-only .dcw__image-wrapper { background-size: cover; } .dcw__content-layout--floatign-img-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; } .dcw__content-layout--floatign-img-bg .dcw__item-content { background: #FFFFFF; padding: 48px; bottom: auto; text-align: left; } .dcw__content-layout--floatign-img-bg.dcw__align--bottom { margin-bottom: 240px; } .dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-content { bottom: -192px; top: auto; } .dcw__content-layout--floatign-img-bg.dcw__align--top { margin-top: 240px; } .dcw__content-layout--floatign-img-bg.dcw__align--top .dcw__item-content { top: -192px; } @media (min-width: 768px) { .dcw__content-layout--floatign-img-bg .dcw__item-content { position: absolute; top: 50%; transform: translate(0, -50%); width: 50%; text-align: left; } .dcw__content-layout--floatign-img-bg .dcw__multicol__item { padding-bottom: 50%; } .dcw__content-layout--floatign-img-bg.dcw__align--left .dcw__item-content, .custom-slider .owl-carousel .banner-item .dcw__content-layout--floatign-img-bg.content_slider .dcw__item-content { left: 0; right: auto; } .dcw__content-layout--floatign-img-bg.dcw__align--center .dcw__item-content { left: 0; right: 0; margin: auto; } .dcw__content-layout--floatign-img-bg.dcw__align--right .dcw__item-content { left: auto; right: 0; } .dcw__content-layout--floatign-img-bg.dcw__align--bottom { margin-bottom: 192px; } .dcw__content-layout--floatign-img-bg.dcw__align--bottom .dcw__item-content { bottom: -96px; top: auto; transform: none; } .dcw__content-layout--floatign-img-bg.dcw__align--top { margin-top: 192px; } .dcw__content-layout--floatign-img-bg.dcw__align--top .dcw__item-content { top: -96px; transform: none; } } @media (min-width: 1024px) { .dcw__content-layout--floatign-img-bg .dcw__item-content { padding: 96px; } } @media (min-width: 768px) { .dcw__content-layout--pull-top .dcw__multicol__item:first-of-type { margin-top: -96px; } .dcw__content-layout--pull-top .dcw__multicol__item:first-of-type, .dcw__content-layout--pull-top .dcw__multicol__item:first-of-type:after { z-index: 1; } .dcw__content-layout--pull-top .dcw__multicol__item:first-of-type:after { content: ''; display: block; width: 100%; height: 100%; left: -100%; top: 0; bottom: 0; background-color: #00B1B0; position: absolute; } } @media (min-width: 640px) { .dcw__content-layout--pull-top .dcw__multicol__item:first-of-type .dcw__item-content { padding-left: 0; } } .newsletter-subscription__content { margin-bottom: 24px; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .newsletter-subscription__label { font-weight: 500; } .newsletter-subscription__body { font-weight: 300; } .newsletter-subscription__error { margin: 0; font-size: 14px; font-weight: 500; } .newsletter-subscription__input-wrapper { position: relative; margin-bottom: 24px; } .newsletter-subscription__input-wrapper:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 9px; } .newsletter-subscription .newsletter-subscription__input { border: none; background: transparent; padding-left: 36px; transition: border 250ms linear; } .newsletter-subscription .newsletter-subscription__input:focus { box-shadow: none; border-bottom-width: 4px; } .newsletter-subscription--generic { background: #33c1c0; color: #FFFFFF; } .newsletter-subscription--generic .newsletter-subscription__inner { padding-top: 48px; padding-bottom: 48px; } .newsletter-subscription--generic .newsletter-subscription__content { font-size: 18px; } .newsletter-subscription--generic .newsletter-subscription__input-wrapper:before { color: rgba(255, 255, 255, 0.6); } .newsletter-subscription--generic .newsletter-subscription__input { border-bottom: 2px solid rgba(255, 255, 255, 0.6); color: #FFFFFF; } .newsletter-subscription--homepage .newsletter-subscription__inner { padding-bottom: 96px; padding-top: 30px; } .newsletter-subscription--homepage .newsletter-subscription__content { font-size: 25px; line-height: 1.3; } .newsletter-subscription--homepage .newsletter-subscription__input-wrapper:before { color: #00B1B0; } .newsletter-subscription--homepage .newsletter-subscription__input { border-bottom: 2px solid rgba(51, 51, 51, 0.6); color: rgba(51, 51, 51, 0.6); } @media (min-width: 768px) { .newsletter-subscription__form { display: flex; display: -ms-flexbox; align-items: center; } .newsletter-subscription__input-wrapper { flex: 1; -ms-flex: 1; margin-right: 24px; margin-bottom: 0; } } @media (min-width: 1024px) { .newsletter-subscription__inner { display: flex; display: -ms-flexbox; align-items: center; } .newsletter-subscription--generic .newsletter-subscription__content { margin-left: 33.33%; margin-right: 48px; } .newsletter-subscription--homepage .newsletter-subscription__content { max-width: 40%; margin-right: 96px; } .newsletter-subscription__content { margin-bottom: 0; } .newsletter-subscription__form { flex: 1; -ms-flex: 1; } } .kc.notification { padding: 20px; text-align: center; position: relative; z-index: 13; } .kc.notification.dcw__bg_colour--default { background: #FFFFFF; } .kc.notification.dcw__colour--default, .kc.notification.dcw__colour--default a { color: #FFFFFF; } .kc.notification.dcw__colour--primary, .kc.notification.dcw__colour--primary a { color: #333333; } .kc.notification.dcw__colour--secondary, .kc.notification.dcw__colour--secondary a { color: #FFFFFF; } .kc.notification.dcw__colour--tertiary, .kc.notification.dcw__colour--tertiary a { color: #00B1B0; } .kc.notification.kc-font-weight--normal { font-weight: 100; } .kc.notification.kc-font-weight--bold { font-weight: 500; } .kc.notification.kc-font-weight--bolder { font-weight: 700; } @media (min-width: 768px) { .kc.notification .view-all { position: absolute; right: 20px; top: 15px; } } .order-simple__header { text-transform: uppercase; margin-bottom: 0; } .order-simple__date { font-size: 28px; } .order-simple__status { margin-bottom: 24px; color: #00B1B0; } .order-simple--center { text-align: center; } .order-simple__carousel .owl-controls .owl-dots { bottom: 0; position: relative; } .order-graph { font-family: "Montserrat", sans-serif; } .order-graph, .order-graph a { color: #FFFFFF; } .order-graph__account-header { display: inline-block; text-transform: capitalize; margin-bottom: 0; } .order-graph__header { display: inline-block; text-transform: uppercase; font-size: 12px; margin-bottom: 24px; } .order-graph__trend-container { margin-bottom: 24px; } .order-graph__trend { display: inline-block; margin-left: 12px; } .order-graph__trend-icon { display: inline-block; margin-left: 12px; } .order-graph__trend-icon:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .order-graph__trend-icon--positive { transform: rotate(270deg); color: #CDEAA1; } .order-graph__trend-icon--negative { transform: rotate(90deg); color: #ED5D67; } .order-graph__chart { margin-bottom: 24px; } @media (min-width: 768px) { .order-graph__chart { margin-bottom: 0; } } .order-process { text-align: center; padding-top: 64px; padding-bottom: 64px; } .order-process__title { margin-bottom: 48px; } .order-process__steps { margin: 0 auto 48px; max-width: 980px; } .order-process__step { text-align: center; } .order-process__step-arrow:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #6D6E72; display: block; transform: rotate(90deg); margin: 48px 0; text-align: center; } .order-process__step-icon { font-size: 48px; line-height: 1; display: block; width: 1em; height: 1em; padding: 24px; box-sizing: content-box; background: #FFFFFF; border-radius: 50%; color: #00B1B0; margin: 0 auto 24px; } .order-process__step-icon--create:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .order-process__step-icon--processed:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .order-process__step-icon--packed:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .order-process__step-icon--delivered:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .order-process__step-text { color: #6D6E72; text-transform: uppercase; font-weight: 500; max-width: 96px; display: inline-block; } @media (min-width: 768px) { .order-process__steps { display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: space-between; } .order-process__step-arrow:after { transform: none; } } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step, .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow { animation: fadeInUp; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(1), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(1) { animation-delay: 0.3s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(2), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(2) { animation-delay: 0.6s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(3), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(3) { animation-delay: 0.9s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(4), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(4) { animation-delay: 1.2s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(5), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(5) { animation-delay: 1.5s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(6), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(6) { animation-delay: 1.8s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(7), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(7) { animation-delay: 2.1s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(8), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(8) { animation-delay: 2.4s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(9), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(9) { animation-delay: 2.7s; } .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step:nth-child(10), .order-process.dcw__anim_progressiveFadeInUp .order-process__steps .order-process__step-arrow:nth-child(10) { animation-delay: 3s; } .order-process.dcw__anim_progressiveFadeInUp.dcw_animated .order-process__steps .order-process__step, .order-process.dcw__anim_progressiveFadeInUp.dcw_animated .order-process__steps .order-process__step-arrow { animation-play-state: running; } @media (max-width: 1023px) { .page-wrapper--open, .nav-open .page-wrapper { left: 0; } } .product-page .product-info-price, .product-page .product-details .price-box.price-configured_price { font-size: 21px; } .product-page .product-info-price .price-box, .product-page .product-details .price-box.price-configured_price .price-box { margin-top: 0; } .product-page .product-info-price .price-wrapper .price, .product-page .product-info-price .price-container, .product-page .product-details .price-box.price-configured_price .price-wrapper .price, .product-page .product-details .price-box.price-configured_price .price-container { line-height: inherit; font-size: inherit; font-weight: inherit; } @media (min-width: 1024px) { .product-page .product-info-price, .product-page .product-details .price-box.price-configured_price { font-size: 28px; } } .page-products .products.grid { margin: 12px 0; } @media (min-width: 1024px) { .page-products .products.grid { margin: 24px 0; } } .page-products .products.grid .products.list { visibility: visible; } .page-products .products.grid .products.list .product-item { position: relative; width: 100%; margin-bottom: 30px; margin-left: 0; padding: 0; max-width: none; max-height: none; } .page-products .products.grid .products.list .product-item img.image { max-width: 100%; } @media (min-width: 480px) { .page-products .products.grid .products.list .product-item img.image { height: auto; width: auto; } } @media (min-width: 640px) { .page-products .products.grid .products.list .product-item { width: 50%; } .page-products .products.grid .products.list .product-item:nth-child(2n + 1) { margin-left: 0; } .page-products .products.grid .products.list .product-item img.image { height: auto; width: auto; } } @media (min-width: 768px) { .page-products .products.grid .products.list .product-item { width: 33.33%; } .page-products .products.grid .products.list .product-item:nth-child(3n + 1) { margin-left: 0; } } .page-products .amscroll-loading { background-size: contain; margin-bottom: 24px; } .page-products .amscroll-load-button { max-width: 240px; margin: 0 auto 24px; display: block; } .page-products .amscroll-loading-block { text-align: center; } .page-products .amscroll-loading-icon { max-height: 50px; } .page-products #amasty-shopby-overlay img { transform: translateX(-50%); width: 300px; } .page-products .products.list .item.product .product-item-photo img { max-width: 100%; } .products.list .item.product .product-item-action-box-buttons { float: right; margin-top: -50px; width: 100%; } .products.list .item.product .minimal-price { margin: 0; } @media (min-width: 1024px) { .products.list .item.product:hover { background-color: #F3F3F3; z-index: 1; } .products.list .item.product:hover .product-item-action-box { visibility: visible; opacity: 1; } .products.list .item.product:hover .product-item-photo img { transform: scale(1.1) translateY(-6px); } } .products-grid .swatch-option.disabled, .filter-options-item .swatch-option.disabled { display: none; } .product-page .page-main { max-width: none; padding: 0; } .product-page .product-info-main .action.towishlist { transition-property: background, color; transition-duration: 150ms; color: #FFFFFF; display: inline-block; position: relative; border: 2px solid #FFFFFF; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; position: absolute; top: 48px; right: 48px; } .product-page .product-info-main .action.towishlist:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-page .product-info-main .action.towishlist:before { display: none !important; } .product-page .product-info-main .action.towishlist:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .product-page .product-info-main .action.towishlist:active, .product-page .product-info-main .action.towishlist:focus, .product-page .product-info-main .action.towishlist:hover { background: #FFFFFF; color: #00B1B0; } @media (min-width: 1024px) { .product-page .product-info-main .action.towishlist { top: 72px; right: 72px; } } .product-page .product-info__top { margin-bottom: 24px; } .product-page .product-info__top:after { content: "" !important; display: block !important; clear: both !important; } .product-page .product-info__top-content { position: relative; min-height: 700px; } .product-page .product-info__bottom .conceptual-image { margin-bottom: 0; } .product-page .product-info__description { margin-bottom: 96px; margin-top: 120px; } .product-page .product-options-wrapper { position: relative; } .product-page .products-related { overflow: hidden; } .product-page .fotorama__active .fotorama__dot { background-color: #00B1B0; border-color: #00B1B0; } .product-page .fotorama .fotorama__nav--dots .fotorama__nav__frame { height: 48px; } .product-page .fotorama .fotorama__dot { width: 6px; height: 6px; } .product-page .fotorama .fotorama__dot:hover { cursor: pointer; } .product-page .fotorama .fotorama__img { animation: fadeInUpCentered; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-play-state: running; } .product-page .fotorama .fotorama__arr { background-color: transparent; } .product-page .product.media .loading-mask { display: none; } @media (min-width: 1024px) { .product-page .product-info__center-content { max-width: 50%; padding-right: 79.92px; } .product-page .product-info__top-content { display: flex; display: -ms-flexbox; } .product-page .product.media { width: 50%; float: none; margin-bottom: 0; padding-top: 60px; } .product-page .product-info-fixed { animation: rightSwipeInFixed; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-play-state: running; animation-delay: 1.5s; padding: 60px 0; width: 50%; position: relative; } .product-page .product-info-fixed__inner { position: absolute; width: 100%; } } .gift-card-product .whats-my-size__link { display: none; } .bundle-options-container { margin-top: 12px; } .bundle-options-container .product-add-form { display: block; } .bundle-options-container .product-add-form .fieldset-bundle-options .legend.title { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } .bundle-options-container .bundle-options-wrapper, .bundle-options-container .product-options-wrapper, .bundle-options-container .block-bundle-summary { float: none; width: auto; } .bundle-options-container .product-options-wrapper { margin-bottom: 0; } .bundle-options-container .block-bundle-summary { background: none; padding: 0; } .bundle-options-container .block-bundle-summary .bundle-summary { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; } @media (min-width: 1024px) { .product-page.page-product-bundle .product-info-fixed { left: 0; padding: 0; } .product-page.page-product-bundle .product-info-main { width: 60%; } .product-page.page-product-bundle .product-info__description { margin-top: 48px; } .product-page.page-product-bundle .product.media { width: 100%; } } .bundle-options-container .product-options-wrapper p.required { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary .stock { marigin-bottom: 0; } .bundle-options-container .block-bundle-summary .box-tocart .field-set { margin-bottom: 24px; } .product-page.page-product-configurable-group .product-info-main .action.towishlist, .produt-page.page-product-grouped .product-info-main .action.towishlist { top: 24px; right: 24px; } .product-page.page-product-configurable-group .product-info-main .input-text.qty, .produt-page.page-product-grouped .product-info-main .input-text.qty { width: 80px; margin-right: 0; } .product-page.page-product-configurable-group .product-add-form, .produt-page.page-product-grouped .product-add-form { margin-top: 22px; } .product-page.page-product-configurable-group .table.grouped > tbody > tr th:before, .product-page.page-product-configurable-group .table.grouped > tbody > tr td:before, .produt-page.page-product-grouped .table.grouped > tbody > tr th:before, .produt-page.page-product-grouped .table.grouped > tbody > tr td:before { color: #FFFFFF !important; } .product-page.page-product-configurable-group .table.grouped .product-item-name, .product-page.page-product-configurable-group .table.grouped .stock.unavailable, .produt-page.page-product-grouped .table.grouped .product-item-name, .produt-page.page-product-grouped .table.grouped .stock.unavailable { margin: 10px 0 0 0; } .product-page.page-product-configurable-group .table.grouped td.col, .produt-page.page-product-grouped .table.grouped td.col { padding-top: 22px; padding-bottom: 22px; } .product-page .product-info-main { position: relative; } .product-page .product-info-main .page-title-wrapper { margin-right: 64px; } .product-page .product-info-main .page-title-wrapper .page-title { font-size: 36px; letter-spacing: -2px; font-weight: 400; line-height: 1.4em; margin: 0; } .product-page .product-info-main .box-tocart { width: 100%; } .product-page .product-info-main .add-to-cart-actions-wrapper { border-top: 1px solid; border-color: rgba(255, 255, 255, 0.5); margin-top: 30px; padding-top: 30px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: space-between; -ms-flex-pack: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; } .product-page .product-info-main .actions { padding-top: 0; } .product-page .product-info-main .label { min-width: 20%; } .product-page .product-info-main .control { display: inline-block; } .product-page .product-info-main .input-text.qty { margin-right: 1em; width: 80px; } .product-page .product-info-main .field.qty { display: block; } .product-page .product-info-main .qty-control { margin-left: .5em; } .product-page .product-info-main .qty-control:after { background-image: url("../images/icons/ic_arrow_white.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; content: ''; width: 1em; height: 1em; position: relative; display: block; position: absolute; top: 50%; left: 50%; } .product-page .product-info-main .qty-control--up:after { transform: translate(-50%, -50%) rotate(-90deg); } .product-page .product-info-main .qty-control--down:after { transform: translate(-50%, -50%) rotate(90deg); } @media (min-width: 1024px) { .product-page .product-info-main { float: none; width: 100%; } .product-page .product-info-main .input-text.qty { width: 120px; } } .product-page .swatch-attribute-selected-option, .product-page .swatch-field-selected-option { font-size: 11px; font-weight: 600; text-transform: uppercase; } .product-page .swatch-attribute-selected-option:empty:before, .product-page .swatch-field-selected-option:empty:before { content: "Choose a " attr(data-attribute); } .product-page .swatch-attribute-selected-caption, .product-page .swatch-field-selected-caption { display: inline; font-size: 11px; } .product-page .swatch-attribute .swatch-option.disabled, .product-page .swatch-field .swatch-option.disabled { display: none; } .product-page .swatch-attribute .swatch-option:last-of-type, .product-page .swatch-field .swatch-option:last-of-type { border-bottom: none; } .product-page .swatch-attribute.size .swatch-option, .product-page .swatch-attribute.manufacturer .swatch-option, .product-page .swatch-option.text { background: transparent; color: #000000; } .product-page .product-add-form .product-options-wrapper .icon-type-option__field .label, .product-page .product-add-form .product-options-wrapper .icon-type-option__field .control, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__field .label, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__field .control { vertical-align: middle; } .product-page .product-add-form .product-options-wrapper .icon-type-option__field .control:after, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__field .control:after { content: "" !important; display: block !important; clear: both !important; } .product-page .product-add-form .product-options-wrapper .icon-type-option__value, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value { float: left; width: 80px; text-align: center; } .product-page .product-add-form .product-options-wrapper .icon-type-option__value__icon, .product-page .product-add-form .product-options-wrapper .icon-type-option__value__text, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value__icon, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value__text { display: block; } .product-page .product-add-form .product-options-wrapper .icon-type-option__value__icon, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value__icon { margin: auto; background-position: bottom; background-image: url("../images/icons/"); background-repeat: no-repeat; background-position: center center; background-size: cover; content: ''; width: 70px; height: 70px; position: relative; } .product-page .product-add-form .product-options-wrapper .icon-type-option__value:hover, .product-page .product-add-form .product-options-wrapper .icon-type-option__value:hover .icon-type-option__value__text, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value:hover, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value:hover .icon-type-option__value__text { text-decoration: none; } .product-page .product-add-form .product-options-wrapper .icon-type-option__value__text:after, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__value__text:after { width: 0; } .product-page .product-add-form .product-options-wrapper .kc-swatch-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-options-wrapper { max-width: none; width: 100%; } @media (min-width: 640px) { .product-page .product-add-form .product-options-wrapper .kc-swatch-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-options-wrapper { width: calc(100% - 20%); } } @media (min-width: 640px) { .product-page .product-add-form .product-options-wrapper .kc-swatch-options-wrapper, .product-page .product-add-form .bundle-options-wrapper .kc-swatch-options-wrapper { padding-left: 6px; } } .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option { width: 30px; height: 30px; } @media (min-width: 640px) { .product-page .product-add-form .product-options-wrapper .kc-swatch .swatch-option, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .swatch-option { width: 24px; height: 24px; } } #amasty-shopby-product-list .toolbar-sorter label, .sidebar .toolbar-sorter label { display: none; } #amasty-shopby-product-list .toolbar-sorter select, .sidebar .toolbar-sorter select { margin: 0; } #amasty-shopby-product-list .toolbar { margin: 0; padding: 0; } #amasty-shopby-product-list .toolbar .field.limiter, #amasty-shopby-product-list .toolbar p#toolbar-amount { display: none; } #amasty-shopby-product-list .toolbar-sorter { display: none; } @media (min-width: 1024px) { #amasty-shopby-product-list .toolbar-sorter { display: flex; display: -ms-flexbox; } } .sidebar .toolbar-products { margin-bottom: 20px; padding: 0; } .sidebar .toolbar-sorter { float: none; display: flex; display: -ms-flexbox; } @media (min-width: 1024px) { .sidebar .toolbar-sorter { display: none; } } .sidebar .toolbar-sorter select { width: 100%; } @media (min-width: 768px) { .sidebar .toolbar-sorter select { max-width: 350px; } } .sidebar .toolbar .field.limiter, .sidebar .toolbar .pages, .sidebar .toolbar p#toolbar-amount { display: none; } .products-carousel, .catalog-products-list { padding: 72px 0; margin-bottom: 0; } .products-carousel__title, .catalog-products-list__title { padding: 0 24px; } .products-carousel__title.title, .catalog-products-list__title.title { margin-bottom: -0.5em; margin-top: 36px; } .products-carousel__title-inner, .catalog-products-list__title-inner { max-width: 6em; display: inline-block; } .products-carousel__products, .catalog-products-list__products { overflow: hidden; } .products-carousel .products-carousel__products .products-carousel__product-items, .catalog-products-list .products-carousel__products .products-carousel__product-items, .products-carousel .catalog-products-list__products .products-carousel__product-items, .catalog-products-list .catalog-products-list__products .products-carousel__product-items, .products-carousel .products-carousel__products .catalog-products-list__product-items, .catalog-products-list .products-carousel__products .catalog-products-list__product-items, .products-carousel .catalog-products-list__products .catalog-products-list__product-items, .catalog-products-list .catalog-products-list__products .catalog-products-list__product-items { width: 180vw; margin-left: -40vw; } .products-carousel .products-carousel__item, .catalog-products-list .products-carousel__item, .products-carousel .catalog-products-list__item, .catalog-products-list .catalog-products-list__item { max-width: 800px; padding: 0 24px; margin: 0 auto; display: block; position: relative; } .products-carousel__item-photo, .catalog-products-list__item-photo { display: block; margin: 0 auto 48px; max-width: 480px; } .products-carousel__item-photo-inner, .catalog-products-list__item-photo-inner { height: 0; width: 100%; padding-top: 100%; position: relative; } .products-carousel__item-photo .products-carousel__item-photo-inner img.image, .catalog-products-list__item-photo .products-carousel__item-photo-inner img.image, .products-carousel__item-photo .catalog-products-list__item-photo-inner img.image, .catalog-products-list__item-photo .catalog-products-list__item-photo-inner img.image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; margin-top: -15%; } .products-carousel__item-name a, .catalog-products-list__item-name a { margin-bottom: 10px; display: inline-block; } .products-carousel__item-price, .catalog-products-list__item-price { margin-top: 24px; text-transform: uppercase; color: #A3A3A2; font-size: 11px; max-width: 120px; } .products-carousel__item .price-box.price-final_price > span, .catalog-products-list__item .price-box.price-final_price > span { display: block; } .products-carousel__item .price-wrapper, .catalog-products-list__item .price-wrapper { font-size: 11px; color: #4D4A47; font-weight: 500; } .products-carousel__item-actions, .catalog-products-list__item-actions { display: flex; display: -ms-flexbox; justify-content: center; align-items: center; -ms-flex-align: center; margin-bottom: 0; margin-top: 48px; opacity: 0; visibility: hidden; } .center .products-carousel__item-actions, .center .catalog-products-list__item-actions { opacity: 1; visibility: visible; } .products-carousel__item-stock-unavailable, .catalog-products-list__item-stock-unavailable { margin-right: 24px; } .products-carousel__item-tocart, .catalog-products-list__item-tocart { margin-right: 24px; } .products-carousel__item-actions .action.towishlist, .catalog-products-list__item-actions .action.towishlist { transition-property: background, color; transition-duration: 150ms; color: #00B1B0; display: inline-block; position: relative; border: 2px solid #00B1B0; border-radius: 50%; background: transparent; font-size: 1.5em; padding: 0; width: 1.9em; height: 1.9em; text-indent: -9999px; display: block; } .products-carousel__item-actions .action.towishlist:after, .catalog-products-list__item-actions .action.towishlist:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .products-carousel__item-actions .action.towishlist:before, .catalog-products-list__item-actions .action.towishlist:before { display: none !important; } .products-carousel__item-actions .action.towishlist:after, .catalog-products-list__item-actions .action.towishlist:after { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; text-align: center; text-indent: 0; } .products-carousel__item-actions .action.towishlist:active, .products-carousel__item-actions .action.towishlist:focus, .products-carousel__item-actions .action.towishlist:hover, .catalog-products-list__item-actions .action.towishlist:active, .catalog-products-list__item-actions .action.towishlist:focus, .catalog-products-list__item-actions .action.towishlist:hover { background: #00B1B0; color: #FFFFFF; } .products-carousel .owl-carousel .owl-stage-outer, .catalog-products-list .owl-carousel .owl-stage-outer { padding: 0; } .products-carousel .owl-controls, .catalog-products-list .owl-controls { width: 80vw; max-width: 480px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 40px; } .products-carousel .nav-prev, .products-carousel .nav-next, .catalog-products-list .nav-prev, .catalog-products-list .nav-next { position: absolute; text-indent: -9999px; height: 48px; width: 48px; cursor: pointer; } .products-carousel .nav-prev:after, .products-carousel .nav-next:after, .catalog-products-list .nav-prev:after, .catalog-products-list .nav-next:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-indent: 0; } .products-carousel .nav-prev, .catalog-products-list .nav-prev { left: 0; } .products-carousel .nav-prev:after, .catalog-products-list .nav-prev:after { transform: translate(-50%, -50%) rotate(180deg); } .products-carousel .nav-next, .catalog-products-list .nav-next { right: 0; } @media (max-width: 1023px) { .products-carousel__item-stock-unavailable, .products-carousel__item-tocart, .catalog-products-list__item-stock-unavailable, .catalog-products-list__item-tocart { padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; } .products-carousel__item-content-inner, .catalog-products-list__item-content-inner { background: none !important; } } @media (min-width: 1024px) { .products-carousel .products-carousel__products .products-carousel__product-items, .catalog-products-list .products-carousel__products .products-carousel__product-items, .products-carousel .catalog-products-list__products .products-carousel__product-items, .catalog-products-list .catalog-products-list__products .products-carousel__product-items, .products-carousel .products-carousel__products .catalog-products-list__product-items, .catalog-products-list .products-carousel__products .catalog-products-list__product-items, .products-carousel .catalog-products-list__products .catalog-products-list__product-items, .catalog-products-list .catalog-products-list__products .catalog-products-list__product-items { width: 140vw; margin-left: -20vw; } .products-carousel__item-content-inner, .catalog-products-list__item-content-inner { position: relative; max-width: 350px; max-height: 350px; margin: 0 auto; } .products-carousel__item-price, .catalog-products-list__item-price { margin-left: 100px; color: #4D4A47; position: relative; min-height: 48px; } .products-carousel__item-price .normal-price, .catalog-products-list__item-price .normal-price { position: absolute; bottom: 0; left: 0; width: 100%; display: inline-block; } .products-carousel__item-price .special-price, .catalog-products-list__item-price .special-price { position: absolute; bottom: 0; left: 0; width: 100%; display: inline-block; } .products-carousel__item-price .special-price .price, .catalog-products-list__item-price .special-price .price { color: #FF0000; } .products-carousel__item-price .special-price .price-label, .catalog-products-list__item-price .special-price .price-label { display: none; } .products-carousel__item-price .old-price, .catalog-products-list__item-price .old-price { position: absolute; top: 0; left: 0; width: 100%; } .products-carousel__item-price .old-price .price-label, .catalog-products-list__item-price .old-price .price-label { display: none; } .products-carousel__item-photo, .catalog-products-list__item-photo { background: none !important; } .products-carousel__item-photo .products-carousel__item-photo-inner img.image, .catalog-products-list__item-photo .products-carousel__item-photo-inner img.image, .products-carousel__item-photo .catalog-products-list__item-photo-inner img.image, .catalog-products-list__item-photo .catalog-products-list__item-photo-inner img.image { width: 100%; max-width: none; } .products-carousel__item-details, .catalog-products-list__item-details { position: absolute; top: 50%; transform: translate(0, -50%); left: 0; margin-left: 90%; z-index: 999; margin-top: 0; width: 70%; } } @media (min-width: 1024px) and (max-width: 1365px) { .products-carousel__item-name, .catalog-products-list__item-name { font-size: 21px; } .products-carousel__item-category, .catalog-products-list__item-category { font-size: 18px; } } @media (min-width: 1366px) { .products-carousel__item-content-inner, .catalog-products-list__item-content-inner { max-width: 480px; max-height: 480px; } } .products-carousel .owl-item.active.center .catalog-products-list__item-details, .products-carousel .owl-item.active.center .products-carousel__item-details, .catalog-products-list .owl-item.active.center .catalog-products-list__item-details, .catalog-products-list .owl-item.active.center .products-carousel__item-details { animation: fadeInUpMargins; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-play-state: running; animation-fill-mode: both; } .products-carousel .owl-item:not(.center) .catalog-products-list__item-details, .products-carousel .owl-item:not(.center) .products-carousel__item-details, .catalog-products-list .owl-item:not(.center) .catalog-products-list__item-details, .catalog-products-list .owl-item:not(.center) .products-carousel__item-details { animation: fadeOutUpMargins; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.25, 0.25, 0.25, 1); animation-fill-mode: backwards; animation-play-state: running; animation-fill-mode: both; } .promo-banner { color: #FFFFFF; background-size: cover; background-position: center; } .promo-banner__wrapper { padding: 15vh 30px; } .promo-banner__content { max-width: 800px; } .promo-banner__title { line-height: 1; font-weight: 500; margin: 0 0 24px; } .promo-banner__body { font-size: 20px; margin-bottom: 0; font-weight: 400; } .promo-banner__link { margin-top: 96px; } .promo-banner.text-size__small .promo-banner__body { font-size: 21px; font-weight: 100; } .promo-banner.text-size__large .promo-banner__title { margin: 0; font-weight: 700; } .promo-banner.text-size__large .promo-banner__body { font-size: 25px; font-weight: 300; letter-spacing: 0; margin: 96px 0 0 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; } .promo-banner.text-size__large .promo-banner__content { max-width: 600px; } .promo-banner.dcw__height__static .promo-banner__wrapper { height: 100%; position: relative; } .promo-banner.dcw__height__static .promo-banner__content { position: absolute; top: 50%; transform: translate(0, -50%); padding: inherit; left: 0; } @media (max-width: 767px) { .promo-banner.dcw__height__static.dcw__small__widget { height: 245px; } } @media (max-width: 767px) { .promo-banner.dcw__height__static.dcw__normal__widget { height: 350px; } } @media (max-width: 767px) { .promo-banner.dcw__height__static.dcw__large__widget { height: 538px; } } @media (max-width: 767px) { .promo-banner.dcw__height__static.dcw__extra-large { height: 717px; } } @media (min-width: 768px) { .promo-banner__wrapper { padding: 15vh 60px; } } @media (min-width: 1024px) { .promo-banner.text-size__normal__title { font-size: 90px; letter-spacing: -1.2px; } .promo-banner.text-size__normal .promo-banner__body { font-size: 30px; } .promo-banner.text-size__large .promo-banner__body { font-size: 50px; line-height: 1.3; } } @media (min-width: 1366px) { .promo-banner__wrapper { padding: 15vh 30px; } } .kp-promotion { max-width: 315px; margin-bottom: 48px; background-color: #00B1B0; background-size: cover; } .kp-promotion__inner { display: block; height: 0; padding-top: 100%; position: relative; } .kp-promotion__content { position: absolute; bottom: 0; left: 0; padding: 1em; color: #FFFFFF; } .kp-promotion__title { font-size: 2em; } .register-box-wrapper { background: url(../images/background-images/b2c-signup.jpg) no-repeat; background-size: contain; padding-top: 35%; } @media (min-width: 768px) { .register-box-wrapper { padding-top: 30%; } } @media (min-width: 1024px) { .register-box-wrapper { padding-top: 25%; } } .register-box { margin: auto; max-width: 90%; background: #FFFFFF; margin-bottom: 60px; padding: 36px 26px; } @media (min-width: 1024px) { .register-box { padding: 80px; margin-bottom: 150px; } } .register-box .register-header { letter-spacing: -2px; } @media (max-width: 1023px) { .register-box .register-header { font-size: 24px; line-height: 1; } } .register-box .register-info { padding-bottom: 22px; } @media (min-width: 1024px) { .register-box .register-info { padding-bottom: 0; } } .register-box .register-info .kc-text-info { padding-top: 0; } .register-box .light-weight { font-weight: 100; } .register-box .password-strength-meter { display: none; } .form.create.account { width: 100%; max-width: none; min-width: 0; } .column:not(.sidebar-main) .register-box form .actions-toolbar { margin: 0; } .separator-element { border-top: 1px solid #DEDEDE; } .kc-spaced-elem-hor { margin-left: 24px; } .list-with-separator--top > li:not(:first-child) { border-top: 1px solid #F3F3F3; } .list-with-separator--bottom > li:not(:last-child) { border-bottom: 1px solid #F3F3F3; padding-bottom: 22px; } a.sorter-action.sort-desc:before { content: ""; } a.sorter-action > span { position: absolute; } .stockists { margin-top: 48px; } .stockists__map-wrapper { margin-bottom: 48px; } .stockists__map-tools { margin-bottom: 24px; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; } @media (max-width: 767px) { .stockists__map-tools { flex-direction: row wrap; -ms-flex-drection: row wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; } } .stockists__map-tools .stockists__search-box { width: auto; max-width: 400px; flex-grow: 1; -ms-flex-grow: 1; } .stockists__map-tools .stockists__request-location { margin-left: auto; } .stockists__map-tools .stockists__request-location > button, .stockists__map-tools .cart.table-wrapper .actions-toolbar.stockists__request-location > .action, .cart.table-wrapper .stockists__map-tools .actions-toolbar.stockists__request-location > .action, .stockists__map-tools .stockists__request-location > .action-gift { display: inline-block; } .stockists__map-tools .stockists__search-btn { margin: 0 12px; } @media (max-width: 767px) { .stockists__map-tools { text-align: center; } .stockists__map-tools .stockists__search-box { width: calc(50% - 12px); } .stockists__map-tools .stockists__search-btn { width: 40%; margin-right: 0; } .stockists__map-tools .stockists__request-location { width: 100%; text-align: center; margin: 22px 0; } } .stockists__map { max-height: 80vh; } .stockists__nearest-list { margin-top: 30px; } .stockists__infowindow * { margin-bottom: 0; } .stockists .address-list__item { padding-top: 12px; border-top: 2px solid #A3A3A2; } .store-switcher__select { display: block; width: auto; font-weight: 400; text-transform: uppercase; line-height: 1; padding-right: 14px; } .store-switcher__select span { vertical-align: text-bottom; } .store-switcher__icon { height: 30px; } .dropdown .store-switcher__icon { margin-right: 12px; } .store-switcher__option { min-width: 124px; font-weight: 200; } .store-switcher-modal { opacity: 0; visibility: hidden; display: none; } .store-switcher-modal.modal-popup { display: block; } .store-switcher-modal.modal-popup .modal-inner-wrap { max-width: 480px; } .store-switcher-modal._show .store-switcher-modal { opacity: 1; visibility: visible; } .page-header .panel.wrapper .links .store-switcher__option:hover, .page-header .panel.wrapper .links .store-switcher__option:hover a { color: #00B1B0; } .modals-overlay { background-color: #000000; opacity: 0.25; } .whats-my-size ~ .modals-overlay { background-color: rgba(0, 0, 0, 0.75); } .whats-my-size .modal-inner-wrap { max-width: 960px; } .whats-my-size .modal-content { padding: 0; } .whats-my-size__content { font-weight: 300; } .product-options-wrapper .whats-my-size__content { display: none; } .whats-my-size__content-top { padding: 0 48px; } .whats-my-size__content-bottom { padding: 48px; } .whats-my-size__link { text-decoration: underline; font-size: 11px; font-weight: 500; margin-left: 6px; text-transform: uppercase; } .whats-my-size__title, .whats-my-size__intro { max-width: 550px; } .whats-my-size__images { display: flex; display: -ms-flexbox; text-align: center; } .whats-my-size__image { cursor: pointer; margin-bottom: 0; flex: 1; -ms-flex: 1; } .whats-my-size__image img { margin-bottom: 12px; display: block; } .whats-my-size__image figcaption { display: inline-block; padding: 6px 0; } .whats-my-size__image.active figcaption { color: #00B1B0; border-bottom: 2px solid #00B1B0; } .whats-my-size__select { margin-bottom: 24px; } .whats-my-size__description { display: none; background-repeat: no-repeat; background-size: 70px; padding-top: 94px; min-height: 70px; } .whats-my-size__description p { margin: 0; } .whats-my-size__description.active { display: block; } @media (min-width: 1024px) { .whats-my-size__description { padding-top: 0; padding-left: 96px; background-size: 70px; min-height: 70px; } } @media (min-width: 1366px) { .whats-my-size__link { position: absolute; bottom: 12px; right: 0; } } .three-col-list { padding: 24px; background: #FFFFFF; } .three-col-list__title { color: #333333; font-size: 25px; font-weight: 700; line-height: 1em; margin: 0 0 24px 0; } .three-col-list__image { height: 0; padding-bottom: 75%; background-size: cover; background-position: center; background-color: #8D8F93; } .three-col-list__body { color: #6D6E72; margin: 24px 0; } .three-col-list__list { color: #6D6E72; font-size: 12px; font-weight: 500; margin: 24px 0; list-style-type: none; } .three-col-list__item { margin-bottom: 64px; } .three-col-list__list-item { margin: 0; padding: 12px 0; border-bottom: 1px solid #CACACB; } .three-col-list__list-item:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 12px; vertical-align: middle; color: #00B1B0; } .three-col-list__list-item:last-of-type { border-bottom: 0; } @media (min-width: 768px) { .three-col-list { display: flex; display: -ms-flexbox; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; } .three-col-list__item { width: calc(50% - 24px); } .three-col-list__button { text-align: center; } } @media (min-width: 1024px) { .three-col-list { padding: 48px; } .three-col-list__item { width: calc(33.33% - 24px); } } /* ========================================================================== #CLEARFIX ========================================================================== */ /** * Attach our clearfix mixin to a utility class. */ .u-clearfix:after { content: "" !important; display: block !important; clear: both !important; } .customer-account-index .block.block-dashboard-info .block-title, .customer-account-index .block.block-dashboard-info .block-title > strong { margin-bottom: 0 !important; font-weight: 100 !important; padding: 0; } @media (min-width: 1024px) { .customer-account-index .block.block-dashboard-info .block-title, .customer-account-index .block.block-dashboard-info .block-title > strong { font-size: 25px !important; } } .customer-account-index .block.block-dashboard-info .block-title::first-letter, .customer-account-index .block.block-dashboard-info .block-title > strong::first-letter { text-transform: none !important; } .account.wishlist-index-index .column.main .actions-toolbar { margin-top: 24px; } .catalogsearch-result-index .page-main > .columns { margin-top: 22px; } @media (min-width: 1024px) { .catalogsearch-result-index .page-main .sidebar-main { width: 30%; padding-right: 5%; } .catalogsearch-result-index .page-main .column.main { width: 70%; } } .catalogsearch-result-index .products.list .item.product .product-item-details .price-box { position: relative; min-height: 48px; } .catalogsearch-result-index .products.list .item.product .product-item-details .price-box .special-price { display: inline-block; } .catalogsearch-result-index .products.list .item.product .product-item-details .price-box .special-price .price { color: #FF0000; } .catalogsearch-result-index .products.list .item.product .product-item-details .price-box .special-price .price-label { display: none; } .catalogsearch-result-index .products.list .item.product .product-item-details .price-box .old-price .price-label { display: none; } .catalogsearch-result-index #maincontent .page-title-wrapper h1 { display: none; } .catalog-category-view .page-main > .columns { margin-top: 22px; } @media (min-width: 1024px) { .catalog-category-view .page-main .sidebar-main, .catalog-category-view .page-main .sidebar-additional { width: 30%; padding-right: 5%; } .catalog-category-view .page-main .column.main { width: 70%; } } .catalog-category-view .products.list .item.product .product-item-details .price-box { position: relative; min-height: 48px; } .catalog-category-view .products.list .item.product .product-item-details .price-box .special-price { display: inline-block; } .catalog-category-view .products.list .item.product .product-item-details .price-box .special-price .price { color: #FF0000; } .catalog-category-view .products.list .item.product .product-item-details .price-box .special-price .price-label { display: none; } .catalog-category-view .products.list .item.product .product-item-details .price-box .old-price .price-label { display: none; } body.account .columns { margin-top: 24px; } body.account .actions-toolbar .secondary .action.back { min-width: 192px; } body.account .page-main form { margin-bottom: 48px; } body.account .list-block__item__wrapper { padding: 22px; } body.account .list-block__item__header { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; text-transform: capitalize; } body.account .list-block__item__features { font-weight: 200; padding-bottom: 6px; } body.account .list-block__item__features > li { margin-bottom: 3px; } body.account .list-block__item .actions-toolbar .primary, body.account .list-block__item .actions-toolbar .secondary { float: none; display: block; text-align: left; } @media (min-width: 1366px) { body.account .list-block__item .actions-toolbar .primary, body.account .list-block__item .actions-toolbar .secondary { text-align: center; } } body.account .list-block__item .actions-toolbar .primary a.action, body.account .list-block__item .actions-toolbar .secondary a.action { text-align: center; vertical-align: top; margin-top: 12px; width: 100%; max-width: 264px; } body.account .list-block__item .actions-toolbar .secondary a.action { min-width: 96px; } @media (min-width: 1366px) { body.account .list-block__item .actions-toolbar .secondary a.action { width: 48%; } } body.account .list-block__item .actions-toolbar .secondary a.action:nth-of-type(2n+1) { margin-right: 4%; } body.account .customer-list a { cursor: pointer; } @media (min-width: 1024px) { body.account .customer-list .customer-details > span:nth-of-type(2n+2) { margin-left: 24px; } } .customer-section__header { display: block; padding-top: 22px; padding-bottom: 22px; padding-left: 22px; padding-right: 22px; background-color: #F3F3F3; margin-bottom: 24px; } @media (min-width: 768px) { .customer-section__header { display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; flex-wrap: nowrap; -ms-flex-wrap: nowrap; padding-top: 0; padding-bottom: 0; } } .customer-section__header__item { text-align: left; display: block; } @media (min-width: 768px) { .customer-section__header__item { flex-grow: 1; -ms-flex-grow: 1; } } .customer-section__header__item-title { text-transform: uppercase; } .customer-section__header__item-action { margin-top: 22px; text-align: right; } @media (min-width: 768px) { .customer-section__header__item-action { margin-top: 0; } } .customer-section__header__item-action a { text-align: left; } #order_edit_customer { position: relative; } @media (max-width: 1365px) { .page-layout-dyo-product-page.product-page .bundle-options-wrapper .whats-my-size__link { position: relative; display: block; background-color: rgba(255, 255, 255, 0.5); margin-bottom: 6px; padding: 12px 22px; margin-top: -6px; margin-left: 0; left: 0; right: auto; } } .mpgiftcard-index-index .block-gift-card .box-title > span { font-size: 21px !important; } .group-order-customer-account .customer-section__header { background: #FFFFFF; padding: 20px; } .group-order-customer-account .list-block__item .list-block__item__wrapper { background: #FFFFFF; } .group-order-customer-account .list-block__item .list-block__item__wrapper .actions-toolbar { color: #00B1B0; font-weight: 500; } .account.group-order-customer-orderform .column.main form .actions-toolbar { margin-left: 25.8%; } .kc-group-orders .title > strong:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .customer-account-login .dcw__widget__multicol { margin: 0; } @media (min-width: 1024px) { .customer-account-login .dcw__widget__multicol { margin: 220px 0 80px; } } @media (min-width: 320px) { .customer-account-login .dcw__small__widget .dcw__item { height: auto; } } @media (min-width: 320px) { .customer-account-login .dcw__item-wrapper { position: relative; padding: 14px; } } .customer-account-login .dcw__item-body { margin: 0 0 40px; } .customer-account-login .dcw__item-list ul { margin: 0; padding: 0; list-style: none; } .customer-account-login .dcw__item-list ul li { border-bottom: 1px solid #CACACB; padding-left: 50px; padding-bottom: 15px; font-size: 12px; position: relative; letter-spacing: 0; } .customer-account-login .dcw__item-list ul li:last-of-type { border: 0; } @media (min-width: 1024px) { .customer-account-login .dcw__item-list ul li:last-of-type { margin-bottom: 40px; } } .customer-account-login .dcw__item-list ul li:before { position: absolute; left: 0; content: '\2714'; color: #00B1B0; } .customer-account-login .page-main { background: url(../images/background-images/b2c-login.jpg) no-repeat; background-size: cover; padding-left: unset; padding-right: unset; max-width: 100%; } .product-page .swatch-option-tooltip { display: none !important; } .product-page .kc-swatch-options-wrapper, .product-page .kc-swatch .control { max-width: none !important; } .product-page .product-info-main .special-price { display: inline-block; float: right; margin: 0; color: #FF0000; } .product-page .product-info-main .special-price .price-label { display: none; } .product-page .product-info-main .old-price { display: inline-block; float: left; margin-right: 10px; } .product-page .product-info-main .old-price .price-label { display: none; } .sales-order-view .column.main .order-links { display: none; } .sales-order-view .order-details-items { border: 0; } .block-dashboard-info .block-title > strong { line-height: 21px !important; margin: 0 !important; } @media (max-width: 1023px) { .block-dashboard-orders .table-order-items .actions:before { display: none !important; } } @media (min-width: 768px) { .view-all-orders.mobile { margin-top: 20px; } } @media (min-width: 1024px) { .view-all-orders.mobile { display: none !important; } } @media (max-width: 1023px) { .view-all-orders.desktop { display: none !important; } } .dcw_animated { opacity: 1 !important; } .no-border, .no-border tr, .no-border td { border: 0 !important; } .cart-container .grouped-cart.grouped-cart--table .product-item-photo { display: inline-block; max-width: none; } @media (min-width: 640px) { .cart-container .grouped-cart.grouped-cart--table .product-item-photo { display: table-cell; } } .cart-container .grouped-cart.grouped-cart--table .product-item-photo img { max-width: 150px !important; width: 100% !important; height: auto !important; } .cart-container .grouped-cart.grouped-cart--table td .product .product-item-photo { display: block; width: 100%; } .cart-container .grouped-cart.grouped-cart--table .table, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table { display: table !important; } .cart-container .grouped-cart.grouped-cart--table .table.product-item-table td.col-item-subtotal, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table td.col-item-subtotal { display: none !important; } @media (min-width: 640px) { .cart-container .grouped-cart.grouped-cart--table .table.product-item-table td.col-item-subtotal, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table td.col-item-subtotal { display: table-cell !important; } } @media (max-width: 639px) { .cart-container .grouped-cart.grouped-cart--table .table.product-item-table--responsive .col, .cart-container .grouped-cart.grouped-cart--table .table-wrapper .table.product-item-table--responsive .col { padding-left: 6px !important; } } .checkout-payment-method .payment-method-content { padding-bottom: 48px; } .checkout-payment-method .payment-method-content > .actions-toolbar > .primary button[title="Place Order"], .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action[title="Place Order"], .cart.table-wrapper .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .actions-toolbar > .action[title="Place Order"], .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action-gift[title="Place Order"] { display: none !important; } @media (min-width: 1024px) { .kc-mobile-only { display: none !important; } } @media (min-width: 768px) { .kc-small_screen-only { display: none !important; } } @media (max-width: 767px) { .kc-wide_screen-only { display: none !important; } } @media (max-width: 1023px) { .header.links .store-switcher__container, .header.links .account-link, .header.links .authorization-link, .header--first, .kc-desktop-only { display: none !important; } } .dcw__colour--quaternary.dcw__button-style--normal .dcw__item-link { color: #FFFFFF; } .dcw__colour--quaternary.dcw__button-style--normal .dcw__item-link:hover { background-color: #009695; border: 2px solid #009695; color: #FFFFFF; } .email-body { max-width: 600px !important; } .checkout-index-index .kc-selectbox__options, .customer-address-form .kc-selectbox__options { max-width: none !important; } .header.content { position: static; } @media (min-width: 1024px) { .mega-menu-navigation .level0 .submenu.has-mega-menu { left: 0 !important; right: 0 !important; } } .mega-menu-navigation .sub-menu-container .column .nav-row { display: flex !important; } @media (max-width: 479px) { .block-minicart:after, .block-mini-wishlist:after { right: 148px; } .block-minicart:before, .block-mini-wishlist:before { right: 149px; } .block-mini-wishlist:after { right: 76px; } .block-mini-wishlist:before { right: 77px; } } .minicart-wrapper .action.showcart.active:hover:before, .wishlist-wrapper .action.showcart.active:hover:before, .minicart-sliding .action.showcart.active:hover:before, .wishlist-wrapper .action.showcart.active:hover:before { color: #00B1B0; } .minicart-wrapper .block-minicart .product-item, .wishlist-wrapper .block-minicart .product-item, .minicart-wrapper .block-mini-wishlist .product-item, .wishlist-wrapper .block-mini-wishlist .product-item, .minicart-wrapper.block-minicart .product-item, .block-minicart.wishlist-wrapper .product-item, .wishlist-wrapper.block-mini-wishlist .product-item, .minicart-wrapper.block-mini-wishlist .product-item, .minicart-wrapper .block-mini-wishlist .product-item, .wishlist-wrapper .block-mini-wishlist .product-item, .minicart-sliding .block-minicart .product-item, .minicart-sliding .block-mini-wishlist .product-item, .minicart-sliding.block-minicart .product-item, .minicart-sliding.block-mini-wishlist .product-item, .minicart-sliding .block-mini-wishlist .product-item, .wishlist-wrapper .block-minicart .product-item, .wishlist-wrapper .block-mini-wishlist .product-item, .wishlist-wrapper.block-minicart .product-item, .wishlist-wrapper.block-mini-wishlist .product-item, .wishlist-wrapper .block-mini-wishlist .product-item { cursor: auto !important; } .minicart-wrapper .block-minicart .product-item-photo img, .wishlist-wrapper .block-minicart .product-item-photo img, .minicart-wrapper .block-mini-wishlist .product-item-photo img, .wishlist-wrapper .block-mini-wishlist .product-item-photo img, .minicart-wrapper.block-minicart .product-item-photo img, .block-minicart.wishlist-wrapper .product-item-photo img, .wishlist-wrapper.block-mini-wishlist .product-item-photo img, .minicart-wrapper.block-mini-wishlist .product-item-photo img, .minicart-wrapper .block-mini-wishlist .product-item-photo img, .wishlist-wrapper .block-mini-wishlist .product-item-photo img, .minicart-sliding .block-minicart .product-item-photo img, .minicart-sliding .block-mini-wishlist .product-item-photo img, .minicart-sliding.block-minicart .product-item-photo img, .minicart-sliding.block-mini-wishlist .product-item-photo img, .minicart-sliding .block-mini-wishlist .product-item-photo img, .wishlist-wrapper .block-minicart .product-item-photo img, .wishlist-wrapper .block-mini-wishlist .product-item-photo img, .wishlist-wrapper.block-minicart .product-item-photo img, .wishlist-wrapper.block-mini-wishlist .product-item-photo img, .wishlist-wrapper .block-mini-wishlist .product-item-photo img { height: auto !important; } .minicart-wrapper .block-minicart .product-item .product .o-layout__item:first-child, .wishlist-wrapper .block-minicart .product-item .product .o-layout__item:first-child, .minicart-wrapper .block-mini-wishlist .product-item .product .o-layout__item:first-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:first-child, .minicart-wrapper.block-minicart .product-item .product .o-layout__item:first-child, .block-minicart.wishlist-wrapper .product-item .product .o-layout__item:first-child, .wishlist-wrapper.block-mini-wishlist .product-item .product .o-layout__item:first-child, .minicart-wrapper.block-mini-wishlist .product-item .product .o-layout__item:first-child, .minicart-wrapper .block-mini-wishlist .product-item .product .o-layout__item:first-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:first-child, .minicart-sliding .block-minicart .product-item .product .o-layout__item:first-child, .minicart-sliding .block-mini-wishlist .product-item .product .o-layout__item:first-child, .minicart-sliding.block-minicart .product-item .product .o-layout__item:first-child, .minicart-sliding.block-mini-wishlist .product-item .product .o-layout__item:first-child, .minicart-sliding .block-mini-wishlist .product-item .product .o-layout__item:first-child, .wishlist-wrapper .block-minicart .product-item .product .o-layout__item:first-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:first-child, .wishlist-wrapper.block-minicart .product-item .product .o-layout__item:first-child, .wishlist-wrapper.block-mini-wishlist .product-item .product .o-layout__item:first-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:first-child { width: 40% !important; } .minicart-wrapper .block-minicart .product-item .product .o-layout__item:last-child, .wishlist-wrapper .block-minicart .product-item .product .o-layout__item:last-child, .minicart-wrapper .block-mini-wishlist .product-item .product .o-layout__item:last-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:last-child, .minicart-wrapper.block-minicart .product-item .product .o-layout__item:last-child, .block-minicart.wishlist-wrapper .product-item .product .o-layout__item:last-child, .wishlist-wrapper.block-mini-wishlist .product-item .product .o-layout__item:last-child, .minicart-wrapper.block-mini-wishlist .product-item .product .o-layout__item:last-child, .minicart-wrapper .block-mini-wishlist .product-item .product .o-layout__item:last-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:last-child, .minicart-sliding .block-minicart .product-item .product .o-layout__item:last-child, .minicart-sliding .block-mini-wishlist .product-item .product .o-layout__item:last-child, .minicart-sliding.block-minicart .product-item .product .o-layout__item:last-child, .minicart-sliding.block-mini-wishlist .product-item .product .o-layout__item:last-child, .minicart-sliding .block-mini-wishlist .product-item .product .o-layout__item:last-child, .wishlist-wrapper .block-minicart .product-item .product .o-layout__item:last-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:last-child, .wishlist-wrapper.block-minicart .product-item .product .o-layout__item:last-child, .wishlist-wrapper.block-mini-wishlist .product-item .product .o-layout__item:last-child, .wishlist-wrapper .block-mini-wishlist .product-item .product .o-layout__item:last-child { width: 60% !important; } .minicart-sliding.block-minicart .box-grouped .product-item .product-item-photo img, .minicart-sliding.block-mini-wishlist .box-grouped .product-item .product-item-photo img { max-width: 100% !important; } .minicart-sliding.block-minicart .box-grouped .product-item .product-item-details, .minicart-sliding.block-mini-wishlist .box-grouped .product-item .product-item-details { width: 100%; } .minicart-sliding.block-minicart .cup-grouped .product-item .product-item-photo img, .minicart-sliding.block-mini-wishlist .cup-grouped .product-item .product-item-photo img, .minicart-sliding.block-minicart .ungrouped .product-item .product-item-photo img, .minicart-sliding.block-mini-wishlist .ungrouped .product-item .product-item-photo img { max-width: 110px !important; } .dcw__widget.dcw__constrained__content.dcw__padding--small, .dcw__widget.dcw__constrained__content.dcw__padding--medium, .dcw__widget.dcw__constrained__content.dcw__padding--large { padding-left: 0; padding-right: 0; } .dcw__widget.dcw__constrained__content.dcw__height__static.dcw__align--middle .dcw__multicol__items { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .dcw__widget.dcw__constrained__content.dcw__height__static:not(.dcw__align--middle) .dcw__multicol__items { position: absolute; left: 50%; transform: translate(-50%, 0); } .dcw__widget.dcw__widget__multicol.dcw__layout--100.dcw__content-layout--floatign-img-bg.dcw__align--right.dcw__align--bottom ~ .dcw__widget.dcw__widget__multicol.dcw__layout--50-50.dcw__content-layout--all-constrained.dcw__align--left.dcw__align--middle .dcw__multicol__item:last-child, .custom-slider .owl-carousel .banner-item .dcw__widget.dcw__widget__multicol.dcw__layout--100.dcw__content-layout--floatign-img-bg.dcw__align--right.dcw__align--bottom ~ .dcw__widget.dcw__widget__multicol.dcw__layout--50-50.dcw__content-layout--all-constrained.dcw__align--middle.content_slider .dcw__multicol__item:last-child { padding: 0 !important; } .dcw__widget.dcw__widget__multicol.dcw__layout--100.dcw__content-layout--floatign-img-bg.dcw__align--right.dcw__align--bottom ~ .dcw__widget.dcw__widget__multicol.dcw__layout--50-50.dcw__content-layout--all-constrained.dcw__align--left.dcw__align--middle .dcw__image-wrapper, .custom-slider .owl-carousel .banner-item .dcw__widget.dcw__widget__multicol.dcw__layout--100.dcw__content-layout--floatign-img-bg.dcw__align--right.dcw__align--bottom ~ .dcw__widget.dcw__widget__multicol.dcw__layout--50-50.dcw__content-layout--all-constrained.dcw__align--middle.content_slider .dcw__image-wrapper { background-size: cover !important; } @media (max-width: 767px) { .dcw__widget.dcw__widget__multicol.dcw__height__static:not(.dcw__widget__item-count--1) .dcw__multicol__items { position: relative; top: auto; left: auto; transform: none; } .dcw__widget.dcw__widget__multicol.dcw__height__static:not(.dcw__widget__item-count--1):not(.dcw__padding--none) .dcw__multicol__items { padding-top: 0; padding-bottom: 0; } .dcw__widget.dcw__widget__multicol.dcw__height__static:not(.dcw__widget__item-count--1):not(.dcw__padding--none):not(.dcw__constrained__content) .dcw__multicol__items { padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (max-width: 1023px) { .dcw__widget.dcw__widget__multicol.dcw__layout--33-33-33 .dcw__multicol__item:first-child, .dcw__widget.dcw__widget__multicol.dcw__layout--33-33-33 .dcw__multicol__item:nth-child(2), .dcw__widget.dcw__widget__multicol.dcw__layout--50-25-25 .dcw__multicol__item:first-child, .dcw__widget.dcw__widget__multicol.dcw__layout--50-25-25 .dcw__multicol__item:nth-child(2) { width: 50% !important; } .dcw__widget.dcw__widget__multicol.dcw__layout--33-33-33 .dcw__multicol__item:last-child, .dcw__widget.dcw__widget__multicol.dcw__layout--50-25-25 .dcw__multicol__item:last-child { width: 100% !important; } } .dcw__content-layout--tiles--nopadding-nospacing .dcw__multicol__item { padding: 0 !important; margin: 0 !important; } .products-carousel .products-carousel__item:hover { background-color: transparent !important; } #amasty-shopby-product-list .toolbar ~ .toolbar .toolbar-sorter { display: none !important; } #amasty-shopby-product-list #amasty-shopby-overlay .loader { background-image: url(../images/loader-1.gif) !important; background-position: center; background-size: contain; width: 100% !important; height: 100% !important; max-height: 320px; max-width: 320px; } .product-page.page-product-configurable-group .whats-my-size__link { position: relative; } .product-page .page-main { overflow: hidden; } .product-page .product-add-form .product-options-wrapper .icon-type-option__field .control, .product-page .product-add-form .bundle-options-wrapper .icon-type-option__field .control { max-width: 400px !important; } .product-page .product-add-form .product-options-wrapper .kc-swatch .control, .product-page .product-add-form .bundle-options-wrapper .kc-swatch .control { width: 1px !important; } .select2.select2-container, .select2-container { max-width: 100%; } .select2.select2-container .kc-selectbox .select2-selection__arrow, .select2.select2-container .kc-selectbox--darker .select2-selection__arrow, .select2.select2-container .kc-selectbox.select2-selection__arrow, .select2.select2-container .select2-selection__arrow.kc-selectbox--darker, .select2.select2-container .kc-selectbox--darker .select2-selection__arrow, .select2.select2-container .kc-selectbox--darker.select2-selection__arrow, .select2-container .kc-selectbox .select2-selection__arrow, .select2.select2-container .kc-selectbox--darker .select2-selection__arrow, .select2-container .kc-selectbox.select2-selection__arrow, .select2.select2-container .select2-selection__arrow.kc-selectbox--darker, .select2-container .kc-selectbox--darker .select2-selection__arrow, .select2-container .kc-selectbox--darker.select2-selection__arrow { display: none; } .select2.select2-container .kc-selectbox .select2-selection--single, .select2.select2-container .kc-selectbox--darker .select2-selection--single, .select2.select2-container .kc-selectbox.select2-selection--single, .select2.select2-container .select2-selection--single.kc-selectbox--darker, .select2.select2-container .kc-selectbox--darker .select2-selection--single, .select2.select2-container .kc-selectbox--darker.select2-selection--single, .select2-container .kc-selectbox .select2-selection--single, .select2.select2-container .kc-selectbox--darker .select2-selection--single, .select2-container .kc-selectbox.select2-selection--single, .select2.select2-container .select2-selection--single.kc-selectbox--darker, .select2-container .kc-selectbox--darker .select2-selection--single, .select2-container .kc-selectbox--darker.select2-selection--single { height: auto; } .select2.select2-container .kc-selectbox .select2-selection__rendered, .select2.select2-container .kc-selectbox--darker .select2-selection__rendered, .select2.select2-container .kc-selectbox.select2-selection__rendered, .select2.select2-container .select2-selection__rendered.kc-selectbox--darker, .select2.select2-container .kc-selectbox--darker .select2-selection__rendered, .select2.select2-container .kc-selectbox--darker.select2-selection__rendered, .select2-container .kc-selectbox .select2-selection__rendered, .select2.select2-container .kc-selectbox--darker .select2-selection__rendered, .select2-container .kc-selectbox.select2-selection__rendered, .select2.select2-container .select2-selection__rendered.kc-selectbox--darker, .select2-container .kc-selectbox--darker .select2-selection__rendered, .select2-container .kc-selectbox--darker.select2-selection__rendered { color: inherit; line-height: inherit; padding: 0; } .select2.select2-container--open .kc-selectbox.select2-selection, .select2.select2-container--open .select2.select2-container .select2-selection.kc-selectbox--darker, .select2.select2-container .select2.select2-container--open .select2-selection.kc-selectbox--darker, .select2.select2-container--open .kc-selectbox--darker.select2-selection, .select2-container--open .kc-selectbox.select2-selection, .select2-container--open .select2.select2-container .select2-selection.kc-selectbox--darker, .select2.select2-container .select2-container--open .select2-selection.kc-selectbox--darker, .select2-container--open .kc-selectbox--darker.select2-selection { border-radius: 2em !important; } .select2.select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--below { border-top: 1px solid #DEDEDE !important; } .checkout-container .select2-container { display: inline; } .form-address-edit .select2-container { display: inline; } select[style*="display: none"] + .select2 { display: none !important; } /** * Text alignment */ .text--left { text-align: left !important; } .text--center { text-align: center !important; } .text--right { text-align: right !important; } /* ========================================================================== #WIDTHS ========================================================================== */ /** * inuitcss generates a series of utility classes that give a fluid width to * whichever element they’re applied, e.g.: * *
* * These classes are most commonly used in conjunction with our layout system, * e.g.: * *
* * By default, inuitcss will also generate responsive variants of each of these * classes by using your Sass MQ configuration, e.g.: * ** * Optionally, inuitcss can generate offset classes which can push and pull * elements left and right by a specified amount, e.g.: * ** * This is useful for making very granular changes to the rendered order of * items in a layout. * * N.B. This option is turned off by default. */ /** * A series of width helper classes that you can use to size things like grid * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in * your markup: * ** * The following will generate widths helper classes based on the fractions * defined in the `$inuit-fractions` list. */ .u-1\/1 { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1 { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1 { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2 { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2 { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2 { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2 { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2 { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2 { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3 { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3 { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3 { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3 { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3 { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3 { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3 { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3 { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3 { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4 { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4 { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4 { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4 { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4 { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4 { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4 { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4 { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4 { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4 { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4 { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4 { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5 { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5 { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5 { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5 { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5 { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5 { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5 { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5 { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5 { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5 { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5 { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5 { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5 { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5 { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5 { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } /** * If we’re using Sass-MQ, automatically generate grid system(s) for each of our * defined breakpoints, and give them a Responsive Suffix, e.g.: * **/ @media (min-width: 320px) { .u-1\/1\@mobile { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@mobile { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@mobile { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@mobile { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@mobile { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@mobile { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@mobile { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@mobile { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@mobile { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@mobile { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@mobile { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@mobile { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@mobile { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@mobile { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@mobile { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@mobile { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@mobile { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@mobile { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@mobile { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@mobile { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@mobile { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@mobile { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@mobile { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@mobile { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@mobile { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@mobile { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@mobile { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@mobile { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@mobile { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@mobile { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@mobile { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@mobile { left: auto !important; } .u-pull-none\@mobile { right: auto !important; } } @media (min-width: 480px) { .u-1\/1\@mobile-m { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@mobile-m { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@mobile-m { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@mobile-m { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@mobile-m { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@mobile-m { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@mobile-m { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@mobile-m { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@mobile-m { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@mobile-m { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@mobile-m { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@mobile-m { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@mobile-m { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@mobile-m { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@mobile-m { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@mobile-m { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@mobile-m { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@mobile-m { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@mobile-m { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@mobile-m { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@mobile-m { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@mobile-m { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@mobile-m { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@mobile-m { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@mobile-m { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@mobile-m { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@mobile-m { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@mobile-m { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@mobile-m { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@mobile-m { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@mobile-m { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@mobile-m { left: auto !important; } .u-pull-none\@mobile-m { right: auto !important; } } @media (min-width: 640px) { .u-1\/1\@mobile-l { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@mobile-l { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@mobile-l { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@mobile-l { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@mobile-l { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@mobile-l { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@mobile-l { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@mobile-l { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@mobile-l { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@mobile-l { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@mobile-l { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@mobile-l { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@mobile-l { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@mobile-l { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@mobile-l { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@mobile-l { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@mobile-l { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@mobile-l { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@mobile-l { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@mobile-l { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@mobile-l { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@mobile-l { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@mobile-l { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@mobile-l { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@mobile-l { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@mobile-l { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@mobile-l { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@mobile-l { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@mobile-l { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@mobile-l { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@mobile-l { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@mobile-l { left: auto !important; } .u-pull-none\@mobile-l { right: auto !important; } } @media (min-width: 768px) { .u-1\/1\@tablet { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@tablet { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@tablet { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@tablet { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@tablet { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@tablet { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@tablet { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@tablet { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@tablet { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@tablet { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@tablet { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@tablet { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@tablet { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@tablet { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@tablet { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@tablet { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@tablet { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@tablet { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@tablet { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@tablet { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@tablet { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@tablet { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@tablet { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@tablet { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@tablet { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@tablet { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@tablet { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@tablet { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@tablet { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@tablet { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@tablet { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@tablet { left: auto !important; } .u-pull-none\@tablet { right: auto !important; } } @media (min-width: 1024px) { .u-1\/1\@desktop { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@desktop { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@desktop { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@desktop { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@desktop { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@desktop { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@desktop { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@desktop { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@desktop { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@desktop { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@desktop { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@desktop { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@desktop { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@desktop { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@desktop { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@desktop { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@desktop { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@desktop { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@desktop { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@desktop { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@desktop { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@desktop { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@desktop { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@desktop { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@desktop { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@desktop { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@desktop { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@desktop { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@desktop { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@desktop { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@desktop { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@desktop { left: auto !important; } .u-pull-none\@desktop { right: auto !important; } } @media (min-width: 1366px) { .u-1\/1\@desktop-wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@desktop-wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@desktop-wide { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@desktop-wide { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@desktop-wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@desktop-wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@desktop-wide { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@desktop-wide { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@desktop-wide { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@desktop-wide { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@desktop-wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@desktop-wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@desktop-wide { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@desktop-wide { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@desktop-wide { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@desktop-wide { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@desktop-wide { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@desktop-wide { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@desktop-wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@desktop-wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@desktop-wide { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@desktop-wide { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@desktop-wide { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@desktop-wide { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@desktop-wide { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@desktop-wide { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@desktop-wide { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@desktop-wide { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@desktop-wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@desktop-wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@desktop-wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@desktop-wide { left: auto !important; } .u-pull-none\@desktop-wide { right: auto !important; } } @media (min-width: 1440px) { .u-1\/1\@wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/1\@wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-1\/1\@wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/2\@wide { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/2\@wide { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-1\/2\@wide { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-2\/2\@wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/2\@wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-2\/2\@wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/3\@wide { width: 33.33333% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/3\@wide { position: relative !important; right: auto !important; /* [1] */ left: 33.33333% !important; } .u-pull-1\/3\@wide { position: relative !important; right: 33.33333% !important; left: auto !important; /* [1] */ } .u-2\/3\@wide { width: 66.66667% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/3\@wide { position: relative !important; right: auto !important; /* [1] */ left: 66.66667% !important; } .u-pull-2\/3\@wide { position: relative !important; right: 66.66667% !important; left: auto !important; /* [1] */ } .u-3\/3\@wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/3\@wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-3\/3\@wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/4\@wide { width: 25% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/4\@wide { position: relative !important; right: auto !important; /* [1] */ left: 25% !important; } .u-pull-1\/4\@wide { position: relative !important; right: 25% !important; left: auto !important; /* [1] */ } .u-2\/4\@wide { width: 50% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/4\@wide { position: relative !important; right: auto !important; /* [1] */ left: 50% !important; } .u-pull-2\/4\@wide { position: relative !important; right: 50% !important; left: auto !important; /* [1] */ } .u-3\/4\@wide { width: 75% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/4\@wide { position: relative !important; right: auto !important; /* [1] */ left: 75% !important; } .u-pull-3\/4\@wide { position: relative !important; right: 75% !important; left: auto !important; /* [1] */ } .u-4\/4\@wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/4\@wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-4\/4\@wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-1\/5\@wide { width: 20% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-1\/5\@wide { position: relative !important; right: auto !important; /* [1] */ left: 20% !important; } .u-pull-1\/5\@wide { position: relative !important; right: 20% !important; left: auto !important; /* [1] */ } .u-2\/5\@wide { width: 40% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-2\/5\@wide { position: relative !important; right: auto !important; /* [1] */ left: 40% !important; } .u-pull-2\/5\@wide { position: relative !important; right: 40% !important; left: auto !important; /* [1] */ } .u-3\/5\@wide { width: 60% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-3\/5\@wide { position: relative !important; right: auto !important; /* [1] */ left: 60% !important; } .u-pull-3\/5\@wide { position: relative !important; right: 60% !important; left: auto !important; /* [1] */ } .u-4\/5\@wide { width: 80% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-4\/5\@wide { position: relative !important; right: auto !important; /* [1] */ left: 80% !important; } .u-pull-4\/5\@wide { position: relative !important; right: 80% !important; left: auto !important; /* [1] */ } .u-5\/5\@wide { width: 100% !important; } /** * 1. Reset any leftover or conflicting `left`/`right` values. */ .u-push-5\/5\@wide { position: relative !important; right: auto !important; /* [1] */ left: 100% !important; } .u-pull-5\/5\@wide { position: relative !important; right: 100% !important; left: auto !important; /* [1] */ } .u-push-none\@wide { left: auto !important; } .u-pull-none\@wide { right: auto !important; } } /* ========================================================================== #HEADINGS ========================================================================== */ /** * Redefine all of our basic heading styles against utility classes so as to * allow for double stranded heading hierarchy, e.g. we semantically need an H2, * but we want it to be sized like an H1: * * * */ .u-h1 { font-size: 36px !important; font-size: 2.57143rem !important; line-height: 1.16667 !important; } .u-h2 { font-size: 28px !important; font-size: 2rem !important; line-height: 1.28571 !important; } .u-h3 { font-size: 24px !important; font-size: 1.71429rem !important; line-height: 1.25 !important; } .u-h4 { font-size: 20px !important; font-size: 1.42857rem !important; line-height: 1.5 !important; } .u-h5 { font-size: 18px !important; font-size: 1.28571rem !important; line-height: 1.33333 !important; } .u-h6 { font-size: 16px !important; font-size: 1.14286rem !important; line-height: 1.5 !important; } /* ========================================================================== #SPACINGS ========================================================================== */ /** * Utility classes to put specific spacing values onto elements. The below loop * will generate us a suite of classes like: * * .u-margin-top {} * .u-padding-left-large {} * .u-margin-right-small {} * .u-padding {} * .u-padding-right-none {} * .u-padding-horizontal {} * .u-padding-vertical-small {} */ .u-padding { padding: 24px !important; } .u-padding-tiny { padding: 6px !important; } .u-padding-small { padding: 12px !important; } .u-padding-large { padding: 48px !important; } .u-padding-huge { padding: 96px !important; } .u-padding-none { padding: 0 !important; } .u-padding-top { padding-top: 24px !important; } .u-padding-top-tiny { padding-top: 6px !important; } .u-padding-top-small { padding-top: 12px !important; } .u-padding-top-large { padding-top: 48px !important; } .u-padding-top-huge { padding-top: 96px !important; } .u-padding-top-none { padding-top: 0 !important; } .u-padding-right { padding-right: 24px !important; } .u-padding-right-tiny { padding-right: 6px !important; } .u-padding-right-small { padding-right: 12px !important; } .u-padding-right-large { padding-right: 48px !important; } .u-padding-right-huge { padding-right: 96px !important; } .u-padding-right-none { padding-right: 0 !important; } .u-padding-bottom { padding-bottom: 24px !important; } .u-padding-bottom-tiny { padding-bottom: 6px !important; } .u-padding-bottom-small { padding-bottom: 12px !important; } .u-padding-bottom-large { padding-bottom: 48px !important; } .u-padding-bottom-huge { padding-bottom: 96px !important; } .u-padding-bottom-none { padding-bottom: 0 !important; } .u-padding-left { padding-left: 24px !important; } .u-padding-left-tiny { padding-left: 6px !important; } .u-padding-left-small { padding-left: 12px !important; } .u-padding-left-large { padding-left: 48px !important; } .u-padding-left-huge { padding-left: 96px !important; } .u-padding-left-none { padding-left: 0 !important; } .u-padding-horizontal { padding-left: 24px !important; padding-right: 24px !important; } .u-padding-horizontal-tiny { padding-left: 6px !important; padding-right: 6px !important; } .u-padding-horizontal-small { padding-left: 12px !important; padding-right: 12px !important; } .u-padding-horizontal-large { padding-left: 48px !important; padding-right: 48px !important; } .u-padding-horizontal-huge { padding-left: 96px !important; padding-right: 96px !important; } .u-padding-horizontal-none { padding-left: 0 !important; padding-right: 0 !important; } .u-padding-vertical { padding-top: 24px !important; padding-bottom: 24px !important; } .u-padding-vertical-tiny { padding-top: 6px !important; padding-bottom: 6px !important; } .u-padding-vertical-small { padding-top: 12px !important; padding-bottom: 12px !important; } .u-padding-vertical-large { padding-top: 48px !important; padding-bottom: 48px !important; } .u-padding-vertical-huge { padding-top: 96px !important; padding-bottom: 96px !important; } .u-padding-vertical-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-margin { margin: 24px !important; } .u-margin-tiny { margin: 6px !important; } .u-margin-small { margin: 12px !important; } .u-margin-large { margin: 48px !important; } .u-margin-huge { margin: 96px !important; } .u-margin-none { margin: 0 !important; } .u-margin-top { margin-top: 24px !important; } .u-margin-top-tiny { margin-top: 6px !important; } .u-margin-top-small { margin-top: 12px !important; } .u-margin-top-large { margin-top: 48px !important; } .u-margin-top-huge { margin-top: 96px !important; } .u-margin-top-none { margin-top: 0 !important; } .u-margin-right { margin-right: 24px !important; } .u-margin-right-tiny { margin-right: 6px !important; } .u-margin-right-small { margin-right: 12px !important; } .u-margin-right-large { margin-right: 48px !important; } .u-margin-right-huge { margin-right: 96px !important; } .u-margin-right-none { margin-right: 0 !important; } .u-margin-bottom { margin-bottom: 24px !important; } .u-margin-bottom-tiny { margin-bottom: 6px !important; } .u-margin-bottom-small { margin-bottom: 12px !important; } .u-margin-bottom-large { margin-bottom: 48px !important; } .u-margin-bottom-huge { margin-bottom: 96px !important; } .u-margin-bottom-none { margin-bottom: 0 !important; } .u-margin-left { margin-left: 24px !important; } .u-margin-left-tiny { margin-left: 6px !important; } .u-margin-left-small { margin-left: 12px !important; } .u-margin-left-large { margin-left: 48px !important; } .u-margin-left-huge { margin-left: 96px !important; } .u-margin-left-none { margin-left: 0 !important; } .u-margin-horizontal { margin-left: 24px !important; margin-right: 24px !important; } .u-margin-horizontal-tiny { margin-left: 6px !important; margin-right: 6px !important; } .u-margin-horizontal-small { margin-left: 12px !important; margin-right: 12px !important; } .u-margin-horizontal-large { margin-left: 48px !important; margin-right: 48px !important; } .u-margin-horizontal-huge { margin-left: 96px !important; margin-right: 96px !important; } .u-margin-horizontal-none { margin-left: 0 !important; margin-right: 0 !important; } .u-margin-vertical { margin-top: 24px !important; margin-bottom: 24px !important; } .u-margin-vertical-tiny { margin-top: 6px !important; margin-bottom: 6px !important; } .u-margin-vertical-small { margin-top: 12px !important; margin-bottom: 12px !important; } .u-margin-vertical-large { margin-top: 48px !important; margin-bottom: 48px !important; } .u-margin-vertical-huge { margin-top: 96px !important; margin-bottom: 96px !important; } .u-margin-vertical-none { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================================== #RESPONSIVE-SPACINGS ========================================================================== */ /** * Utility classes enhancing the normal spacing classes by adding responsiveness * to them. By default, there are not responsive spacings defined. You can * generate responsive spacings by adding entries to the following three Sass * maps, e.g.: * * $inuit-responsive-spacing-directions: ( * null: null, * bottom: bottom, * ); * * $inuit-responsive-spacing-properties: ( * "margin": "margin", * ); * * $inuit-responsive-spacing-sizes: ( * "-small": $inuit-global-spacing-unit-small, * ); * * This would bring us the following classes: * * .u-margin-small@mobile {} * .u-margin-small@tablet {} * .u-margin-small@desktop {} * .u-margin-small@wide {} * .u-margin-bottom-small@mobile {} * .u-margin-bottom-small@tablet {} * .u-margin-bottom-small@desktop {} * .u-margin-bottom-small@wide {} * * You can change the generated CSS classes by further extending the Sass maps. * If you want every ‘normal’ spacing (those from `utilities.spacings`) also as * a responsive version, you can just mirror the ‘normal’ spacings: * * $inuit-responsive-spacing-directions: $inuit-spacing-directions !default; * * $inuit-responsive-spacing-properties: $inuit-spacing-properties !default; * * $inuit-responsive-spacing-sizes: $inuit-spacing-sizes !default; * * BUT BE AWARE: This can generate a huge chunk of extra CSS, depending on the * amount of breakpoints you defined. So please check your CSS’ output and * filesize! */ /* stylelint-disable max-nesting-depth */ /* stylelint-enable max-nesting-depth */ /* ========================================================================== #PRINT ========================================================================== */ /** * Very crude, reset-like styles taken from the HTML5 Boilerplate: * https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles * https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282 */ @media print { /** * 1. Black prints faster: http://www.sanbeiji.com/archives/953 */ *, *:before, *:after { background: transparent !important; color: #000 !important; /* [1] */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /** * Don’t show links that are fragment identifiers, or use the `javascript:` * pseudo protocol. */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /** * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== #HIDE ========================================================================== */ /** * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .u-hidden-visually { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } /** * Hide visually and from screen readers. */ .u-hidden { display: none !important; }