body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } p { margin-top: 0rem; margin-bottom: 1rem; } abbr[title] { border-bottom: 1px dotted #cccccc; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f6f6f6; color: #000000; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #cccccc; margin-bottom: 20px; margin-top: 20px; } sub, sup { font-size: 71.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; } h2 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } h3, .cookie-group .h3 { font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; } h4 { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 2rem; margin-bottom: 2rem; } h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 2rem; margin-bottom: 2rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #006bb4; text-decoration: none; } a:visited, .alink:visited { color: #006bb4; text-decoration: none; } a:hover, .alink:hover { color: #006bb4; text-decoration: underline; } a:active, .alink:active { color: #ff5501; text-decoration: underline; } ul, ol { margin-top: 0rem; margin-bottom: 2.5rem; } ul > li, ol > li { margin-top: 0rem; margin-bottom: 1rem; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 20px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 5px; margin-top: 0; } dd { margin-bottom: 10px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f6f6f6; color: #111111; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f6f6f6; border: 1px solid #cccccc; color: #111111; line-height: 1.42857143; margin: 0 0 10px; padding: 10px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #cccccc; margin: 0 0 20px 40px; padding: 0; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #333333; line-height: 1.42857143; font-size: 1rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tfoot > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 11px 10px; } button { background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; } button:focus, button:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } button:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } button.disabled, button[disabled], fieldset[disabled] button { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type*="date"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type*="date"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #575757; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type*="date"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #575757; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type*="date"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #575757; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #ffffff url('../../frontend/Magento/luma/en_GB/images/select-bg.svg') no-repeat 100% 45%; background-clip: padding-box; border: 1px solid #cccccc; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 4px 25px 5px 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:focus { border: 1px solid #c2c2c2; } select:disabled { opacity: 0.5; background: #ffffff; border: 1px solid #c2c2c2; } select[multiple] { height: auto; background-image: none; } textarea { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: auto; line-height: 1.42857143; margin: 0; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #575757; } textarea::-webkit-input-placeholder { color: #575757; } textarea:-ms-input-placeholder { color: #575757; } input[type="checkbox"] { margin: 2px 5px 0 0; position: relative; top: 2px; } input[type="checkbox"]:disabled { opacity: 0.5; } input[type="radio"] { margin: 2px 5px 0 0; } input[type="radio"]:disabled { opacity: 0.5; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ed8380; } div.mage-error { color: #e02b27; font-size: 1.2rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #00699d; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .search-terms, .cart-summary .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .order-details-items .items-qty, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .bundle-options-container .block-bundle-summary .bundle.items > li, .product-items > li, .prices-tier > li, .search-terms > li, .cart-summary .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .order-details-items .items-qty > li, .footer.content ul > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .action-primary:focus, .action-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action-primary.disabled, .action-primary[disabled], fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .abs-discount-code .form-discount .actions-toolbar .primary .action, .cart-summary .form.giftregistry .fieldset .action.primary, .magento-payments-review-discount .actions-toolbar .action.primary, .magento-payments-review-discount .actions-toolbar .action.cancel, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { border-radius: 3px; } .abs-discount-block .actions-toolbar .action.primary:not(:focus), .abs-discount-block .actions-toolbar .action.cancel:not(:focus), .block-compare .action.primary:not(:focus), .cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus), .abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus), .cart-summary .form.giftregistry .fieldset .action.primary:not(:focus), .magento-payments-review-discount .actions-toolbar .action.primary:not(:focus), .magento-payments-review-discount .actions-toolbar .action.cancel:not(:focus), .paypal-review-discount .actions-toolbar .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.cancel:not(:focus), .cart-discount .actions-toolbar .action.primary:not(:focus), .cart-discount .actions-toolbar .action.cancel:not(:focus), .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) { box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); } .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .magento-payments-review-discount .actions-toolbar .action.primary:active, .magento-payments-review-discount .actions-toolbar .action.cancel:active, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active { box-shadow: inset 0 1px 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #333333; cursor: pointer; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-link-button:active, .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } .abs-action-link-button:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button, .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus, .block-event .slider-panel .slider .item .action.event:hover, .block-event .slider-panel .slider .item .action.event:active, .block-event .slider-panel .slider .item .action.event:focus { text-decoration: none; } .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .action-gift, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .magento-payments-review-discount .action.check, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: 1.42857143; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; border-radius: 0; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-discount-block .action.check:visited, .popup .actions-toolbar .action.cancel:visited, .paypal-button-widget .paypal-button:visited, .bundle-options-container .action.back:visited, .block.related .action.select:visited, .cart.table-wrapper .actions-toolbar > .action-delete:visited, .cart.table-wrapper .action.help.map:visited, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .checkout-billing-address .action-cancel:visited, .checkout-agreements-block .action-show:visited, .gift-options .actions-toolbar .action-cancel:visited, .gift-summary .action-edit:visited, .gift-summary .action-delete:visited, .action-gift:visited, .gift-wrapping-title .action-remove:visited, .wishlist.split.button > .action:visited, .abs-add-fields .action.remove:visited, .magento-payments-review-discount .action.check:visited, .paypal-review-discount .action.check:visited, .cart-discount .action.check:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited { color: #006bb4; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .action-gift:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .magento-payments-review-discount .action.check:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { color: #006bb4; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-discount-block .action.check:active, .popup .actions-toolbar .action.cancel:active, .paypal-button-widget .paypal-button:active, .bundle-options-container .action.back:active, .block.related .action.select:active, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .action.help.map:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .gift-options .actions-toolbar .action-cancel:active, .gift-summary .action-edit:active, .gift-summary .action-delete:active, .action-gift:active, .gift-wrapping-title .action-remove:active, .wishlist.split.button > .action:active, .abs-add-fields .action.remove:active, .magento-payments-review-discount .action.check:active, .paypal-review-discount .action.check:active, .cart-discount .action.check:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .abs-discount-block .action.check:hover, .abs-discount-block .action.check:active, .abs-discount-block .action.check:focus, .popup .actions-toolbar .action.cancel:hover, .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:focus, .paypal-button-widget .paypal-button:hover, .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:focus, .bundle-options-container .action.back:hover, .bundle-options-container .action.back:active, .bundle-options-container .action.back:focus, .block.related .action.select:hover, .block.related .action.select:active, .block.related .action.select:focus, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:focus, .cart.table-wrapper .action.help.map:hover, .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:focus, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus, .opc-wrapper .edit-address-link:hover, .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:hover, .action-auth-toggle:active, .action-auth-toggle:focus, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:focus, .checkout-agreements-block .action-show:hover, .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:focus, .gift-options .actions-toolbar .action-cancel:hover, .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:focus, .gift-summary .action-edit:hover, .gift-summary .action-edit:active, .gift-summary .action-edit:focus, .gift-summary .action-delete:hover, .gift-summary .action-delete:active, .gift-summary .action-delete:focus, .action-gift:hover, .action-gift:active, .action-gift:focus, .gift-wrapping-title .action-remove:hover, .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:focus, .wishlist.split.button > .action:hover, .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .magento-payments-review-discount .action.check:hover, .magento-payments-review-discount .action.check:active, .magento-payments-review-discount .action.check:focus, .paypal-review-discount .action.check:hover, .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:focus, .cart-discount .action.check:hover, .cart-discount .action.check:active, .cart-discount .action.check:focus, .form-giftregistry-share .action.remove:hover, .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:hover, .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:hover, .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:hover, .form-create-return .action.remove:active, .form-create-return .action.remove:focus, .form.send.friend .action.remove:hover, .form.send.friend .action.remove:active, .form.send.friend .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .abs-discount-block .action.check.disabled, .abs-discount-block .action.check[disabled], fieldset[disabled] .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel.disabled, .popup .actions-toolbar .action.cancel[disabled], fieldset[disabled] .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button.disabled, .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .paypal-button-widget .paypal-button, .bundle-options-container .action.back.disabled, .bundle-options-container .action.back[disabled], fieldset[disabled] .bundle-options-container .action.back, .block.related .action.select.disabled, .block.related .action.select[disabled], fieldset[disabled] .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete.disabled, .cart.table-wrapper .actions-toolbar > .action-delete[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map.disabled, .cart.table-wrapper .action.help.map[disabled], fieldset[disabled] .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup.disabled, .checkout-index-index .modal-popup .modal-footer .action-hide-popup[disabled], fieldset[disabled] .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link.disabled, .opc-wrapper .edit-address-link[disabled], fieldset[disabled] .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit.disabled, .opc-block-shipping-information .shipping-information-title .action-edit[disabled], fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle.disabled, .action-auth-toggle[disabled], fieldset[disabled] .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel.disabled, .checkout-payment-method .checkout-billing-address .action-cancel[disabled], fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show.disabled, .checkout-agreements-block .action-show[disabled], fieldset[disabled] .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel.disabled, .gift-options .actions-toolbar .action-cancel[disabled], fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit.disabled, .gift-summary .action-edit[disabled], fieldset[disabled] .gift-summary .action-edit, .gift-summary .action-delete.disabled, .gift-summary .action-delete[disabled], fieldset[disabled] .gift-summary .action-delete, .action-gift.disabled, .action-gift[disabled], fieldset[disabled] .action-gift, .gift-wrapping-title .action-remove.disabled, .gift-wrapping-title .action-remove[disabled], fieldset[disabled] .gift-wrapping-title .action-remove, .wishlist.split.button > .action.disabled, .wishlist.split.button > .action[disabled], fieldset[disabled] .wishlist.split.button > .action, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .magento-payments-review-discount .action.check.disabled, .magento-payments-review-discount .action.check[disabled], fieldset[disabled] .magento-payments-review-discount .action.check, .paypal-review-discount .action.check.disabled, .paypal-review-discount .action.check[disabled], fieldset[disabled] .paypal-review-discount .action.check, .cart-discount .action.check.disabled, .cart-discount .action.check[disabled], fieldset[disabled] .cart-discount .action.check, .form-giftregistry-share .action.remove.disabled, .form-giftregistry-share .action.remove[disabled], fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove.disabled, .form-giftregistry-edit .action.remove[disabled], fieldset[disabled] .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove.disabled, .form-add-invitations .action.remove[disabled], fieldset[disabled] .form-add-invitations .action.remove, .form-create-return .action.remove.disabled, .form-create-return .action.remove[disabled], fieldset[disabled] .form-create-return .action.remove, .form.send.friend .action.remove.disabled, .form.send.friend .action.remove[disabled], fieldset[disabled] .form.send.friend .action.remove { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-remove:active, .abs-action-remove:not(:focus), .abs-discount-block .action.check:active, .abs-discount-block .action.check:not(:focus), .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:not(:focus), .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:not(:focus), .bundle-options-container .action.back:active, .bundle-options-container .action.back:not(:focus), .block.related .action.select:active, .block.related .action.select:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:not(:focus), .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:not(:focus), .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:active, .action-auth-toggle:not(:focus), .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:not(:focus), .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:not(:focus), .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:not(:focus), .gift-summary .action-edit:active, .gift-summary .action-edit:not(:focus), .gift-summary .action-delete:active, .gift-summary .action-delete:not(:focus), .action-gift:active, .action-gift:not(:focus), .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:not(:focus), .wishlist.split.button > .action:active, .wishlist.split.button > .action:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .magento-payments-review-discount .action.check:active, .magento-payments-review-discount .action.check:not(:focus), .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:not(:focus), .cart-discount .action.check:active, .cart-discount .action.check:not(:focus), .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:active, .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:active, .form.send.friend .action.remove:not(:focus) { box-shadow: none; } .abs-revert-to-action-secondary, .magento-payments-review .block .actions-toolbar .action.primary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .abs-discount-code .form-discount .actions-toolbar .primary .action, .cart-summary .form.giftregistry .fieldset .action.primary, .magento-payments-review-discount .actions-toolbar .action.primary, .magento-payments-review-discount .actions-toolbar .action.cancel, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { background: #eeeeee; border: 1px solid #cccccc; color: #333333; } .abs-revert-secondary-color:focus, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:focus, .abs-revert-to-action-secondary:active, .magento-payments-review .block .actions-toolbar .action.primary:focus, .magento-payments-review .block .actions-toolbar .action.primary:active, .paypal-review .block .actions-toolbar .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:focus, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:focus, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:focus, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:active, .magento-payments-review-discount .actions-toolbar .action.primary:focus, .magento-payments-review-discount .actions-toolbar .action.primary:active, .magento-payments-review-discount .actions-toolbar .action.cancel:focus, .magento-payments-review-discount .actions-toolbar .action.cancel:active, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:focus, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:focus, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .magento-payments-review .block .actions-toolbar .action.primary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .abs-discount-code .form-discount .actions-toolbar .primary .action:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .magento-payments-review-discount .actions-toolbar .action.primary:hover, .magento-payments-review-discount .actions-toolbar .action.cancel:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } .products-grid.wishlist .product-item .box-tocart .tocart { font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; } #store-selector .form-continue .actions-toolbar .action.primary, .order-review-form .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } .cart.table-wrapper .item-options dt, .minicart-items .product-item-details .product .options.list dt, .opc-block-summary .items-in-cart .product .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { clear: left; float: left; margin: 0 10px 5px 0; } .cart.table-wrapper .item-options dt:after, .minicart-items .product-item-details .product .options.list dt:after, .opc-block-summary .items-in-cart .product .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .cart.table-wrapper .item-options dd, .minicart-items .product-item-details .product .options.list dd, .opc-block-summary .items-in-cart .product .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { display: inline-block; float: left; margin: 0 0 5px; word-break: break-all; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .box-tocart .action.instant-purchase { width: 100%; } .products-list .product-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .products-list .product-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .product.media .product.photo .photo.image { display: block; height: auto; margin: 0 auto; max-width: 100%; } .login-container .block .block-title { border-bottom: 1px solid #e8e8e8; font-size: 1.8rem; margin-bottom: 15px; padding-bottom: 12px; } .login-container .block .block-title strong { font-weight: 500; } .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .abs-dropdown-simple:after, .giftregisty-dropdown:before, .giftregisty-dropdown:after, .wishlist-dropdown:before, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:before, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .giftregisty-dropdown.active, .wishlist-dropdown.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .giftregisty-dropdown.active ul.dropdown, .wishlist-dropdown.active ul.dropdown { display: block; } .giftregisty-dropdown ul.items, .wishlist-dropdown ul.items { padding: 6px 0; } .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .box-tocart .input-text.qty, .account .data.table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { text-align: center; width: 54px; } .block, .customer-review .product-details, .block-banners, .block-banners-inline { margin-bottom: 40px; } .sidebar .product-items .action.delete, .sidebar .block-compare .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete, .filter-current .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .product-items .action.delete > span, .sidebar .block-compare .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > span, .filter-current .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .product-items .action.delete:before, .sidebar .block-compare .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filter-current .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 15px; color: #757575; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .product-items .action.delete:hover:before, .sidebar .block-compare .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filter-current .action.remove:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before, .sidebar .product-items .action.delete:active:before, .sidebar .block-compare .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before, .filter-current .action.remove:active:before { color: #999999; } .product-item-name, .product.name a { font-weight: 400; } .product-item-name > a, .product.name a > a { color: #333333; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #333333; text-decoration: underline; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #333333; text-decoration: underline; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active { color: #333333; text-decoration: underline; } .abs-like-link:visited { color: #006bb4; text-decoration: none; } .abs-like-link:hover { color: #006bb4; text-decoration: underline; } .abs-like-link:active { color: #ff5501; text-decoration: underline; } .form.giftregistry.items .actions-toolbar, .form.wishlist.items .actions-toolbar { margin-left: 0; } .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: normal; margin-left: 73%; position: absolute; top: 34px; width: auto; } .form-giftregistry-share .fieldset .field .control, .form-giftregistry-edit .fieldset .field .control, .form-add-invitations .fieldset .field .control, .form-create-return .fieldset .field .control, .form.send.friend .fieldset .field .control { width: 70%; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary, .form-add-invitations .fieldset .actions-toolbar > .secondary, .form-create-return .fieldset .actions-toolbar > .secondary, .form.send.friend .fieldset .actions-toolbar > .secondary { float: left; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add, .form-create-return .fieldset .actions-toolbar > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar > .secondary .action.add { margin-top: 30px; } .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 30px 0 0; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .opc-wrapper .form-discount .field .label, .bundle-options-container .block-bundle-summary .product-image-container, .bundle-options-container .block-bundle-summary .product.name, .bundle-options-container .block-bundle-summary .stock, .product-item-actions .actions-secondary > .action span, .special-price .price-label, .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span, .block.related .field.choice .label, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .fieldset .fullname > .label, .field.street .field .label, .block-balance .balance-price-label, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .form-add-invitations .fields .label, .filter-options-content .filter-count-label, .table-comparison .wishlist.split.button > .action.split span, .product-items .wishlist.split.button > .action.split span, .page-multiple-wishlist .page-title-wrapper .page-title, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .review-date .review-details-label, .customer-review .product-details .rating-average-label, .block-reorder .product-item .label, .action.skip:not(:focus), .page-header .panel.wrapper .switcher .label, .page-footer .switcher .label, .products-grid.wishlist .product-item .comment-box .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .toggle > span, .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:before, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:before, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:before, .toolbar:after, .sidebar .product-items-images:before, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:before, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:before, .minicart-items .product-item > .product:after, .minicart-items .product-item-details .product .options.list:before, .minicart-items .product-item-details .product .options.list:after, .checkout-container:before, .checkout-container:after, .checkout-onepage-success:before, .checkout-onepage-success:after, .opc-estimated-wrapper:before, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:before, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:before, .opc-block-summary .items-in-cart .product .item-options:after, .opc-block-summary .product-item .product-item-details:before, .opc-block-summary .product-item .product-item-details:after, .page-product-downloadable .product-add-form:before, .page-product-downloadable .product-add-form:after, .gift-item-block .content:before, .gift-item-block .content:after, .order-details-items .order-gift-message:before, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:before, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:before, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:before, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:before, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:before, .table-order-items .gift-wrapping .content:after, .order-options .product:before, .order-options .product:after, .map-popup .map-info-price:before, .map-popup .map-info-price:after, .multicheckout .item-options:before, .multicheckout .item-options:after, .multicheckout .block:before, .multicheckout .block:after, .multicheckout .block-content:before, .multicheckout .block-content:after, .customer-review .product-details:before, .customer-review .product-details:after, .form-create-return .actions-toolbar:before, .form-create-return .actions-toolbar:after, .header.content:before, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:before, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:before, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:before, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:before, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:before, .form.send.friend .fieldset .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .minicart-items .product-item-details .product .options.list:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:after, .opc-block-summary .product-item .product-item-details:after, .page-product-downloadable .product-add-form:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .form-create-return .actions-toolbar:after, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:after { clear: both; } .abs-field-date .control, .abs-field-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .product-item, .sidebar .product-items-images .product-item, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .block-event .slider-panel .slider .item .action.show, .sidebar .block-addbysku .fieldset .fields .field.sku, .form.search.advanced .fields.range .field.date .control, .field .control._with-tooltip, .form-giftregistry-edit .field.date .control { box-sizing: border-box; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary > .action, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { color: #666666; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; display: inline-block; text-decoration: none; } .abs-actions-addto:before, .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .product-item-actions .actions-secondary > .action:before, .product-social-links .action.tocompare:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; font-family: 'luma-icons'; margin: -2px 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-item-actions .actions-secondary > .action:hover, .product-social-links .action.tocompare:hover, .wishlist.split.button > .action.split:hover, .product-social-links .action.mailto.friend:hover, .product-social-links .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .product-item .action.towishlist:hover, .table-comparison .action.towishlist:hover { color: #333333; text-decoration: none; } .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .product-item-actions .actions-secondary > .action:before, .product-social-links .action.tocompare:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { width: 18px; } .bundle-options-container .block-bundle-summary .box-tocart, .box-tocart { margin: 0 0 30px; } .abs-cart-block > .title, .minicart-items .product .toggle, .abs-discount-block .block > .title, .cart-summary .block > .title, .magento-payments-review-discount .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .magento-payments-review-discount .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title > span, .abs-cart-block > .title > span, .minicart-items .product .toggle > span, .abs-discount-block .block > .title > span, .cart-summary .block > .title > span, .magento-payments-review-discount .block > .title > span, .paypal-review-discount .block > .title > span, .cart-discount .block > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-toggling-title:after, .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .magento-payments-review-discount .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block .block, .cart-summary .block, .magento-payments-review-discount .block, .paypal-review-discount .block, .cart-discount .block { margin: 0; } .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .magento-payments-review-discount .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { color: #858585; } .abs-discount-block .block .content, .cart-summary .block .content, .magento-payments-review-discount .block .content, .paypal-review-discount .block .content, .cart-discount .block .content { display: none; padding: 5px 15px 23px; position: relative; } .abs-cart-block.active > .title:after, .abs-discount-block .block.active > .title:after, .cart-summary .block.active > .title:after, .magento-payments-review-discount .block.active > .title:after, .paypal-review-discount .block.active > .title:after, .cart-discount .block.active > .title:after { content: '\e621'; } .abs-discount-block .block.active .content, .cart-summary .block.active .content, .magento-payments-review-discount .block.active .content, .paypal-review-discount .block.active .content, .cart-discount .block.active .content { display: block; } .multicheckout .table-wrapper .cart-price { color: #7d7d7d; font-size: 1.6rem; font-weight: 700; } .multicheckout .table-wrapper .product-item-name { font-size: 1.8rem; font-weight: 300; margin: 0; } .abs-account-blocks .block-title, .account .legend, .form-giftregistry-search .legend, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-form .block-title, .block-wishlist-search-results .block-title, .multicheckout .block-title, .multicheckout .block-content .title, .customer-review .review-details .title, .magento-payments-review .block .block-title, .paypal-review .block .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title { border-bottom: 1px solid #c6c6c6; margin-bottom: 25px; padding-bottom: 10px; } .abs-account-blocks .block-title > strong, .abs-account-blocks .block-title > span, .account .legend > strong, .account .legend > span, .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-giftregistry-results .block-title > strong, .block-giftregistry-results .block-title > span, .block-giftregistry-shared-items .block-title > strong, .block-giftregistry-shared-items .block-title > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span, .block-wishlist-search-results .block-title > strong, .block-wishlist-search-results .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span, .customer-review .review-details .title > strong, .customer-review .review-details .title > span, .magento-payments-review .block .block-title > strong, .magento-payments-review .block .block-title > span, .paypal-review .block .block-title > strong, .paypal-review .block .block-title > span, .account .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > span, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > span { font-size: 2.2rem; font-weight: 300; } .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 24px; } .order-details-items tfoot td { background: #f5f5f5; } .magento-payments-review .table-magento-payments-review-items .col.price .price-including-tax, .magento-payments-review .table-magento-payments-review-items .col.price .price-excluding-tax, .magento-payments-review .table-magento-payments-review-items .col.subtotal .price-including-tax, .magento-payments-review .table-magento-payments-review-items .col.subtotal .price-excluding-tax, .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax { color: #666666; font-size: 1.8rem; display: block; line-height: 1; white-space: nowrap; } .magento-payments-review .table-magento-payments-review-items .col.price .price-including-tax .price, .magento-payments-review .table-magento-payments-review-items .col.price .price-excluding-tax .price, .magento-payments-review .table-magento-payments-review-items .col.subtotal .price-including-tax .price, .magento-payments-review .table-magento-payments-review-items .col.subtotal .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price { font-weight: 700; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-excluding-tax, .cart-summary .price-including-tax, .cart-summary .price-excluding-tax, .gift-summary .price-including-tax, .gift-summary .price-excluding-tax, .gift-options .price-including-tax, .gift-options .price-excluding-tax { font-size: 1.4rem; display: inline-block; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { font-size: 1.1rem; display: inline-block; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ')'; } .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total, .magento-payments-review .table-magento-payments-review-items .cart-tax-total, .paypal-review .table-paypal-review-items .cart-tax-total, .cart.table-wrapper .cart-tax-total, .order-details-items .cart-tax-total { cursor: pointer; padding-right: 10px; position: relative; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .magento-payments-review .table-magento-payments-review-items .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; line-height: 8px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .magento-payments-review .table-magento-payments-review-items .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { position: absolute; right: -2px; top: 4px; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after, .magento-payments-review .table-magento-payments-review-items .cart-tax-total-expanded:after, .paypal-review .table-paypal-review-items .cart-tax-total-expanded:after, .cart.table-wrapper .cart-tax-total-expanded:after, .order-details-items .cart-tax-total-expanded:after { content: '\e621'; } .giftcard-account .form-giftcard-redeem .fieldset, .form-giftregistry-create .fieldset { margin-bottom: 20px; } .review-ratings .rating-summary, .customer-review .review-details .customer-review-rating .rating-summary { display: table-row; } .review-ratings .rating-label, .customer-review .review-details .customer-review-rating .rating-label { display: table-cell; padding-bottom: 5px; padding-right: 25px; padding-top: 1px; vertical-align: top; } .review-ratings .rating-result, .customer-review .review-details .customer-review-rating .rating-result { display: table-cell; vertical-align: top; } .block-addresses-list .items.addresses .item.actions .action:after, .account .data.table .col.actions .action:after, [class^='sales-guest-'] .data.table .col.actions .action:after, .sales-guest-view .data.table .col.actions .action:after, .block .box-actions .action:after { border-left: 1px solid #a6a6a6; content: ''; display: inline-block; height: 12px; margin: 0 10px; vertical-align: -1px; } .block-addresses-list .items.addresses .item.actions .action:last-child:after, .account .data.table .col.actions .action:last-child:after, [class^='sales-guest-'] .data.table .col.actions .action:last-child:after, .sales-guest-view .data.table .col.actions .action:last-child:after, .block .box-actions .action:last-child:after { display: none; } .magento-payments-review .block .block-title > .action, .paypal-review .block .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .magento-payments-review .block .box-title, .paypal-review .block .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 10px; } .magento-payments-review .block .box-title > span, .paypal-review .block .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .multicheckout .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span { font-size: 1.6rem; } .magento-payments-review .block .box-title > .action, .paypal-review .block .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 10px; } .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ': '; } .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 5px; } .abs-sidebar-totals .table-caption, .sidebar .subtitle, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .no-display, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .return-status, .order-status { border: 2px solid #cccccc; border-radius: 3px; display: inline-block; margin: 3px 0 0; padding: 2px 10px; text-transform: uppercase; vertical-align: top; } .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^='sales-guest-'] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title { margin-right: 25px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date, .magento-rma-returns-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date, .account .page-main .page-title-wrapper .order-date, [class^='sales-guest-'] .page-main .page-title-wrapper .order-date, .sales-guest-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date { font-size: 16px; margin-bottom: 10px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date .label, .magento-rma-returns-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label, .account .page-main .page-title-wrapper .order-date .label, [class^='sales-guest-'] .page-main .page-title-wrapper .order-date .label, .sales-guest-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label { display: none; } .account .column.main .order-details-items .table-wrapper .data.table, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table, .block-giftregistry-results .data.table, .block-wishlist-search-results .data.table, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table { border: none; } .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th { background: #f6f6f6; } .abs-table-striped > thead > tr > th, .abs-table-striped > tbody > tr > th, .abs-table-striped > tfoot > tr > th, .abs-table-striped > thead > tr > td, .abs-table-striped > tbody > tr > td, .abs-table-striped > tfoot > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > tbody > tr > th, .block-giftregistry-results .data.table > tfoot > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-giftregistry-results .data.table > tbody > tr > td, .block-giftregistry-results .data.table > tfoot > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > tbody > tr > th, .block-wishlist-search-results .data.table > tfoot > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > tbody > tr > td, .block-wishlist-search-results .data.table > tfoot > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td { border: none; } .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td { border-bottom: 1px solid #cccccc; } .block-compare .counter, .block-wishlist .counter { color: #6d6d6d; font-size: 1.2rem; vertical-align: middle; white-space: nowrap; } .block-compare .counter:before, .block-wishlist .counter:before { content: '('; } .block-compare .counter:after, .block-wishlist .counter:after { content: ')'; } .block-compare .block-title, .block-reorder .block-title, .widget .block-title, .block-wishlist .block-title { margin: 0 0 20px; } .block-compare .block-title strong, .block-reorder .block-title strong, .widget .block-title strong, .block-wishlist .block-title strong { font-size: 18px; font-weight: 300; vertical-align: middle; } .block-cart-failed, .cart-container .form-cart { margin-bottom: 20px; } .block-cart-failed .actions.main .continue, .cart-container .form-cart .actions.main .continue { display: none; } .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .clear { line-height: 1.42857143; margin: 0 20px 0 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; } .abs-shopping-cart-items .actions.main .clear:visited, .block-cart-failed .actions.main .clear:visited, .cart-container .form-cart .actions.main .clear:visited { color: #006bb4; text-decoration: none; } .abs-shopping-cart-items .actions.main .clear:hover, .block-cart-failed .actions.main .clear:hover, .cart-container .form-cart .actions.main .clear:hover { color: #006bb4; text-decoration: underline; } .abs-shopping-cart-items .actions.main .clear:active, .block-cart-failed .actions.main .clear:active, .cart-container .form-cart .actions.main .clear:active { color: #ff5501; text-decoration: underline; } .abs-shopping-cart-items .actions.main .clear:hover, .abs-shopping-cart-items .actions.main .clear:active, .abs-shopping-cart-items .actions.main .clear:focus, .block-cart-failed .actions.main .clear:hover, .block-cart-failed .actions.main .clear:active, .block-cart-failed .actions.main .clear:focus, .cart-container .form-cart .actions.main .clear:hover, .cart-container .form-cart .actions.main .clear:active, .cart-container .form-cart .actions.main .clear:focus { background: none; border: 0; } .abs-shopping-cart-items .actions.main .clear.disabled, .abs-shopping-cart-items .actions.main .clear[disabled], fieldset[disabled] .abs-shopping-cart-items .actions.main .clear, .block-cart-failed .actions.main .clear.disabled, .block-cart-failed .actions.main .clear[disabled], fieldset[disabled] .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .clear.disabled, .cart-container .form-cart .actions.main .clear[disabled], fieldset[disabled] .cart-container .form-cart .actions.main .clear { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .form.search.advanced .fields.range .field.date .control, .form-giftregistry-edit .field.date .control { position: relative; } .abs-field-date input, .field.date ._has-datepicker, .field-dob ._has-datepicker, .form-giftregistry-search .fields-specific-options .datetime-picker, .form.search.advanced .fields.range .field.date input, .form-giftregistry-edit .field.date input { margin-right: 10px; width: calc(100% - 33px); } .field .control._with-tooltip { position: relative; } .field .control._with-tooltip input { margin-right: 10px; width: calc(100% - 36px); } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { padding-bottom: 10px; color: #333333; font-weight: 300; font-size: 2.6rem; } .cart-totals, .opc-block-summary .table-totals { border-top: 1px solid #cccccc; padding-top: 10px; } .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark { border: 0; font-weight: 400; padding: 6px 0; } .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { border: 0; font-weight: 400; padding: 6px 0 6px 14px; text-align: right; white-space: nowrap; } .cart-totals .grand th, .cart-totals .grand td, .opc-block-summary .table-totals .grand th, .opc-block-summary .table-totals .grand td { padding: 11px 0; } .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { display: inline-block; font-weight: 600; padding: 3px 0 0; } .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark { font-size: 1.8rem; border-top: 1px solid #cccccc; padding-right: 10px; } .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { font-size: 1.8rem; border-top: 1px solid #cccccc; } .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 10px; } .cart-totals tbody tr:last-child td, .opc-block-summary .table-totals tbody tr:last-child td { padding-bottom: 19px; } .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; cursor: pointer; } .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { padding-right: 20px; position: relative; display: inline-block; text-decoration: none; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: 3px; top: 3px; } .cart-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: '\e621'; } .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { border-bottom: 1px solid #cccccc; display: none; } .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .cart-totals .table-wrapper, .opc-block-summary .table-totals .table-wrapper { margin-bottom: 0; } .magento-payments-review-discount .block > .title strong, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { color: #006bb4; font-weight: 400; } .magento-payments-review-discount .actions-toolbar, .paypal-review-discount .actions-toolbar, .cart-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .magento-payments-review-discount .actions-toolbar .action.primary, .magento-payments-review-discount .actions-toolbar .action.cancel, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } .magento-payments-review-discount .actions-toolbar .secondary, .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: 5px; left: 15px; position: absolute; } .magento-payments-review-discount .action.check, .paypal-review-discount .action.check, .cart-discount .action.check { font-weight: 400; } .magento-payments-review-discount .fieldset, .paypal-review-discount .fieldset, .cart-discount .fieldset { display: table; width: 100%; } .magento-payments-review-discount .fieldset > .field > .label, .paypal-review-discount .fieldset > .field > .label, .cart-discount .fieldset > .field > .label { display: none; } .magento-payments-review-discount .field, .paypal-review-discount .field, .cart-discount .field { display: table-cell; } @font-face { font-family: 'Open Sans'; src: url('../../frontend/Magento/luma/en_GB/fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../../frontend/Magento/luma/en_GB/fonts/opensans/light/opensans-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../frontend/Magento/luma/en_GB/fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../../frontend/Magento/luma/en_GB/fonts/opensans/regular/opensans-400.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../frontend/Magento/luma/en_GB/fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../../frontend/Magento/luma/en_GB/fonts/opensans/semibold/opensans-600.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../../frontend/Magento/luma/en_GB/fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../../frontend/Magento/luma/en_GB/fonts/opensans/bold/opensans-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } .items { margin: 0; padding: 0; list-style: none none; } .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { padding-bottom: 40px; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .table-wrapper { margin-bottom: 20px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table tfoot { background: #f5f5f5; } .table tfoot > tr:first-child th, .table tfoot > tr:first-child td { border-top: 1px solid #cccccc; padding-top: 20px; } .table tfoot th, .table tfoot td { border: 0; } .table tfoot .mark { font-weight: 400; text-align: right; } .message.info { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.info a { color: #006bb4; } .message.info a:hover { color: #006bb4; } .message.info a:active { color: #006bb4; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.error { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 45px; position: relative; } .message.error a { color: #006bb4; } .message.error a:hover { color: #006bb4; } .message.error a:active { color: #006bb4; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #b30000; content: '\e61f'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.warning { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.warning a { color: #006bb4; } .message.warning a:hover { color: #006bb4; } .message.warning a:active { color: #006bb4; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.notice { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 45px; position: relative; } .message.notice a { color: #006bb4; } .message.notice a:hover { color: #006bb4; } .message.notice a:active { color: #006bb4; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #c07600; content: '\e602'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .message.success { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 45px; position: relative; } .message.success a { color: #006bb4; } .message.success a:hover { color: #006bb4; } .message.success a:active { color: #006bb4; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 24px; color: #006400; content: '\e60e'; font-family: 'luma-icons'; margin: -12px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 22px; width: 45px; position: absolute; text-align: center; } .panel.header .links, .panel.header .switcher { display: none; } .nav-sections { background: #f0f0f0; } .nav-toggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; left: 15px; position: absolute; top: 15px; z-index: 14; } .nav-toggle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: #757575; content: '\e609'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-toggle:hover:before { color: #333333; } .nav-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 10px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } .load.indicator { background-color: rgba(255, 255, 255, 0.7); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url('../../frontend/Magento/luma/en_GB/images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } .fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 20px; padding: 0 0 10px; width: 100%; box-sizing: border-box; float: left; font-weight: 300; line-height: 1.2; font-size: 1.8rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 20px; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 20px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 8px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 600; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .fields > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .fields > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .fields > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #575757; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #575757; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #575757; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 10px; } .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { display: inline; font-weight: normal; margin: 0; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 10px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .legend + .fieldset, .legend + div { clear: both; } .legend > span { margin-right: 5px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { display: inline-block; margin-top: 10px; white-space: nowrap; } .field .message.warning { margin-top: 10px; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; text-indent: .01em; text-overflow: ''; } select::-ms-expand { display: none; } select.admin__control-multiselect { height: auto; } .field-error, div.mage-error { margin-top: 7px; } .field-error { color: #e02b27; font-size: 1.2rem; } .product-options-wrapper .date.required div[for*='options'].mage-error { display: none !important; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; } ._has-datepicker ~ .ui-datepicker-trigger:focus, ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger.disabled, ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\e612'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 20px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 5px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @font-face { font-family: 'luma-icons'; src: url('../../frontend/Magento/luma/en_GB/fonts/Luma-Icons.woff2') format('woff2'), url('../../frontend/Magento/luma/en_GB/fonts/Luma-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } button, a.action.primary { border-radius: 3px; } button:not(.primary) { box-shadow: none; } button:not(.primary):active { box-shadow: inset 0 1px 0 0 rgba(204, 204, 204, 0.8), inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); } body:not(._keyfocus) button:focus { box-shadow: none; } a.action.primary { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus { text-decoration: none; } .action.primary, .action-primary { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; } .action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action.primary:hover, .action-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action.primary.disabled, .action-primary.disabled, .action.primary[disabled], .action-primary[disabled], fieldset[disabled] .action.primary, fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .product.data.items { margin: 0; padding: 0; border-bottom: 1px solid #cccccc; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0; } .product.data.items > .item.title > .switch { border-top: 1px solid #cccccc; height: 40px; padding: 1px 10px 1px 10px; font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #333333; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #6d6d6d; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #333333; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #333333; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { color: #333333; text-decoration: none; padding-bottom: 1px; } .product.data.items > .item.content { background: #ffffff; margin: 0; padding: 10px 10px 30px; } .product.data.items .item.title a { position: relative; text-decoration: none; } .product.data.items .item.title a:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items .item.title a:after { position: absolute; right: 10px; top: 1px; } .product.data.items .item.title.active a:after { content: '\e621'; } .product.data.items .value p:last-child { margin-bottom: 0; } .product.data.items .table-wrapper { margin: 0; } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 400; } .pages .item { font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; margin: 0 8px 0 0; display: inline-block; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { color: #006bb4; display: inline-block; padding: 0 5px; text-decoration: none; } .pages a.page:visited { color: #006bb4; } .pages a.page:hover { color: #006bb4; text-decoration: none; } .pages a.page:active { color: #ff5501; } .pages strong.page { background: #e5e5e5; font-size: 1.2rem; line-height: 3rem; letter-spacing: normal; color: #333333; display: inline-block; font-weight: 700; padding: 0 5px; } .pages .action { background: #f0f0f0; border: 1px solid #cccccc; color: #7d7d7d; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { color: #7d7d7d; } .pages .action:hover { background: #dedede; color: #7d7d7d; text-decoration: none; } .pages .action:active { color: #7d7d7d; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #7d7d7d; } .pages .action.next:active:before { color: #7d7d7d; } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e608'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.next:hover:before { color: #7d7d7d; } .pages .action.next:active:before { color: #7d7d7d; } .pages .action.previous { display: inline-block; text-decoration: none; } .pages .action.previous:visited:before { color: #7d7d7d; } .pages .action.previous:active:before { color: #7d7d7d; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e617'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.previous:hover:before { color: #7d7d7d; } .pages .action.previous:active:before { color: #7d7d7d; } .pages .action { box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border-radius: 3px; padding: 0 8px; } .pages .action.previous { margin-right: 8px; } .pages .action.next { margin-left: 8px; } .actions-toolbar > .primary, .actions-toolbar > .secondary { margin-bottom: 10px; text-align: center; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 10px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } .actions-toolbar > .secondary .action.back { display: none; } .breadcrumbs { margin: 0 0 15px; min-height: 24px; } .breadcrumbs .items { font-size: 1.2rem; color: #707070; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #006bb4; text-decoration: none; } .breadcrumbs a:visited { color: #006bb4; text-decoration: none; } .breadcrumbs a:hover { color: #006bb4; text-decoration: underline; } .breadcrumbs a:active { color: #006bb4; text-decoration: none; } .breadcrumbs strong { font-weight: 400; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 18px; content: '\e608'; font-family: 'luma-icons'; margin: 0 10px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: #737373; } .ui-dialog.popup .action.close:active:before { color: #737373; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { pointer-events: none; opacity: 0.5; } .popup .actions-toolbar .action.cancel { font-weight: 400; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent #ffffff transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0px; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 1.8rem; line-height: 1; } .price-including-tax .price, .price-excluding-tax .price { font-weight: 700; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.8rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ': '; font-size: 1.1rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 1.1rem; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #757575; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a; } .modal-custom .action-close { margin: 15px; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 10px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close { padding: 20px; } .modal-slide .action-close { margin: 15px; padding: 0; } .modal-slide .page-main-actions { margin-bottom: -12.9rem; margin-top: 2.1rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .product-info-stock-sku .configurable-variation-qty { display: none; } /** * @codingStandardsIgnoreStart */ #store-pickup.selected-shipping ~ #store-selector { display: none; } #store-pickup.selected-store-pickup ~ #shipping, #store-pickup.selected-store-pickup ~ #opc-shipping_method { visibility: hidden; height: 0; overflow: hidden; } #delivery-method-selector { display: -webkit-flex; display: -ms-flexbox; display: flex; } #delivery-method-selector .action { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } #delivery-method-selector .action.selected { background: #ffffff; } #delivery-method-selector .action-select-shipping { border-bottom-right-radius: 0; border-top-right-radius: 0; } #delivery-method-selector .action-select-store-pickup { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } /** * @codingStandardsIgnoreStart */ #store-selector .form-login { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #store-selector .form-continue { margin: 20px 0 0; } .location-details .location-name { font-size: 18px; font-weight: 700; } .store-selector-popup .modal-title { border-bottom: 0; } .store-selector-popup .modal-header { padding-bottom: 0; } /** * @codingStandardsIgnoreStart */ #opc-store-selector-popup { display: none; } #opc-store-selector-popup .block-search { float: none; width: 100%; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #c1c1c1; } .modal-content #opc-store-selector-popup { display: block; } .store-selector-popup-table thead th { display: none; } .store-selector-popup-table tbody .location .location-name { font-size: 18px; } .store-selector-popup-table tbody .location + .location { border-top: 1px solid #cccccc; } .store-selector-popup-table tbody .col-location-details { padding-left: 0; } .store-selector-popup-table tbody .col-location-details p:last-child { margin-bottom: 0; } .store-selector-popup-table tbody .col-location-actions { padding-right: 0; vertical-align: middle; } .store-selector-popup-table tbody .col-location-actions .action { float: right; } .store-selector-popup-empty-query, .store-selector-popup-no-locations { margin: 0 0 20px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .lac-notification-sticky { position: relative; z-index: 999; } .lac-notification-sticky .lac-notification { background-color: #373330; color: #ffffff; font-size: 16px; } .lac-notification-sticky .lac-notification .lac-notification-icon { float: left; margin: 10px 25px 10px 10px; } .lac-notification-sticky .lac-notification .lac-notification-icon .logo-img { display: block; } .lac-notification-sticky .lac-notification .lac-notification-text { float: left; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links { float: right; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links a { color: #ffffff; font-size: 14px; } .lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after { background: url('../../frontend/Magento/luma/en_GB/Magento_LoginAsCustomerFrontendUi/images/close.svg'); content: ' '; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 12px; } @font-face { font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; src: url('../../frontend/Magento/luma/en_GB/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot'); src: url('../../frontend/Magento/luma/en_GB/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../../frontend/Magento/luma/en_GB/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../../frontend/Magento/luma/en_GB/Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype'); } .pagebuilder-icon, .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { -webkit-font-smoothing: antialiased; font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; line-height: 1; speak: none; } [class^='pagebuilder-icon-']:before, [class*=' pagebuilder-icon-']:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-family: 'pagebuilder-font'; font-style: normal; font-weight: normal; line-height: 1; speak: none; text-decoration: inherit; text-rendering: auto; text-transform: none; vertical-align: middle; } .pagebuilder-icon-down:before { content: '\f101'; } .pagebuilder-icon-next:before { content: '\f102'; } .pagebuilder-icon-prev:before { content: '\f103'; } .pagebuilder-icon-up:before { content: '\f104'; } .product-full-width-section { padding: .5em 0; } .product-full-width-section .block.review-add { margin-top: 2.7rem; } .page-layout-product-full-width .block.related { margin-top: 2.7rem; } .page-main-details .product-section-title { border-bottom: 1px solid #c6c6c6; margin-bottom: 15px; padding-bottom: 12px; } .additional-attributes-wrapper .additional-attributes { border: none; width: auto; } .additional-attributes-wrapper .additional-attributes > tbody > tr > th { border: none; padding: 5.5px 30px 10px 0; } .additional-attributes-wrapper .additional-attributes > tbody > tr > td { border: none; padding: 5.5px 5px 10px; } .cms-index-index.page-layout-cms-full-width .nav-sections { margin-bottom: 0; } .slick-slider { -khtml-user-select: none; -moz-user-select: none; -ms-touch-action: pan-y; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; box-sizing: border-box; display: block; position: relative; touch-action: pan-y; user-select: none; } .slick-list { display: block; margin: 0; overflow: hidden; padding: 0; position: relative; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-track { display: block; left: 0; margin-left: auto; margin-right: auto; position: relative; top: 0; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .slick-slider .slick-track, .slick-slider .slick-list { -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-arrow.slick-hidden { display: none; } .slick-prev { left: 2rem; } .slick-prev:before { content: '\f103'; padding-right: 5px; } .slick-next { right: 2rem; } .slick-next:before { content: '\f102'; padding-left: 5px; } .slick-prev, .slick-next { -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); background: rgba(252, 252, 252, 0.6); border: none; border-radius: 0; color: transparent; cursor: pointer; display: block; font-size: 0; height: 60px; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); width: 60px; z-index: 101; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: .2; } .slick-prev:hover, .slick-next:hover { background: #fcfcfc; border: none; } .slick-prev:hover.slick-disabled, .slick-next:hover.slick-disabled { opacity: .2; } .slick-prev:hover:before, .slick-next:hover:before { color: #494949; } .slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after { color: #555555; font-size: 38px; opacity: 1; } .slick-prev:active, .slick-next:active, .slick-prev:focus, .slick-next:focus, .slick-prev:not(.primary), .slick-next:not(.primary) { background: rgba(252, 252, 252, 0.7); border: none; box-shadow: none; } .slick-prev:active:active, .slick-next:active:active, .slick-prev:focus:active, .slick-next:focus:active, .slick-prev:not(.primary):active, .slick-next:not(.primary):active { box-shadow: none; } .slick-dots { font-size: 1.4rem; line-height: normal; letter-spacing: normal; display: block; list-style: none; margin: 0; padding: 15px 0; text-align: center; width: 100%; } .slick-dots li { cursor: pointer; display: inline-block; height: 14px; margin: 0 5px; padding: 0; position: relative; vertical-align: middle; width: 14px; } .slick-dots li button { background: #ffffff; border: 1px solid #cccccc; border-radius: 10px; box-shadow: none; cursor: pointer; display: block; height: 14px; padding: 0; text-indent: -99999px; transition: .3s; width: 14px; } .slick-dots li button:hover { border: 1px solid #b3b3b3; } .slick-dots li button:active, .slick-dots li button:focus, .slick-dots li button:not(.primary) { box-shadow: none; } .slick-dots li.slick-active button { background: #1c1918; } [data-content-type='banner'] > [data-element='link'], [data-content-type='banner'] > [data-element='empty_link'] { color: inherit; text-decoration: inherit; } [data-content-type='banner'] > [data-element='link']:hover, [data-content-type='banner'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } .pagebuilder-banner-wrapper { background-clip: padding-box; border-radius: inherit; box-sizing: border-box; overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-banner-wrapper .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; box-sizing: border-box; padding: 30px; position: relative; transition: background-color 500ms ease; } .pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; } .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-banner-wrapper.jarallax .video-overlay { z-index: 0; } .pagebuilder-banner-wrapper [data-element='content'] { min-height: 50px; overflow: auto; } .pagebuilder-banner-wrapper .pagebuilder-banner-button { -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; margin: 20px 0 0 0; max-width: 100%; text-align: inherit; transition: opacity 500ms ease; word-break: break-word; } .pagebuilder-banner-wrapper .pagebuilder-poster-content { width: 100%; } [data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay { margin-left: auto; } [data-content-type$='block'] .block p:last-child { margin-bottom: 1rem; margin-top: 0; } [data-content-type='buttons'] { max-width: 100%; } [data-content-type='button-item'] { max-width: 100%; } [data-content-type='button-item'] [data-element='link'], [data-content-type='button-item'] [data-element='empty_link'] { max-width: 100%; word-wrap: break-word; } [data-content-type='button-item'] [data-element='empty_link'] { cursor: default; } a.pagebuilder-button-link, button.pagebuilder-button-link, div.pagebuilder-button-link { line-height: 2.2rem; font-size: 1.8rem; line-height: 1.42857143; margin: 0 10px 10px 0; padding: 14px 17px; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; font-weight: 600; box-shadow: none; box-sizing: border-box; display: inline-block; } a.pagebuilder-button-link:visited, button.pagebuilder-button-link:visited, div.pagebuilder-button-link:visited { color: #006bb4; text-decoration: none; } a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover { color: #006bb4; text-decoration: underline; } a.pagebuilder-button-link:active, button.pagebuilder-button-link:active, div.pagebuilder-button-link:active { color: #ff5501; text-decoration: underline; } a.pagebuilder-button-link:hover, button.pagebuilder-button-link:hover, div.pagebuilder-button-link:hover, a.pagebuilder-button-link:active, button.pagebuilder-button-link:active, div.pagebuilder-button-link:active, a.pagebuilder-button-link:focus, button.pagebuilder-button-link:focus, div.pagebuilder-button-link:focus { background: none; border: 0; } a.pagebuilder-button-link.disabled, button.pagebuilder-button-link.disabled, div.pagebuilder-button-link.disabled, a.pagebuilder-button-link[disabled], button.pagebuilder-button-link[disabled], div.pagebuilder-button-link[disabled], fieldset[disabled] a.pagebuilder-button-link, fieldset[disabled] button.pagebuilder-button-link, fieldset[disabled] div.pagebuilder-button-link { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary { text-decoration: none; background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0 10px 10px 0; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 3px; box-shadow: none; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover, a.pagebuilder-button-primary:active, button.pagebuilder-button-primary:active, div.pagebuilder-button-primary:active, a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus { text-decoration: none; } a.pagebuilder-button-primary:focus, button.pagebuilder-button-primary:focus, div.pagebuilder-button-primary:focus, a.pagebuilder-button-primary:active, button.pagebuilder-button-primary:active, div.pagebuilder-button-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } a.pagebuilder-button-primary.disabled, button.pagebuilder-button-primary.disabled, div.pagebuilder-button-primary.disabled, a.pagebuilder-button-primary[disabled], button.pagebuilder-button-primary[disabled], div.pagebuilder-button-primary[disabled], fieldset[disabled] a.pagebuilder-button-primary, fieldset[disabled] button.pagebuilder-button-primary, fieldset[disabled] div.pagebuilder-button-primary { opacity: 0.5; cursor: default; pointer-events: none; } a.pagebuilder-button-secondary, button.pagebuilder-button-secondary, div.pagebuilder-button-secondary { text-decoration: none; background-image: none; background: #eeeeee; border: 1px solid #cccccc; color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; margin: 0 10px 10px 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; border-radius: 3px; box-shadow: none; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover, a.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:active, div.pagebuilder-button-secondary:active, a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus { text-decoration: none; } a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary:focus, div.pagebuilder-button-secondary:focus, a.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:active, div.pagebuilder-button-secondary:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover, div.pagebuilder-button-secondary:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } a.pagebuilder-button-secondary.disabled, button.pagebuilder-button-secondary.disabled, div.pagebuilder-button-secondary.disabled, a.pagebuilder-button-secondary[disabled], button.pagebuilder-button-secondary[disabled], div.pagebuilder-button-secondary[disabled], fieldset[disabled] a.pagebuilder-button-secondary, fieldset[disabled] button.pagebuilder-button-secondary, fieldset[disabled] div.pagebuilder-button-secondary { opacity: 0.5; cursor: default; pointer-events: none; } .pagebuilder-column { box-sizing: border-box; } [data-content-type='heading'] { word-wrap: break-word; } [data-content-type='html'] { word-wrap: break-word; } figure[data-content-type='image'] { box-sizing: border-box; } figure[data-content-type='image'] > [data-element='link'], figure[data-content-type='image'] > [data-element='link'] img { border-radius: inherit; } figure[data-content-type='image'] figcaption { word-wrap: break-word; } [data-content-type='map'] { box-sizing: border-box; height: 300px; } [data-content-type='row'] li.product-item { text-align: left; } .pagebuilder-column .widget-product-grid .product-item { max-width: 100%; min-width: 50px; } .pagebuilder-column .widget-product-grid .product-item .price-box { word-wrap: break-word; } .pagebuilder-column .widget-product-grid .product-item .price-box .price { white-space: normal; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary { display: inline-block; max-width: 100%; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary { display: inline-block; width: auto; } .pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart { max-width: 100%; white-space: normal; } .pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item { width: 200px; } [data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item { display: block; } [data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item:first-child { visibility: visible; } [data-content-type='products'][data-appearance='carousel'] .product-item-info { width: auto; } [data-content-type='products'][data-appearance='carousel'] li.product-item { display: none; } [data-content-type='products'][data-appearance='carousel'] li.product-item:first-child { display: block; visibility: hidden; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item { opacity: .5; transition: all 300ms ease; } [data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover { opacity: 1; } [data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item { opacity: 1; } [data-content-type='row'][data-appearance='contained'] { box-sizing: border-box; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; } [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-bleed'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-width'] { box-sizing: border-box; } [data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1280px; width: 100%; } [data-content-type='slide'] { box-sizing: border-box; line-height: 20px; min-height: inherit; overflow: hidden; } [data-content-type='slide'] > [data-element='link'], [data-content-type='slide'] > [data-element='empty_link'] { color: inherit; min-height: inherit; text-decoration: inherit; } [data-content-type='slide'] > [data-element='link']:hover, [data-content-type='slide'] > [data-element='empty_link']:hover { color: inherit; text-decoration: inherit; } [data-content-type='slide'] + [data-content-type='slide'] { height: 0; min-height: 0; } .slick-slider [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .pagebuilder-slide-wrapper { border-radius: inherit; box-sizing: border-box; min-height: inherit; overflow-wrap: break-word; word-wrap: break-word; } .pagebuilder-slide-wrapper .jarallax-viewport-element { height: 100%; left: -15000vw; position: absolute; top: 0; width: 1px; z-index: 100; } .slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element { left: 0; } .pagebuilder-slide-wrapper.jarallax .video-overlay { -webkit-transform: unset; z-index: 1; } .pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay { position: relative; z-index: 2; } .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video, .pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe { margin: auto !important; transform: none !important; } .pagebuilder-slide-wrapper .pagebuilder-overlay { -moz-transition: background-color 500ms ease; -o-transition: background-color 500ms ease; -webkit-transition: background-color 500ms ease; border-radius: inherit; box-sizing: border-box; padding: 30px; transition: background-color 500ms ease; } .pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay { align-items: center; display: flex; justify-content: center; min-height: inherit; } .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: 540px; } .pagebuilder-slide-wrapper [data-element='content'] { min-height: 50px; overflow: auto; } .pagebuilder-slide-wrapper .pagebuilder-slide-button { -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; -webkit-transition: opacity 500ms ease; margin: 20px 0 0 0; max-width: 100%; text-align: inherit; transition: opacity 500ms ease; word-break: break-word; } .pagebuilder-slide-wrapper .pagebuilder-poster-content { width: 100%; } [data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; margin-right: auto; } [data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-right: auto; } [data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay { margin-left: auto; } div[data-content-type='slider'] { visibility: hidden; } div[data-content-type='slider'].slick-initialized { visibility: visible; } div[data-content-type='slider'] .slick-list, div[data-content-type='slider'] .slick-track, div[data-content-type='slider'] .slick-slide { min-height: inherit; } div[data-content-type='slider'] .slick-list > div, div[data-content-type='slider'] .slick-track > div, div[data-content-type='slider'] .slick-slide > div { line-height: 0; min-height: inherit; overflow: hidden; width: 100%; } div[data-content-type='slider'] a.button { -moz-appearance: button; -webkit-appearance: button; appearance: button; color: initial; padding: 10px; text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation { display: block; font-size: 0; margin: 0 0 -1px; padding: 0; } div[data-content-type='tabs'] .tabs-navigation li:first-child { margin-left: 0 !important; } div[data-content-type='tabs'] .tabs-navigation li.tab-header { background: #f6f6f6; border: 1px solid #cccccc; border-bottom: 0; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; display: inline-block; margin: 0; max-width: 100%; overflow-wrap: break-word; position: relative; word-wrap: break-word; z-index: 1; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:not(:first-child) { margin-left: -1px; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title { border-right: 0; color: #000000; cursor: pointer !important; display: block; font-size: 14px; font-weight: 600; padding: 1.4rem 2rem; position: relative; transition: all .3s; vertical-align: middle; white-space: normal; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title { display: block; } div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover { text-decoration: none; } div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child { border-right: 1px solid #cccccc; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active { background: #ffffff; z-index: 19; } div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title { position: relative; transition: all .3s; } div[data-content-type='tabs'] .tabs-content { border: 1px solid #cccccc; box-sizing: border-box; overflow: hidden; position: relative; z-index: 9; } div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] { box-sizing: border-box; min-height: inherit; } div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item']:not(:first-child) { display: none; } div[data-content-type='tabs'].tab-align-left .tabs-content { border-top-left-radius: 0 !important; } div[data-content-type='tabs'].tab-align-right .tabs-content { border-top-right-radius: 0 !important; } div[data-content-type='text'] { word-wrap: break-word; } div[data-content-type='video'] { font-size: 0; } div[data-content-type='video'] .pagebuilder-video-inner { box-sizing: border-box; display: inline-block; width: 100%; } div[data-content-type='video'] .pagebuilder-video-container { border-radius: inherit; overflow: hidden; padding-top: 56.25%; position: relative; } div[data-content-type='video'] iframe, div[data-content-type='video'] video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { font-family: 'object-fit: cover;', sans-serif; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; z-index: -1; } .jarallax-video-fallback { transform: scale3d(0, 0, 0); } .jarallax .video-overlay { -webkit-transform: translate3d(0, 0, 0); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -99; } .jarallax [id*='jarallax-container'] video, .jarallax [id*='jarallax-container'] iframe { visibility: hidden; } .cms-content-important { background-color: #f5f5f5; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 300; line-height: 1.1; margin: 0 0 35px -20px; padding: 20px; } .pagebuilder-full-width { float: left; width: 100%; } .pagebuilder-content-type { box-sizing: border-box; margin-bottom: 20px; } .pagebuilder-accordion { margin: 0; padding: 0; } .pagebuilder-accordion > .item.title { box-sizing: border-box; float: none; width: 100%; } .pagebuilder-accordion > .item.title > .switch { display: block; } .pagebuilder-accordion > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .pagebuilder-accordion > .item.content:before, .pagebuilder-accordion > .item.content:after { content: ''; display: table; } .pagebuilder-accordion > .item.content:after { clear: both; } .pagebuilder-accordion > .item.content.active { display: block; } .pagebuilder-accordion > .item.title { margin: 0; } .pagebuilder-accordion > .item.title > .switch { border-top: 1px solid #cccccc; height: 40px; padding: 1px 10px 1px 10px; font-weight: 600; line-height: 40px; font-size: 1.4rem; color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:visited { color: #6d6d6d; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:hover { color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title > .switch:active { color: #333333; text-decoration: none; } .pagebuilder-accordion > .item.title:not(.disabled) > .switch:active, .pagebuilder-accordion > .item.title.active > .switch, .pagebuilder-accordion > .item.title.active > .switch:focus, .pagebuilder-accordion > .item.title.active > .switch:hover { color: #333333; text-decoration: none; padding-bottom: 1px; } .pagebuilder-accordion > .item.content { background: #ffffff; margin: 0; padding: 10px 10px 30px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form-discount .g-recaptcha { margin-top: 50px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.wishlist.share .g-recaptcha { margin-bottom: 40px; } .payment-method .flex-center { align-items: center; display: flex; gap: 5px; } .payment-method .payment-type-icon { height: 40px; } .card-grid { display: grid; } .card-aux { gap: 20px; grid-template-columns: minmax(auto, 400px); } .card-aux .actions-toolbar { justify-self: start; } .card-container { margin-top: 20px; align-items: center; } .card-container .card-layout { column-gap: 10px; display: grid; grid-template-areas: 'card-number-field-area card-number-field-area' 'expiration-date-field-area cvv-field-area'; max-width: 400px; row-gap: 10px; grid-template-columns: repeat(2, 1fr); } .card-container .card-layout .display-lock { align-items: center; display: flex; flex-direction: row-reverse; } .card-container .card-layout .display-lock .lock-icon:hover::before { color: #757575; } .card-container .card-layout .display-lock .lock-icon:before { color: #bbbbbb; content: '\e629'; display: inline-block; font-family: 'luma-icons'; font-size: 18px; font-weight: normal; line-height: inherit; overflow: hidden; speak: none; text-align: center; vertical-align: middle; } .card-container .card-layout .card-number-field-area { grid-area: card-number-field-area; } .card-container .card-layout .expiration-date-field-area { grid-area: expiration-date-field-area; } .card-container .card-layout .cvv-field-area { grid-area: cvv-field-area; } .card-container .field div.error { border-color: #ed8380; } .card-container .field .label { display: block; font-weight: 600; } .card-container .field .card-field { border: 1px solid #c2c2c2; height: 32px; padding: 8px 15px; } .card-container .field .field-wrapper { position: relative; } .card-container .field .field-wrapper .field-tooltip { cursor: pointer; position: absolute; right: 15px; top: 10px; } .checkout-index-index > .loading-mask { z-index: 999; } .magento-payments-review .actions-toolbar { margin-top: 10px; } .magento-payments-review .magento-payments-review-title { padding: 0 0 10px; } .magento-payments-review .magento-payments-review-title > strong { font-size: 2.4rem; font-weight: 300; } .magento-payments-review .magento-payments-review-title .action { display: inline-block; margin: 12px 0 0 30px; } .magento-payments-review .table-magento-payments-review-items .col.name { padding-top: 16px; } .magento-payments-review .table-magento-payments-review-items .col.qty { text-align: center; } .magento-payments-review .item-options dt { display: inline-block; } .magento-payments-review .item-options dt:after { content: ': '; } .magento-payments-review .item-options dd { margin: 0; } .magento-payments-review .payment-source-logo { margin-top: 10px; } .magento-payments-review .payment-source-logo[alt='googlepay'] { height: 40px; } .magento-payments-review .payment-source-logo[alt='applepay'] { height: 40px; } .magento-payments-review .payment-source-logo[alt='paypal'], .magento-payments-review .payment-source-logo[alt='paylater'] { height: 26px; } .magento-payments-review .payment-source-logo[alt='venmo'] { height: 20px; } .magento-payments-review-discount { border-bottom: 1px solid #cccccc; margin: 0 0 40px; padding: 10px 0 0; } .block-minicart .block-content > .actions .smart-buttons { margin-top: 15px; } .pay-later-message { margin-top: 10px; } .smart-buttons > div > div { vertical-align: bottom; } .apple-pay { margin-top: 14px; } .cart-summary .apple-pay { margin-top: 11px; } .google-pay { margin-top: 14px; } .google-pay button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; } .cart-summary .google-pay { margin-bottom: 14px; } .amslick-slider-container { /* phpcs:ignore Magento2.Less.SemicolonSpacing.NotAtEnd */ } .amslick-slider-container .slick-dots li button:focus, .amslick-slider-container .slick-dots li button:hover, .amslick-slider-container .slick-list:focus { outline: 0; } .amslick-slider-container .slick-list, .amslick-slider-container .slick-slider, .amslick-slider-container .slick-track { display: block; position: relative; } .amslick-slider-container .slick-loading .slick-slide, .amslick-slider-container .slick-loading .slick-track { visibility: hidden; } .amslick-slider-container .slick-list { margin: 0; overflow: hidden; padding: 0; } .amslick-slider-container .slick-list.dragging { cursor: pointer; cursor: hand; } .amslick-slider-container .slick-slider .slick-list, .amslick-slider-container .slick-slider .slick-track { transform: translate3d(0, 0, 0); } .amslick-slider-container .slick-track { left: 0; margin: 0 auto; top: 0; } .amslick-slider-container .slick-track:after, .amslick-slider-container .slick-track:before { content: ''; display: table; } .amslick-slider-container .slick-track:after { clear: both; } .amslick-slider-container .slick-slide, .amslick-slider-container .slick-slide.slick-loading img { display: none; } .amslick-slider-container .slick-slide { float: left; height: 100%; min-height: 1px; vertical-align: middle; } .amslick-slider-container [dir=rtl] .slick-slide { float: right; } .amslick-slider-container .slick-slide.dragging img { pointer-events: none; } .amslick-slider-container .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .amslick-slider-container .slick-arrow.slick-hidden { display: none; } .amslick-slider-container .slick-loading .slick-list { background: 0 0; position: relative; } .amslick-slider-container .slick-loading .slick-list:before { animation: loading 1s infinite linear; border-color: rgba(0, 0, 0, 0.2); border-radius: 100%; border-style: solid; border-top-color: #5c5c5c; border-width: 3px; content: ''; display: block; height: 25px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 25px; } .amslick-slider-container .slick-next.slick-disabled, .amslick-slider-container .slick-prev.slick-disabled { opacity: 0.25; } .amslick-slider-container .slick-dotted.slick-slider { margin-bottom: 30px; } .amslick-slider-container .slick-dots { display: block; left: 0; list-style: none; margin: 0; padding: 0; position: absolute; text-align: center; width: 100%; } .amslick-slider-container .slick-dots li { cursor: pointer; display: inline-block; height: 20px; margin: 0 5px; padding: 0; position: relative; width: 20px; } .amslick-slider-container .slick-dots li button, .amslick-slider-container .slick-slider .slick-arrow { box-shadow: none; cursor: pointer; display: block; outline: 0; } .amslick-slider-container .slick-dots li button { background: 0 0; border: 0; color: transparent; font-size: 0; height: 20px; line-height: 0; padding: 5px; width: 20px; } .amslick-slider-container .slick-dots li button:focus:before, .amslick-slider-container .slick-dots li button:hover:before { opacity: 1; } .amslick-slider-container .slick-dots li button:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #000000; content: '•'; font-size: 16px; height: 20px; left: 0; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0; width: 20px; } .amslick-slider-container .slick-dots li.slick-active button:before { color: #000000; opacity: 0.75; } .amslick-slider-container .slick-slider { -webkit-tap-highlight-color: transparent; box-sizing: border-box; padding: 0 20px; touch-action: pan-y; user-select: none; } .amslick-slider-container .slick-slider .slick-arrow { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+') center no-repeat !important; border: none; color: transparent; font-size: 0; height: 22px; line-height: 0; padding: 0; position: absolute; top: 50%; transform: translate(0, -50%); transition: background .3s ease; width: 15px; } .amslick-slider-container .slick-slider .slick-arrow:before, .amslick-slider-container .slick-slider .slick-arrow:after { content: ''; } .amslick-slider-container .slick-slider .slick-arrow:hover { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+') center no-repeat; } .amslick-slider-container .slick-slider .slick-arrow.slick-next { right: 0; } .amslick-slider-container .slick-slider .slick-arrow.slick-prev { left: 0; transform: rotate(180deg) translate(0, 50%); } .amslick-slider-container .slick-initialized .slick-slide { display: inline-block !important; float: none !important; height: auto; } .amslick-slider-container .product-items.slick-slider > .slick-list { padding: 15px 0; } .amslick-slider-container .product-items.slick-slider .slick-slide .product-item { display: block !important; margin: auto !important; max-width: 205px; } .amslick-slider-container .sidebar.sidebar-additional { width: 100%; } @keyframes loading { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(359.9deg); } } .am-recaptcha-container .messages-container { margin-top: 15px; } .am-recaptcha-container .hidden { position: absolute; left: -10000px; visibility: hidden; } #am-recaptcha-place-order .grecaptcha-badge { z-index: 1000; } .sc-order-search-form form .fieldset { display: flex; align-items: flex-start; } .sc-order-search-form form button[type=submit] { margin-top: 0; margin-left: 8px; } .sc-order-search-results { margin-top: 50px; } .sc-order-search-results .sc-order-search-results-title { font-size: 20px; margin-bottom: 20px; } .sc-order-search-results .sc-order-search-results-items { display: flex; flex-wrap: wrap; } .sc-order-search-results .sc-order-search-results-items:after { content: ""; flex: auto; } .sc-order-search-results .sc-order-search-results-items .sc-order-search-results-item { width: calc(25% - 50px); margin-bottom: 50px; margin-right: 50px; } .sc-order-search-results .sc-order-search-results-items .sc-order-search-results-item:nth-child(4n) { margin-right: 0; } .sc-order-search-results .sc-order-search-results-items .sc-order-search-results-item .sc-order-search-results-item-qty { text-transform: uppercase; margin: 5px 0; font-weight: bold; } @media (max-width: 768px) { .sc-order-search-results .sc-order-search-results-items .sc-order-search-results-item { width: calc(50% - 10px); margin-bottom: 25px; margin-right: 20px; } .sc-order-search-results .sc-order-search-results-items .sc-order-search-results-item:nth-child(4n) { margin-right: 20px; } .sc-order-search-results .sc-order-search-results-items .sc-order-search-results-item:nth-child(2n) { margin-right: 0; } } .ajaxpro-modal-dialog .column.main { padding-top: 0 !important; width: 100% !important; } .ajaxpro-modal-dialog .modal-inner-wrap { max-width: 900px; } .ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell { margin-top: 0; width: auto; margin-bottom: 0; } .ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell .products { margin: 0; } .ajaxpro-modal-dialog .modal-inner-wrap .block.crosssell .products .product-item { margin-left: 0; } .ajaxpro-modal-dialog.ajaxpro-popup-simple .modal-inner-wrap .modal-footer, .ajaxpro-modal-dialog.ajaxpro-popup-suggestpage-view .modal-inner-wrap .modal-footer { border: 0; } .ajaxpro-modal-dialog.ajaxpro-popup-simple .modal-inner-wrap .modal-content { padding-bottom: 0; } .ajaxpro-modal-dialog.ajaxpro-popup-simple .modal-inner-wrap .modal-footer { padding-top: 1rem; } .ajaxpro-modal-dialog.ajaxpro-popup-minicart .modal-inner-wrap { width: 100%; } .ajaxpro-modal-dialog.ajaxpro-popup-minicart.ajaxpro-modal-dialog-popup .modal-inner-wrap { max-width: 600px; } .ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper { margin: 0; float: none; display: block; } .ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart { right: 0; display: block; border: none; box-shadow: none; position: relative; width: auto; } .ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart:before, .ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart:after { display: none; } .ajaxpro-modal-dialog.ajaxpro-popup-minicart .minicart-wrapper .block-minicart .action.close { display: none; } :root { --ajaxpro-quick-view-position: image; } .quick-view { display: flex; align-items: center; /* Hidden until theme requires Quick View text*/ } .quick-view span { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .quick-view::before { content: ''; aspect-ratio: 1; display: inline-block; } .product-item-info > .quick-view { position: absolute; pointer-events: none; opacity: 0; } .quick-view::before { background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M288 144a110.94 110.94 0 0 0-31.24 5 55.4 55.4 0 0 1 7.24 27 56 56 0 0 1-56 56 55.4 55.4 0 0 1-27-7.24A111.71 111.71 0 1 0 288 144zm284.52 97.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400c-98.65 0-189.09-55-237.93-144C98.91 167 189.34 112 288 112s189.09 55 237.93 144C477.1 345 386.66 400 288 400z"></path></svg>') no-repeat 50% 50%; -webkit-mask-size: 18px 18px !important; } .products.list .product-item { position: relative; } .product-item-info > .quick-view { top: 100px; left: 50%; transform: translate(-50%, -50%); z-index: 100; padding: 8px 9px; gap: 7px; background-color: rgba(242, 242, 242, 0.7); text-decoration: none; text-transform: uppercase; white-space: nowrap; color: #000; transition: background-color 0.2s ease-in-out; } .products.products-list .product-item-info > .quick-view { display: none; } .product-item-info > .quick-view._block-content-loading::before, .product-item-info > .quick-view._block-content-loading:hover::before { background-image: none; } .product-item-info > .quick-view:hover { background-color: rgba(26, 26, 26, 0.9); color: #fff; } .product-item-info > .quick-view::before { width: 20px; height: 20px; } @media (min-width: 640px) and (hover: hover) { .product-item-info:has(:focus-visible) > .quick-view, .product-item-info:hover > .quick-view { opacity: 1; pointer-events: all; transition: opacity 0.15s ease-in-out; } } @keyframes askit-spin { to { transform: rotate(360deg); } } [data-role=questions-list]::before { content: ''; display: table; opacity: 0; transition: opacity 0.6s ease-in-out; } [data-role=questions-list][aria-busy=true] { position: relative; min-height: 75px; } [data-role=questions-list][aria-busy=true]::before { opacity: 1; animation: askit-spin 0.6s linear infinite; position: absolute; border: 3px solid #cccccc; border-top-color: #333333; border-radius: 50%; width: 30px; height: 30px; top: 15px; left: calc(50% - 30px / 2); } [data-role=questions-list][aria-busy=true] > * { opacity: .7; } .askit-questions .toolbar .pager { display: flex; justify-content: space-between; } .askit-questions .toolbar .pages { display: none; } .askit-questions .toolbar ~ .toolbar .toolbar-amount, .askit-questions .toolbar ~ .toolbar .limiter { display: none; } .askit-questions .toolbar ~ .toolbar .pages { display: block; margin: 0 auto; } [role=tabpanel] .askit-questions .toolbar ~ .toolbar { margin-bottom: 0; } .askit-item-avatar { height: 50px; width: 50px; } .no-avatar .askit-item-avatar { display: none; } .askit-item { position: relative; border: 1px solid rgba(0, 0, 0, 0.05); padding-top: 15px; padding-right: 15px; padding-bottom: 0; padding-left: 80px; margin: 0 0 40px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .no-avatar .askit-item { padding-left: 15px; } .askit-item-avatar { position: absolute; top: 15px; left: 15px; } .askit-item-status { display: inline-block; background: #ffce3c; border-radius: 3px; color: #212529; padding: 0 5px; } .askit-item-timestamp::before { content: '('; } .askit-item-timestamp::after { content: '):'; } .askit-item-vote { color: #767676; } .askit-item-actions { width: calc(100% + 80px + 15px); margin-left: -80px; border-top: 1px solid rgba(0, 0, 0, 0.05); } .no-avatar .askit-item-actions { width: calc(100% + 15px + 15px); margin-left: -15px; } .askit-item-actions .askit-item-trigger { line-height: 40px; text-align: center; padding: 0 10px; text-align: left; font-size: 16px; font-weight: 400; color: #666; cursor: pointer; } .askit-item-answer { border: 0; box-shadow: none; padding-bottom: 15px; margin: 0; } .askit-item-answers { display: none; padding: 15px; } .askit-item-answer-avatar { height: 50px; width: 50px; } .no-avatar .askit-item-answer-avatar { display: none; } .askit-item-answer-same { color: #aaaaaa; font-size: .9em; } .askit-item-answer .askit-item-vote { margin: 0; } .askit-item-trigger + [type=checkbox] { display: none; } .askit-item-trigger + [type=checkbox]:checked ~ .askit-item-answers { display: block; border-top: 1px solid rgba(0, 0, 0, 0.05); } .askit-answer-form { padding-top: 15px; padding-right: 15px; padding-bottom: 0; padding-left: 80px; position: relative; } .no-avatar .askit-answer-form { padding-left: 15px; } .askit-answer-form textarea { height: 150px; } [role=tabpanel] .askit-questions .block-title { display: none; } .askit-questions .toolbar-amount { float: left; } .askit-questions .toolbar .limiter { float: right; } .askit-questions .toolbar .pages { display: none; } .askit-questions .toolbar ~ .toolbar .toolbar-amount, .askit-questions .toolbar ~ .toolbar .limiter { display: none; } .askit-questions .toolbar ~ .toolbar .pages { display: block; margin-bottom: 0; } [role=tabpanel] .askit-questions .toolbar ~ .toolbar { margin-bottom: 0; } .data.item .askit-question-form .title { display: none; } .data.item .askit-question-form .fieldset { margin-top: 20px; } .breeze [data-role="password-strength-meter"] { display: none; } .breeze .breadcrumbs { min-height: 18px; } .breeze-carousel .products-grid { position: relative; } .breeze [data-appearance='carousel'], .breeze .products-grid.slick-initialized { position: relative; display: grid; } .breeze [data-appearance='carousel'][data-show-dots="true"], .breeze .products-grid.slick-initialized[data-show-dots="true"] { padding-bottom: 55px; } .breeze [data-appearance='carousel'] .slick-list, .breeze .products-grid.slick-initialized .slick-list, .breeze [data-appearance='carousel'] > .product-items, .breeze .products-grid.slick-initialized > .product-items { margin-top: -15px; padding-top: 15px; margin-bottom: -15px; padding-bottom: 15px; display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: none; -ms-overflow-style: none; scrollbar-width: none; } .breeze [data-appearance='carousel'] .slick-list::-webkit-scrollbar, .breeze .products-grid.slick-initialized .slick-list::-webkit-scrollbar, .breeze [data-appearance='carousel'] > .product-items::-webkit-scrollbar, .breeze .products-grid.slick-initialized > .product-items::-webkit-scrollbar { display: none; } @media (hover: hover) { .breeze [data-appearance='carousel'].scrolling .product-item, .breeze .products-grid.slick-initialized.scrolling .product-item { pointer-events: none; } .breeze [data-appearance='carousel']:focus-within .slick-list, .breeze .products-grid.slick-initialized:focus-within .slick-list, .breeze [data-appearance='carousel'].slide-item-hovered .slick-list, .breeze .products-grid.slick-initialized.slide-item-hovered .slick-list, .breeze [data-appearance='carousel']:focus-within > .product-items, .breeze .products-grid.slick-initialized:focus-within > .product-items, .breeze [data-appearance='carousel'].slide-item-hovered > .product-items, .breeze .products-grid.slick-initialized.slide-item-hovered > .product-items { margin-top: -20px; padding-top: 20px; margin-bottom: -300px; padding-bottom: 300px; z-index: 3; } } .breeze [data-appearance='carousel'] li.product-item, .breeze .products-grid.slick-initialized li.product-item { flex-shrink: 0; } .breeze [data-content-type='products'][data-appearance='carousel'] li.product-item { display: inline-block; visibility: visible; } .breeze #notice-cookie-block:not([style]) { display: none; } .breeze-gallery { display: flex; flex-direction: column; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .controls a, .breeze-gallery .close { color: rgba(var(--base-color, 119, 119, 119), .6); } .breeze-gallery .prev:hover, .breeze-gallery .next:hover, .breeze-gallery .controls a:hover, .breeze-gallery .close:hover { color: rgba(var(--base-color, 119, 119, 119), 1); } .breeze-gallery .prev svg, .breeze-gallery .next svg, .breeze-gallery .controls a svg, .breeze-gallery .close svg { width: 24px; height: 24px; vertical-align: top; } .breeze-gallery .prev, .breeze-gallery .next, .breeze-gallery .close, .breeze-gallery .controls { position: absolute; z-index: 20; } .breeze-gallery .controls { visibility: hidden; left: 3px; top: 3px; display: flex; flex-direction: column; gap: 3px; } .breeze-gallery .controls a { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: rgba(var(--base-bg, 255, 255, 255), .6); } .breeze-gallery .video .controls { display: none; } .breeze-gallery .close { display: none; } .breeze-gallery .prev, .breeze-gallery .next { display: flex; align-items: center; justify-content: center; left: 0; top: 50%; width: 40px; height: 80px; margin-top: -40px; background: rgba(var(--muted-bg, 255, 255, 255), .6); z-index: 11; transition: all 150ms ease-in; } @media (hover: hover) { .breeze-gallery .prev, .breeze-gallery .next { visibility: hidden; opacity: 0; } .breeze-gallery .prev:hover, .breeze-gallery .next:hover { opacity: 1; } } .breeze-gallery .next { left: auto; right: 0; } @media (hover: hover) { .breeze-gallery .stage:hover .prev, .breeze-gallery .stage:hover .next { visibility: visible; opacity: .8; } } .breeze-gallery img { vertical-align: top; height: auto; max-height: none; } .breeze-gallery .item { position: relative; flex-shrink: 0; } .breeze-gallery .stage.video .main-image-wrapper::before, .breeze-gallery .thumbnails:not(.dots) .item.video::before { content: ''; z-index: 10; position: absolute; pointer-events: none; left: 50%; top: 50%; border: 10px solid transparent; border-left: 16px solid #fff; margin-top: -10px; margin-left: -8px; filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2)); transition: transform 100ms ease-in-out; } .breeze-gallery .stage { display: flex; justify-content: center; align-items: center; position: relative; overflow: visible !important; } .breeze-gallery .stage > div:first-child, .breeze-gallery .stage .main-image-wrapper, .breeze-gallery .stage .main-image-wrapper > picture { position: relative; cursor: zoom-in; display: flex; width: 100%; justify-content: center; align-items: flex-start; } .breeze-gallery .stage .video-wrapper { position: absolute !important; z-index: 10; top: 0; right: 0; left: 0; bottom: 0; align-items: center !important; } .breeze-gallery .stage .video-wrapper + div { opacity: 0; } .breeze-gallery .stage.video .main-image-wrapper { cursor: pointer; } .breeze-gallery .stage.video .main-image-wrapper::before { transform: scale(1.3); pointer-events: all; } .breeze-gallery .stage.video .main-image-wrapper:hover::before { transform: scale(1.3) translateX(2px); } .breeze-gallery .thumbnails { display: flex; flex-grow: 0; flex-shrink: 0; gap: 5px; margin: 5px 0 0; overflow: auto; scroll-behavior: smooth; padding-bottom: 12px; } .breeze-gallery .thumbnails::-webkit-scrollbar { width: 6px; height: 6px; } .breeze-gallery .thumbnails::-webkit-scrollbar-track { background-color: rgb(var(--scrollbar-bg, 230, 230, 230)); border-radius: 10px; } .breeze-gallery .thumbnails::-webkit-scrollbar-thumb { background-color: rgb(var(--scrollbar-color, 200, 200, 200)); border-radius: 10px; } .breeze-gallery .thumbnails.hidden { display: none; } .breeze-gallery .thumbnails img { filter: contrast(95%); } .breeze-gallery .thumbnails .item { background: rgba(var(--muted-bg, 244, 244, 244)); } .breeze-gallery .thumbnails .item:focus { outline: none; } .breeze-gallery .thumbnails .item::after { content: ''; position: absolute; pointer-events: none; inset: 0; } .breeze-gallery .thumbnails .item:focus::after, .breeze-gallery .thumbnails .item.active::after { box-shadow: inset 0 0 0 2px #ff5501; } .breeze-gallery:not(.opened) .thumbnails.dots { gap: 0; justify-content: center; overflow: visible; z-index: 101; margin: 16px 0 0; } .breeze-gallery:not(.opened) .thumbnails.dots img { display: none; } .breeze-gallery:not(.opened) .thumbnails.dots .item { background: transparent; width: 24px; height: 24px; } .breeze-gallery:not(.opened) .thumbnails.dots .item::after { box-shadow: 0 0 0 1px #ffffff; background: #e6e6e6; inset: 7px; } .breeze-gallery:not(.opened) .thumbnails.dots .item, .breeze-gallery:not(.opened) .thumbnails.dots .item::after { border-radius: 9999px; } .breeze-gallery:not(.opened) .thumbnails.dots .item.active::after, .breeze-gallery:not(.opened) .thumbnails.dots .item:focus::after { box-shadow: 0 0 0 1px #ffffff; background: #ff5501; } .breeze-gallery.expanded:not(.opened) .stage, .breeze-gallery.expanded:not(.opened) .thumbnails { display: none; } .breeze-gallery.expanded.opened .images { display: none; } .breeze-gallery .images { --gallery-columns-count: 2; --gallery-columns-gap: 10px; display: flex; position: relative; gap: var(--gallery-columns-gap); overflow: auto; scroll-snap-type: x mandatory; scroll-snap-stop: always; } .breeze-gallery .images .item { max-width: 100%; scroll-snap-align: center; text-align: center; cursor: zoom-in; } .breeze-gallery.caption [data-caption]:not([data-caption=""])::after { content: attr(data-caption); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 1px 5px; background: rgb(var(--base-bg, 255, 255, 255)); } .breeze-gallery.opened { top: 0; left: 0; position: fixed; z-index: 999; width: 100%; height: 100vh; padding: 10px; box-sizing: border-box; background: rgb(var(--base-bg, 255, 255, 255)); } .breeze-gallery.opened .close { background: rgba(var(--base-bg, 255, 255, 255), .6); display: block; right: 3px; top: 3px; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; } .breeze-gallery.opened .controls { visibility: visible; } .breeze-gallery.opened .stage { flex-grow: 1; overflow: hidden !important; } .breeze-gallery.opened .stage:not(.video) .main-image-wrapper { cursor: default; } .breeze-gallery.opened .stage > div:first-child, .breeze-gallery.opened .stage > div:first-child picture { margin: 0 auto; max-height: 100%; } .breeze-gallery.opened .stage > div:first-child, .breeze-gallery.opened .stage > div:first-child picture, .breeze-gallery.opened .stage > div:first-child .main-image-wrapper { align-items: normal; } .breeze-gallery.opened .stage > div:first-child img { object-fit: contain; } .breeze-gallery.opened .thumbnails.hidden { display: flex; } @media (orientation: landscape) { .breeze-gallery.opened { flex-direction: row; align-items: flex-start; justify-content: flex-end; } .breeze-gallery.opened .thumbnails { flex-direction: column; flex-wrap: nowrap; order: -1; max-height: 550px; margin: 0 5px 0 0; padding-right: 5px; padding-bottom: 0; overflow-y: overlay; } .breeze-gallery.opened .stage { height: 100%; flex-shrink: 1; } .breeze-gallery.opened .thumbnails { max-height: none !important; height: 100%; justify-content: flex-start; } } lite-youtube { background-color: #000; position: relative; display: block; contain: content; background-position: center center; background-size: cover; cursor: pointer; max-width: 720px; } /* gradient */ lite-youtube::before { content: ''; display: block; position: absolute; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==); background-position: top; background-repeat: repeat-x; height: 60px; padding-bottom: 50px; width: 100%; transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); } /* responsive iframe with a 16:9 aspect ratio thanks //css-tricks.com/responsive-iframes/ */ lite-youtube::after { content: ""; display: block; padding-bottom: calc(100% / (16 / 9)); } lite-youtube > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; } /* play button */ lite-youtube > .lty-playbtn { display: block; /* Make the button element cover the whole area for a large hover/click target… */ width: 100%; height: 100%; /* …but visually it's still the same size */ background: no-repeat center/68px 48px; /* YT's actual play button svg */ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>'); position: absolute; cursor: pointer; z-index: 1; filter: grayscale(100%); transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1); border: 0; } lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus { filter: none; } /* Post-click styles */ lite-youtube.lyt-activated { cursor: unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn { opacity: 0; pointer-events: none; } .lyt-visually-hidden { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } body > .breeze-block-loader { position: fixed !important; } :root { --magnifier-gap: var(--gallery-columns-gap, 10px); } .image-magnifier-lens, .image-magnifier-stage { direction: ltr; pointer-events: none; overflow: hidden; opacity: 0; visibility: visible !important; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.06); } .image-magnifier-lens.magnifier-active, .image-magnifier-stage.magnifier-active { opacity: 1; } .image-magnifier-lens div, .image-magnifier-stage div { transform: translate3d(0, 0, 0); background: #fff; display: flex; align-items: center; justify-content: center; } .image-magnifier-lens img[src=''], .image-magnifier-stage img[src=''] { opacity: 0; } .image-magnifier-lens { border: 1px solid rgba(0, 0, 0, 0.4); } .image-magnifier-lens.circle { border-radius: 9999px; } .image-magnifier-lens div { background: rgba(255, 255, 255, 0.4); } .image-magnifier-stage { z-index: 999; background: #fff; } .image-magnifier-stage div { transition: 100ms transform ease-out; } @media (prefers-reduced-motion) { .image-magnifier-stage div { transition: none; } } .magnifier .breeze-gallery:not(.opened) .stage, .magnifier .breeze-gallery .images { -webkit-touch-callout: none; } .magnifier .main-image, .magnifier .images .item > img { backface-visibility: hidden; transition: filter 100ms linear; } .magnifier-stage-inner .image-magnifier-lens { opacity: 0; } .magnifier-stage-inner .image-magnifier-stage { box-shadow: none; } .magnifier-stage-inner:has(.stage .loading-mask) .image-magnifier-stage { opacity: 0; } .magnifier-stage-inner .breeze-gallery .next, .magnifier-stage-inner .breeze-gallery .prev { z-index: 1000; } .magnifier-stage-inner.magnifier-active .product.media .main-image-wrapper { z-index: 100; } :not(.magnifier-stage-inner).magnifier-active .product.media .stage, :not(.magnifier-stage-inner).magnifier-active .product.media .images .item { z-index: 100; } .magnifier-active .product.media .main-image, .magnifier-active .product.media .images .magnifier-active > img { filter: grayscale(100%) opacity(60%); } .jarallax-container video, .jarallax-container iframe { opacity: 0; transition: 80ms opacity ease-in; } .jarallax-container video[style*="translate3d"], .jarallax-container iframe[style*="translate3d"] { opacity: 1; } .block.filter range-slider { width: 100%; } range-slider { --thumb-width: 16px; --thumb-height: var(--thumb-width); --thumb-mobile-width: calc(var(--thumb-width) * var(--thumb-mobile-scale)); --thumb-mobile-height: calc(var(--thumb-height) * var(--thumb-mobile-scale)); --thumb-border: 1px solid #fff; --thumb-border-radius: 999px; --thumb-bg: 10 89 254; --thumb-mobile-scale: 1.4; --track-height: 4px; --track-border-radius: var(--thumb-border-radius); --track-bg: 234 234 234; position: relative; display: inline-block; } range-slider input { margin: 0; width: 100%; -webkit-appearance: none; } range-slider input:focus { outline: 0; } range-slider::before, range-slider input::-webkit-slider-runnable-track { background: rgb(var(--track-bg)); height: var(--track-height); border-radius: var(--track-border-radius); } range-slider input::-webkit-slider-thumb { -webkit-appearance: none; cursor: pointer; background: rgba(var(--thumb-bg) / .9); border: var(--thumb-border); border-radius: var(--thumb-border-radius); height: var(--thumb-height); width: var(--thumb-width); margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2); transition: box-shadow 200ms ease-out; } @media (pointer: coarse) { range-slider input::-webkit-slider-thumb { --thumb-height: var(--thumb-mobile-height); --thumb-width: var(--thumb-mobile-width); } } range-slider input:focus::-webkit-slider-thumb, range-slider input:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2); } range-slider input::-moz-range-thumb { -webkit-appearance: none; cursor: pointer; background: rgba(var(--thumb-bg) / .9); border: var(--thumb-border); border-radius: var(--thumb-border-radius); height: var(--thumb-height); width: var(--thumb-width); margin-top: calc(var(--track-height) / 2 - var(--thumb-height) / 2); transition: box-shadow 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } range-slider input:focus::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(var(--thumb-bg) / .2); } range-slider .filler { opacity: 0; visibility: hidden; pointer-events: none; } range-slider .range { position: absolute; left: 0; top: 50%; height: 0 !important; overflow: visible; } range-slider .range::-webkit-slider-thumb { position: relative; z-index: 2; } range-slider .range:first-child::-webkit-slider-thumb { z-index: 3; } @-moz-document url-prefix() { range-slider .range::-moz-range-track { background: transparent !important; } range-slider::before { content: ''; width: 100%; position: absolute; top: calc(50% - var(--track-height) / 2); } range-slider .range { top: calc(50% + 20px); } range-slider .range::-moz-range-thumb { transform: translateY(-20px); } } :root { --animation-slide-in: slideIn 600ms cubic-bezier(0, 0, 0.3, 1) forwards; } @media (prefers-reduced-motion: no-preference) { .js #html-body.scroll-reveal-enabled .scroll-reveal { opacity: .01; visibility: hidden; will-change: opacity, transform, visibility; } .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-slide-in { transform: translateY(2rem); } .js #html-body.scroll-reveal-enabled .scroll-reveal.reveal-ready { visibility: visible; animation: var(--animation, var(--animation-slide-in)); animation-delay: calc(var(--animation-order) * 75ms); } /* Fixed unclickable elements in Safari 18 */ @supports (font: -apple-system-body) and (-webkit-appearance: none) { .js #html-body.scroll-reveal-enabled .scroll-reveal { visibility: visible; } } .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-poster-content > div > *, .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-poster-content > button, .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-collage-content > div > *, .scroll-reveal-container .pagebuilder-slider > [data-content-type="slide"] .pagebuilder-collage-content > button { animation: none !important; } } .scroll-reveal-finished { opacity: 1 !important; visibility: visible !important; animation: none !important; transform: none !important; will-change: unset !important; } @keyframes slideIn { from { transform: translateY(2rem); opacity: .01; } to { transform: translateY(0); opacity: 1; } } .breeze div[data-content-type='slider'] { visibility: visible; } .breeze div[data-content-type='slider'] [data-content-type='slide'] + [data-content-type='slide'] { height: initial; min-height: inherit; } .breeze div[data-content-type='slider'] { display: flex; position: relative; overflow-x: auto; } .breeze div[data-content-type='slider'] [data-content-type='slide'] { width: 100%; flex: none; scroll-snap-align: center; scroll-snap-stop: always; } .breeze .pagebuilder-slider, .breeze .slick-list { -ms-overflow-style: none; scrollbar-width: none; } .breeze .pagebuilder-slider::-webkit-scrollbar, .breeze .slick-list::-webkit-scrollbar { display: none; } .breeze .slick-list { display: flex; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; } .breeze .slick-list:focus-visible { outline-offset: -4px; } .breeze .slick-list > div { flex-shrink: 0; } .breeze .slick-list > div[data-page-start]:not([data-content-type='slide']) { scroll-snap-align: start; scroll-snap-stop: always; } .breeze .slick-dots { position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%); } .breeze .slick-dots li { z-index: 5; } .breeze .slick-initialized .slick-list { scroll-behavior: smooth; } .breeze .slick-initialized .action.skip { position: absolute; z-index: 50; top: 4px; left: 4px; padding: 5px; height: auto; background: #fff; } .breeze .slick-initialized .anchor.skip { position: absolute; bottom: 0; } @media (min-width: 1024px) { .breeze div[data-content-type='slider'].containered { opacity: 0; transition: 180ms opacity ease-in-out; } .breeze div[data-content-type='slider'].containered.slick-initialized { opacity: 1; } .breeze div[data-content-type='slider'].containered .slick-list, .breeze div[data-content-type='slider'].containered:not(.slick-initialized):not(:has(.slick-list)) { gap: var(--gap, 5px); scroll-snap-type: x mandatory; } .breeze div[data-content-type='slider'].containered .slick-list:not(:has([data-clone]))::before, .breeze div[data-content-type='slider'].containered:not(.slick-initialized):not(:has(.slick-list))::before, .breeze div[data-content-type='slider'].containered .slick-list:not(:has([data-clone]))::after, .breeze div[data-content-type='slider'].containered:not(.slick-initialized):not(:has(.slick-list))::after { content: ''; width: 1000px; flex-shrink: 0; } .breeze div[data-content-type='slider'].containered [data-content-type='slide'], .breeze div[data-content-type='slider'].containered .slick-dots { max-width: var(--container-max-width, 1240px); } } .block-swissup-ajaxsearch-results, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown { background: #ffffff; border: 1px solid #c2c2c2; border-radius: 0; margin: 10px 0 0; box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3); padding: 3px; box-sizing: border-box; } .block-swissup-ajaxsearch-results::before, .block-swissup-ajaxsearch-results::after, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown::before, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown::after { content: ''; position: absolute; display: block; border-bottom-style: solid; height: 0; width: 0; } .block-swissup-ajaxsearch-results::before, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown::before { right: 9px; top: -12px; border: 6px solid transparent; border-bottom-color: #ffffff; z-index: 99; } .block-swissup-ajaxsearch-results::after, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown::after { right: 8px; top: -14px; border: 7px solid transparent; border-bottom-color: #c2c2c2; z-index: 98; } .block-swissup-ajaxsearch-results.stick-to-start::before, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown.stick-to-start::before { left: 15px; } .block-swissup-ajaxsearch-results.stick-to-start::after, .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown.stick-to-start::after { left: 14px; } .block-swissup-ajaxsearch-results { min-width: 200px; font-size: 1.3rem; } .block-swissup-ajaxsearch-results .tt-suggestion { padding: 4px 10px; box-sizing: border-box; } .block-swissup-ajaxsearch-results .tt-suggestion.tt-cursor, .block-swissup-ajaxsearch-results .tt-suggestion:hover { background-color: #fafafa; } .block-swissup-ajaxsearch-results .notFound-item-info { padding: 4px 10px; } .block-swissup-ajaxsearch-results .tt-dataset { max-height: min(550px, 60dvh); overflow-y: auto; scroll-behavior: smooth; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; } .block-swissup-ajaxsearch-results .tt-dataset::-webkit-scrollbar { width: 6px; height: 6px; } .block-swissup-ajaxsearch-results .tt-dataset::-webkit-scrollbar-track { background-color: #ededed; border-radius: 4px; } .block-swissup-ajaxsearch-results .tt-dataset::-webkit-scrollbar-thumb { background-color: #cccccc; border-radius: 4px; } .block-swissup-ajaxsearch-results .ajaxsearch-title { margin: 1rem 0 0.7rem; text-transform: uppercase; } .block-swissup-ajaxsearch-results .ajaxsearch-header-container { width: 100%; grid-column: 1 / -1; display: flex; gap: 4px; align-items: center; justify-content: space-between; padding: 0; } .block-swissup-ajaxsearch-results .ajaxsearch-header-container .view-all { margin: 1rem 0 0.7rem; margin-left: 0; margin-right: 0; } .block-swissup-ajaxsearch-results .product-item-info-wrapper .product-item-info { width: auto; } .block-swissup-ajaxsearch-results .product-item-info { display: block; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .block-swissup-ajaxsearch-results .product-item-info:first-child { border-top: none; } .block-swissup-ajaxsearch-results .product-item-info:last-child { border-bottom: none; } .block-swissup-ajaxsearch-results .product-item-info .product-item-photo { padding: 0; max-width: 100px; } .block-swissup-ajaxsearch-results .product-item-info .product-item-photo, .block-swissup-ajaxsearch-results .product-item-info .product-item-details { display: table-cell; vertical-align: top; } .block-swissup-ajaxsearch-results .product-item-info .product-item-name { margin-bottom: 2px; } .block-swissup-ajaxsearch-results .product-item-info .price-box, .block-swissup-ajaxsearch-results .product-item-info .product-info-stock-sku .sku { font-size: 0.85em; color: #727272; } .block-swissup-ajaxsearch-results .product-item-info-wrapper .ajaxsearch-header-container:not(:has(.view-all)) { display: none; } .block-swissup-ajaxsearch-results .list .product-item-photo { padding: 0 10px 0 0; } .block-swissup-ajaxsearch-results .prolabels-wrapper { height: auto; } @keyframes ajaxsearch-appear { from { opacity: 0; } to { opacity: 1; } } .block-swissup-ajaxsearch-results .product-item-info, .block-swissup-ajaxsearch-results .custom-item-info-wrapper { opacity: 0; animation: 150ms ajaxsearch-appear forwards; } .block-swissup-ajaxsearch-results .custom-item-info-wrapper { animation-delay: 50ms; animation-duration: 500ms; padding: 0 5px 15px 10px; } .block-swissup-ajaxsearch-results .product-item-info { animation-delay: 650ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(12) { animation-delay: 600ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(11) { animation-delay: 550ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(10) { animation-delay: 500ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(9) { animation-delay: 450ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(8) { animation-delay: 400ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(7) { animation-delay: 350ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(6) { animation-delay: 300ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(5) { animation-delay: 250ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(4) { animation-delay: 200ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(3) { animation-delay: 150ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(2) { animation-delay: 100ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(1) { animation-delay: 50ms; } .block-swissup-ajaxsearch-results .product-item-info:nth-child(0) { animation-delay: 0ms; } .swissup-ajaxsearch-loading #swissup-ajaxsearch-filter-category, .page-wrapper #swissup-ajaxsearch-filter-category { display: none; opacity: 0; } .swissup-ajaxsearch-filter-category-wrapper { display: none; } .block-swissup-ajaxsearch .swissup-ajaxsearch-filter-category-wrapper .select2-dropdown { padding: 0px; } .block-swissup-ajaxsearch .input-text { left: auto; right: auto; background: #ffffff; border: 1px solid #c2c2c2; border-radius: 1px; } .block-swissup-ajaxsearch .input-text:focus { border: 1px solid #c2c2c2; } .block-swissup-ajaxsearch .input-inner-wrapper { position: relative; } .block-swissup-ajaxsearch .actions .action.search { position: absolute; top: -1000px; } .block-swissup-ajaxsearch .actions .action.close { text-align: center; cursor: pointer; display: flex; opacity: 0; width: 0; height: 0; overflow: hidden; } .block-swissup-ajaxsearch .twitter-typeahead { width: 100%; } .block-swissup-ajaxsearch .tt-hint { color: #999999; } .block-swissup-ajaxsearch .loading-mask { --spinner-size: 1rem; right: 10px; left: auto; top: 50%; transform: translateY(-50%); background-color: transparent; width: 20px; height: 20px; padding: 0 !important; margin: 0 !important; } .block-swissup-ajaxsearch .input-inner-wrapper .close { position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } body:has(.filter-active, .pages-item-previous) .easycatalogimg.hide-when-filter { display: none; } .easycatalogimg-listing { list-style: none; padding: 0; margin: 0; } .easycatalogimg-listing li { margin: 0; padding: 0; } .easycatalogimg img { width: auto; height: auto; max-width: 100%; vertical-align: bottom; } .easycatalogimg a { text-decoration: none; } .easycatalogimg a:hover { text-decoration: underline; } .easycatalogimg .link-more { font-weight: bold; } .easycatalogimg .item { box-sizing: border-box; } .easycatalogimg .image { display: block; text-align: center; } .easycatalogimg .image + .parent-category, .easycatalogimg .list-subcategories { margin: 10px 12px; } @media (min-width: 1024px) { .easycatalogimg .image + .parent-category, .easycatalogimg .list-subcategories { margin: 20px 22px; } } .easycatalogimg .parent-category { font-weight: bold; } .easycatalogimg .parent-category-wrapper { position: relative; } .easycatalogimg .parent-category-wrapper:has(.parent-category-over) { background: #8d8d8d; } .easycatalogimg .parent-category-top { margin: 10px 12px; text-align: center; font-weight: normal; font-size: 1.2em; } .easycatalogimg .parent-category-over { position: absolute; bottom: clamp(10px, 2vw, 40px); left: clamp(10px, 2vw, 40px); z-index: 10; } .easycatalogimg .parent-category-over .name { color: #fff; text-shadow: 0 2px 10px rgb(0 0 0 / 50%); } @media (min-width: 1024px) { .easycatalogimg .category-name-bottom .list-subcategories { margin-top: -10px; } } .easycatalogimg .list-subcategories { padding: 0; list-style: none; } .easycatalogimg .list-subcategories li { margin: .45em 0; } .easycatalogimg-masonry { column-gap: 1em; column-count: 2; } @media (min-width: 1024px) { .easycatalogimg-masonry { column-gap: 2em; } } @media (min-width: 768px) { .easycatalogimg-masonry.easycatalogimg-cols-2 { column-count: 2; } .easycatalogimg-masonry.easycatalogimg-cols-3 { column-count: 3; } .easycatalogimg-masonry.easycatalogimg-cols-4 { column-count: 4; } .easycatalogimg-masonry.easycatalogimg-cols-5 { column-count: 5; } .easycatalogimg-masonry.easycatalogimg-cols-6 { column-count: 6; } } @media (min-width: 768px) and (max-width: 1023px) { .easycatalogimg-masonry.easycatalogimg-cols-5, .easycatalogimg-masonry.easycatalogimg-cols-6 { column-count: 4; } } .easycatalogimg-masonry .item { background-color: #f7f7f7; display: inline-block; width: 100%; padding: 2px; margin: 0 0 1em; } @media (min-width: 1024px) { .easycatalogimg-masonry .item { margin: 0 0 2em; } } .easycatalogimg-grid { display: flex; gap: var(--item-gap); flex-wrap: wrap; margin: 0; --item-gap: 0px; --item-padding: 10px 10px 30px 10px; --item-margin: 0px; } [data-content-type="easycatalogimg"].gap-0 .easycatalogimg-grid { --item-padding: 0px; --item-margin: 0px; } .easycatalogimg-grid .item { width: calc((100% - var(--item-gap)) / 2 - var(--item-margin) * 2); margin: var(--item-margin); padding: var(--item-padding); } @media (min-width: 768px) { .easycatalogimg-grid.easycatalogimg-cols-3 .item { width: calc((100% - var(--item-gap) * (3 - 1)) / 3 - var(--item-margin) * 2); } .easycatalogimg-grid.easycatalogimg-cols-4 .item { width: calc((100% - var(--item-gap) * (4 - 1)) / 4 - var(--item-margin) * 2); } .easycatalogimg-grid.easycatalogimg-cols-5 .item, .easycatalogimg-grid.easycatalogimg-cols-6 .item { width: calc((100% - var(--item-gap) * 3) / 4 - var(--item-margin) * 2); } } @media (min-width: 1024px) { .easycatalogimg-grid.easycatalogimg-cols-5 .item { width: calc((100% - var(--item-gap) * (5 - 1)) / 5 - var(--item-margin) * 2); } .easycatalogimg-grid.easycatalogimg-cols-6 .item { width: calc((100% - var(--item-gap) * (6 - 1)) / 6 - var(--item-margin) * 2); } } .easycatalogimg-departments .easycatalogimg a { color: #333; } .easycatalogimg-departments .easycatalogimg .list-subcategories { font-size: .85em; } .easycatalogimg-departments .easycatalogimg .list-subcategories a { color: #444; } /** * Describe spinner */ @keyframes easytabs-spin { to { transform: rotate(360deg); } } .product.data.items .item.content::before { opacity: 0; transition: opacity 0.6s ease-in-out; } .product.data.items .item.content[aria-busy=true] { position: relative; min-height: 75px; } .product.data.items .item.content[aria-busy=true]::before { opacity: 1; animation: easytabs-spin 0.6s linear infinite; position: absolute; border: 3px solid #cccccc; border-top-color: #333333; border-radius: 50%; width: 30px; height: 30px; top: 15px; left: calc(50% - 30px / 2); } .product.data.items .item.content > .loading-mask { display: none; } .data.expanded .title .counter::before, .tabs-toolbar-item .counter::before { content: '('; } .data.expanded .title .counter::after, .tabs-toolbar-item .counter::after { content: ')'; } .product.data.items .item.content { display: none; } .product.data.items .item.content:nth-child(2) { display: block; } .product.data.items .fieldset .review-legend.legend strong { display: inline; margin-left: .5em; } .product.data.items .block.crosssell { width: auto; float: none; padding: 0; margin: 0; } .product.data.items .block.crosssell .block-title { display: none; } .product.data.items .block.crosssell .products { margin: 0; } .product.data.items.collapsed { border: 0; margin-left: 0; margin-right: 0; position: relative; } .product.data.items.collapsed > [role=tablist] { display: flex; margin-bottom: -1px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; position: relative; z-index: 1; } .product.data.items.collapsed > [role=tablist]::-webkit-scrollbar { display: none; } .product.data.items.collapsed > [role=tablist] > .item.title { flex-shrink: 0; } .product.data.items.collapsed > [role=tablist] > .item.title a::after { display: none; } .product.data.items.collapsed > [role=tablist]:before, .product.data.items.collapsed > [role=tablist]:after { content: ''; display: table; } .product.data.items.collapsed > [role=tablist]:after { clear: both; } .product.data.items.collapsed > [role=tablist] > .item.title { float: left; width: auto; } .product.data.items.collapsed > [role=tablist] > .item.title > .switch { height: 20px; display: block; position: relative; z-index: 2; } .product.data.items.collapsed > [role=tablist] > .item.content { margin-top: 20px; box-sizing: border-box; float: right; margin-left: -100%; width: 100%; } .product.data.items.collapsed > [role=tablist] > .item.content:before, .product.data.items.collapsed > [role=tablist] > .item.content:after { content: ''; display: table; } .product.data.items.collapsed > [role=tablist] > .item.content:after { clear: both; } .product.data.items.collapsed > [role=tablist] > .item.content.active { display: block; } .product.data.items.collapsed > [role=tablist] > .item.title { margin: 0 -1px 0 0; } .product.data.items.collapsed > [role=tablist] > .item.title > .switch { font-weight: 400; line-height: 40px; font-size: 1.4rem; color: #6d6d6d; text-decoration: none; background: #f6f6f6; border: 1px solid #cccccc; border-bottom: none; height: 40px; padding: 1px 1.5rem 1px 1.5rem; } .product.data.items.collapsed > [role=tablist] > .item.title > .switch:visited { color: #6d6d6d; text-decoration: none; } .product.data.items.collapsed > [role=tablist] > .item.title > .switch:hover { color: #6d6d6d; text-decoration: none; } .product.data.items.collapsed > [role=tablist] > .item.title > .switch:active { color: #333333; text-decoration: none; } .product.data.items.collapsed > [role=tablist] > .item.title:not(.disabled) > .switch:focus, .product.data.items.collapsed > [role=tablist] > .item.title:not(.disabled) > .switch:hover { background: #ffffff; } .product.data.items.collapsed > [role=tablist] > .item.title:not(.disabled) > .switch:active, .product.data.items.collapsed > [role=tablist] > .item.title.active > .switch, .product.data.items.collapsed > [role=tablist] > .item.title.active > .switch:focus, .product.data.items.collapsed > [role=tablist] > .item.title.active > .switch:hover { background: #ffffff; color: #333333; text-decoration: none; } .product.data.items.collapsed > [role=tablist] > .item.title.active > .switch, .product.data.items.collapsed > [role=tablist] > .item.title.active > .switch:focus, .product.data.items.collapsed > [role=tablist] > .item.title.active > .switch:hover { padding-bottom: 2px; } .product.data.items.collapsed > [role=tablist] > .item.content { background: #ffffff; margin-top: 43px; padding: 35px 35px 35px 35px; border: 1px solid #cccccc; } .product.data.items.collapsed > .item.content { background: #ffffff; padding: 35px 35px 35px 35px; border: 1px solid #cccccc; } .product.data.items.collapsed > [name=prev], .product.data.items.collapsed > [name=next] { border: 1px solid #cccccc; height: 40px; padding: 1px 1rem 1px 1rem; top: 0; border-radius: 0; border-width: 0; box-sizing: content-box; position: absolute; z-index: 99; } .product.data.items.collapsed > [name=prev] { border-width: 1px; border-right-width: 0; display: inline-block; text-decoration: none; background: linear-gradient(-90deg, transparent 0%, #f6f6f6 1rem); left: 0; } .product.data.items.collapsed > [name=prev] > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product.data.items.collapsed > [name=prev]:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #6d6d6d; content: '\e617'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items.collapsed > [name=next] { border-width: 1px; border-left-width: 0; display: inline-block; text-decoration: none; background: linear-gradient(90deg, transparent 0%, #f6f6f6 1rem); right: 0; } .product.data.items.collapsed > [name=next] > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product.data.items.collapsed > [name=next]:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #6d6d6d; content: '\e608'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items.expanded { border-bottom: 1px solid #cccccc; } .product.data.items.expanded > .item.title, .product.data.items.expanded > .item.content { border: none; float: none; margin: 0; } .product.data.items.expanded > .item.content { display: block; } .product.data.items.expanded > .item.title { border-top: 1px solid #cccccc; } .product.info.detailed .tabs-toolbar { display: none; } .fbl-custom { display: inline-block; margin: 0 6px 0 0; } .fbl-custom .like { height: 20px; text-decoration: none; display: inline-block; vertical-align: middle; } .fbl-custom .like::before { content: ' '; width: 20px; height: 20px; display: inline-block; text-align: center; } .fbl-custom .like { cursor: pointer; } .fbl-custom .like::before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNjAuNzM0cHgiIGhlaWdodD0iNjAuNzMzcHgiIHZpZXdCb3g9IjAgMCA2MC43MzQgNjAuNzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MC43MzQgNjAuNzMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggc3R5bGU9ImZpbGw6IzNiNTk5ODsiIGQ9Ik01Ny4zNzgsMC4wMDFIMy4zNTJDMS41MDIsMC4wMDEsMCwxLjUsMCwzLjM1M3Y1NC4wMjZjMCwxLjg1MywxLjUwMiwzLjM1NCwzLjM1MiwzLjM1NGgyOS4wODZWMzcuMjE0aC03LjkxNHYtOS4xNjdoNy45MTR2LTYuNzZjMC03Ljg0Myw0Ljc4OS0xMi4xMTYsMTEuNzg3LTEyLjExNmMzLjM1NSwwLDYuMjMyLDAuMjUxLDcuMDcxLDAuMzZ2OC4xOThsLTQuODU0LDAuMDAyYy0zLjgwNSwwLTQuNTM5LDEuODA5LTQuNTM5LDQuNDYydjUuODUxaDkuMDc4bC0xLjE4Nyw5LjE2NmgtNy44OTJ2MjMuNTJoMTUuNDc1YzEuODUyLDAsMy4zNTUtMS41MDMsMy4zNTUtMy4zNTFWMy4zNTFDNjAuNzMxLDEuNSw1OS4yMywwLjAwMSw1Ny4zNzgsMC4wMDF6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50% 50% / contain; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product.featured-attributes { display: none; margin: 6px 0 0; font-size: 14px; line-height: 1.35em; } .product.featured-attributes .value { color: #666666; } .fieldset > .field.consent { margin-bottom: 5px; } .fieldset > .field.consent ~ .captcha, .fieldset > .field.consent ~ .g-recaptcha, .fieldset > .field.consent ~ .field-recaptcha { margin-top: 20px; } .field.consent { transition: all 300ms linear; } .hidden-consents .field.consent { max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; transform: translateY(-5px); } .block.newsletter .field.consent { text-align: left; margin: 10px 0 15px; order: 10; } .block.newsletter .field.consent label { opacity: .8; clip: auto; height: auto; width: auto; position: static; display: inline; } .block.newsletter .field.consent label::after { content: ''; display: block; } .block.newsletter .field.consent input[type="checkbox"] { margin-right: 5px; } body:not(:has(footer, .footer, .page-footer)) .message.global.cookie, body:has(.cookie-bar) .message.global.cookie { display: none !important; } .cookie-bar { z-index: 899; position: fixed; bottom: 0; left: 0; width: 100%; padding: 25px 30px; box-sizing: border-box; color: rgba(var(--base-color, 34, 34, 34), var(--base-alpha, 1)); background: rgba(var(--z-layer-bg, 255, 255, 255), var(--z-layer-bg-alpha, 1)); box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.2); visibility: hidden; transform: translateY(100%); } .cookie-bar.shown { visibility: visible; } .cookie-bar p:last-child { margin: 0; } .cookie-bar .cookie-bar-container { display: flex; flex-direction: column; justify-content: space-between; column-gap: 30px; row-gap: 15px; max-width: 1280px; margin: 0 auto; } .cookie-bar .cookie-bar-text { max-width: 800px; } .cookie-bar .cookie-bar-text > h3 { margin-top: 0; } .cookie-bar .cookie-bar-buttons { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: flex-start; justify-content: center; column-gap: 15px; row-gap: 12px; } .cookie-bar .cookie-bar-buttons a { color: rgba(var(--link-color, 136, 136, 136), var(--link-alpha, 1)); text-decoration: underline; } .cookie-bar .cookie-bar-buttons a:hover { text-decoration: none; } .cookie-bar-mode-full { top: 0; bottom: 0; left: 0; width: 420px; max-width: 92%; padding: 15px 10px 15px 20px; } .cookie-bar-mode-full .cookie-bar-text { padding-right: 10px; max-height: calc(100vh - 35px); overflow: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .cookie-bar-mode-full .cookie-bar-buttons { justify-content: flex-end; } .cookie-bar-mode-full .cookie-bar-buttons > * { margin-left: 12px; } @keyframes gdpr-slide-up { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes gdpr-slide-start { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .cookie-bar.shown { animation: gdpr-slide-up 400ms forwards; } .cookie-bar-mode-full { transform: translateX(-100%); } .cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar { width: 6px; height: 6px; } .cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar-track { background-color: transparent; border-radius: 6px; } .cookie-bar-mode-full .cookie-bar-text::-webkit-scrollbar-thumb { background-color: rgba(var(--scrollbar-bg, 170, 170, 170)); border-radius: 6px; } .cookie-bar-mode-full.shown { animation: gdpr-slide-start 400ms forwards; } .cookie-bar ~ .cookie-wall { z-index: 898; position: fixed; pointer-events: none; opacity: 0; bottom: 0; left: 0; right: 0; top: 0; background: rgba(var(--z-overlay-bg, 0, 0, 0), var(--z-overlay-bg-alpha, .8)); } .cookie-bar.shown ~ .cookie-wall { transition-duration: 0ms; opacity: 1; pointer-events: all; transition: opacity 400ms ease-in-out 0ms, visibility 0ms linear 400ms; } @keyframes gdpr-loading { 50% { opacity: .8; } } .cookie-buttons { margin: 15px 0 15px; text-align: right; } .cookie-buttons button { margin-left: 10px; margin-bottom: 5px; } .cookie-buttons button.gdpr-loading { animation: gdpr-loading 0.7s infinite; } .cookie-group { box-sizing: border-box; margin: 0 0 15px; padding: 5px 12px 12px; border: 1px solid rgba(var(--base-color, 238, 238, 238), var(--divider-alpha, .1)); border-radius: 4px; } .cookie-groups { clear: both; width: 100%; } .cookie-group:last-child { margin-bottom: 0; } .cookie-group-heading { position: relative; display: flex; align-items: center; margin-top: 1rem; margin-bottom: 1.5rem; } .cookie-group .h3 { font-weight: normal; margin: 0; flex-grow: 1; } .cookie-group-description { margin-bottom: 10px; } .cookie-group-toggler { box-sizing: content-box; margin: 0 10px; position: relative; flex-shrink: 0; cursor: pointer; border: 2px solid transparent; border-radius: 9999px; background: rgba(var(--brand-color, 150, 150, 150), .3); height: 20px; width: 40px; transition: 200ms background ease-in-out; } .cookie-group-toggler span:first-child { display: block; background: rgba(var(--base-bg, 255, 255, 255), var(--base-bg-alpha, 1)); height: 20px; width: 20px; border-radius: 50%; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); transform: translateX(0); transition: 200ms transform ease-in-out; } .cookie-group-toggler.active { background: #1771b5; } .cookie-group-toggler.active span:first-child { transform: translateX(20px); } .cookie-group-toggler:focus-visible { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1979c3; } .cookie-group-toggler-message { font-size: .9em; color: rgba(var(--base-color, 119, 119, 119), var(--muted-alpha, .6)); pointer-events: none; position: absolute; white-space: nowrap; right: 65px; background: rgba(var(--base-bg, 255, 255, 255), var(--base-bg-alpha, 1)); padding: 4px 6px; border-radius: 2px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .cookie-group-toggler-message:empty { display: none; } .cookie-list-caption { color: rgba(var(--link-color, 119, 119, 119), var(--link-alpha, 1)); cursor: pointer; } .cookie-list-caption.hide { display: none; } .cookie-list-caption:hover { text-decoration: underline; } .cookie-list-toggler { display: none !important; } .cookie-list-toggler:checked ~ .show { display: none !important; } .cookie-list-toggler:checked ~ .hide { display: block !important; } .cookie-list-toggler:checked ~ table { display: table; } .cookie-list table { display: none; table-layout: fixed; word-wrap: break-word; margin-top: 10px !important; font-size: .9em; } .cookie-list table .cookie-name { width: 27%; } .cookie-list table .cookie-description { width: 73%; } .block-accepted-consents .consent-form-title { font-weight: bold; display: block; margin: 10px 0; } .block-accepted-consents .grouped-consents { margin-bottom: 20px; } .block-accepted-consents .list-consents { list-style: none; padding: 0; margin: 0; } .block-accepted-consents .list-consents li { margin: 0; } .block-accepted-consents .list-consents li + li { margin-top: 3px; } .block-accepted-consents .list-consents svg { width: 16px; height: 12px; vertical-align: middle; margin-top: -3px; fill: currentColor; } .block-accepted-consents .privacy-note { padding: 5px 12px; opacity: .7; border: 1px solid #eee; border-radius: 4px; } .block-accepted-consents .privacy-note p { margin-bottom: 3px; } .block-delete-data p { margin-bottom: 10px; } .block-delete-data button.delete-data { box-shadow: none; background: #ec4236; border: none; color: #fff; font-size: 16px; padding: 10px 15px; text-transform: none; } .block-delete-data button.delete-data:hover { box-shadow: none; color: #fff; background: #d43b31; } .block-delete-data button.delete-data:focus { outline: none; box-shadow: 0 0 0 2px rgba(225, 66, 66, 0.5); } .delete-data-modal .modal-inner-wrap { max-width: 600px; } .delete-data-modal h2 { margin-top: 0; } .delete-data-modal .form.delete-data { margin-top: 35px; } .delete-data-modal button.delete-data { box-shadow: none; background: #ec4236; border: none; color: #fff; font-size: 16px; padding: 10px 15px; text-transform: none; } .delete-data-modal button.delete-data:hover { box-shadow: none; color: #fff; background: #d43b31; } .delete-data-modal button.delete-data:focus { outline: none; box-shadow: 0 0 0 2px rgba(225, 66, 66, 0.5); } .block-highlight .block-title p { margin: 0; } .block-highlight .products { margin: 0; } .block-highlight .toolbar-products { display: none; } .block-highlight .toolbar-amount { display: none; } div.block-highlight .block-title strong { font-weight: 600; } div.block-highlight .block-title strong span { font-weight: 300; } @media (max-width: 768px) { .block-highlight [data-role^="swatch-opt"] { display: none; } } .block-highlight .product-items-images .product-item { border: 0 !important; font-size: 0 !important; } .block.block-highlight.widget .products-grid .product-items { gap: 0; margin-left: -10px; } .block.block-highlight.widget .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .page-layout-1column .block.widget.highlight-cols-1 .products-grid .product-items { margin-left: -10px; } .page-layout-1column .block.widget.highlight-cols-1 .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .block.widget.highlight-cols-1 .products-grid .product-item:nth-child(n), .page-layout-1column .block.widget.highlight-cols-1 .products-grid .product-item:nth-child(n), .page-layout-3columns .block.widget.highlight-cols-1 .products-grid .product-item:nth-child(n) { margin: 0 0 10px 10px; width: calc(100% / 1 - 10px - 0.1px); } .page-layout-1column .block.widget.highlight-cols-2 .products-grid .product-items { margin-left: -10px; } .page-layout-1column .block.widget.highlight-cols-2 .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .block.widget.highlight-cols-2 .products-grid .product-item:nth-child(n), .page-layout-1column .block.widget.highlight-cols-2 .products-grid .product-item:nth-child(n), .page-layout-3columns .block.widget.highlight-cols-2 .products-grid .product-item:nth-child(n) { margin: 0 0 10px 10px; width: calc(100% / 2 - 10px - 0.1px); } .page-layout-1column .block.widget.highlight-cols-3 .products-grid .product-items { margin-left: -10px; } .page-layout-1column .block.widget.highlight-cols-3 .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .block.widget.highlight-cols-3 .products-grid .product-item:nth-child(n), .page-layout-1column .block.widget.highlight-cols-3 .products-grid .product-item:nth-child(n), .page-layout-3columns .block.widget.highlight-cols-3 .products-grid .product-item:nth-child(n) { margin: 0 0 10px 10px; width: calc(100% / 3 - 10px - 0.1px); } .page-layout-1column .block.widget.highlight-cols-4 .products-grid .product-items { margin-left: -10px; } .page-layout-1column .block.widget.highlight-cols-4 .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .block.widget.highlight-cols-4 .products-grid .product-item:nth-child(n), .page-layout-1column .block.widget.highlight-cols-4 .products-grid .product-item:nth-child(n), .page-layout-3columns .block.widget.highlight-cols-4 .products-grid .product-item:nth-child(n) { margin: 0 0 10px 10px; width: calc(100% / 4 - 10px - 0.1px); } .page-layout-1column .block.widget.highlight-cols-5 .products-grid .product-items { margin-left: -10px; } .page-layout-1column .block.widget.highlight-cols-5 .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .block.widget.highlight-cols-5 .products-grid .product-item:nth-child(n), .page-layout-1column .block.widget.highlight-cols-5 .products-grid .product-item:nth-child(n), .page-layout-3columns .block.widget.highlight-cols-5 .products-grid .product-item:nth-child(n) { margin: 0 0 10px 10px; width: calc(100% / 5 - 10px - 0.1px); } .page-layout-1column .block.widget.highlight-cols-6 .products-grid .product-items { margin-left: -10px; } .page-layout-1column .block.widget.highlight-cols-6 .products-grid .product-items .product-item { padding-left: 0; padding-right: 0; } .block.widget.highlight-cols-6 .products-grid .product-item:nth-child(n), .page-layout-1column .block.widget.highlight-cols-6 .products-grid .product-item:nth-child(n), .page-layout-3columns .block.widget.highlight-cols-6 .products-grid .product-item:nth-child(n) { margin: 0 0 10px 10px; width: calc(100% / 6 - 10px - 0.1px); } @media (max-width: 767px) { /* Three columns instead of six */ .highlight-cols-6 li.item { width: calc(100% / 3 - 10px - 0.1px) !important; } } @media (max-width: 480px) { /* Two columns for small screen */ .page-layout-1column .block.widget.highlight-grid:not(.highlight-cols-1):not(.highlight-carousel) .product-items:not(.product-items-images) .product-item, .block.widget.highlight-grid:not(.highlight-cols-1):not(.highlight-carousel) .product-items:not(.product-items-images) .product-item, .page-layout-1column .block.widget.highlight-grid:not(.highlight-cols-1):not(.highlight-carousel) .product-items:not(.product-items-images) .product-item:nth-child(n), .block.widget.highlight-grid:not(.highlight-cols-1):not(.highlight-carousel) .product-items:not(.product-items-images) .product-item:nth-child(n) { width: calc(50% - 10px - 0.1px) !important; } } .block-highlight.hl-magazine { display: flex; } .block-highlight.hl-magazine .block-title-image { display: none; } .block-highlight.hl-magazine > .block-title { width: 23%; } .block-highlight.hl-magazine > .block-content { width: 77%; box-sizing: border-box; } .block-highlight.hl-magazine.highlight-carousel > .block-content { display: block; } .block-highlight.hl-magazine > .block-title { text-align: left; box-sizing: border-box; margin: 0; padding: 25px; border: 0; background: none; position: relative; } .block-highlight.hl-magazine > .block-title > * { position: relative; z-index: 2; } .block-highlight.hl-magazine > .block-title > strong { word-break: break-word; padding: 3px 0; display: inline; font-size: 2.5rem; } @media (max-width: 768px) { .block-highlight.hl-magazine > .block-title > strong { font-size: 2rem; } } .block-highlight.hl-magazine > .block-title > strong span { display: inline; } .hl-black.block-highlight.hl-magazine > .block-title > strong, .hl-blue.block-highlight.hl-magazine > .block-title > strong, .hl-orange.block-highlight.hl-magazine > .block-title > strong, .hl-green.block-highlight.hl-magazine > .block-title > strong, .hl-purple.block-highlight.hl-magazine > .block-title > strong, .hl-red.block-highlight.hl-magazine > .block-title > strong { color: #fff; } .hl-marker.block-highlight.hl-magazine > .block-title > strong { color: #333; background: #fff; box-shadow: 5px 0 0 #ffffff, -5px 0 0 #ffffff; } .hl-white.hl-marker.block-highlight.hl-magazine > .block-title > strong { color: #fff; background: #000; box-shadow: 5px 0 0 #000000, -5px 0 0 #000000; } .block-highlight.hl-magazine > .block-title > strong:before, .block-highlight.hl-magazine > .block-title > strong:after { display: none; } .block-highlight.hl-magazine > .block-title .subtitle { margin: 20px 0 20px -5px; } .block-highlight.hl-magazine > .block-title .subtitle a { display: inline-block; padding: 5px 12px; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); text-decoration: none; color: #333; font-size: 1.9rem; font-weight: 600; text-shadow: 0 0 3px rgba(0, 0, 0, 0.1); transition: transform 200ms linear, box-shadow 200ms linear; } .block-highlight.hl-magazine > .block-title .subtitle a:hover { transform: translateY(-2px); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.12); } .hl-white.block-highlight.hl-magazine > .block-title .subtitle a { color: #fff; background: #000; } .block-highlight.hl-magazine > .block-title .block-title-background { z-index: 1; position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: 0 100%; background-color: transparent; } .block-highlight.hl-magazine > .block-title .block-title-background .title-image { position: absolute; } .block-highlight.hl-magazine > .block-title .block-title-background .title-image img { display: block; } .hl-black.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #000; } .hl-white.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #fff; } .hl-blue.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #1c73f5; } .hl-orange.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #fe6500; } .hl-green.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #45ca38; } .hl-purple.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #6346cf; } .hl-red.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #f54034; } .hl-gray.block-highlight.hl-magazine > .block-title .block-title-background, .hl-grey.block-highlight.hl-magazine > .block-title .block-title-background { background-color: #f7f7f7; } .hl-cover.block-highlight.hl-magazine > .block-title .block-title-background .title-image { top: 0; height: 100%; } .hl-cover.block-highlight.hl-magazine > .block-title .block-title-background .title-image img { height: 100%; object-fit: cover; } .hl-contain.block-highlight.hl-magazine > .block-title .block-title-background .title-image { bottom: 0; } @media (max-width: 640px) { .block-highlight.hl-magazine { display: flex; flex-direction: column; } .block-highlight.hl-magazine > .block-title { width: 100%; padding: 15px; display: flex; justify-content: space-between; align-items: center; } .block-highlight.hl-magazine > .block-title .subtitle { margin-left: 0; } .block-highlight.hl-magazine > .block-title .block-title-background .title-image { display: none; } .block-highlight.hl-magazine > .block-content { width: 100%; } } .block-highlight.highlight-carousel .pager { display: none; } .block-highlight.highlight-carousel .block-content { padding: 0; display: flex; flex-flow: column; } .block-highlight.highlight-carousel .slide { position: relative; width: 100%; flex-shrink: 0; padding: 0 30px; box-sizing: border-box; } @media (max-width: 640px) { .block-highlight.highlight-carousel .slick-list { scroll-snap-type: none !important; } .block-highlight.highlight-carousel .slide { padding: 0; width: auto !important; } .block-highlight.highlight-carousel .slick-arrow, .block-highlight.highlight-carousel .swiper-button-prev, .block-highlight.highlight-carousel .swiper-button-next { display: none !important; } .block-highlight.highlight-carousel .product-item { width: 33vw !important; } .block-highlight.highlight-carousel .product-items { display: flex; flex-wrap: nowrap; margin: 0 !important; } .block-highlight.highlight-carousel .product-items .product-item:nth-child(n) { margin-bottom: 0 !important; } } @media (max-width: 480px) { .block-highlight.highlight-carousel .product-item { width: 45vw !important; } } @media (max-width: 640px) { .block-highlight.highlight-carousel .slide.loading.show-button::after { content: attr(title); position: absolute; top: 40%; left: 50%; transform: translate(-50%, 0); padding: 5px 12px; background-color: #ddd; border-radius: 2px; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1); font-size: 19px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .block-highlight.highlight-carousel .slide.loading.show-button > .products { opacity: 0; } .block-highlight.highlight-carousel .slide.loading .product-item:nth-child(n+2) { display: none; } } .block-highlight .slide.loading * { opacity: 0; visibility: hidden; pointer-events: none; } .block-highlight .slide.loading .product-reviews-summary { display: none; } .block-highlight .slide.loading .products.wrapper, .block-highlight .slide.loading .products-grid, .block-highlight .slide.loading .product-items, .block-highlight .slide.loading .product-item, .block-highlight .slide.loading .product-item-info, .block-highlight .slide.loading .prolabels-wrapper, .block-highlight .slide.loading .product-item-photo, .block-highlight .slide.loading .product-item-details, .block-highlight .slide.loading .product-item-name, .block-highlight .slide.loading .product-item-link, .block-highlight .slide.loading .price-box, .block-highlight .slide.loading .price-box * { opacity: 1; visibility: visible; } .block-highlight .slide.loading .product-item-photo, .block-highlight .slide.loading .product-item-link, .block-highlight .slide.loading .price-box span, .block-highlight .slide.loading .price-box span::before { color: transparent !important; background-color: #eaeaea !important; } .block-highlight .slide.loading .product-item-name { text-overflow: initial !important; -webkit-line-clamp: unset !important; } .block-highlight .slide.loading .product-item-link, .block-highlight .slide.loading .price-box > span { background: #f6f7f8; } .block-highlight .slide.loading .product-item-photo { display: block; opacity: 0.7; background-color: #d3d3d3 !important; animation: higlight-placeholder-flicker 1.7s infinite 1s; } @keyframes higlight-placeholder-flicker { 0% { opacity: 0.7; } 50% { opacity: 1; } 100% { opacity: 0.7; } } .block-highlight.highlight-carousel .swiper-container { max-width: 100%; width: 100%; } @media (max-width: 640px) { .block-highlight.highlight-carousel .swiper-container { margin: 0 !important; padding: 0 !important; overflow: visible; } .block-highlight.highlight-swiper .block-content { overflow: auto; -webkit-overflow-scrolling: touch; } .block-highlight.highlight-swiper .block-content::-webkit-scrollbar { width: 4px; height: 4px; } .block-highlight.highlight-swiper .block-content::-webkit-scrollbar-track { background-color: #eee; } .block-highlight.highlight-swiper .block-content::-webkit-scrollbar-thumb { background-color: #ccc; } } .block-highlight.highlight-carousel .swiper-container.product-item-hovered { margin: -20px auto -300px; padding: 20px 0 300px; z-index: 3; } .block-highlight.highlight-carousel .swiper-container.product-item-hovered .swiper-button-prev, .block-highlight.highlight-carousel .swiper-container.product-item-hovered .swiper-button-next { top: calc(50% - (300px - 20px) / 2); } .block-highlight [data-appearance='carousel'] .slick-list { padding-left: 0 !important; padding-right: 0 !important; scroll-snap-type: x mandatory; gap: var(--listing-grid-gap); row-gap: var(--listing-grid-row-gap); } .block-highlight .slick-list .slide { scroll-snap-align: center; } .block-highlight .slick-list .slide .product-items { flex-wrap: wrap !important; } :where(.products-grid, .products-list) .hover-image-container { background-color: #ffffff; opacity: 0; position: absolute; top: 0; left: 0; right: 0; transition: opacity 0.2s ease-in-out, display 0.2s ease-in-out; transition-behavior: allow-discrete; text-align: center; } :where(.products-grid, .products-list) .product-item-photo:not(:hover) .hover-image-container { display: none; } .easyslide-wrapper .swiper-container { text-align: center; } .easyslide-wrapper .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0.4em; } .easyslide-link { display: block; } .columns .column.main { min-width: 0; } .easyslide-description { position: absolute; overflow: hidden; padding: 15px 20px; text-align: left; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; pointer-events: none; } .easyslide-description * { pointer-events: auto; } .easyslide-description-top, .easyslide-description-bottom { left: 0; width: 100%; } .easyslide-description-left, .easyslide-description-right { top: 0; bottom: 0; } @media (min-width: 640px) { .easyslide-description-left, .easyslide-description-right { width: 45%; } } .easyslide-description-top { top: 0; } .easyslide-description-bottom { bottom: 0; } .easyslide-description-right { right: 0; } .easyslide-description-left { left: 0; } .easyslide-description-center { inset: 0; align-items: center; text-align: center; } .easyslide-description a { text-decoration: none; color: #5a5a5a; } .easyslide-description a:hover { text-decoration: underline; } .easyslide-description p { line-height: 20px; text-align: center; } .easyslide-background-light { background: rgba(255, 255, 255, 0.65); color: #000; } .easyslide-background-dark { background: rgba(0, 0, 0, 0.65); color: #fff; } .easyslide-background-transparent { color: #000; } .easyslide-thumbs.swiper-container { padding: 10px 0; text-align: inherit; } .easyslide-thumbs:not(.swiper-container-initialized) .swiper-slide:not(:first-child) { display: none; } .easyslide-thumbs .swiper-slide { cursor: pointer; margin-right: 10px; width: auto; } .easyslide-thumbs .swiper-slide:not(:has(img)) { width: 10rem; max-width: 100%; background: currentColor; opacity: .1; } .easyslide-thumbs .swiper-slide:last-child { margin-right: 0; } .easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #007aff; } .easyslide-thumbs-black.easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-color: #000; } .easyslide-thumbs-white.easyslide-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-color: #fff; } .easyslide-wrapper-thumbs-above { display: flex; flex-direction: column-reverse; } .easyslide-wrapper-thumbs-above .swiper-container { max-width: 100%; } .easyslide-wrapper-thumbs-above .easyslide-thumbs { margin: 0; } .easyslide-wrapper-thumbs-above .easyslide-thumbs.swiper-container { padding: 0 0 10px; } .easyslide-wrapper-thumbs-right, .easyslide-wrapper-thumbs-left { display: flex; align-items: flex-start; } .easyslide-wrapper-thumbs-right .easyslide-thumbs, .easyslide-wrapper-thumbs-left .easyslide-thumbs { flex-shrink: 0; } .easyslide-wrapper-thumbs-right .easyslide-thumbs.swiper-container, .easyslide-wrapper-thumbs-left .easyslide-thumbs.swiper-container { padding: 0 0 0 10px; } .easyslide-wrapper-thumbs-right .easyslide-thumbs .swiper-slide, .easyslide-wrapper-thumbs-left .easyslide-thumbs .swiper-slide { margin: 0 0 10px; } .easyslide-wrapper-thumbs-right .easyslide-thumbs .swiper-slide:last-child, .easyslide-wrapper-thumbs-left .easyslide-thumbs .swiper-slide:last-child { margin: 0; } .easyslide-wrapper-thumbs-left { flex-direction: row-reverse; } .easyslide-wrapper-thumbs-left .easyslide-thumbs.swiper-container { padding: 0 10px 0 0; } .navpro.navpro .text-left { text-align: left; } .navpro.navpro .text-center { text-align: center; } .navpro.navpro .text-right { text-align: right; } .navpro.navpro .text-justify { text-align: justify; } .navpro.navpro .nowrap { white-space: nowrap; } .navpro.navpro .break-word { word-wrap: break-word; } .navpro.navpro .va-middle { vertical-align: middle; } .navpro.navpro .va-top { vertical-align: top; } .navpro.navpro .va-bottom { vertical-align: bottom; } .navpro.navpro .va-baseline { vertical-align: baseline; } .navpro.navpro .inline { display: inline; } .navpro.navpro .block { display: block; } .navpro.navpro .inline-block { display: inline-block; } .navpro.navpro .float-left { float: left; } .navpro.navpro .float-right { float: right; } .navpro.navpro .m0 { margin: 0; } .navpro.navpro .mt0 { margin-top: 0; } .navpro.navpro .mr0 { margin-right: 0; } .navpro.navpro .mb0 { margin-bottom: 0; } .navpro.navpro .ml0 { margin-left: 0; } .navpro.navpro .m1 { margin: 0.5rem; } .navpro.navpro .mt1 { margin-top: 0.5rem; } .navpro.navpro .mr1 { margin-right: 0.5rem; } .navpro.navpro .mb1 { margin-bottom: 0.5rem; } .navpro.navpro .ml1 { margin-left: 0.5rem; } .navpro.navpro .m2 { margin: 1rem; } .navpro.navpro .mt2 { margin-top: 1rem; } .navpro.navpro .mr2 { margin-right: 1rem; } .navpro.navpro .mb2 { margin-bottom: 1rem; } .navpro.navpro .ml2 { margin-left: 1rem; } .navpro.navpro .m3 { margin: 2rem; } .navpro.navpro .mt3 { margin-top: 2rem; } .navpro.navpro .mr3 { margin-right: 2rem; } .navpro.navpro .mb3 { margin-bottom: 2rem; } .navpro.navpro .ml3 { margin-left: 2rem; } .navpro.navpro .m4 { margin: 4rem; } .navpro.navpro .mt4 { margin-top: 4rem; } .navpro.navpro .mr4 { margin-right: 4rem; } .navpro.navpro .mb4 { margin-bottom: 4rem; } .navpro.navpro .ml4 { margin-left: 4rem; } .navpro.navpro .ml-auto { margin-left: auto; } .navpro.navpro .mr-auto { margin-right: auto; } @media (max-width: 480px) { .navpro.navpro .xs-m0 { margin: 0; } .navpro.navpro .xs-mt0 { margin-top: 0; } .navpro.navpro .xs-mr0 { margin-right: 0; } .navpro.navpro .xs-mb0 { margin-bottom: 0; } .navpro.navpro .xs-ml0 { margin-left: 0; } .navpro.navpro .xs-m1 { margin: 0.5rem; } .navpro.navpro .xs-mt1 { margin-top: 0.5rem; } .navpro.navpro .xs-mr1 { margin-right: 0.5rem; } .navpro.navpro .xs-mb1 { margin-bottom: 0.5rem; } .navpro.navpro .xs-ml1 { margin-left: 0.5rem; } .navpro.navpro .xs-m2 { margin: 1rem; } .navpro.navpro .xs-mt2 { margin-top: 1rem; } .navpro.navpro .xs-mr2 { margin-right: 1rem; } .navpro.navpro .xs-mb2 { margin-bottom: 1rem; } .navpro.navpro .xs-ml2 { margin-left: 1rem; } .navpro.navpro .xs-m3 { margin: 2rem; } .navpro.navpro .xs-mt3 { margin-top: 2rem; } .navpro.navpro .xs-mr3 { margin-right: 2rem; } .navpro.navpro .xs-mb3 { margin-bottom: 2rem; } .navpro.navpro .xs-ml3 { margin-left: 2rem; } .navpro.navpro .xs-m4 { margin: 4rem; } .navpro.navpro .xs-mt4 { margin-top: 4rem; } .navpro.navpro .xs-mr4 { margin-right: 4rem; } .navpro.navpro .xs-mb4 { margin-bottom: 4rem; } .navpro.navpro .xs-ml4 { margin-left: 4rem; } .navpro.navpro .xs-ml-auto { margin-left: auto; } .navpro.navpro .xs-mr-auto { margin-right: auto; } } .navpro.navpro .p0 { padding: 0; } .navpro.navpro .pt0 { padding-top: 0; } .navpro.navpro .pr0 { padding-right: 0; } .navpro.navpro .pb0 { padding-bottom: 0; } .navpro.navpro .pl0 { padding-left: 0; } .navpro.navpro .p1 { padding: 0.5rem; } .navpro.navpro .pt1 { padding-top: 0.5rem; } .navpro.navpro .pr1 { padding-right: 0.5rem; } .navpro.navpro .pb1 { padding-bottom: 0.5rem; } .navpro.navpro .pl1 { padding-left: 0.5rem; } .navpro.navpro .p2 { padding: 1rem; } .navpro.navpro .pt2 { padding-top: 1rem; } .navpro.navpro .pr2 { padding-right: 1rem; } .navpro.navpro .pb2 { padding-bottom: 1rem; } .navpro.navpro .pl2 { padding-left: 1rem; } .navpro.navpro .p3 { padding: 4rem; } .navpro.navpro .pt3 { padding-top: 4rem; } .navpro.navpro .pr3 { padding-right: 4rem; } .navpro.navpro .pb3 { padding-bottom: 4rem; } .navpro.navpro .pl3 { padding-left: 4rem; } .navpro.navpro .p4 { padding: 4rem; } .navpro.navpro .pt4 { padding-top: 4rem; } .navpro.navpro .pr4 { padding-right: 4rem; } .navpro.navpro .pb4 { padding-bottom: 4rem; } .navpro.navpro .pl4 { padding-left: 4rem; } @media (max-width: 480px) { .navpro.navpro .xs-p0 { padding: 0; } .navpro.navpro .xs-pt0 { padding-top: 0; } .navpro.navpro .xs-pr0 { padding-right: 0; } .navpro.navpro .xs-pb0 { padding-bottom: 0; } .navpro.navpro .xs-pl0 { padding-left: 0; } .navpro.navpro .xs-p1 { padding: 0.5rem; } .navpro.navpro .xs-pt1 { padding-top: 0.5rem; } .navpro.navpro .xs-pr1 { padding-right: 0.5rem; } .navpro.navpro .xs-pb1 { padding-bottom: 0.5rem; } .navpro.navpro .xs-pl1 { padding-left: 0.5rem; } .navpro.navpro .xs-p2 { padding: 1rem; } .navpro.navpro .xs-pt2 { padding-top: 1rem; } .navpro.navpro .xs-pr2 { padding-right: 1rem; } .navpro.navpro .xs-pb2 { padding-bottom: 1rem; } .navpro.navpro .xs-pl2 { padding-left: 1rem; } .navpro.navpro .xs-p3 { padding: 2rem; } .navpro.navpro .xs-pt3 { padding-top: 2rem; } .navpro.navpro .xs-pr3 { padding-right: 2rem; } .navpro.navpro .xs-pb3 { padding-bottom: 2rem; } .navpro.navpro .xs-pl3 { padding-left: 2rem; } .navpro.navpro .xs-p4 { padding: 4rem; } .navpro.navpro .xs-pt4 { padding-top: 4rem; } .navpro.navpro .xs-pr4 { padding-right: 4rem; } .navpro.navpro .xs-pb4 { padding-bottom: 4rem; } .navpro.navpro .xs-pl4 { padding-left: 4rem; } } .navpro.navpro .flex { display: flex !important; } .navpro.navpro .flex-column { flex-direction: column; } .navpro.navpro .flex-wrap { flex-wrap: wrap; } .navpro.navpro .flex-nowrap { flex-wrap: nowrap; } .navpro.navpro .items-start { align-items: flex-start; } .navpro.navpro .items-end { align-items: flex-end; } .navpro.navpro .items-center { align-items: center; } .navpro.navpro .items-baseline { align-items: baseline; } .navpro.navpro .items-stretch { align-items: stretch; } .navpro.navpro .self-start { align-self: flex-start; } .navpro.navpro .self-end { align-self: flex-end; } .navpro.navpro .self-center { align-self: center; } .navpro.navpro .self-baseline { align-self: baseline; } .navpro.navpro .self-stretch { align-self: stretch; } .navpro.navpro .justify-start { justify-content: flex-start; } .navpro.navpro .justify-end { justify-content: flex-end; } .navpro.navpro .justify-center { justify-content: center; } .navpro.navpro .justify-between { justify-content: space-between; } .navpro.navpro .justify-around { justify-content: space-around; } .navpro.navpro .justify-evenly { justify-content: space-evenly; } .navpro.navpro .content-start { align-content: flex-start; } .navpro.navpro .content-end { align-content: flex-end; } .navpro.navpro .content-center { align-content: center; } .navpro.navpro .content-between { align-content: space-between; } .navpro.navpro .content-around { align-content: space-around; } .navpro.navpro .content-stretch { align-content: stretch; } .navpro.navpro .order-0 { order: 0; } .navpro.navpro .order-1 { order: 1; } .navpro.navpro .order-2 { order: 2; } .navpro.navpro .order-3 { order: 3; } .navpro.navpro .order-last { order: 99999; } .navpro.navpro .hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .navpro.navpro .display-none { display: none !important; } @media (max-width: 480px) { .navpro.navpro .xs-hide { display: none !important; } } @media (min-width: 481px) and (max-width: 768px) { .navpro.navpro .sm-hide { display: none !important; } } .column.main .navpro ul { padding: 0 !important; } .column.main .navpro li { margin: 0 !important; } .column.main .navpro li::before { display: none; } .column.main .navpro .li-item { padding: 0 !important; text-indent: 0 !important; } .navpro ul { margin: 0; padding: 0; } .navpro ul ul { padding: 0; } .navpro li { margin: 0; } .navpro li.level0::after, .navpro li.level0:hover::after { display: none; position: static; height: auto; width: auto; } .navpro.navpro { position: static; } .navpro.navpro ul { position: static; } .navpro.navpro ul ul { padding: 0; } .navpro.navpro li.li-item { position: static; } .navpro.navpro .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navpro.navpro .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin: 0; } .navpro.navpro .li-item > a { position: relative; } .navpro.navpro .parent > a { position: relative; } .navpro.navpro .parent > a::after { content: '' !important; } .navpro.navpro .level0 > .level-top { padding: 11px 12px 11px 12px; border: none; display: inline-block; line-height: normal; } .navpro.navpro .level0.parent > .level-top { padding-right: 20px; } .navpro.navpro .level0.active > .level-top, .navpro.navpro .level0.has-active > .level-top { border: none; display: inline-block; } .navpro > .navpro-menu .panel { padding: 10px 5px; background-color: #fafafa; } .navpro > .navpro-menu .links li { padding: 0 5px; } .navpro > .navpro-menu .links li a { padding: 0; } .navpro > .navpro-menu .transparent { background-color: transparent; } .navpro > .navpro-menu li.text-small > a { font-size: .8em; } .navpro > .navpro-menu li.text-big > a { font-size: 1.1em; } .navpro > .navpro-menu a .text-small, .navpro > .navpro-menu span .text-small, .navpro > .navpro-menu p .text-small, .navpro > .navpro-menu div .text-small { font-size: .8em; } .navpro > .navpro-menu a .text-big, .navpro > .navpro-menu span .text-big, .navpro > .navpro-menu p .text-big, .navpro > .navpro-menu div .text-big { font-size: 1.1em; } .navpro > .navpro-menu img.row { display: block; margin: 0 auto; } @media (max-width: 480px) { .navpro > .navpro-menu .xs-hide-dropdown > a > .navpro-icon-caret::before { display: none !important; } .navpro > .navpro-menu .xs-hide-dropdown > .navpro-dropdown { display: none !important; } .navpro > .navpro-menu .xs-hide-dropdown a.level-top::before, .navpro > .navpro-menu .xs-hide-dropdown a.level-top::after { display: none !important; } } @media (min-width: 481px) and (max-width: 768px) { .navpro > .navpro-menu .sm-hide-dropdown > a > .navpro-icon-caret::before { display: none !important; } .navpro > .navpro-menu .sm-hide-dropdown > .navpro-dropdown { display: none !important; } .navpro > .navpro-menu .sm-hide-dropdown a.level-top::before, .navpro > .navpro-menu .sm-hide-dropdown a.level-top::after { display: none !important; } } .navpro-row { display: flex; flex-direction: row; flex-wrap: wrap; } @media (max-width: 768px) { .navpro-row { flex-direction: column; flex-wrap: nowrap; } } .navpro-row.gutters, .navpro-row.gutters > .navpro-row { margin-left: -12px; } @media (max-width: 768px) { .navpro-row.gutters, .navpro-row.gutters > .navpro-row { margin-left: 0; } } .navpro-row.gutters > .navpro-col, .navpro-row.gutters > .navpro-row > .navpro-col { margin-left: 12px; } @media (max-width: 768px) { .navpro-row.gutters > .navpro-col, .navpro-row.gutters > .navpro-row > .navpro-col { margin-left: 0; } } .navpro-row.around { justify-content: space-around; } .navpro-row.between { justify-content: space-between; } .navpro-row.auto .navpro-col { flex-grow: 1; } .navpro-col-12 { width: 100%; } .navpro-offset-12 { margin-left: 100%; } .navpro-col-11 { width: 91.66666667%; } .navpro-offset-11 { margin-left: 91.66666667%; } .navpro-col-10 { width: 83.33333333%; } .navpro-offset-10 { margin-left: 83.33333333%; } .navpro-col-9 { width: 75%; } .navpro-offset-9 { margin-left: 75%; } .navpro-col-8 { width: 66.66666667%; } .navpro-offset-8 { margin-left: 66.66666667%; } .navpro-col-7 { width: 58.33333333%; } .navpro-offset-7 { margin-left: 58.33333333%; } .navpro-col-6 { width: 50%; } .navpro-offset-6 { margin-left: 50%; } .navpro-col-5 { width: 41.66666667%; } .navpro-offset-5 { margin-left: 41.66666667%; } .navpro-col-4 { width: 33.33333333%; } .navpro-offset-4 { margin-left: 33.33333333%; } .navpro-col-3 { width: 25%; } .navpro-offset-3 { margin-left: 25%; } .navpro-col-2 { width: 16.66666667%; } .navpro-offset-2 { margin-left: 16.66666667%; } .navpro-col-1 { width: 8.33333333%; } .navpro-offset-1 { margin-left: 8.33333333%; } .navpro-col-0 { width: 0%; } .navpro-offset-0 { margin-left: 0%; } .navpro .gutters > .navpro-col-12 { width: calc(100% - 12px); } .navpro .gutters > .navpro-offset-12 { margin-left: calc(100% + 12px) !important; } .navpro .gutters > .navpro-col-11 { width: calc(91.66666667% - 12px); } .navpro .gutters > .navpro-offset-11 { margin-left: calc(91.66666667% + 12px) !important; } .navpro .gutters > .navpro-col-10 { width: calc(83.33333333% - 12px); } .navpro .gutters > .navpro-offset-10 { margin-left: calc(83.33333333% + 12px) !important; } .navpro .gutters > .navpro-col-9 { width: calc(75% - 12px); } .navpro .gutters > .navpro-offset-9 { margin-left: calc(75% + 12px) !important; } .navpro .gutters > .navpro-col-8 { width: calc(66.66666667% - 12px); } .navpro .gutters > .navpro-offset-8 { margin-left: calc(66.66666667% + 12px) !important; } .navpro .gutters > .navpro-col-7 { width: calc(58.33333333% - 12px); } .navpro .gutters > .navpro-offset-7 { margin-left: calc(58.33333333% + 12px) !important; } .navpro .gutters > .navpro-col-6 { width: calc(50% - 12px); } .navpro .gutters > .navpro-offset-6 { margin-left: calc(50% + 12px) !important; } .navpro .gutters > .navpro-col-5 { width: calc(41.66666667% - 12px); } .navpro .gutters > .navpro-offset-5 { margin-left: calc(41.66666667% + 12px) !important; } .navpro .gutters > .navpro-col-4 { width: calc(33.33333333% - 12px); } .navpro .gutters > .navpro-offset-4 { margin-left: calc(33.33333333% + 12px) !important; } .navpro .gutters > .navpro-col-3 { width: calc(25% - 12px); } .navpro .gutters > .navpro-offset-3 { margin-left: calc(25% + 12px) !important; } .navpro .gutters > .navpro-col-2 { width: calc(16.66666667% - 12px); } .navpro .gutters > .navpro-offset-2 { margin-left: calc(16.66666667% + 12px) !important; } .navpro .gutters > .navpro-col-1 { width: calc(8.33333333% - 12px); } .navpro .gutters > .navpro-offset-1 { margin-left: calc(8.33333333% + 12px) !important; } .navpro .gutters > .navpro-col-0 { width: calc(0% - 12px); } .navpro .gutters > .navpro-offset-0 { margin-left: calc(0% + 12px) !important; } @media (max-width: 768px) { [class^='offset-'], [class*=' offset-'] { margin-left: 0; } } .navpro .pull-first { order: -1; } .navpro .push-last { order: 1; } @media (max-width: 768px) { .navpro-row .navpro-col { margin-left: 0; width: 100%; } .navpro-row.gutters .navpro-col { margin-left: 0; width: 100%; } .navpro-row.gutters .navpro-col + .navpro-col { margin-top: 16px; } .navpro .pull-first-sm { order: -1; } .navpro .push-last-sm { order: 1; } } .navpro .gutters .navpro-col.push-left, .navpro .push-left { margin-right: auto; } .navpro .gutters .navpro-col.push-right, .navpro .push-right { margin-left: auto; } .navpro .gutters .navpro-col.push-center, .navpro .push-center { margin-left: auto; margin-right: auto; } .navpro .gutters .navpro-col.push-middle, .navpro .push-middle { margin-top: auto; margin-bottom: auto; } .navpro .push-bottom { margin-top: auto; } @media (max-width: 768px) { .navpro .gutters .navpro-col.push-left-sm, .navpro .push-left-sm { margin-left: 0; } .navpro .gutters .navpro-col.push-center-sm, .navpro .push-center-sm { margin-left: auto; margin-right: auto; } .navpro .push-top-sm { margin-top: 0; } } .navpro .align-middle { align-items: center; } .navpro .align-right { justify-content: flex-end; } .navpro .align-center { justify-content: center; } @media (max-width: 768px) { .navpro .align-left-sm { justify-content: flex-start; } } :root { --navpro-accordion-max-width: 768px; --navpro-initially-expanded-min-width: 1280px; } .navpro-menu a:hover > .tip { text-decoration: none; } .navpro-menu .tip { display: inline-block; top: -3px; position: relative; padding: 2px 3px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 0.7em; line-height: normal; color: #ffffff; background: #1979c3; } .navpro-menu .tip.text-small { font-size: .65em; } .navpro-menu .tip.text-big { font-size: .8em; } .navpro-menu .tip.text-big.top { top: -8px; } .navpro-menu .tip.top { position: absolute; top: -6px; right: 21px; } .rtl .navpro-menu .tip.top { right: auto; left: 21px; } .navpro-menu .tip.top::before { content: ''; position: absolute; right: 6px; top: 100%; width: 0; height: 0; border: 4px solid transparent; border-top-color: #1979c3; } .rtl .navpro-menu .tip.top::before { right: auto; left: 6px; } .navpro-menu .tip.inverted { color: #1979c3; background: #ffffff; } .navpro-menu .tip.inverted::before { border-top-color: #ffffff; } .navpro-menu .tip.accent { background: #ff7103; } .navpro-menu .tip.accent::before { border-top-color: #ff7103; } .navpro-menu .tip.accent.inverted { color: #ff7103; background: #ffffff; } .navpro-menu .tip.accent.inverted::before { border-top-color: #ffffff; } .navpro-menu .tip.muted { background: #555555; } .navpro-menu .tip.muted::before { border-top-color: #555555; } .navpro-menu .tip.muted.inverted { color: #555555; background: #ffffff; } .navpro-menu .tip.muted.inverted::before { border-top-color: #ffffff; } .navpro-menu .tip.black { color: #ffffff; background: #000000; } .navpro-menu .tip.black::before { border-top-color: #000000; } .navpro-menu .tip.black.inverted { color: #000000; background: #ffffff; } .navpro-menu .tip.black.inverted::before { border-top-color: #ffffff; } .navpro .block:first-child { margin-top: 0; } .navpro .block:last-child { margin-bottom: 0; } .navpro .block .subtitle { display: none; } .navpro .block .product-items .product-item { position: relative; } .navpro .navpro-search .block-search { float: none; align-self: center; margin: 0; padding: 0; left: auto; top: auto; right: auto; bottom: auto; transform: none; position: static; width: auto; } .navpro .navpro-search .block-search .block-title { margin: 0 0 15px; } .navpro .navpro-search .block-search .form.minisearch { position: relative; } .navpro .li-item > .navpro-search .block-search .block-title { display: none; } .navpro .li-item > .navpro-search .block-search .field label { display: none; } .navpro.orientation-vertical .level0 { margin: 0; } .navpro.orientation-vertical .children > li > a, .navpro.orientation-vertical .level0 > .level-top, .navpro.orientation-vertical .level0.active > .level-top, .navpro.orientation-vertical .level0.has-active > .level-top { display: block; } .navpro.orientation-vertical .parent-expanded > a { font-weight: bold; } .navpro.orientation-vertical .parent-expanded .parent-expanded > a { font-weight: normal; } .navpro.orientation-vertical > ul { display: flex; flex-wrap: wrap; align-items: stretch; flex-direction: column; } .navpro.orientation-vertical .navpro-dropdown .children > li > a, .navpro.orientation-vertical .navpro-dropdown .children .parent > a { padding: 8px 12px; } .navpro.orientation-vertical .level0 > .level-top { padding: 8px 12px; } .navpro-pills li.level0 { background: #f4f4f4; border-radius: 10px; margin: 0 5px 5px 0; } .navpro-shevron { display: none; } .navpro-dropdown { position: absolute; opacity: 0; display: none; } .navpro-dropdown-inner { box-sizing: border-box; padding: 12px; } .navpro-dropdown-expanded > .navpro-dropdown-inner { padding-top: 0; } .navpro-dropdown .navpro-dropdown-expanded > .navpro-dropdown-inner { padding-left: 0; padding-right: 0; } .navpro-dropdown .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > .navpro-dropdown-expanded > .navpro-dropdown-inner { padding: 12px; padding-top: 0; padding-bottom: 0; } .navpro-dropdown { box-sizing: border-box; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); min-width: 230px; font-weight: normal; z-index: 90; } .navpro-dropdown.shown { right: auto; opacity: 1; display: block; z-index: 91; } li:hover > .navpro-dropdown { z-index: 92; } .navpro-dropdown > .navpro-close { cursor: pointer; width: 20px; height: 20px; position: relative; z-index: 10; position: absolute; right: 12px; top: 12px; } .navpro-dropdown > .navpro-close::before, .navpro-dropdown > .navpro-close::after { content: ''; position: absolute; left: auto; right: 10px; top: 0; height: 20px; width: 2px; background-color: #333333; } .navpro-dropdown > .navpro-close::before { transform: rotate(45deg); } .navpro-dropdown > .navpro-close::after { transform: rotate(-45deg); } .navpro.orientation-horizontal li.size-boxed, .navpro.orientation-horizontal li.size-fullwidth, .navpro.orientation-horizontal li.size-fullscreen { position: static; } .dropdown-left .ui-menu-item { text-align: right; } .rtl .dropdown-left .ui-menu-item { text-align: left; } .navpro .li-item.navpro-shop-all { font-weight: bold; } .navpro .navpro-a-with-thumbnail { max-height: 130px; overflow: hidden; } @media (min-width: 769px) { .navpro .navpro-a-with-thumbnail { margin-bottom: 8px; } } .navpro .navpro-a-with-thumbnail img { margin-top: 5px; filter: contrast(95%); } .navpro .level0 .children > li > a, .navpro .level0 .children .parent > a { text-decoration: none; } .navpro .level0 .children > li > a:hover, .navpro .level0 .children .parent > a:hover { text-decoration: underline; } .navpro-dropdown .children > li > a, .navpro-dropdown .children .parent > a { display: block; line-height: inherit; color: #666666; padding: 7px 12px 7px 12px; text-decoration: none; } .navpro-dropdown .children > li > a:hover, .navpro-dropdown .children .parent > a:hover { text-decoration: underline; } .navpro-dropdown .children .parent > a { padding-right: 20px; } .rtl .navpro-dropdown .children .parent > a { padding: 7px 12px 7px 12px; padding-left: 20px; } .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a:has(+ .navpro-dropdown-expanded, img) { font-weight: bold; padding-bottom: 5px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li > a:has(+ .navpro-dropdown-expanded) { padding-top: 3px; padding-bottom: 3px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li.navpro-shop-all > a { padding-top: 6px; padding-bottom: 6px; } .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li.navpro-shop-all > a span { line-height: normal; } .navpro-dropdown .multicolumn { display: flex; align-content: flex-start; flex-wrap: wrap; flex-direction: row; } .navpro-dropdown .multicolumn > li { width: 100%; } .navpro-dropdown .vertical.multicolumn { flex-direction: column; display: block; } @media (min-width: 769px) { .navpro-dropdown .vertical.multicolumn-8 { column-count: 8; } .navpro-dropdown .vertical.multicolumn-7 { column-count: 7; } .navpro-dropdown .vertical.multicolumn-6 { column-count: 6; } .navpro-dropdown .vertical.multicolumn-5 { column-count: 5; } .navpro-dropdown .vertical.multicolumn-4 { column-count: 4; } .navpro-dropdown .vertical.multicolumn-3 { column-count: 3; } .navpro-dropdown .vertical.multicolumn-2 { column-count: 2; } .navpro-dropdown .vertical.multicolumn-1 { column-count: 1; } } .navpro-dropdown .vertical.multicolumn > li { display: block; width: 100%; break-inside: avoid-column; } .navpro-icon-caret, .navpro.navigation .level0.parent > .level-top > .ui-menu-icon { position: static; display: block; } .navpro-icon-caret::after { display: none !important; } .navpro .caret-hidden > a.level-top { padding: 11px 12px 11px 12px !important; } .navpro .caret-hidden > a.level-top::before, .navpro .caret-hidden > a.level-top > .navpro-icon-caret::before { display: none !important; } .navpro-icon-caret::before, .navpro .parent > a::before { content: ''; position: absolute; right: 1px; top: calc(50% - 10px); transform: rotate(-90deg); opacity: 0.8; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 12px 12px; width: 20px; height: 20px; } .rtl .navpro-icon-caret::before, .rtl .navpro .parent > a::before { left: 1px; right: auto; transform: rotate(90deg); } .navpro.navpro .parent > a:has(.navpro-icon-caret)::before { display: none !important; } .navpro.navpro .parent.ui-menu-item > a::before { display: none !important; } .caret-bottom a.level-top > .navpro-icon-caret::before, .caret-bottom .parent > a.level-top::before { top: auto; right: auto; left: calc(50% - 8px); bottom: 5px; } .navpro.navpro .caret-hidden .level0 > .level-top { padding: 11px 12px 11px 12px !important; } .navpro.navpro .caret-hidden .level0 > .level-top::before, .navpro.navpro .caret-hidden .level0 > .level-top > .navpro-icon-caret, .navpro.navpro .caret-hidden .level0 > .level-top > .navpro-icon-caret::before { display: none !important; } .navpro.orientation-horizontal .caret-bottom .level0 > .level-top, .rtl .navpro.orientation-horizontal .caret-bottom .level0 > .level-top { padding: 11px 12px 11px 12px; padding-bottom: 20px; } .navpro.dropdown-left .children .navpro-icon-caret::before, .navpro.dropdown-left .children .parent > a::before { right: auto; left: 1px; transform: rotate(90deg); } .rtl .navpro.dropdown-left .children .navpro-icon-caret::before, .rtl .navpro.dropdown-left .children .parent > a::before { right: 1px; left: auto; transform: rotate(-90deg); } .navpro.dropdown-left .navpro-dropdown .children .parent > a { padding-right: 12px; padding-left: 20px; } .rtl .navpro.dropdown-left .navpro-dropdown .children .parent > a { padding-right: 20px; padding-left: 12px; } .navpro.dropdown-left.orientation-vertical .navpro-icon-caret::before, .navpro.dropdown-left.orientation-vertical .parent > a::before { right: auto; left: 1px; transform: rotate(90deg); } .rtl .navpro.dropdown-left.orientation-vertical .navpro-icon-caret::before, .rtl .navpro.dropdown-left.orientation-vertical .parent > a::before { right: 1px; left: auto; transform: rotate(-90deg); } .navpro.dropdown-left.orientation-vertical .level0.parent > .level-top { padding: 8px 12px; padding-left: 20px; } .rtl .navpro.dropdown-left.orientation-vertical .level0.parent > .level-top { padding: 8px 12px; padding-right: 20px; } .navpro-overlay-element { display: none; } @media (min-width: 768.02px) { .navpro-nowrap { flex-wrap: nowrap !important; } .navpro-nowrap:not(.navpro-nowrap-ready) { overflow: hidden !important; opacity: 0; pointer-events: none; } .navpro-nowrap-justify-start { justify-content: start !important; } .navpro-nowrap > li { flex-shrink: 0; } .navpro-nowrap .navpro-item-more { align-self: center; } .navpro-nowrap .navpro-item-more > .nav-a-icon-more { padding: 7px 12px 7px 12px; display: flex !important; align-items: center; } .navpro-nowrap .navpro-item-more > .nav-a-icon-more svg { width: 20px; height: 20px; fill: currentColor; } .navpro-nowrap .navpro-item-more > .nav-a-icon-more::after { display: none !important; } .navigation-wrapper:has(.navpro-nowrap) { flex-grow: 1; } .navigation-wrapper:has(.navpro-nowrap:not(.navpro-nowrap-ready)) { flex-shrink: 1; overflow: hidden; opacity: 0; } .header.content:has(.navpro-nowrap:not(.navpro-nowrap-ready)) .logo { flex-shrink: 0; } .header .nav-sections:has(.navpro-nowrap:not(.navpro-nowrap-ready)) { width: 0; } } @media (max-width: 768px) { .navpro-transformable.navpro .level0 > .level-top { display: block; } .navpro-transformable.navpro .level0.active > .level-top, .navpro-transformable.navpro .level0.has-active > .level-top { display: block; } .navpro-transformable .navpro-icon-caret::before { transition: transform 200ms ease-in-out; } .navpro-transformable .navpro-icon-caret::before { transform: rotate(-90deg); } .navpro-transformable li.opened > a > .navpro-icon-caret::before { transform: rotate(0deg); } .navpro-transformable .navpro-dropdown { background: transparent; border: 0; box-shadow: none; min-width: 0; position: static; box-shadow: none !important; width: auto !important; min-height: 0 !important; max-height: 0; max-width: 100%; overflow: hidden; } .navpro-transformable .navpro-dropdown .multicolumn.vertical { height: auto !important; } .navpro-transformable .navpro-dropdown.shown { max-height: 1000em; } .navpro-transformable .navpro-dropdown-inner { padding-top: 3px; padding-bottom: 5px; } .navpro-transformable .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li .navpro-dropdown > .navpro-dropdown-inner { padding-left: 10px; } .navpro-transformable .navpro-dropdown .children { display: block; /* reset ribbon style */ } .navpro-transformable .navpro-dropdown .children.multicolumn > li { width: 100%; } } .navpro.navpro-accordion.navpro .level0 > .level-top { display: block; } .navpro.navpro-accordion.navpro .level0.active > .level-top, .navpro.navpro-accordion.navpro .level0.has-active > .level-top { display: block; } .navpro.navpro-accordion .navpro-icon-caret::before { transition: transform 200ms ease-in-out; } .navpro.navpro-accordion .navpro-icon-caret::before { transform: rotate(-90deg); } .navpro.navpro-accordion li.opened > a > .navpro-icon-caret::before { transform: rotate(0deg); } .navpro.navpro-accordion .navpro-dropdown { background: transparent; border: 0; box-shadow: none; min-width: 0; position: static; box-shadow: none !important; width: auto !important; min-height: 0 !important; max-height: 0; max-width: 100%; overflow: hidden; } .navpro.navpro-accordion .navpro-dropdown .multicolumn.vertical { height: auto !important; } .navpro.navpro-accordion .navpro-dropdown.shown { max-height: 1000em; } .navpro.navpro-accordion .navpro-dropdown-inner { padding-top: 3px; padding-bottom: 5px; } .navpro.navpro-accordion .navpro-dropdown-expanded > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > li .navpro-dropdown > .navpro-dropdown-inner { padding-left: 10px; } .navpro.navpro-accordion .navpro-dropdown .children { display: block; /* reset ribbon style */ } .navpro.navpro-accordion .navpro-dropdown .children.multicolumn > li { width: 100%; } .navpro-amazon li.level1 { position: static; } .navpro-amazon .navpro-departments .navpro-dropdown-level2 { top: -1px !important; left: 100% !important; } .rtl .navpro-amazon .navpro-departments .navpro-dropdown-level2 { left: auto !important; right: 100% !important; } .navpro.navpro .navpro-iconic .navpro-wrapped-items .level1 > a, .navpro.navpro .navpro-iconic .level0 > .level-top { display: flex; align-items: center; } .navpro.navpro .navpro-iconic .navpro-wrapped-items .level1 > a img, .navpro.navpro .navpro-iconic .level0 > .level-top img { margin: 3px; } .navpro.navpro .navpro-iconic.iconic-vertical .navpro-wrapped-items .level1 > a, .navpro.navpro .navpro-iconic.iconic-vertical .level0 > .level-top { flex-direction: column; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > .level-top, .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current > .level-top { padding-left: 20px; } .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > .level-top, .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current > .level-top { padding-left: 0; padding-right: 20px; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back ~ .level-top:not(.navpro-current):not(.navpro-back), .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current ~ .level-top:not(.navpro-current):not(.navpro-back) { padding-left: 30px; } .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back ~ .level-top:not(.navpro-current):not(.navpro-back), .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current ~ .level-top:not(.navpro-current):not(.navpro-back) { padding-left: 0; padding-right: 30px; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > a { position: relative; } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > a::before { content: ''; position: absolute; left: 6px; top: calc(50% - 6px); transform: rotate(90deg); opacity: .8; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" /></svg>') no-repeat 50% 50%; -webkit-mask-size: 12px 12px; width: 12px; height: 12px; } .rtl .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-back > a::before { left: auto; right: 6px; transform: rotate(-90deg); } .navpro.navpro-active-branch.orientation-vertical .level0.level-top.navpro-current a { font-weight: bold; } .navpro-linkbar { display: flex; flex-wrap: wrap; } .navpro.navpro-theme-dark, .navpro.navpro-theme-dark-bar { background: #4a4a4a; } .navpro.navpro-theme-dark .level0 > .level-top, .navpro.navpro-theme-dark-bar .level0 > .level-top { color: #eaeaea !important; } @media (max-width: 768px) { .navpro.navpro-theme-dark-bar .navpro-dropdown { background: #4a4a4a; border-color: #4a4a4a; color: #eaeaea; } .navpro.navpro-theme-dark-bar .navpro-dropdown h3, .navpro.navpro-theme-dark-bar .navpro-dropdown .children a, .navpro.navpro-theme-dark-bar .navpro-dropdown .children .parent > a { color: #eaeaea; } } .navpro.navpro-theme-dark .navpro-dropdown, .navpro.navpro-theme-dark-dropdown .navpro-dropdown { background: #4a4a4a; border-color: #4a4a4a; color: #eaeaea; } .navpro.navpro-theme-dark .navpro-dropdown h3, .navpro.navpro-theme-dark-dropdown .navpro-dropdown h3, .navpro.navpro-theme-dark .navpro-dropdown .children a, .navpro.navpro-theme-dark-dropdown .navpro-dropdown .children a, .navpro.navpro-theme-dark .navpro-dropdown .children .parent > a, .navpro.navpro-theme-dark-dropdown .navpro-dropdown .children .parent > a { color: #eaeaea; } .navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner, .navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner { background: #4a4a4a; border-color: #4a4a4a; color: #eaeaea; } .navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner h3, .navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner h3, .navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children a, .navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children a, .navpro.navpro-theme-dark .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children .parent > a, .navpro.navpro-theme-dark-dropdown .navpro-dropdown.size-boxed > .navpro-dropdown-inner .children .parent > a { color: #eaeaea; } @media (min-width: 769px) { .navpro.navpro-theme-dark .navpro-dropdown, .navpro.navpro-theme-dark-dropdown .navpro-dropdown { box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.5); } } .navpro.navpro-theme-dark .navpro-dropdown .panel, .navpro.navpro-theme-dark-dropdown .navpro-dropdown .panel { background-color: #525252; } .navpro.navpro-theme-dark .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a, .navpro.navpro-theme-dark-dropdown .navpro-dropdown > .navpro-dropdown-inner > .navpro-row > .navpro-col > .children > .parent-expanded > a { color: #eaeaea; } .navpro.navpro-theme-dark.orientation-horizontal li.level-top.parent a.level-top::before, .navpro.navpro-theme-dark-dropdown.orientation-horizontal li.level-top.parent a.level-top::before, .navpro.navpro-theme-dark.orientation-horizontal li.level-top.parent a.level-top::after, .navpro.navpro-theme-dark-dropdown.orientation-horizontal li.level-top.parent a.level-top::after { border-bottom-color: #4a4a4a; } .navpro.navpro-theme-dark.orientation-horizontal li.level-top > .navpro-dropdown > .navpro-shevron, .navpro.navpro-theme-dark-dropdown.orientation-horizontal li.level-top > .navpro-dropdown > .navpro-shevron { background: #4a4a4a; border: 1px solid #4a4a4a; border-color: #4a4a4a transparent transparent #4a4a4a; } .navpro.navpro-theme-dark.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::before, .navpro.navpro-theme-dark-dropdown.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::before, .navpro.navpro-theme-dark.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after, .navpro.navpro-theme-dark-dropdown.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after { border-top-color: #4a4a4a; border-bottom-color: transparent; } .navpro.navpro-theme-dark.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after, .navpro.navpro-theme-dark-dropdown.orientation-horizontal.dropdown-top li.level-top.parent a.level-top::after { border-top-color: #4a4a4a; } .navpro-theme-flat { border: 1px solid #e0e0e0; border-radius: 2px; background: #fafafa; } .navpro-theme-flat.navpro .children > li > a, .navpro-theme-flat.navpro .level0 > .level-top { color: #666; } .navpro-theme-flat.navpro .level0 > .level-top, .navpro-theme-flat.navpro .level0.active > .level-top, .navpro-theme-flat.navpro .level0.has-active > .level-top { border-top: 1px solid #e0e0e0; } .navpro-theme-flat.navpro .level0:first-child > .level-top { border: none; } .navpro-theme-flat.navpro.orientation-horizontal .level0 { border: 1px solid #e0e0e0; border-width: 0 0 0 1px; margin: 0 0 0 -1px; } .navpro-theme-flat.navpro.orientation-horizontal .level0:first-child { border-width: 0; } .navpro-theme-flat.navpro.orientation-horizontal .level0 > .level-top { border: 0; } .navpro.navpro-theme-compact { font-size: .9em; } .navpro.navpro-theme-compact.navpro .caret-hidden > a.level-top { padding: 4px 5px !important; } .navpro.navpro-theme-compact.navpro .level0 > .level-top { padding: 4px 5px; color: #333333; } .navpro.navpro-theme-compact.navpro .level0.parent > .level-top { padding-right: 20px; } .rtl .navpro.navpro-theme-compact.navpro .level0.parent > .level-top { padding: 4px 5px; padding-left: 20px; } .navpro.navpro-theme-compact .navpro-dropdown .children > li > a, .navpro.navpro-theme-compact .navpro-dropdown .children .parent > a { padding: 4px 5px; } .navpro.navpro-theme-compact .navpro-dropdown-inner { padding: 5px; } .navpro.navpro-theme-compact .navpro-item-more > .nav-a-icon-more svg { width: 15px; height: 15px; } .prolabels-wrapper { height: 100%; text-align: center; } .prolabels-wrapper .product-item-photo { font-size: 0; } .prolabels-wrapper .hover-image-container { left: 50%; transform: translateX(-50%); } .rtl .prolabels-wrapper .hover-image-container { left: auto; right: 50%; transform: translateX(50%); } .prolabels-wrapper, .prolabels-content-wrapper { position: relative; } .prolabels-product-image-labels, .prolabels-content-labels { display: none; } .prolabels-content-wrapper:empty { display: none; } /* Fotorama fullscreen hide labels */ .fotorama--fullscreen .prolabels-wrapper div:has(.prolabel) { display: none; } .breeze-gallery .prolabels-wrapper { height: auto; } .breeze-gallery.opened .prolabels-wrapper .prolabel { display: none; } .qty-switcher-dec, .qty-switcher-inc { display: inline-block; position: relative; padding: 10px 10px; vertical-align: middle; cursor: pointer; } .qty-switcher-dec:before, .qty-switcher-inc:after { content: ''; display: block; position: absolute; border-left: 1px solid; border-bottom: 1px solid; width: 10px; height: 10px; top: 3px; right: 0; transform: rotate(45deg); } .qty-switcher-inc:after { left: 0; transform: rotate(225deg); } .qty-wrapper { display: inline-block; position: relative; } .qty-wrapper:before, .qty-wrapper:after { content: ''; display: table; } .qty-wrapper:after { clear: both; } .qty-wrapper .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .qty-wrapper .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .qty-wrapper .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .qty-wrapper .action.toggle:hover:after { color: inherit; } .qty-wrapper .action.toggle:active:after { color: inherit; } .qty-wrapper .action.toggle.active { display: inline-block; text-decoration: none; } .qty-wrapper .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .qty-wrapper .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .qty-wrapper .action.toggle.active:hover:after { color: inherit; } .qty-wrapper .action.toggle.active:active:after { color: inherit; } .qty-wrapper ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .qty-wrapper ul.dropdown li { margin: 0; padding: 3px 5px; } .qty-wrapper ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .qty-wrapper ul.dropdown:before, .qty-wrapper ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .qty-wrapper ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .qty-wrapper ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .qty-wrapper ul.dropdown:before { right: 2px; top: -12px; } .qty-wrapper ul.dropdown:after { right: 1px; top: -14px; } .qty-wrapper.active { overflow: visible; } .qty-wrapper.active ul.dropdown { display: block; } .qty-wrapper .trigger { aspect-ratio: 1; } .qty-switcher-arrows .product-info-wrapper .control:has(> .input-text.qty) { padding-left: 20px; padding-right: 20px; } .qty-dropdown .qty { min-width: 62px; padding: 0 18px 0 12px; } .qty-dropdown .trigger { margin: 0 0 0 -16px; } .col.qty .control, .field.qty .control { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .table.grouped .control.qty, .cart.table-wrapper .col.qty { min-width: 100px; } div.swiper-container .swiper-slide { height: auto; } .swiper-lazy-preloader ~ * { visibility: hidden; } .swiper-slide img { vertical-align: top; /* //stackoverflow.com/questions/17505418/link-wrapped-around-image-makes-div-slightly-taller */ height: auto; } [class].swiper-button-prev, [class].swiper-button-next { background-position: center; background-repeat: no-repeat; background-size: 10px 16px; height: 16px; width: 10px; margin-top: -8px; } [class].swiper-button-prev::after, [class].swiper-button-next::after { content: ''; } [class].swiper-button-prev.swiper-button-black, .swiper-container-rtl [class].swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } [class].swiper-button-next.swiper-button-black, .swiper-container-rtl [class].swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } #theme-editor-toolbar { position: fixed; top: 50px; left: 75%; background-color: #f0f0f0; border: 1px solid #cccccc; padding: 10px; z-index: 10000; border-radius: 10px; /* Додаткова візуалізація (наприклад, спінер) */ } #theme-editor-toolbar .toolbar-header { margin-bottom: 10px; } #theme-editor-toolbar ul#theme-editor-current-settings-selector-properties { padding: 10px 0; } #theme-editor-toolbar ul#theme-editor-current-settings-selector-properties li { display: flex; flex-direction: column; } #theme-editor-toolbar ul#theme-editor-current-settings-selector-properties li i { font-size: 12px; } #theme-editor-toolbar ul#theme-editor-current-settings-selector-properties li input[type="color"] { width: 50px; padding: 0; } #theme-editor-toolbar .toggle-button { position: relative; padding: 8px 36px; border: 2px solid #cccccc; border-radius: 25px; cursor: pointer; background-color: #f0f0f0; color: #333333; transition: background-color 0.3s ease, color 0.3s ease; font-size: 16px; width: 410px; height: 38px; } #theme-editor-toolbar .toggle-button:hover { background-color: #dddddd; } #theme-editor-toolbar .toggle-button.active { background-color: #4caf50; color: #ffffff; border-color: #4caf50; } #theme-editor-toolbar .toggle-button.active:hover { background-color: #45a049; } #theme-editor-toolbar .toggle-button.active .toggle-indicator { transform: translateX(370px); } #theme-editor-toolbar .toggle-indicator { position: absolute; top: 4px; left: 4px; width: 26px; height: 26px; border-radius: 50%; background-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } #theme-editor-toolbar .saving-indicator { position: relative; pointer-events: none; } #theme-editor-toolbar .saving-indicator::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border: 2px solid #cccccc; border-top-color: #0000ff; border-radius: 50%; animation: saving-spin 1s linear infinite; } #theme-editor-toolbar .saving-complete { pointer-events: auto; } #theme-editor-toolbar .saving-complete .saving-indicator::after { content: '✓'; border: none; color: #4caf50; font-size: 1.2em; width: auto; height: auto; margin-top: -0.6em; margin-left: -0.3em; animation: none; } #theme-editor-toolbar .loading-indicator { position: relative; /* Додайте стилі для відображення завантаження */ opacity: 0.7; /* Зробіть елемент трохи прозорим */ cursor: wait; /* Змініть курсор на очікування */ } #theme-editor-toolbar .loading-indicator::after { content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border: 2px solid #ccc; border-top-color: #333; border-radius: 50%; animation: rotate 1s linear infinite; } #theme-editor-toolbar .loading-indicator[disabled] { /* Додаткові стилі для вимкненого стану */ opacity: 0.5; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .theme-editor-settings { font-size: 0.8em; position: absolute; padding: 2px; border-radius: 3px; cursor: pointer; z-index: 9999; top: 5px; left: 5px; display: none; } .theme-editor-selected-border { outline: 3px solid #0000ff; } .theme-editor-selected-mask { background: linear-gradient(to bottom right, #f5f5c0 0%, #f5f5c0 15%, #ffffff 15%, #ffffff 30%, #f5f5c0 30%, #f5f5c0 45%, #ffffff 45%, #ffffff 60%, #f5f5c0 60%, #f5f5c0 75%, #ffffff 75%, #ffffff 90%, #f5f5c0 90%, #f5f5c0 100%) !important; } @keyframes saving-spin { to { transform: rotate(360deg); } } .block-category-event { background: #f0f0f0; color: #333333; padding: 10px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 10px; } .block-category-event .block-title { margin: 0 0 10px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 40px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 50%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 50%; } .table-wrapper.billing-agreements { margin-bottom: 40px; } .payment-method-content .pay-later-message { margin-bottom: 10px; margin-top: 10px; } .paypal { display: inline-block; vertical-align: top; } .block-minicart .paypal, .cart-summary .paypal { display: block; } .paypal img { display: block; margin: 5px auto 0; } .opc .paypal { vertical-align: middle; } .paypal.acceptance { display: block; margin: 0 0 20px; } .map-form-addtocart .paypal { display: block; margin: 10px auto 5px; } .cart-summary .paypal + .paypal { margin-top: 25px; } .paypal-review .actions-toolbar { margin-top: 10px; } .paypal-review .paypal-review-title { padding: 0 0 10px; } .paypal-review .paypal-review-title > strong { font-size: 2.4rem; font-weight: 300; } .paypal-review .paypal-review-title .action { display: inline-block; margin: 12px 0 0 30px; } .paypal-review .table-paypal-review-items .col.name { padding-top: 16px; } .paypal-review .table-paypal-review-items .col.qty { text-align: center; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #cccccc; margin: 0 0 40px; padding: 10px 0 0; } .fotorama-video-container:after { background: url('../../frontend/Magento/luma/en_GB/Magento_ProductVideo/img/gallery-sprite.png') bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: .6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url('../../frontend/Magento/luma/en_GB/Magento_ProductVideo/img/gallery-sprite.png') bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .opc-wrapper .form-discount { max-width: 500px; } .swatch-attribute-label { font-weight: 700; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 14px; font-weight: 700; position: absolute; right: -11px; top: -2px; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin: 10px 0; } .swatch-attribute-options:focus { box-shadow: none; } .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 10px; position: absolute; text-align: center; width: 100%; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 10px 5px 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } .swatch-option:focus { box-shadow: 0 0 3px 1px #00699d; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; } .swatch-option.text.selected { background-color: #ffffff; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #333333; } .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); background: #e02b27; content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; } .swatch-option-loading { content: url('../../frontend/Magento/luma/en_GB/images/loader-2.gif'); } .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 5px; position: absolute; text-align: center; z-index: 999; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } .swatch-option-tooltip-layered { background: #ffffff; border: 1px solid #dadada; color: #949494; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #00699d; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-opt { margin: 20px 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 20px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 15px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .column .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.add:hover:before { color: inherit; } .column .block-addbysku .action.add:active:before { color: inherit; } .column .block-addbysku .reset { margin: 7px 0; } .column .block-addbysku .note { display: block; margin: 0 0 20px; padding-top: 10px; } .block-cart-failed { margin: 40px 0; } .block-cart-failed .block-title { font-size: 2.6rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { display: block; margin: 0 auto 10px; } .catalogsearch-advanced-result .message.error { margin-top: -60px; } .bundle-actions { margin: 0 0 30px; } .bundle-options-container { clear: both; margin-bottom: 40px; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 30px; } .bundle-options-container .product-options-wrapper .fieldset > .field { border-top: 1px #e4e4e4 solid; padding-top: 20px; } .bundle-options-container .product-options-wrapper .fieldset > .field:first-of-type { border-top: 0; padding-top: 0; } .bundle-options-container .product-options-wrapper .field.choice input { float: left; margin-top: 4px; } .bundle-options-container .product-options-wrapper .field.choice .label { display: block; margin-left: 24px; } .bundle-options-container .product-options-wrapper .field.choice .price-excluding-tax { display: inline-block; } .bundle-options-container .action.back { margin-bottom: 30px; } .bundle-options-container .block-bundle-summary > .title { margin-bottom: 15px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .block-bundle-summary > .title, .bundle-options-container .block-bundle-summary .bundle-summary .subtitle { border-bottom: 1px #e4e4e4 solid; margin-bottom: 25px; padding-bottom: 16px; } .bundle-options-container .block-bundle-summary .price-box { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .price-box .price-label { display: block; margin-bottom: 5px; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 30px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .product-addto-links { text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { margin-right: 5%; } .bundle-options-container .block-bundle-summary .product-addto-links > .action.tocompare:before { content: '\e61e'; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .nested .field.qty { margin: 0 0 20px; margin-top: 20px; } .bundle-options-container .nested .field.qty > .label { margin: 0 0 8px; display: inline-block; } .bundle-options-container .nested .field.qty .label { font-weight: 600; } .bundle-options-container .nested .field.qty:last-child { margin-bottom: 0; } .bundle-options-container .price { font-weight: 600; } .bundle-options-container .product-options-bottom { border-top: 1px solid #cccccc; clear: left; margin: 0 0 40px; padding-top: 20px; } .products { margin: 30px 0; } .product-items { font-size: 0; letter-spacing: -1px; line-height: 0; } .product-item { font-size: 1.4rem; line-height: normal; letter-spacing: normal; vertical-align: top; } .products-grid .product-item { display: inline-block; margin-left: 2%; width: calc((100% - 2%)/2); } .product-item:nth-child(2n + 1) { margin-left: 0; } .product-item-name { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; display: block; hyphens: auto; margin: 5px 0; word-wrap: break-word; } .product-item-info { max-width: 100%; width: 152px; } .page-products .product-item-info { width: 240px; } .product-item-actions { font-size: 0; } .product-item-actions > * { font-size: 1.4rem; } .product-item-actions .actions-secondary { display: inline-block; font-size: 1.4rem; vertical-align: middle; } .product-item-actions .actions-secondary > button.action { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .product-item-actions .actions-secondary > button.action:focus, .product-item-actions .actions-secondary > button.action:active { background: none; border: none; } .product-item-actions .actions-secondary > button.action:hover { background: none; border: none; } .product-item-actions .actions-secondary > button.action.disabled, .product-item-actions .actions-secondary > button.action[disabled], fieldset[disabled] .product-item-actions .actions-secondary > button.action { pointer-events: none; opacity: 0.5; } .product-item-actions .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item-actions .actions-primary { display: inline-block; vertical-align: middle; } .product-item-actions .actions-primary > .stock.unavailable { line-height: 1; padding-bottom: 10px; padding-right: 24px; padding-top: 10px; } .product-item-description { margin: 25px 0; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { font-size: 12px; margin-top: 5px; } .product-item .price-box { margin: 10px 0 25px; } .product-item .price-box .price { font-weight: 700; white-space: nowrap; } .product-item .price-box .price-label { color: #666666; font-size: 12px; } .product-item .old-price { margin: 5px 0; } .product-item .old-price .price { font-weight: normal; } .product-item .regular-price .price-label { display: none; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocompare:before { content: '\e61e'; } .product-item .tocart { font-size: 1.3rem; border-radius: 0; line-height: 1; padding-bottom: 10px; padding-top: 10px; white-space: nowrap; } .column.main .product-items { margin-left: 0; } .column.main .product-item { padding-left: 0; } .price-container .price { font-size: 1.4rem; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: '(' attr(data-label) ': '; } .price-container .weee:after { content: ')'; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ': '; } .products-list .product-item { display: table; width: 100%; } .products-list .product-item-info { display: table-row; } .products-list .product-item-photo { display: table-cell; padding: 0 30px 30px 0; vertical-align: top; width: 1%; } .products-list .product-item-details { display: table-cell; vertical-align: top; } .page-products .columns { padding-top: 60px; position: relative; z-index: 1; } .toolbar { margin-bottom: 30px; text-align: center; } .toolbar select { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border-radius: 3px; } .toolbar .sorter-action { position: relative; top: -2px; } .toolbar-amount { left: 0; line-height: 18px; margin: 0; padding: 7px 0; text-align: left; top: 0; vertical-align: middle; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .page-with-filter .toolbar-amount { position: static; } .toolbar-products { background-color: transparent; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .toolbar .pages { margin-bottom: 25px; } .sorter { float: right; } .page-products .sorter { position: absolute; right: 0; top: 0; z-index: 1; } .products.wrapper ~ .toolbar .sorter { display: none; } .sorter-options { margin: 0 5px 0 7px; width: auto; } .sorter-action { display: inline-block; text-decoration: none; } .sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #757575; content: '\e613'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sorter-action:hover:before { color: #333333; } .sorter-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sorter-action.sort-desc:before { content: '\e614'; } .modes { display: none; } .limiter-options { margin: 0 5px 0 7px; width: auto; } .limiter-label { font-weight: 400; } .page-products .toolbar .limiter { display: none; } .limiter .control { display: inline-block; } .old-price, .old.price { color: #666666; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ':'; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after { content: ')'; } .prices-tier .price-container .weee[data-label] { display: inline; } .prices-tier .price-container .weee[data-label]:before { content: ' +' attr(data-label) ':'; } .actual-price { font-weight: 700; } .category-image .image { display: block; height: auto; max-width: 100%; } .category-cms, .category-image, .category-description { margin-bottom: 20px; } .product-image-container { display: inline-block; max-width: 100%; } .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } .product-image-photo { bottom: 0; display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: auto; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { margin: 10px 0; color: #7d7d7d; font-size: 1.2rem; } .product.media .product.thumbs { margin: 10px 0 25px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs > li { margin: 1rem 0 0; } .product.media .items.thumbs img { display: block; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; margin-bottom: 30px; } .product.info.detailed .additional-attributes { width: auto; border: none; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th, .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { border: none; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 5.5px 5px 10px 5px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 5.5px 30px 10px 0; } .product-info-main .product-info-price { color: #575757; border-bottom: 1px solid #c1c1c1; display: table; margin-bottom: 15px; width: 100%; } .product-info-main .product-info-price .price-box { display: inline-block; vertical-align: top; width: auto; } .product-info-main .product-info-price .price-box .price-container > span { display: block; margin-bottom: 5px; } .product-info-main .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax, .product-info-main .product-info-price .weee + .price-excluding-tax, .product-info-main .product-info-price .weee { font-size: 1.4rem; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax .price, .product-info-main .product-info-price .weee + .price-excluding-tax .price, .product-info-main .product-info-price .weee .price { font-size: 1.4rem; font-weight: 600; line-height: 16px; } .product-info-main .product-info-price .price-wrapper .price { font-size: 2.2rem; font-weight: 600; line-height: 22px; } .product-info-main .product-info-price .old-price .price-wrapper .price { font-size: 2rem; font-weight: 300; } .product-info-main .product-info-price .special-price .price-label:after { content: ': '; } .product-info-main .product-info-price .price { white-space: nowrap; } .product-info-main .product-info-stock-sku { display: inline-block; float: right; padding-bottom: 10px; padding-left: 10%; text-align: right; vertical-align: top; } .product-info-main .stock { margin: 0 0 3px; } .product-info-main .stock.available, .product-info-main .stock.unavailable { font-weight: 700; text-transform: uppercase; } .product-info-main .product.attribute.sku { word-break: break-all; word-wrap: break-word; } .product-info-main .product.attribute.sku .type { font-weight: normal; margin-right: 5px; } .product-info-main .product.attribute.sku .type:after { content: '#:'; } .product-info-main .product.attribute.sku .value { display: inline-block; } .product-info-main .product.attribute.overview { margin: 20px 0; } .product-info-main .product.alert { margin: 10px 0; } .product-info-main .product-add-form { clear: both; padding-top: 15px; } .product-info-main .product-reviews-summary { float: left; } .product-info-main .product-options-bottom .box-tocart { margin-top: 20px; } .product-options-wrapper .fieldset:focus { box-shadow: none; } .product-options-wrapper .fieldset-product-options-inner .legend { font-weight: 600; font-size: 1.4rem; border: none; display: inline-block; float: none; margin: 0 0 8px; padding: 0; } .product-options-wrapper .fieldset-product-options-inner input.datetime-picker ~ select.datetime-picker { margin-top: 10px; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after, .product-options-wrapper .fieldset-product-options-inner._required .legend:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .product-options-wrapper .field .note { display: block; margin-top: 5px; } .product-options-wrapper .field .note.mage-error { color: #e02b27; } .product-options-bottom .price-box, .product-info-price .price-box { color: #575757; display: table-cell; padding-bottom: 10px; vertical-align: top; } .product-options-bottom .price-box .old-price, .product-info-price .price-box .old-price { font-size: 20px; font-weight: 300; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline-block; } .product-options-bottom .price-box .price-container > span, .product-info-price .price-box .price-container > span { display: block; margin-bottom: 5px; } .product-options-bottom .price-box .price-container > span:last-child, .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 22px; font-weight: 600; line-height: 22px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax, .product-info-price .price-box .price-container .weee + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee, .product-info-price .price-box .price-container .weee { font-size: 1.2rem; line-height: 14px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price, .product-info-price .price-box .price-container .weee + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee .price, .product-info-price .price-box .price-container .weee .price { font-size: 1.2rem; font-weight: 700; } .box-tocart .action.tocart { vertical-align: top; } .box-tocart .action.tocart:not(:last-child) { margin-bottom: 15px; } .product-addto-links { display: inline; } .product-addto-links .action { margin-right: 5%; } .product-social-links { margin: 0 0 20px; text-align: center; } .product-social-links .action.tocompare:before { content: '\e61e'; } .prices-tier { margin-bottom: 15px; } .prices-tier .item { margin-bottom: 10px; } .prices-tier .item:last-child { margin-bottom: 0; } .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .minimal-price-link, .price-excluding-tax, .price-including-tax { display: block; white-space: nowrap; } .ui-dialog-titlebar-close { line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #006bb4; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #006bb4; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #ff5501; text-decoration: underline; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .sidebar .product-items .product-item { margin-bottom: 20px; position: relative; } .sidebar .product-items .product-item-info { position: relative; width: auto; } .sidebar .product-items .product-item-info .product-item-photo { left: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { margin: 0 0 0 85px; } .sidebar .product-items .product-item-actions { display: block; margin-top: 10px; } .sidebar .product-items .price-box { display: block; margin: 7px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #7d7d7d; font-size: 12px; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .product-items .action.delete { position: absolute; right: 0; top: 0; } .sidebar .block-compare .action.delete { right: initial; } .sidebar .action.tocart { border-radius: 0; } .sidebar .product-items-images { margin-left: -5px; } .sidebar .product-items-images .product-item { float: left; padding-left: 5px; } .sidebar .product-items-names .product-item { display: flex; margin-bottom: 10px; } .sidebar .product-items-names .product-item-name { margin: 0; } .catalog-category-view.page-layout-1column .column.main { min-height: inherit; } /** * @codingStandardsIgnoreStart */ body.catalog-product-compare-index .action.print { float: right; margin: 15px 0; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; position: relative; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { border-top: 0; } .table-comparison { table-layout: fixed; } .table-comparison .cell { padding: 15px; width: 180px; } .table-comparison .cell.label { border-right: 1px solid #cccccc; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #cccccc; } .table-comparison .cell.attribute { font-size: 1.3rem; } .table-comparison .cell.attribute img { height: auto; max-width: 100%; } .table-comparison .cell.remove { padding-bottom: 0; padding-top: 0; text-align: right; } .table-comparison .cell.remove .action.delete { margin-right: .6rem; } .table-comparison .cell .attribute.value { overflow: hidden; width: 100%; } .table-comparison td:last-child { border-right: 1px solid #cccccc; } .table-comparison .product-item-photo { display: block; margin: 0 auto 15px; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { display: block; margin: 15px 0; } .table-comparison .product-addto-links { margin-top: 15px; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .product-addto-links .action.split, .table-comparison .product-addto-links .action.toggle { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; } .table-comparison .action.tocart { white-space: nowrap; } .comparison.headings { background: #ffffff; left: 0; position: absolute; top: 0; width: auto; z-index: 2; } .block-compare .product-item .product-item-name { margin-left: 22px; } .block-compare .action.delete { left: 0; position: absolute; top: 0; } .block-compare .actions-toolbar { margin: 17px 0 0; } .block.related .action.select { vertical-align: top; } .block.related .product-item-details { position: relative; z-index: 1; } .block.related .related-available .product-item-name { margin-left: 20px; } .block.related .field.choice { left: 0; position: absolute; top: 2px; } /** * @codingStandardsIgnoreStart */ .search .fieldset .control .addon input { flex-basis: auto; width: 100%; } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #757575; content: '\e615'; font-family: 'luma-icons'; margin: 0 10px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333333; } .block-search .label:active:before { color: #333333; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { border-top: 1px solid #cccccc; clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { font-size: 16px; left: -300%; margin: 15px 0; position: absolute; } .block-search .nested { display: none; } .search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 5px 40px 5px 10px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search-terms { line-height: 2em; } .search-terms > li { display: inline-block; margin-right: 10px; } .search.found { margin-bottom: 10px; } .checkout-cart-index .page-main { padding-left: 0; padding-right: 0; } .checkout-cart-index .page-title-wrapper { padding-left: 15px; padding-right: 15px; } .cart-summary { background: #f5f5f5; margin-bottom: 25px; padding: 1px 0 25px; } .cart-summary > .title { font-size: 2.4rem; display: none; font-weight: 300; margin: 12px 0; } .cart-summary .block form:not(:last-of-type) .fieldset { margin: 0 0 25px; } .cart-summary .block .price { font-weight: 700; } .cart-summary .block .field { margin: 0 0 16px; } .cart-summary .block .actions-toolbar > .primary { text-align: left; } .cart-summary .block .actions-toolbar > .primary .action.primary { width: auto; } .cart-summary .block .title strong { font-size: 1.4rem; font-weight: 600; } .cart-summary .block .item-options { margin: 0 0 16px; } .cart-summary .block .item-options .field .radio { float: left; margin-top: 4px; } .cart-summary .block .item-options .field .radio + .label { display: block; margin: 0; overflow: hidden; } .page-main .cart-summary .block { margin-bottom: 0; } .cart-summary .checkout-methods-items { margin: 20px 0 0; padding: 0 15px; text-align: center; } .cart-summary .checkout-methods-items .action.primary.checkout { width: 100%; } .cart-summary .checkout-methods-items .item { margin-bottom: 25px; } .cart-summary .checkout-methods-items .item:last-child { margin-bottom: 0; } .cart-summary .message { padding-left: 20px; } .cart-summary .message > *:first-child:before { display: none; } .cart-totals tbody .mark, .cart-totals tfoot .mark { text-align: left; } .cart-totals .discount.coupon { display: none; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #cccccc; padding-bottom: 15px; padding-top: 24px; } .cart.table-wrapper .cart tbody td { border: 0; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #cccccc; position: relative; } .cart.table-wrapper .col { padding-top: 15px; } .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty .input-text { height: 36px; margin-top: -7px; text-align: center; width: 60px; } .cart.table-wrapper .col > .price { color: #7d7d7d; font-size: 1.8rem; font-weight: 700; } .cart.table-wrapper .item-actions td { padding-bottom: 0; padding-left: 15px; padding-right: 15px; white-space: normal; } .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 15px 15px 10px 90px; position: relative; } .cart.table-wrapper .actions-toolbar { min-height: 20px; padding-bottom: 15px; position: relative; } .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete { position: absolute; right: 16px; top: 0; display: inline-block; text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action-edit > span, .cart.table-wrapper .actions-toolbar > .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before { color: #333333; } .cart.table-wrapper .actions-toolbar > .action-edit:active:before, .cart.table-wrapper .actions-toolbar > .action-delete:active:before { color: #757575; } .cart.table-wrapper .actions-toolbar > .action-delete { right: 0; } .cart.table-wrapper .actions-toolbar > .action-delete:before { content: '\e604'; } .cart.table-wrapper .actions-toolbar > .action-delete:hover { text-decoration: none; } .cart.table-wrapper .action { margin-right: 25px; } .cart.table-wrapper .action:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: block; left: 15px; max-width: 65px; padding: 0; position: absolute; top: 15px; width: 100%; } .cart.table-wrapper .product-item-name { font-size: 1.8rem; display: block; margin: -3px 0 5px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { margin-bottom: 0; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 20px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 10px 0 0; } .cart.table-wrapper .item .message { margin-top: 20px; } .cart-products-toolbar .toolbar-amount { left: inherit; margin: 25px 0 15px; padding: 0; position: relative; text-align: center; top: inherit; } .cart-products-toolbar-top { border-bottom: 1px solid #cccccc; } .cart-discount { border-bottom: 1px solid #cccccc; clear: left; } .cart-empty { padding-left: 15px; padding-right: 15px; } .cart-tax-info + .cart-tax-total, .cart .cart-tax-info + .cart-tax-total { display: block; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: right; } .block.crosssell { padding: 0 15px; margin-top: 70px; } .block.crosssell .product-item-info { width: 200px; } .block-minicart .items-total { float: left; margin: 0 10px; } .block-minicart .items-total .count { font-weight: 700; } .block-minicart .subtotal { margin: 0 10px 10px; text-align: right; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 18px; font-weight: 700; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 30px 0 20px; text-align: center; } .block-minicart dl.product.options.list { display: inline-block; vertical-align: top; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; } .block-minicart .block-content > .actions > .secondary { text-align: center; } .block-minicart .block-content > .actions > .primary { margin: 0 10px 15px; } .block-minicart .block-content > .actions > .primary .action.primary { display: block; width: 100%; } .block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { display: inline-block; position: relative; float: right; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .action.showcart { cursor: pointer; display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #757575; content: '\e611'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart:hover:before { color: #333333; } .minicart-wrapper .action.showcart:active:before { color: #757575; } .minicart-wrapper .action.showcart.active { display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart.active:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #757575; content: '\e611'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart.active:hover:before { color: #333333; } .minicart-wrapper .action.showcart.active:active:before { color: #757575; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; width: 320px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: -10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .minicart-wrapper .block-minicart li { margin: 0; } .minicart-wrapper .block-minicart li:hover { cursor: pointer; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .minicart-wrapper .block-minicart:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .minicart-wrapper .block-minicart:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .minicart-wrapper .block-minicart:before { right: 12px; top: -12px; } .minicart-wrapper .block-minicart:after { right: 11px; top: -14px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart { padding: 25px 20px; } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .product .actions { float: right; margin: -28px 0 0; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .product .actions > .primary:not(:last-child), .minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 15px; } .minicart-wrapper .action.close { height: 30px; position: absolute; right: 0; top: 0; width: 25px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active { background: none; border: none; } .minicart-wrapper .action.close:hover { background: none; border: none; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #757575; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.close:hover:before { color: inherit; } .minicart-wrapper .action.close:active:before { color: inherit; } .minicart-wrapper .action.showcart { white-space: nowrap; } .minicart-wrapper .action.showcart .counter.qty { background: #ff5501; color: #ffffff; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin: 3px 0 0; min-width: 18px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; } .minicart-wrapper .action.showcart .counter.qty.empty { display: none; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; } .minicart-wrapper .action.showcart .counter-number { text-shadow: 0 0 7px #000000; } .minicart-wrapper .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { border: 1px solid #cccccc; margin: 0 -20px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 20px 0; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #cccccc; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; } .minicart-items .price-minicart { margin-bottom: 5px; } .minicart-items .message { margin-bottom: 0; margin-top: 10px; } .minicart-items .product-item-name { font-weight: 400; margin: 0 0 10px; } .minicart-items .product-item-name a { color: #006bb4; } .minicart-items .product-item-details { padding-left: 88px; } .minicart-items .product-item-details .price { font-weight: 700; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 5px 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 10px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; } .minicart-items .product .toggle { border: 0; padding: 0 0 5px 0; white-space: nowrap; } .minicart-items .product .toggle:after { color: #8f8f8f; margin: 0 0 0 5px; position: static; } .minicart-items .product .active > .toggle:after { content: '\e621'; } .minicart-items .product.pricing { margin-top: 3px; } .minicart-items .product.options .toggle.tooltip { display: inline-block; text-decoration: none; } .minicart-items .product.options .toggle.tooltip > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .toggle.tooltip:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product.options .details { display: none; } .minicart-items .item-qty { text-align: center; width: 60px; } .minicart-items .update-cart-item { font-size: 1.1rem; margin-left: 5px; vertical-align: top; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #333333; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #757575; } .minicart-items .action.delete:before { content: '\e604'; } .file-uploader-area { position: relative; } .file-uploader-area input[type='file'] { cursor: pointer; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .file-uploader-area input[type='file']:focus + .file-uploader-button { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-area input[type='file']:disabled + .file-uploader-button { cursor: default; opacity: .5; pointer-events: none; } .file-uploader-summary { display: inline-block; vertical-align: top; } .file-uploader-button { background: #eeeeee; border: 1px solid #cccccc; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.6rem; margin: 0; padding: 7px 15px; vertical-align: middle; } .file-uploader-button._is-dragover { background: #d4d4d4; border: 1px solid #006bb4; } .file-uploader-spinner { background-image: url('../../frontend/Magento/luma/en_GB/images/loader-1.gif'); background-position: 50%; background-repeat: no-repeat; background-size: 15px; display: none; height: 30px; margin-left: 10px; vertical-align: top; width: 15px; } .file-uploader-preview .action-remove { bottom: 4px; cursor: pointer; display: block; height: 27px; left: 6px; padding: 2px; position: absolute; text-decoration: none; width: 25px; z-index: 2; } .file-uploader-preview .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .file-uploader-preview .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: inherit; color: #514943; content: '\e604'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .action-remove:hover:before { color: #736963; } .file-uploader-preview:hover .preview-image img, .file-uploader-preview:hover .preview-link:before { opacity: 0.7; } .file-uploader-preview .preview-link { display: block; height: 100%; } .file-uploader-preview .preview-image img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .file-uploader-preview .preview-video { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-video:hover:before { color: #cccccc; } .file-uploader-preview .preview-video:before { left: 0; margin-top: -2rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview .preview-document { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 7rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-document:hover:before { color: #cccccc; } .file-uploader-preview .preview-document:before { left: 0; margin-top: -3.5rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview, .file-uploader-placeholder { background: #ffffff; border: 1px solid #cacaca; box-sizing: border-box; cursor: pointer; display: block; height: 150px; line-height: 1; margin: 10px 25px 10px 0; overflow: hidden; position: relative; width: 150px; } .file-uploader._loading .file-uploader-spinner { display: inline-block; } .file-uploader .admin__field-note, .file-uploader .admin__field-error { margin-bottom: 10px; } .file-uploader .file-uploader-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; word-break: break-all; } .file-uploader .file-uploader-filename:first-child { margin-bottom: 10px; } .file-uploader .file-uploader-meta { color: #9e9e9e; } .file-uploader .admin__field-fallback-reset { margin-left: 10px; } ._keyfocus .file-uploader .action-remove:focus { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-placeholder.placeholder-document { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-document:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-document:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-image { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-image:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-image:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-image:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-video { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-video:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-video:before { left: 0; position: absolute; right: 0; top: 30px; z-index: 2; } .file-uploader-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.1rem; left: 0; line-height: 1.42857143; margin-bottom: 15%; padding: 0 20px; position: absolute; right: 0; text-align: center; } .data-grid-file-uploader { min-width: 7rem; } .data-grid-file-uploader._loading .file-uploader-spinner { display: block; } .data-grid-file-uploader._loading .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-image { background: transparent; bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .data-grid-file-uploader .file-uploader-image + .file-uploader-area .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-area { z-index: 2; } .data-grid-file-uploader .file-uploader-spinner { height: 100%; margin: 0; position: absolute; top: 0; width: 100%; } .data-grid-file-uploader .file-uploader-button { height: 48px; text-align: center; display: block; text-decoration: none; } .data-grid-file-uploader .file-uploader-button > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .data-grid-file-uploader .file-uploader-button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; line-height: 48px; color: #8a837f; content: '\e626'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .data-grid-file-uploader .file-uploader-button:hover:before { color: #666666; } .data-grid-file-uploader .action-select-wrap { float: left; } .data-grid-file-uploader .action-select-wrap .action-select { border: 1px solid #cacaca; display: block; height: 5rem; margin-left: -1px; padding: 0; width: 2rem; } .data-grid-file-uploader .action-select-wrap .action-select:after { border-color: #8a837f transparent transparent transparent; left: 50%; margin: 0 0 0 -5px; } .data-grid-file-uploader .action-select-wrap .action-select:hover:after { border-color: #666666 transparent transparent transparent; } .data-grid-file-uploader .action-select-wrap .action-select > span { display: none; } .data-grid-file-uploader .action-select-wrap .action-menu { left: 4rem; right: auto; z-index: 2; } .data-grid-file-uploader-inner { border: 1px solid #cacaca; float: left; height: 5rem; position: relative; width: 5rem; } .checkout-container { margin: 0 0 20px; } .opc-wrapper { margin: 0 0 20px; } .opc-wrapper .step-title { border-bottom: 1px solid #cccccc; margin-bottom: 15px; } .opc-wrapper .step-content { margin: 0 0 40px; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; } .checkout-onepage-success .print { display: none; } .abs-discount-code .form-discount, .checkout-payment-method .payment-option-content .form-discount { display: table; width: 100%; } .abs-discount-code .form-discount .actions-toolbar, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .abs-discount-code .form-discount .actions-toolbar .primary, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary { float: left; } .abs-discount-code .form-discount .actions-toolbar .primary .action, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -2px; white-space: nowrap; width: auto; } .abs-discount-code .form-discount > .field > .label, .checkout-payment-method .payment-option-content .form-discount > .field > .label { display: none; } .opc-estimated-wrapper { background: #f4f4f4; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: -21px -15px 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; float: left; font-weight: 700; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 5px; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus, .opc-estimated-wrapper .minicart-wrapper button.action.showcart:active { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled, .opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled], fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart { pointer-events: none; opacity: 0.5; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { color: #333333; } .opc-progress-bar { display: none; } .field.choice .field-tooltip { display: inline-block; margin-left: 10px; position: relative; top: -3px; } .field.choice .field-tooltip-action { line-height: 21px; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .checkout-index-index .modal-popup .fieldset .field .label { font-weight: 400; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 8px; } .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #333333; } .field-tooltip .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 21px; line-height: inherit; color: #bbbbbb; content: '\e623'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .field-tooltip .field-tooltip-action:hover:before { color: #333333; } .field-tooltip .field-tooltip-action:before { padding-left: 1px; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: #333333; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #666666; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { left: auto; right: -10px; top: 40px; } .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after { border: 10px solid transparent; height: 0; left: auto; margin-top: -21px; right: 10px; top: 0; width: 0; } .field-tooltip .field-tooltip-content::before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content::after { border-bottom-color: #f4f4f4; top: 1px; } } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 28px; } .opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { font-weight: 400; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; margin-top: 10px; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; font-size: 14px; line-height: 30px; margin: 0 0 20px; padding: 20px 35px 20px 20px; transition: 0.3s border-color; width: 50%; display: inline-block; position: relative; vertical-align: top; word-wrap: break-word; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: #ffffff; content: '\e610'; font-family: 'luma-icons'; height: 27px; width: 29px; font-size: 19px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 20px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 5px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 20px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 20px 0; } .methods-shipping .actions-toolbar .action.primary { margin: 20px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody td { border-top: 1px solid #cccccc; padding-bottom: 20px; padding-top: 20px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody td input[type='radio'] { margin: 4px 5px 0 0; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody .col-price { font-weight: 600; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 10px; padding-top: 0; } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #006bb4; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 30px; } .opc-block-shipping-information { padding: 0 30px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #cccccc; margin: 0 0 20px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 10px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #333333; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #757575; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 20px; } .opc-block-summary { background: #f5f5f5; margin: 0 0 20px; padding: 22px 30px; } .opc-block-summary > .title { display: block; } .opc-block-summary .mark .value { color: #666666; display: block; } .opc-block-summary .discount.coupon { display: none; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; white-space: normal; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #cccccc; padding: 10px 40px 10px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 10px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.8rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart.active > .title:after { content: '\e621'; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0 -15px 0 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 10px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: block; padding-right: 5px; text-align: left; } .opc-block-summary .product-item .subtotal { display: block; text-align: left; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .opc-block-summary .product-item .message { margin-top: 10px; } .opc-block-summary .actions-toolbar { position: relative; z-index: 1; } .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #cccccc; display: block; margin: -1px 0 0; padding: 15px 0 0; text-align: left; } .opc-block-summary .actions-toolbar .secondary .action { margin: 0; } @media only screen and (max-width: 768px) { .opc-block-summary .product-item .product-item-inner { display: block; } .opc-block-summary .product-item .product-item-name-block { display: block; text-align: left; } .opc-block-summary .product-item .subtotal { display: block; text-align: left; } } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 25px; } .authentication-wrapper { float: right; margin-top: -60px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 1.8rem; border-bottom: 0; margin-bottom: 25px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block-authentication .actions-toolbar { margin-bottom: 5px; } .block-authentication .actions-toolbar > .secondary { padding-top: 25px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 10px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 40px; padding-top: 40px; position: relative; } .block-authentication .block[class] + .block:before { height: 36px; line-height: 34px; margin: -19px 0 0 -18px; min-width: 36px; background: #ffffff; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } .checkout-payment-method .step-title { border-bottom: 0; margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method + .payment-method .payment-method-title { border-top: 1px solid #cccccc; } .checkout-payment-method .payment-method form.form-purchase-order { margin-bottom: 15px; } .checkout-payment-method .payment-method form.form-purchase-order .input-text { width: 40%; } .checkout-payment-method .payment-method-content { /** * @codingStandardsIgnoreStart */ } .checkout-payment-method .payment-method-content #po_number { margin-bottom: 20px; } .checkout-payment-method .payment-method-title { padding: 20px 0; margin: 0; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 5px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 5px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 20px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 20px; } .checkout-payment-method .payment-group + .payment-group .step-title { margin: 20px 0 0; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 500px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 10px; } .checkout-payment-method .checkout-billing-address { margin: 0 0 20px; } .checkout-payment-method .checkout-billing-address .primary .action-update { margin-bottom: 20px; margin-right: 0; } .checkout-payment-method .checkout-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .checkout-billing-address input[type="checkbox"] { vertical-align: top; } .checkout-payment-method .payment-method-note + .checkout-billing-address { margin-top: 20px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 20px 0; } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: '\e621'; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #cccccc; padding: 20px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #006bb4; display: inline-block; text-decoration: none; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 16px; color: #757575; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #333333; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #757575; } .checkout-payment-method .payment-option-content { padding: 0 0 20px 22px; } .checkout-payment-method .payment-option-content .primary .action.action-apply { margin-right: 0; } .checkout-payment-method .payment-option-inner { margin: 0 0 20px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 5px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { -webkit-filter: grayscale(0%); } .checkout-payment-method .credit-card-types .item._inactive { opacity: .4; } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; } .checkout-payment-method .ccard .fields > .year { padding-left: 5px; } .checkout-payment-method .ccard .fields .select { padding-left: 5px; padding-right: 5px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .captcha .input-text, .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { display: inline-block; padding-right: 20px; } .checkout-payment-method .ccard .cvv .label { display: block; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } .checkout-agreements-block .checkout-agreements { margin-bottom: 20px; } .checkout-agreements-block .checkout-agreement.field { display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkout-agreements-block .checkout-agreement.field.required label:after { content: none; } .checkout-agreements-block .checkout-agreement.field.required .action-show:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 30px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 20px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .block .block-title { font-size: 1.8rem; } .login-container .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .login-container .fieldset:after { margin-top: 35px; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .block-addresses-list .items.addresses .item.actions { margin-top: 5px; } .form-address-edit .region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .form-edit-account fieldset.additional_info { clear: both; } .form-create-account .fieldset-fullname .fields .field { float: none; } .form-create-account .fieldset.create.account:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .form-create-account .fieldset.create.account:after { margin-top: 35px; } .form.password.forget .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .form.password.forget .fieldset:after { margin-top: 35px; } .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .account .page-title-wrapper .page-title { display: inline-block; } .account .messages { margin-bottom: 20px; } .account .column.main { margin-bottom: 30px; } .account .column.main h2 { margin-top: 0; } .account .sidebar-additional { margin-top: 40px; } .account .table-wrapper { margin-bottom: 20px; border-bottom: 1px solid #cccccc; overflow-x: auto; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .data.table .col.actions .action.delete, [class^='sales-guest-'] .data.table .col.actions .action.delete, .sales-guest-view .data.table .col.actions .action.delete { color: #d10029; } .column.main .block:last-child { margin-bottom: 0; } .block .title { display: block; margin-bottom: 10px; } .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .block p:last-child { margin: 0; } .block .box-actions { margin-top: 5px; } .field.password .control { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .field.password .control .mage-error { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .field.password .control .input-text { -ms-flex-order: 0; -webkit-order: 0; order: 0; z-index: 2; } .password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; } .password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; } .password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; } .password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; } .password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; } .password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; } .password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; } .control.captcha-image { margin-top: 10px; } .control.captcha-image .captcha-img { vertical-align: middle; } .order-products-toolbar, .customer-addresses-toolbar { position: relative; } .order-products-toolbar .toolbar-amount, .customer-addresses-toolbar .toolbar-amount { position: relative; text-align: center; } .order-products-toolbar .pages, .customer-addresses-toolbar .pages { position: relative; } .additional-addresses table > thead > tr > th { white-space: nowrap; } .block-balance .price { margin-top: -10px; font-size: 3.2rem; display: inline-block; line-height: 32px; } .table-downloadable-products .product-name { font-weight: 400; margin-right: 15px; } .table-downloadable-products .action.download { display: inline-block; text-decoration: none; } .table-downloadable-products .action.download:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: inherit; content: '\e626'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 25px; } .page-product-downloadable .product-options-bottom .field.qty { display: none; } .samples-item-title { font-size: 1.4rem; font-weight: 600; margin: 0 0 10px; } .samples-item { margin: 0 0 10px; } .field.downloads { margin-bottom: 10px; } .page-product-downloadable .product-add-form .product-options-wrapper .field.downloads > .control { width: 100%; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: ' + '; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: ' (' attr(data-label) ': '; } .field.downloads .price-excluding-tax:after { content: ')'; } .field.downloads .price-including-tax { display: inline; font-weight: 600; font-size: 1.4rem; } .field.downloads .field.choice { border-bottom: 1px solid #ebebeb; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 10px; padding-left: 25px; position: relative; width: 100%; z-index: 1; } .field.downloads .field.choice input { left: 0; position: absolute; top: 2px; } .field.downloads .field.downloads-all { border-bottom: 0; padding-left: 0; } .field.downloads .sample.link { float: right; } .field.downloads-all .label { color: #006bb4; text-decoration: none; cursor: pointer; } .field.downloads-all .label:visited { color: #006bb4; text-decoration: none; } .field.downloads-all .label:hover { color: #006bb4; text-decoration: underline; } .field.downloads-all .label:active { color: #ff5501; text-decoration: underline; } .field.downloads-all input { opacity: 0; } .field.downloads.downloads-no-separately .field.choice { padding-left: 0; } .page-product-giftcard .giftcard-amount { border-top: 1px #c1c1c1 solid; clear: both; margin-bottom: 0; padding-top: 15px; text-align: left; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 20px !important; } .page-product-giftcard .product-info-main .price-box .old-price { font-size: 20px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final > span { display: block; margin-bottom: 5px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final > span:last-child { margin-bottom: 0; } .page-product-giftcard .product-info-main .price-box .price-container.price-final .price { font-size: 22px; font-weight: 600; line-height: 22px; } .page-product-giftcard .product-info-main .price-box + .giftcard.form { border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .product-info-main .alert { clear: left; } .page-product-giftcard .product-info-stock-sku { display: block; } .page-product-giftcard .product-add-form { border: 0; clear: none; padding-top: 0; } .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.text) { margin-bottom: 20px; margin-top: 20px; } .page-product-giftcard .giftcard.form { clear: both; } .page-product-giftcard .price-box { margin-bottom: 10px; } .page-product-giftcard .product-info-price { border: 0; display: block; float: right; white-space: nowrap; width: auto; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 30px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 10px; } .gift-message .field { margin-bottom: 20px; } .gift-message .field .label { color: #666666; font-weight: 400; } .gift-options { margin: 20px 0; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { font-weight: 600; margin: 0 0 20px; } .gift-options-content .fieldset { margin: 0 0 20px; } .gift-summary { margin-top: 10px; position: relative; } .gift-summary .actions-toolbar > .secondary .action { margin: 0 0 0 20px; width: auto; } .gift-summary .action-edit, .gift-summary .action-delete { display: inline-block; text-decoration: none; } .gift-summary .action-edit > span, .gift-summary .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-summary .action-edit:before, .gift-summary .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-summary .action-edit:hover:before, .gift-summary .action-delete:hover:before { color: #333333; } .gift-summary .action-edit:active:before, .gift-summary .action-delete:active:before { color: #757575; } .gift-summary .action-delete:before { content: '\e604'; } .action-gift { display: inline-block; text-decoration: none; } .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; line-height: 20px; color: #757575; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action-gift:hover:after { color: #333333; } .action-gift:active:after { color: #757575; } .action-gift.active:after, .action-gift._active:after { content: '\e621'; } .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar { padding: 0; position: absolute; right: 0; top: 0; } .cart.table-wrapper .gift-content { box-sizing: border-box; clear: left; display: none; float: left; margin-right: -100%; padding: 20px 0; width: 100%; } .cart.table-wrapper .gift-content._active { display: block; } .cart.table-wrapper .item-gift._active { border-top: 1px solid #c1c1c1; } .cart.table-wrapper .item-gift .action { margin-right: 0; } .gift-item-block { border-bottom: 1px solid #c1c1c1; margin: 0; } .gift-item-block._active .title:after { content: '\e621'; } .gift-item-block .title { color: #006bb4; cursor: pointer; margin: 0; padding: 10px 40px 10px 15px; position: relative; display: block; text-decoration: none; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; line-height: 20px; color: #858585; content: '\e622'; font-family: 'luma-icons'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: #333333; } .gift-item-block .content { padding: 10px 0 20px; position: relative; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 10px 0; } .gift-messages-order { margin-bottom: 25px; } .gift-message-summary { padding-right: 7rem; } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 40px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .giftregisty-dropdown .action.toggle { color: #006bb4; } .table-giftregistry-items .product-image { margin-right: 10px; float: left; } .cart-summary .form.giftregistry .fieldset { margin: 15px 0 5px; text-align: left; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 10px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .form-giftregistry-search { margin-bottom: 60px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 25px; } .block-giftregistry-shared-items .item .col { border: 0; } .block-giftregistry-shared-items th { border-bottom: 1px solid #cccccc; } .block-giftregistry-shared-items .col { padding: 20px 11px 10px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 10px 0; } .block-giftregistry-shared-items .product-item-name { font-size: 1.8rem; display: block; margin: 0 0 5px; } .gift-wrapping .label { margin: 0 0 8px; display: inline-block; } .gift-wrapping .field { margin-bottom: 10px; } .gift-wrapping-info { font-weight: 300; font-size: 18px; margin: 20px 0; } .gift-wrapping-list { list-style: none; margin: 20px 0 10px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 4rem; color: #494949; content: '\e62a'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 10px 10px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 10px 0; } .gift-wrapping-title .action-remove { margin: -5px 0 0 5px; display: inline-block; text-decoration: none; } .gift-wrapping-title .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-title .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e604'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-title .action-remove:hover:before { color: #333333; } .gift-wrapping-title .action-remove:active:before { color: #757575; } .gift-options-content .fieldset .field { margin: 10px 0; } .gift-wrapping-summary { padding-right: 7rem; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .fieldset.gift-message .field.gift-wrapping { padding: 0; width: 100%; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping { margin: 20px 0 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img { float: left; margin: 0 10px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ': '; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .order-options .item { padding-bottom: 20px; } .order-options .product { margin-bottom: 10px; } .order-options .product-image-container { float: left; padding-right: 10px; } .order-options .gift-wrapping { margin-bottom: 10px; } .table-wrapper.grouped { width: auto; } .table.grouped .row-tier-price > td { border-top: 0; } .table.grouped .col.item { width: 90%; } .table.grouped .col.qty { width: 10%; } .table.grouped .product-item-name { display: inline-block; font-weight: 400; margin-bottom: 10px; } .table.grouped .price-box p { margin: 0; } .table.grouped .price-box .price { font-weight: 700; } .table.grouped .price-box .old-price .price { font-weight: normal; } .table.grouped .stock.unavailable { font-weight: normal; margin: 0; text-transform: none; white-space: nowrap; } .page-product-grouped .product-info-main .alert { clear: left; } .page-product-grouped .box-tocart { margin-top: 10px; } .box-tocart .action.instant-purchase { vertical-align: top; } .box-tocart .action.instant-purchase:not(:last-child) { margin-bottom: 15px; } .form-add-invitations .additional, .form-add-invitations .field.message { margin-top: 20px; } .form-add-invitations .action.remove { top: 4px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } .filter.block { margin-bottom: 0; } .filter-title strong { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(204, 204, 204, 0.3); border: 1px solid #cccccc; border-radius: 3px; font-weight: 400; left: 0; line-height: 16px; padding: 7px 10px; position: absolute; text-align: center; top: 0; z-index: 2; } .filter-title strong[data-count]:after { color: #ffffff; background: #ff5501; border-radius: 2px; content: attr(data-count); display: inline-block; font-size: .8em; line-height: 1; margin: 0 5px; min-width: 1em; padding: 2px; } .filter-title strong.disabled { opacity: .5; } .filter .block-subtitle { border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: 600; line-height: 1em; padding: 10px 10px 20px; } .filter-subtitle { display: none; } .filter-current { margin: 0; } .filter-current .items { padding: 5px 10px; } .filter-current .item { padding-left: 17px; position: relative; z-index: 1; } .filter .filter-current-subtitle { border: none; display: block; padding-bottom: 10px; } .filter-current .action.remove { left: -2px; position: absolute; top: -1px; } .filter-actions { margin-bottom: 25px; padding: 0 10px; } .filter-label { font-weight: 700; } .filter-label:after { content: ': '; } .filter-value { color: #757575; } .filter-options { display: none; margin: 0; } .filter-options-item { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .filter-options-title { cursor: pointer; font-weight: 600; margin: 0; overflow: hidden; padding: 10px 40px 0 10px; position: relative; text-transform: uppercase; word-break: break-all; z-index: 1; display: block; text-decoration: none; } .filter-options-title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter-options-title:after { position: absolute; right: 13px; top: 12px; } .filter-options-title:hover { color: #000000; } .active > .filter-options-title:after { content: '\e621'; } .filter-options-content { margin: 0; padding: 10px; } .filter-options-content .item { line-height: 1.5em; margin: 10px 0; } .filter-options-content a { color: #494949; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 7px; } .filter-options-content a:hover { background-color: #e8e8e8; text-decoration: none; } .filter-options-content a:hover + .count { background-color: #e8e8e8; } .filter-options-content .count { color: #757575; font-weight: 300; padding-left: 5px; padding-right: 5px; } .filter-options-content .count:before { content: '('; } .filter-options-content .count:after { content: ')'; } .map-popup-wrapper.popup .action.close { top: 10px; } .map-popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 10px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: #737373; } .map-popup .popup-actions .action.close:active:before { color: #737373; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin: 0 0 20px; } .map-popup .map-info-price .price-box { margin: 0 0 20px; } .map-popup .map-info-price .price-box .label:after { content: ': '; } .map-popup .action.primary { margin-right: 10px; } .map-popup .map-msrp { margin-bottom: 10px; } .map-popup .actual-price { margin: 3px 0 15px; } .map-popup .regular-price .price-label { display: none; } .map-popup .popup-header { display: none; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-fallback-price { display: none; } .map-old-price, .product-item .map-old-price, .product-info-price .map-show-info { display: inline-block; min-width: 10rem; } .map-old-price:not(:last-child), .product-item .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 10px; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } button.map-show-info { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } button.map-show-info:focus, button.map-show-info:active { background: none; border: none; } button.map-show-info:hover { background: none; border: none; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info { pointer-events: none; opacity: 0.5; } button.map-show-info:visited { color: #006bb4; text-decoration: none; } button.map-show-info:hover { color: #006bb4; text-decoration: underline; } button.map-show-info:active { color: #ff5501; text-decoration: underline; } button.map-show-info:hover, button.map-show-info:active, button.map-show-info:focus { background: none; border: 0; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .wishlist.split.button { display: inline-block; position: relative; margin-right: 5%; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button .action.toggle { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #666666; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #333333; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #666666; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #333333; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { padding: 6px 0; text-align: left; } .wishlist.split.button .items .item > span { display: block; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li { padding: 0; } .wishlist.split.button > .action.split { margin-right: 5px; } .wishlist.split.button > .action.split:before { content: '\e600'; } .wishlist.split.button > .action.split:before { margin: 0; width: 18px; } .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .wishlist.split.button > .action:hover { color: #333333; } .wishlist.split.button > .action.toggle:before { border-left: 1px solid #666666; content: ''; float: left; height: 15px; margin: 3px 4px 0 0; } .cart.table-wrapper .wishlist.split.button { vertical-align: baseline; } .cart.table-wrapper .wishlist.split.button > .action.split { font-weight: normal; letter-spacing: normal; text-transform: none; } .cart.table-wrapper .wishlist.split.button > .action.toggle:after { color: #006bb4; } .cart.table-wrapper .wishlist.split.button > .action.split, .cart.table-wrapper .wishlist.split.button > .action.toggle { color: #006bb4; } .cart.table-wrapper .wishlist.split.button > .action.split:before, .cart.table-wrapper .wishlist.split.button > .action.toggle:before { display: none; } .wishlist.window.popup { background: #ffffff; border: 1px solid #adadad; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 16px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: #8c8c8c; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:active:before { color: #737373; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #8c8c8c; z-index: 899; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.7; filter: alpha(opacity=70); } .wishlist.overlay.active { display: block; } .wishlist-dropdown.move .action.toggle, .wishlist-dropdown.copy .action.toggle { color: #006bb4; } .page-multiple-wishlist .actions-toolbar > .primary { display: block; float: none; text-align: left; } .page-multiple-wishlist .actions-toolbar > .primary .action.remove { float: right; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 10px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 10px; } .block-wishlist-management .wishlist-notice { color: #7d7d7d; display: inline-block; margin-right: 20px; } .block-wishlist-management .wishlist-notice.private { display: inline-block; text-decoration: none; } .block-wishlist-management .wishlist-notice.private:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #a3a3a3; content: '\e629'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: text-bottom; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 20px; } .block-wishlist-management .wishlist-toolbar .copy .dropdown { right: 0; } .block-wishlist-management .wishlist-toolbar .copy .dropdown:before { left: auto; right: 11px; } .block-wishlist-management .wishlist-toolbar .copy .dropdown:after { left: auto; right: 10px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 20px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 60px; max-width: 500px; } .block-wishlist-search-results .table-wrapper { border-top: none; } .block-wishlist-info-items .block-title { margin-bottom: 20px; font-size: 2.2rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 20px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 10px; } .block-wishlist-info-items .split { clear: both; padding: 10px 0; visibility: hidden; } .block-wishlist-info-items .wishlist-dropdown .change { color: #006bb4; } .block-wishlist-info-items .action.towishlist { padding: 10px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 10px; } .multicheckout.results h3, .multicheckout.success h3 { font-size: 1.6rem; margin-bottom: 20px; margin-top: 30px; } .multicheckout.results h3 a, .multicheckout.success h3 a { color: #333333; } .multicheckout.results h3 a:hover, .multicheckout.success h3 a:hover { text-decoration: none; } .multicheckout.results ul.orders-list, .multicheckout.success ul.orders-list { list-style: none; padding-left: 0; } .multicheckout.results .orders-list, .multicheckout.success .orders-list { margin-top: 25px; padding-left: 16px; } .multicheckout.results .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-list .shipping-list .shipping-item { margin-left: 84px; } .multicheckout.results .orders-list .shipping-list .shipping-label, .multicheckout.success .orders-list .shipping-list .shipping-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .shipping-address, .multicheckout.success .orders-list .shipping-list .shipping-address { font-weight: 400; } .multicheckout.results .orders-list .shipping-list .error-block, .multicheckout.success .orders-list .shipping-list .error-block { color: #e02b27; } .multicheckout.results .orders-list .shipping-list .error-block .error-label, .multicheckout.success .orders-list .shipping-list .error-block .error-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .error-block .error-description, .multicheckout.success .orders-list .shipping-list .error-block .error-description { font-weight: 400; } .multicheckout.results .orders-succeed .orders-list, .multicheckout.success .orders-succeed .orders-list { margin-top: 0; } .multicheckout.results .orders-succeed .orders-list .shipping-list .order-id, .multicheckout.success .orders-succeed .orders-list .shipping-list .order-id { float: left; } .multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 100px; } .multicheckout .title { margin-bottom: 30px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 10px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 40px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 10px; } .multicheckout .item-options { margin: 10px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #cccccc; padding-bottom: 10px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #a6a6a6; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 40px; } .multicheckout.order-review .error-description { color: #e02b27; font-weight: 400; margin-bottom: 10px; margin-top: -10px; } .multicheckout .box-title span { margin-right: 10px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 5px; } .multicheckout .checkout-review .grand.totals { font-size: 2.1rem; margin-bottom: 40px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } .block.newsletter { margin-bottom: 20px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 32px; color: #575757; content: '\e61d'; font-family: 'luma-icons'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { margin-right: 35px; padding: 0 0 0 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; white-space: nowrap; } .data.switch .counter { color: #7d7d7d; } .data.switch .counter:before { content: '('; } .data.switch .counter:after { content: ')'; } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 88px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ff5501; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c7c7c7; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:hover + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #ff5501; font-family: 'luma-icons'; font-size: 16px; height: 16px; letter-spacing: 2px; line-height: 16px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\e605' '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\e605' '\e605' '\e605'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\e605' '\e605'; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\e605'; } .review-control-vote:before { content: '\e625' '\e625' '\e625' '\e625' '\e625'; } .products-reviews-toolbar { position: relative; } .products-reviews-toolbar .toolbar-amount { position: relative; text-align: center; } .review-toolbar { border-top: 1px solid #c9c9c9; margin: 0 0 20px; padding: 0; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { border-bottom: 1px solid #c9c9c9; display: block; padding: 20px 0; text-align: center; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: #eeeeee; border: 1px solid #cccccc; color: #333333; font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; margin: 0; } .review-form .action.submit.primary:focus, .review-form .action.submit.primary:active { background: #e2e2e2; border: 1px solid #cccccc; color: #333333; } .review-form .action.submit.primary:hover { background: #e1e1e1; border: 1px solid #cccccc; color: #333333; } .review-form .actions-toolbar .actions-primary { padding: 0; } .fieldset .review-legend.legend { border-bottom: 0; line-height: 1.3; margin-bottom: 20px; padding: 0; } .fieldset .review-legend.legend span { margin: 0; } .fieldset .review-legend.legend strong { display: block; font-weight: 600; } .fieldset .review-field-ratings > .label { font-weight: 600; margin-bottom: 10px; padding: 0; } .review-control-vote label:before, .review-control-vote:before { font-size: 32px; height: 32px; letter-spacing: 10px; line-height: 32px; } .review-field-rating .label { font-weight: 600; } .review-field-rating .control { margin-bottom: 48px; margin-top: 10px; } .review-list { margin-bottom: 30px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 20px 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; margin-bottom: 10px; max-width: 100%; } .review-author { display: inline; } .review-author .review-details-value { font-weight: 400; } .review-date { display: inline; } .review-title { font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; margin: 0 0 20px; } .review-content { margin-bottom: 20px; } .page-main .column .review-add { margin-bottom: 0; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer.review.view .review.title, .customer.review.view .ratings.summary.items, .customer.review.view .product.details { margin-bottom: 20px; } .product-reviews-summary { margin-bottom: 5px; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary .rating-summary { display: inline-block; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: inline-block; font-size: 11px; vertical-align: middle; } .product-reviews-summary .reviews-actions a:not(:last-child) { margin-right: 30px; } .product-reviews-summary .reviews-actions .action.add { white-space: nowrap; } .product-info-main .rating-summary, .customer-review .rating-summary { margin-right: 30px; } .block-reviews-dashboard .items .item { margin-bottom: 20px; } .block-reviews-dashboard .items .item:last-child { margin-bottom: 0; } .block-reviews-dashboard .product-name { display: inline-block; } .block-reviews-dashboard .product-name:not(:last-child) { margin-bottom: 5px; } .block-reviews-dashboard .rating-summary .label { font-weight: 600; margin-right: 10px; vertical-align: middle; } .table-reviews .product-name, .block-reviews-dashboard .product-name { font-weight: 400; } .table-reviews .rating-summary { display: inline-block; vertical-align: baseline; } .customer-review .product-media { float: left; margin-right: 3%; max-width: 285px; width: 30%; } .customer-review .review-details { margin: 0; } .customer-review .review-details .customer-review-rating { margin-bottom: 20px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 10px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { line-height: 1.1; font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; font-weight: 600; margin-bottom: 20px; } .customer-review .review-details .review-content { margin: 0; margin-bottom: 20px; } .customer-review .review-details .review-date { color: #a6a6a6; } .block-reward-info .reward-balance { font-size: 1.8rem; margin-bottom: 25px; } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 25px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 10px; } .order-details-items.rma .order-title { display: none; } .order-details-items.rma .order-title + .toolbar { display: none; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .field.comment { margin-top: 55px; } .table-wrapper.table-returns .returns-details.hidden { display: none; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .magento-rma-guest-create .order-links .item a { line-height: 1.42857143; margin: 0 30px 0 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } .magento-rma-guest-create .order-links .item a:visited { color: #006bb4; text-decoration: none; } .magento-rma-guest-create .order-links .item a:hover { color: #006bb4; text-decoration: underline; } .magento-rma-guest-create .order-links .item a:active { color: #ff5501; text-decoration: underline; } .magento-rma-guest-create .order-links .item a:hover, .magento-rma-guest-create .order-links .item a:active, .magento-rma-guest-create .order-links .item a:focus { background: none; border: 0; } .magento-rma-guest-create .order-links .item a.disabled, .magento-rma-guest-create .order-links .item a[disabled], fieldset[disabled] .magento-rma-guest-create .order-links .item a { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } #registrant-options .item .control table .col.qty .input-qty { display: none; } .order-links .item { line-height: 40px; margin: 0 0 -1px; } .order-links .item strong { background: #ffffff; border: 1px solid #cccccc; display: block; font-weight: 400; padding: 0 20px; } .order-links .item a { background: #f6f6f6; color: #6d6d6d; border: 1px solid #cccccc; display: block; font-weight: 400; padding: 0 20px; } .order-links .item a:hover { background: #ffffff; text-decoration: none; } .order-details-items { border: 1px solid #cccccc; margin-bottom: 40px; padding: 10px; } .order-details-items .order-title { border-bottom: 1px solid #cccccc; padding: 0 0 10px; } .order-details-items .order-title > strong { font-size: 2.4rem; font-weight: 300; } .order-details-items .order-title .action { display: inline-block; } .order-details-items .table-wrapper { margin: 0; } .order-details-items .table-wrapper + .actions-toolbar { display: none; } .order-details-items .table-wrapper:not(:last-child) { margin-bottom: 30px; } .order-details-items .table-wrapper.order-items-shipment { overflow: visible; } .order-details-items .table-order-items > thead > tr > th { border-bottom: 1px solid #cccccc; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #cccccc; } .account .order-details-items .table-order-items tbody tr:nth-child(even) td { background: none; } .order-details-items .table-order-items tbody td { padding-bottom: 20px; padding-top: 20px; } .order-details-items .table-order-items tbody .col.label { font-weight: 700; padding-bottom: 5px; padding-top: 0; } .order-details-items .table-order-items tbody .col.options { padding: 10px 10px 15px; } .order-details-items .table-order-items tbody > .item-parent td { padding-bottom: 5px; } .order-details-items .table-order-items tbody > .item-parent + tr td { padding-top: 5px; } .order-details-items .table-order-items tbody .item-options-container td { padding-bottom: 15px; padding-top: 0; } .order-details-items .table-order-items .product-item-name { margin: 0 0 10px; } .order-details-items .item-options { margin: 0; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options dd:last-child { margin-bottom: 0; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ': '; } .order-details-items .item-options.links dd { margin: 0; } .order-details-items thead .col.qty { text-align: center; } .order-details-items .col.name { padding-top: 16px; } .order-details-items .action.show { display: inline-block; text-decoration: none; color: #333333; } .order-details-items .action.show > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .order-details-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .action.show.expanded:after { content: '\e621'; } .order-details-items .product-item-name { font-size: 1.8rem; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ': '; } .order-details-items .pages-items .item:first-child, .order-details-items .pages-items .item:last-child { margin-right: 0; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .block-content .box { margin-bottom: 30px; } .block-order-details-view .box-title { font-weight: 600; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .column.main .order-details-items .block-order-details-gift-message { margin: 40px 0 0; } .block-order-details-gift-message + .actions-toolbar { display: none; } .order-tracking { margin: 0; padding: 20px 0; } .order-title + .order-tracking { border-bottom: 1px solid #cccccc; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { display: none; margin: 0; } .form-orders-search .field:last-child { margin-bottom: 20px; } .block-reorder .actions-toolbar { margin: 17px 0; } .block-reorder .product-item-name { float: left; width: calc(100% - 20px); } .block-reorder .product-item::after { clear: both; content: ''; display: table; } .block-reorder .product-item .field.item { float: left; width: 20px; } .form.send.friend .fieldset .field .control { width: 100%; } .product-social-links .action.mailto.friend:before { content: '\e61d'; } .block-collapsible-nav .content { background: #f5f5f5; padding: 15px 0; } .block-collapsible-nav .item { margin: 3px 0 0; } .block-collapsible-nav .item:first-child { margin-top: 0; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { border-left: 3px solid transparent; color: #575757; display: block; padding: 5px 18px 5px 15px; } .block-collapsible-nav .item a { text-decoration: none; } .block-collapsible-nav .item a:hover { background: #e8e8e8; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: #ff5501; color: #000000; font-weight: 600; } .block-collapsible-nav .item.current a { border-color: #ff5501; } .block-collapsible-nav .item .delimiter { border-top: 1px solid #d1d1d1; display: block; margin: 10px 1.8rem; } body { background-color: #ffffff; } .page-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .page-main { -webkit-flex-grow: 1; flex-grow: 1; } .page-main > .page-title-wrapper .page-title { hyphens: auto; } .page-header { border-bottom: 1px solid #cccccc; margin-bottom: 20px; } .page-header .panel.wrapper { background-color: #6e716e; color: #ffffff; } .header.panel > .header.links { margin: 0; padding: 0; list-style: none none; float: right; font-size: 0; margin-left: auto; margin-right: 20px; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font-size: 14px; margin: 0 0 0 15px; } .header.panel > .header.links > li.customer-welcome { margin: 0 0 0 5px; } .header.panel > .header.links > li > a { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:visited { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:hover { color: #ffffff; text-decoration: underline; } .header.panel > .header.links > li > a:active { color: #ffffff; text-decoration: underline; } .header.content { padding-top: 10px; position: relative; } .logo { float: left; margin: 0 0 10px 40px; max-width: 50%; position: relative; z-index: 5; } .logo img { display: block; height: auto; } .page-print .logo { display: inline-block; float: none; } .page-print .nav-toggle { display: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 30px; } .action.skip:focus { background: #f0f0f0; padding: 10px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .action-skip-wrapper { height: 0; position: relative; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ffee9c; border-color: #d6ca8e; color: #333333; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #006bb4; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #006bb4; } .message.global.noscript a:active, .message.global.cookie a:active { color: #ff5501; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 10px; } .message.global.demo { margin: 0 0 10px; padding: 12px 20px 12px 25px; display: block; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #006bb4; } .message.global.demo a:hover { color: #006bb4; } .message.global.demo a:active { color: #ff5501; } .page-footer { margin-top: 25px; } .footer.content { border-top: 1px solid #cecece; padding-top: 20px; } .footer.content .links > li { background: #f4f4f4; font-size: 1.6rem; border-top: 1px solid #cecece; margin: 0 -15px; padding: 0 15px; } .footer.content .links a, .footer.content .links strong { display: block; padding: 10px 0; } .footer.content .links strong { color: #a6a6a6; font-weight: normal; } .footer.content .links a { color: #575757; text-decoration: none; } .footer.content .links a:visited { color: #575757; text-decoration: none; } .footer.content .links a:hover { color: #333333; text-decoration: underline; } .footer.content .links a:active { color: #333333; text-decoration: underline; } .copyright { background-color: #6e716e; color: #ffffff; box-sizing: border-box; display: block; padding: 10px; text-align: center; } .page-header .panel.wrapper .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .panel.wrapper .switcher .options:before, .page-footer .switcher .options:before, .page-header .panel.wrapper .switcher .options:after, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .panel.wrapper .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .panel.wrapper .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .panel.wrapper .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .panel.wrapper .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .panel.wrapper .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .panel.wrapper .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .panel.wrapper .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .panel.wrapper .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .panel.wrapper .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .panel.wrapper .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .panel.wrapper .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .panel.wrapper .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 160px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .panel.wrapper .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .panel.wrapper .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .panel.wrapper .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before, .page-header .panel.wrapper .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .panel.wrapper .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .panel.wrapper .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .panel.wrapper .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .panel.wrapper .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .panel.wrapper .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .panel.wrapper .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .panel.wrapper .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { color: #333333; text-decoration: none; display: block; padding: 8px; } .page-header .panel.wrapper .switcher .options ul.dropdown a:visited, .page-footer .switcher .options ul.dropdown a:visited { color: #333333; text-decoration: none; } .page-header .panel.wrapper .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { color: #333333; text-decoration: none; } .page-header .panel.wrapper .switcher .options ul.dropdown a:active, .page-footer .switcher .options ul.dropdown a:active { color: #333333; text-decoration: none; } .page-header .panel.wrapper .switcher strong, .page-footer .switcher strong { font-weight: 400; } .page-header .panel.wrapper .switcher .options ul.dropdown { right: 0; } .page-header .panel.wrapper .switcher .options ul.dropdown:before { left: auto; right: 10px; } .page-header .panel.wrapper .switcher .options ul.dropdown:after { left: auto; right: 9px; } .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child) { margin-bottom: 40px; } .widget { clear: both; } .page-header .widget.block, .page-footer .widget.block { margin: 20px 0; } .page-header .links .widget.block, .page-footer .links .widget.block { margin: 0; } .ui-datepicker td { padding: 0; } .ui-tooltip { background: #ffffff; border: 1px solid #bbbbbb; padding: 10px; } .cookie-status-message { display: none; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #006bb4; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #ff5501; text-decoration: underline; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; margin-right: 20px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #006bb4; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #ff5501; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .toolbar.wishlist-toolbar .limiter { float: right; } .toolbar.wishlist-toolbar .main .pages { display: inline-block; position: relative; z-index: 0; } .toolbar.wishlist-toolbar .toolbar-amount, .toolbar.wishlist-toolbar .limiter { display: inline-block; z-index: 1; } .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { content: '\e600'; } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #cccccc; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .action.primary { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 700; } .link.wishlist .counter { color: #7d7d7d; white-space: nowrap; } .link.wishlist .counter:before { content: '('; } .link.wishlist .counter:after { content: ')'; } .block-wishlist .product-item-name { margin-right: 25px; } .products-grid.wishlist .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .products-grid.wishlist .product-item:nth-child(3n + 1) { margin-left: 0; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 10px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 10px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { display: inline-block; text-decoration: none; } .products-grid.wishlist .product-item-actions .action.edit > span, .products-grid.wishlist .product-item-actions .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .products-grid.wishlist .product-item-actions .action.edit:before, .products-grid.wishlist .product-item-actions .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .products-grid.wishlist .product-item-actions .action.edit:hover:before, .products-grid.wishlist .product-item-actions .action.delete:hover:before { color: #333333; } .products-grid.wishlist .product-item-actions .action.edit:active:before, .products-grid.wishlist .product-item-actions .action.delete:active:before { color: #757575; } .products-grid.wishlist .product-item-actions .action.delete:before { content: '\e604'; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 20px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 20px; } .block-product-link-inline.widget { margin: 0; } .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .block.widget .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: .5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: '\e617'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: '\e608'; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 10px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 10px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 600; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 20px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 20px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 20px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 20px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 20px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 10px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: #999999; content: '\e616'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .account.vault-cards-listaction .page-title-wrapper { display: none; } .account.vault-cards-listaction .address-select-modal__form-container { margin-bottom: 20px; } .account.vault-cards-listaction .address-select-modal__form-container > div { align-items: center; display: flex; flex-wrap: wrap; } .account.vault-cards-listaction .address-select-modal__form-container > div > div { margin-top: 10px; } .account.vault-cards-listaction .field.company, .account.vault-cards-listaction .field.choice.set.billing, .account.vault-cards-listaction .field.choice.set.shipping, .account.vault-cards-listaction .primary[data-action='save-address'] { display: none !important; } .account.vault-cards-listaction #form-validate { display: none; } .account.vault-cards-listaction [for='repeat_order_cc_number'] + .control { position: relative; } .account.vault-cards-listaction .account-section__title-view-all-link { display: block; margin-bottom: 30px; } .account.vault-cards-listaction .braintree-credit-card-types { display: flex; flex-wrap: wrap; } .account.vault-cards-listaction .braintree-credit-card-types .item { margin-right: 5px; margin-top: 5px; } .account.vault-cards-listaction .braintree-credit-card-types .item:last-child { margin-right: 0; } .account.vault-cards-listaction .braintree-credit-card-types img { height: 24px; } .account.vault-cards-listaction .separator { margin: 10px 10px 0; } .account.vault-cards-listaction .address-select-container { border: 1px solid #cccccc; border-radius: 2px; padding: 25px; } .account.vault-cards-listaction #braintree_submit { font-size: 1.6rem; border-radius: 3px; box-shadow: none; box-sizing: border-box; color: #ffffff; height: 40px; margin: 10px 0; padding: 0 20px; } .account.vault-cards-listaction .subs-modal-overlay { background-color: #000000; height: 100%; left: 0; opacity: 0.3; position: fixed; top: 0; width: 100%; } .account.vault-cards-listaction #paypal_container { margin: auto; max-width: 360px; } .account.vault-cards-listaction .add-methods { display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 30px; } .account.vault-cards-listaction .add-method { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; border: 1px solid #cccccc; border-radius: 2px; cursor: pointer; flex-direction: column; justify-content: center; padding: 3px; width: 50%; } .account.vault-cards-listaction .add-method:hover { border-color: #797777; } .account.vault-cards-listaction .add-method:first-child { margin-right: 35px; } .account.vault-cards-listaction .add-method > div { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 20px 10px; } .account.vault-cards-listaction .add-method > div p { font-weight: 700; padding-top: 15px; } .account.vault-cards-listaction .add-method .icon-container { background: #f0f0f0; border-radius: 0 0 1px 1px; height: 100%; padding: 15px 0; width: 100%; } .account.vault-cards-listaction .add-method .icon-container ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; list-style: none; margin: 0; max-width: 160px; padding: 0; width: 100%; } .account.vault-cards-listaction .add-method .icon-container ul li { margin: 0; width: 25%; } .account.vault-cards-listaction .add-method .icon-container ul li img { height: 24px; } .account.vault-cards-listaction .subs-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .account.vault-cards-listaction .subs-modal__box { -moz-box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.25); background-color: #ffffff; box-shadow: 0 4px 15px 5px rgba(0, 0, 0, 0.25); margin: 20px; max-width: 610px; overflow-y: auto; padding: 40px 20px; position: relative; text-align: center; width: 100%; } .account.vault-cards-listaction .subs-modal__close-button { 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; box-shadow: none !important; cursor: pointer; position: absolute; right: 20px; top: 20px; } .account.vault-cards-listaction .subs-modal__close-button:focus, .account.vault-cards-listaction .subs-modal__close-button:active { background: none; border: none; } .account.vault-cards-listaction .subs-modal__close-button:hover { background: none; border: none; } .account.vault-cards-listaction .subs-modal__close-button.disabled, .account.vault-cards-listaction .subs-modal__close-button[disabled], fieldset[disabled] .account.vault-cards-listaction .subs-modal__close-button { pointer-events: none; opacity: 0.5; } .account.vault-cards-listaction .subs-modal__screen-reader-label { display: none; } .account.vault-cards-listaction .subs-modal__title { text-align: center; } .account.vault-cards-listaction .add-card-modal .subs-modal__box { padding: 20px; } .account.vault-cards-listaction .add-card-modal form { margin: 0; } .account.vault-cards-listaction .add-card-modal legend { border-bottom: none !important; margin-bottom: 20px !important; padding-bottom: 0 !important; } .account.vault-cards-listaction .add-paypal-modal span, .account.vault-cards-listaction .add-paypal-modal p { font-weight: 500; margin: 30px 0; } .account.vault-cards-listaction #co-transparent-form-braintree .fieldset { max-width: 400px; } .braintree-three-d-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; height: 100vh; left: 0; position: fixed; top: 0; visibility: visible; width: 100vw; z-index: #000000; } .braintree-three-d-modal .bt-modal-frame { background-color: #ffffff; border-radius: 6px; height: 420px; margin: auto; width: 440px; z-index: 2; } .braintree-three-d-modal .bt-modal-body { background-color: #ffffff; border: 1px solid lightgray; height: 380px; margin: 20px; } .braintree-three-d-modal .bt-mask { background-color: #000000; height: 100%; left: 0; opacity: 0.75; position: absolute; top: 0; width: 100%; } .braintree-applepay-container-product { display: inline-block; } .braintree-applepay-container-product .braintree-apple-pay-button { margin: 0; margin-bottom: 15px; padding: 10px 0; } .braintree-apple-pay-button { -apple-pay-button-type: plain; -webkit-appearance: -apple-pay-button; background-color: #000000; background-image: -webkit-named-image(apple-pay-logo-black); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% calc(60% + 2px); border: 1px solid #000000; border-radius: 5px; cursor: pointer; display: block; margin: 20px auto; min-height: 40px; padding: 2px; transition: background-color 0.15s; width: 200px; } .braintree-applepay-minicart.minicart .braintree-apple-pay-button, .braintree-applepay-minicart.cart .braintree-apple-pay-button { width: 100%; } .ppcredit-summary { background: linear-gradient(to right, #009cde, braintree_color-ppcredit-dark); color: #ffffff; margin: 10px 0; padding: 15px; text-align: center; } .ppcreditcalc-container { background: #ffffff; border: 1px solid #dedede; } .ppcreditcalc-header { background: #ffffff; padding: 15px; } .ppcreditcalc-legal { background-color: #eeeeee; border-top: 1px solid #dedede; font-size: 1.2rem; line-height: 2rem; padding: 15px; } .ppcreditcalc-instalments { background-color: #eeeeee; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; list-style: none; margin: 0; padding: 0; } .ppcreditcalc-instalments li { display: inline-block; margin: 0; padding: 0; } .ppcreditcalc-instalments-term { color: #000000; display: block; padding: 10px 15px; } .ppcreditcalc-instalments-term:hover { background: braintree_color-ppcredit-light; color: #ffffff; text-decoration: none; } .ppcreditcalc-instalments-term.active { background: braintree_color-ppcredit-dark; color: #ffffff; } .ppcreditcalc-instalment-summary { padding: 15px; } .ppcreditcalc-instalment-summary dl { margin: 0; } .ppcreditcalc-instalment-summary dt { display: inline-block; width: 50%; } .ppcreditcalc-instalment-summary dd { display: inline-block; } #braintree_expirationDate { width: 90px; } button.braintree-googlepay-button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; cursor: pointer; height: 40px; min-height: 40px; padding: 11px 24px; } button.braintree-googlepay-button.black { background-color: #000000; box-shadow: none; padding: 12px 24px 10px; } button.braintree-googlepay-button.white { background-color: #ffffff; } button.braintree-googlepay-button.short { min-width: 90px; width: 160px; } button.braintree-googlepay-button.black.short { background-image: url(//www.gstatic.com/instantbuy/svg/dark_gpay.svg); } button.braintree-googlepay-button.white.short { background-image: url(//www.gstatic.com/instantbuy/svg/light_gpay.svg); } button.braintree-googlepay-button.black:active { background-color: #5f6368; } button.braintree-googlepay-button.black:hover { background-color: #3c4043; } button.braintree-googlepay-button.white:active { background-color: #ffffff; } button.braintree-googlepay-button.white:focus { box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px; } button.braintree-googlepay-button.white:hover { background-color: #f8f8f8; } button.braintree-googlepay-button.long { min-width: 152px; width: 240px; } button.braintree-googlepay-button.white.long { background-image: url(//www.gstatic.com/instantbuy/svg/light/en.svg); } button.braintree-googlepay-button.black.long { background-image: url(//www.gstatic.com/instantbuy/svg/dark/en.svg); } .googlepay-minicart-logo.minicart .braintree-googlepay-button.long, .googlepay-minicart-logo.cart .braintree-googlepay-button.long { width: 100%; } .googlepay-minicart-logo { margin-top: 15px; text-align: center; } .checkout-payment-method .credit-card-types.braintree-credit-card-types img { -webkit-filter: none; -webkit-transition: none; width: 30px; } .braintree-card-control { position: relative; } .braintree-credit-card-selected { left: 10px; position: absolute; z-index: 10; } .braintree-paypal-logo.oneclick-container { width: 100%; } #payment_form_braintree_ach_direct_debit .field > .fields .field .label { font-weight: 600; } #payment_form_braintree_ach_direct_debit .field > .fields .field.required > .label:after { color: #e02b27; content: '*'; font-size: 1.8rem; margin: 0 0 0 5px; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control { margin: 10px 10px 0 0; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type='text']::placeholder, #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type='number']::placeholder { color: lightgrey; } #payment-method-braintree-lpm .primary { width: 100%; } #payment-method-braintree-lpm .primary .action { margin-bottom: 12px; width: 100%; } #payment-method-braintree-lpm .primary .action img { height: 40px; } #payment-method-braintree-applepay #braintree_applepay_enable_vault { padding-top: 20px; } #payment-method-braintree-cc-vault .field.required .label, #payment-method-braintree-applepay-vault .field.required .label { font-weight: 600; } #payment-method-braintree-cc-vault .field.required .label:after, #payment-method-braintree-applepay-vault .field.required .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment-method-braintree-cc-vault .field .hosted-control, #payment-method-braintree-applepay-vault .field .hosted-control { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; box-sizing: border-box; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; height: 32px; padding: 0 9px; position: relative; vertical-align: baseline; width: 5rem; } #payment-method-braintree-cc-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error, #payment-method-braintree-applepay-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } #payment-method-braintree-cc-vault .field .hosted-error, #payment-method-braintree-applepay-vault .field .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-fieldset { display: none; } .braintree-paypal-buttons, .braintree-paypal-vault { margin-top: 20px; } .payment-method-braintree .hosted-control { border: 1px solid #c2c2c2; height: 32px; max-width: 300px; padding: 8px 15px; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .payment-method-braintree .cvv { max-width: 200px; position: relative; } .payment-method-braintree .cvv .field-tooltip { right: 30px; top: 10px; } #braintree_cc_number { padding-left: 68px; } .braintree-express-payments { display: flex; flex-wrap: wrap; } .braintree-express-payments > div { display: flex; flex-wrap: wrap; } .braintree-express-payments span { display: block; font-size: 18px; margin: 20px 0; } .braintree-express-payments span.express-payment-title { width: 100%; } .braintree-express-payments span.express-payment-subtitle { align-items: center; display: flex; position: relative; width: 100%; } .braintree-express-payments span.express-payment-subtitle > span { background: #ffffff; display: block; margin: 0 auto; padding: 0 5px; } .braintree-express-payments span.express-payment-subtitle:before { background: #cccccc; content: ''; display: block; height: 1px; position: absolute; width: 100%; z-index: -1; } .braintree-express-payments > div > div { margin-top: 5px; padding-right: 5px; width: 240px; } .braintree-express-payments .braintree-googlepay-button, .braintree-express-payments .braintree-apple-pay-button { margin: 0; min-height: 30px; } .braintree-express-payments .braintree-googlepay-button { height: 35px; } .braintree-express-payments .braintree-apple-pay-button { height: 29px; width: 234px; } @media only screen and (max-width: 769px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } @media only screen and (max-width: 768px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile-m:before, .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:before, .account .column.main .block:not(.widget) .block-title:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:after { clear: both; } .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name, .block-collapsible-nav .title { border-top: 1px solid #cccccc; cursor: pointer; margin-bottom: 0; position: relative; border-bottom: 1px solid #cccccc; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after, .block-collapsible-nav .title.active:after { content: '\e621'; } .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'luma-icons'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-checkout-tooltip-content-position-top-mobile, .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .cms-privacy-policy .page-main { padding-top: 41px; position: relative; } .navigation { padding: 0; } .navigation .parent .level-top { display: block; text-decoration: none; position: relative; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: '\e621'; } .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: calc(100% - 54px); } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 5px; } .nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; } .nav-sections .switcher-trigger strong { display: block; text-decoration: none; position: relative; } .nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; } .nav-sections .switcher-trigger.active strong:after { content: '\e621'; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; display: none; padding: 10px 0; } .nav-sections .switcher-options.active .switcher-dropdown { display: block; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; border-bottom: 1px solid #d1d1d1; } .nav-sections .header.links li { font-size: 1.6rem; margin: 0; } .nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 15px; } .nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #575757; text-decoration: none; display: block; font-weight: 700; padding: 0.8rem 15px; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: calc(100% - 54px); } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.7); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e3e3e3; border: solid #d7d7d7; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; padding: 25px 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: #f0f0f0; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1.6rem; } .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0 > .level-top:hover { color: #333333; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #333333; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #333333; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu > li > a:hover { color: #333333; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child) ul > li a:hover { color: #333333; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; color: #333333; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } .product.data.items .item.title > .switch { padding: 1px 15px 1px; } .product.data.items > .item.content { padding: 10px 15px 30px; } .breadcrumbs { display: none; } .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: 90vh; /** iOS webkit fix height problem when added long content **/ } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } .modal-popup { pointer-events: auto; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 14px; font-weight: 700; } .lac-notification { padding: 5px 0; } .lac-notification .lac-notification-icon { display: none; } .lac-notification .lac-notification-text, .lac-notification .lac-notification-links { float: none; padding: 5px 0; text-align: center; } .pagebuilder-banner-wrapper { background-attachment: scroll !important; } .pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } .pagebuilder-column { background-attachment: scroll !important; flex-basis: 100%; max-width: 100%; } .pagebuilder-column-group { flex-wrap: wrap; } .pagebuilder-column-line { flex-wrap: wrap; } [data-content-type='row'][data-appearance='contained'] [data-element='inner'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-bleed'] { background-attachment: scroll !important; } [data-content-type='row'][data-appearance='full-width'] { background-attachment: scroll !important; } .pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) { max-width: none; } [data-content-type='tab-item'] { background-attachment: scroll !important; } .pagebuilder-mobile-hidden { display: none !important; } .ajaxpro-continue-button { display: none; } .block-swissup-ajaxsearch-results { width: 100%; margin: -6px 0 0; } .block-swissup-ajaxsearch-results .product-item-info { width: 100%; } .block-swissup-ajaxsearch-results .product-item-info .product-item-photo { padding: 0 10px 0 0; } .block-swissup-ajaxsearch .minisearch .inactive:not(:has(:focus-visible)) { width: 0; height: 0; overflow: hidden; font-size: 0; opacity: 0; pointer-events: none; } .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 100%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 100%; } .block-cart-failed .block-title { margin: 0 20px 20px; } .catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .compare.wrapper { display: none; } /** * @codingStandardsIgnoreStart */ .catalog-product_compare-index .columns .column.main { flex-basis: inherit; } .block-search { margin-top: 10px; } .cart-container .form-cart .actions.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .cart-container .form-cart .actions.main .clear, .cart-container .form-cart .actions.main .continue { margin: 0 0 25px 0; } .cart-discount { border-bottom: 1px solid #cccccc; } .cart.table-wrapper { border-top: 1px solid #cccccc; } .cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; } .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before { content: attr(data-th); display: block; font-weight: 600; padding-bottom: 10px; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } .cart.table-wrapper tbody > tr > td:last-child { border: 0; } .cart-totals { padding-left: 15px; padding-right: 15px; } .cart-totals .table-wrapper { border-top: 0; } .cart-totals .totals tbody > tr:not(:last-child) > td:last-child { border: 0; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: left; } .minicart-wrapper { margin-top: 10px; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .product .actions { float: left; margin: 10px 0 0 0; } .minicart-wrapper .update-cart-item { float: right; margin-left: 0; } .checkout-index-index .modal-popup .modal-footer .action-save-address { width: 100%; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 20px; } .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-payment-method .payment-methods { margin: 0 -15px; } .checkout-payment-method .step-title { padding-left: 15px; padding-right: 15px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 20px; } .checkout-payment-method .checkout-billing-address .action-cancel { margin-top: 10px; } .checkout-payment-method .payment-option { margin: 0 -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 20px; } .login-container .fieldset:after { text-align: center; } .account .messages { margin-bottom: 0; } .account .column.main .block:not(.widget) .block-title > .action { float: right; margin-top: 5px; } .account .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .account .column.main .block:not(.widget) .block-content .box:last-child { margin-bottom: 0; } .control.captcha-image .captcha-img { display: block; margin-bottom: 10px; } .customer-account-index .page-title-wrapper { position: relative; } .form.search.advanced .field.price .with-addon .input-text { flex-basis: auto; width: 100%; } .cart-discount .giftcard .content { padding-bottom: 35px; } .cart-discount .actions-toolbar .secondary { bottom: 17px; } .field.open-amount { width: 100%; } .page-product-giftcard .product-info-main .product-info-stock-sku { display: block; padding-left: 10px; text-align: left; } .gift-message .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-top: 1px solid #c1c1c1; border-bottom: 0; } .gift-item-block .title:after { font-size: 1.2rem; position: absolute; right: 20px; top: 10px; } .gift-item-block .content { padding-left: 1.5rem; padding-right: 1.5rem; } .cart.table-wrapper .gift-content { border-top: 1px solid #c1c1c1; margin-right: -15px; overflow: hidden; padding-left: 15px; padding-right: 15px; } .cart .action-gift { display: inline-block; text-decoration: none; } .cart .action-gift > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e62a'; font-family: 'luma-icons'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart .action-gift:hover:after { color: #333333; } .cart .action-gift:active:after { color: #757575; } .cart .action-gift._active { border: 1px solid #c1c1c1; border-bottom-color: #ffffff; margin: -5px 14px -1px -15px; padding: 4px 10px 9px 14px; } .cart .action-gift._active:after { color: #333333; } .gift-options-cart-item + .towishlist { left: 0; position: absolute; } .cart.table-wrapper .action-giftregistry { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-giftregistry > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-giftregistry:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e62b'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-giftregistry:hover:before { color: #333333; } .cart.table-wrapper .action-giftregistry:active:before { color: #757575; } .gift-options-cart-item .gift-wrapping, .cart-gift-item .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; padding-bottom: 10px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-summary + .gift-message-summary { padding-right: 0; } .gift-options-cart-item { float: left; width: 100%; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } .product-add-form .table-wrapper.grouped { margin-left: -15px; margin-right: -15px; } .product-add-form .table-wrapper.grouped .table.data.grouped tr td { padding: 5px 10px 5px 15px; } body.filter-active .page-header { display: none; } body.filter-active .page-wrapper { height: 0; margin-top: -999999em; visibility: hidden; } body.filter-active .columns { z-index: 999; } .filter.active { position: relative; visibility: visible; z-index: 99; } .filter.active .filter-options-item:last-child { margin-bottom: 40px; } .filter.active .filter-title { border-bottom: 1px solid #cccccc; height: 48px; left: 0; position: fixed; right: 0; top: 0; z-index: 2; } .filter.active .filter-title strong { box-shadow: none; background: none; border: 0; color: transparent; left: auto; right: 3px; top: 10px; display: inline-block; text-decoration: none; } .filter.active .filter-title strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e616'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter.active .filter-subtitle { background: transparent; display: block; height: 50px; left: 0; line-height: 32px; position: fixed; right: 0; top: 0; z-index: 1; } .filter.active .filter-options { background: #ffffff; bottom: 0; display: block; left: 0; overflow: scroll; position: fixed; right: 0; top: 50px; z-index: 10; } .filter .filter-subtitle { font-size: 20px; font-weight: 300; } .filter-actions { margin: -35px -10px 25px; } .filter-options-content { padding: 5px 10px; } .filter .filter-current { border: solid #cccccc; border-width: 1px 0; margin: 5px -10px 0; } .filter .filter-current .items { display: none; } .filter .filter-current-subtitle { position: relative; text-transform: uppercase; z-index: 1; display: block; text-decoration: none; } .filter .filter-current-subtitle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter .filter-current-subtitle:before { position: absolute; right: 10px; top: 10px; } .filter .filter-current-subtitle:after { color: #7d7d7d; content: ' (' attr(data-count) ')'; font-size: .9em; } .filter .filter-current.active { padding-bottom: 30px; } .filter .filter-current.active .block-subtitle:before { content: '\e621'; } .filter .filter-current.active .items { display: block; } .filter .filter-current.active + .block-actions { display: block; } .filter .filter-current + .block-actions { display: none; } .filter-no-options .filter-title:before { background: rgba(255, 255, 255, 0.5); content: ''; display: block; height: 40px; left: 0; margin-top: -60px; position: relative; width: 75px; z-index: 99; } .filter-no-options .filter-content { margin-bottom: 20px; } .page-with-filter .columns .sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 10px; } .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select .wishlist-name { font-size: 1.6rem; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #cccccc; background: #f5f5f5; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { color: #333333; display: block; padding: 5px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #e8e8e8; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 0; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 25px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 40px; } .multicheckout .actions-toolbar > .primary { margin-right: 0; } .block.newsletter input { font-size: 12px; padding-left: 30px; } .block.newsletter .field .control:before { font-size: 13px; } .order-pager-wrapper .toolbar-amount { left: inherit; position: relative; text-align: center; top: inherit; } .order-pager-wrapper .pages { text-align: center; } .order-pager-wrapper .action.previous, .order-pager-wrapper .action.next { margin: 0; } .form.send.friend .fieldset { padding-bottom: 5px; } .form.send.friend .action.remove { margin-left: 0; right: 0; top: 100%; } .block-collapsible-nav { left: 0; position: absolute; top: -21px; width: 100%; z-index: 5; } .block-collapsible-nav .content { border-bottom: 1px solid #cccccc; display: none; } .block-collapsible-nav .content.active { display: block; } .customer-name, .customer-welcome + .authorization-link { display: none; } .nav-sections .switcher-trigger strong:after { font-size: 1.6rem; right: -25px; top: -2px; } .navigation .parent .level-top:after { font-size: 1.6rem; right: 10px; top: 7px; } .page-footer .footer.content .switcher-store { background: #f4f4f4; font-size: 1.6rem; margin: 0 -15px; } .page-footer .footer.content .switcher-store .switcher-options { display: block; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown { background: none; border: 0; box-shadow: none; margin: 0; position: relative; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:before, .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:after { display: none; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger, .page-footer .footer.content .switcher-store .switcher-options .switcher-option { border-top: 1px solid #cecece; display: block; padding: 10px 20px; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger strong { padding: 10px 0; } .page-footer .footer.content .switcher-store .switcher-options .switcher-option a { padding: 0; } .logo { margin-bottom: 13px; margin-top: 4px; } .cms-page-view .page-main { padding-top: 0; position: relative; } [class^='cms-privacy-policy'] .page-main { padding-top: 41px; position: relative; } .cms-content .data-table { border: none; display: block; } .cms-content .data-table > thead > tr > th { display: none; } .cms-content .data-table > tbody { display: block; } .cms-content .data-table > tbody > tr { display: block; } .cms-content .data-table > tbody > tr td, .cms-content .data-table > tbody > tr th { border-bottom: none; display: block; padding: 5px 10px; } .cms-content .data-table > tbody > tr td[data-th]:before, .cms-content .data-table > tbody > tr th[data-th]:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; } .cms-content .data-table > tbody > tr > th { background-color: #f6f6f6; } .products-grid.wishlist { margin-bottom: 30px; margin-right: 0; } .products-grid.wishlist .product-item { padding: 20px 0 20px 0; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 20px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; float: left; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 20px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } .cart.table-wrapper .towishlist { display: inline-block; text-decoration: none; } .cart.table-wrapper .towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e600'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .towishlist:hover:before { color: #333333; } .cart.table-wrapper .towishlist:active:before { color: #757575; } .cart.table-wrapper .towishlist:before { overflow: visible; } .sidebar .block-viewed-products-grid .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .sidebar .block-viewed-products-grid .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-photo { display: block; position: relative; } .sidebar .block-viewed-products-grid .products-grid .product-item-details { margin: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-info { text-align: center; } .account.vault-cards-listaction .add-methods { flex-direction: column; } .account.vault-cards-listaction .add-methods > div { width: calc(100% - 6px); } .account.vault-cards-listaction .add-methods > div > div:first-child { flex-direction: row; } .account.vault-cards-listaction .add-methods > div > div:first-child img { margin-right: 20px; } .account.vault-cards-listaction .add-methods > div:first-child { margin-bottom: 20px; margin-right: 0; } .account.vault-cards-listaction .braintree-credit-card-types { max-width: 130px; } .braintree-applepay-container-product { display: block; } .braintree-applepay-container-product .braintree-apple-pay-button { width: 100%; } div.braintree-express-payments > div > div { width: 100%; } div.braintree-express-payments .braintree-googlepay-button.long { height: 45px; width: 100%; } div.braintree-express-payments .braintree-apple-pay-button { height: 45px; width: calc(100% - 10px); } } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-downloadable-products .col.title:before, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:before, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:before, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:before, .multicheckout.order-review .data.table tbody > tr:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:after { clear: both; } .multicheckout.order-review .data.table tbody > tr:not(:last-child) { border-bottom: 1px solid #cccccc; } .multicheckout.order-review .data.table tbody > tr > td.col.item:before { display: none; } .multicheckout.order-review .data.table tbody > tr > td.col.qty, .multicheckout.order-review .data.table tbody > tr > td.col.price, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .multicheckout.order-review .data.table tbody > tr > td.col.qty[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.price[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-bottom: 10px; } .multicheckout.order-review .data.table tbody > tr > td.col:last-child { border: 0; } .abs-checkout-order-review .product-item-name, .multicheckout.order-review .data.table .product-item-name { margin: 0; } .abs-product-items-summary tbody .col { padding: 10px 0 0; } .abs-product-items-summary tfoot .mark { padding-bottom: 5px; text-align: left; } .abs-product-items-summary tfoot .amount { padding-top: 0; text-align: left; } .abs-product-items-summary tfoot .grand.totals { font-size: 1.6rem; } .abs-product-items-summary tfoot .grand.totals .mark { padding-bottom: 0; padding-top: 5px; } .abs-product-items-summary tfoot .grand.totals .amount { padding-bottom: 10px; padding-top: 0; } .abs-product-items-summary tfoot .grand.totals .amount strong { border-top: none; } .abs-account-table-margin-mobile, .table-wrapper.balance-history, .table-wrapper.reward-history, .table-wrapper.orders-recent { margin-top: -20px; } .abs-sidebar-totals-mobile th:before, .abs-sidebar-totals-mobile td:before, .account .table-billing-agreements .col.actions:before, .account .table-billing-agreements-related .col.actions:before, .table-wrapper.comparison .table-comparison > tbody > tr > th:before, .table-wrapper.comparison .table-comparison > tbody > tr > td:before, .cart .table.items .col.item:before, .cart .table.items .item-actions td:before, .account .table-giftregistry .col.actions:before, .table.grouped > tbody > tr > td:before, .account .table-reviews .col.actions:before, .account .table-order-items .col.actions:before, .account .table-order-items .col.options:before, .cart-totals .totals th:before, .cart-totals .totals td:before, .opc-block-summary .totals th:before, .opc-block-summary .totals td:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-no-display-s, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody th, .order-details-items .table-order-items .options-label, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } .abs-title-orders-mobile .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^='sales-guest-'] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title { display: block; } .abs-title-orders-mobile .page-main .page-title-wrapper .order-status, .magento-rma-returns-returns .page-main .page-title-wrapper .order-status, .magento-rma-returns-view .page-main .page-title-wrapper .order-status, .account .page-main .page-title-wrapper .order-status, [class^='sales-guest-'] .page-main .page-title-wrapper .order-status, .sales-guest-view .page-main .page-title-wrapper .order-status { margin: -10px 0 10px; } .abs-table-striped-mobile > tbody > tr > td:last-child, .account .data.table > tbody > tr > td:last-child { border: 0; } .abs-no-border-top, .product.info.detailed .additional-attributes-wrapper, .table-wrapper.balance-history, .table-wrapper.table-returns, .table-wrapper.orders-recent, .order-details-items .table-wrapper { border-top: 0; } .abs-no-border-bottom { border-bottom: 0; } .abs-sidebar-totals-mobile .amount, .cart-totals .totals .amount, .opc-block-summary .totals .amount { text-align: right; } .table-wrapper { border-top: 1px solid #cccccc; overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 5px 10px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > th { background-color: #f6f6f6; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding-top: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 1px solid #cccccc; padding-bottom: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty { text-align: left; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody td:last-child { border: none; padding: 0 0 5px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 20px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark { box-sizing: border-box; float: left; text-align: left; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount { box-sizing: border-box; float: left; text-align: right; width: 30%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals { font-size: 1.6rem; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals .amount { padding-bottom: 10px; } .data-table-definition-list thead { display: none; } .data-table-definition-list tbody th { padding-bottom: 0; } .data-table-definition-list tbody th, .data-table-definition-list tbody td { display: block; padding-left: 0; padding-right: 0; } .pages .pages-items { display: block; padding: 2px 40px 0; position: relative; white-space: normal; z-index: 1; } .pages-item-previous { left: 0; position: absolute; top: 0; z-index: 1; } .pages-item-next { position: absolute; right: 0; top: 0; z-index: 1; } .table-magento-payments-review-items .col.subtotal { text-align: left; } .table-magento-payments-review-items .product-item-name { display: inline-block; } .cart-summary .apple-pay { margin-top: 14px; } .form-new-agreement select { width: auto; } .table-paypal-review-items .col.subtotal { text-align: left; } .table-paypal-review-items .product-item-name { display: inline-block; } .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #757575; content: '\e604'; font-family: 'luma-icons'; margin: -4px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .products-list .product-item { table-layout: fixed; } .products-list .product-item-photo { padding: 0 10px 10px 0; width: 30%; } .product-item-actions .actions-primary { display: block; } .toolbar-products { margin-bottom: 0; } .product-info-price { margin: 0 -10px 0; width: calc(100% + 2*10px) !important; } .product-info-price > *:first-child { padding-left: 10px; } .product-info-price > *:last-child { padding-right: 10px; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { display: table-cell; } .cart .table.items .col.qty { text-align: center; } .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 0; } .opc-wrapper .step-content { margin: 0 0 15px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping { background: #f4f4f4; margin: 20px -15px 15px; padding: 20px 15px; } .opc-wrapper .form-login + .form-shipping-address { margin-top: -15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 35px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 39px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 10px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .methods-shipping { border-bottom: 1px solid #cccccc; padding-top: 30px; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 5px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #333333; } .opc-wrapper .edit-address-link:active:before { color: #757575; } .shipping-policy-block.field-tooltip { margin-bottom: 20px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } .opc-block-shipping-information .shipping-information-title { font-size: 2.3rem; } .opc-block-summary > .title { border-bottom: 0; font-size: 18px; margin-bottom: 20px; padding-bottom: 0; } .account .column.main, .account .sidebar-additional { margin: 0; padding: 0; } .account .sidebar-main .account-nav { margin-bottom: 0; } .page-product-downloadable .product-options-wrapper { margin-bottom: 25px; } .table-downloadable-products .product-name { display: block; margin-bottom: 5px; } .page-product-downloadable .product-info-price ~ *:last-child:after { border-bottom: 1px solid #c1c1c1; content: ''; display: block; height: 0; margin: 25px -10px; overflow: hidden; width: auto; } .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 20px; } .block-giftregistry-results .block-title { margin-bottom: 0; } .block-giftregistry-results .table-wrapper { border-top: none; } .block-giftregistry-shared-items .block-title { margin-bottom: 10px; } .block-giftregistry-shared-items .table-wrapper { border-top: 0; } .table.grouped > thead > tr > th { border-bottom: 1px solid #cccccc; display: table-cell; } .table.grouped > tbody { border-bottom: 1px solid #cccccc; } .table.grouped > tbody > tr > td { padding: 11px 10px; border: 0; display: table-cell; } .table-wrapper .table.grouped:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > td:last-child { border-bottom: 0; } .page-product-grouped .minimal-price { margin: 0; } .page-product-grouped .product-info-price { border: 0; margin-bottom: 0; } .page-product-grouped .product-info-price .price-box { padding-bottom: 0; } .form-add-invitations .action.remove { display: inline-block; text-decoration: none; } .form-add-invitations .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: inherit; color: #757575; content: '\e604'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.remove:hover:before { color: inherit; } .form-add-invitations .action.remove:active:before { color: inherit; } .multicheckout .data.table .address:before { margin-bottom: 5px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 40px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.subtotal { border-bottom: none; } .multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.qty { text-align: center; } .multicheckout .actions-toolbar .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 25px; margin-right: 0; } .customer-review .product-name { margin-bottom: 5px; } .customer-review .product-reviews-summary .rating-summary { display: block; margin-bottom: 5px; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 20px; } .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { display: block; float: none; margin: 10px 0 0; } .table-wrapper.orders-recent .table-order-items.table tbody > tr > td.col { padding-left: 0; } .order-details-items thead { display: block; } .order-details-items thead tr { display: block; } .order-pager-wrapper { display: block; } .account .table-order-items tbody tr { display: block; } .account .table-order-items .product-item-name { display: inline-block; margin: 0; } .account .table-order-items .action.show { margin-top: 0; } .order-details-items .order-title strong { display: block; } .order-details-items .action { margin-top: 10px; } .order-details-items .items-qty { display: inline-block; vertical-align: top; } .order-details-items .col.price .price-including-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-excluding-tax { display: inline-block; } .order-details-items .data.table .col.options { padding: 0 10px 15px; } .order-details-items .data.table .col.options:before { display: none; } .order-details-items .options-label + .item-options-container[data-th]:before, .order-details-items .item-options-container + .item-options-container[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-left: 10px; } .order-details-items .options-label + .item-options-container .col, .order-details-items .item-options-container + .item-options-container .col { font-size: 1.2rem; padding: 0 10px; } .order-details-items .options-label + .item-options-container .col:first-child, .order-details-items .item-options-container + .item-options-container .col:first-child { padding-top: 3px; } .order-details-items .options-label + .item-options-container .col:last-child, .order-details-items .item-options-container + .item-options-container .col:last-child { padding-bottom: 20px; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; margin: 0; width: 100%; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } .braintree-three-d-modal .bt-modal-frame { width: 100%; } } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } .sorter-options { margin: 0 2px; } .minicart-wrapper .block-minicart { width: 290px; } .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } } @media all and (min-width: 640px) { .abs-blocks-2columns-s { width: 48%; } .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } .abs-visually-hidden-desktop-s, .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop-s:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:before, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } .abs-form-field-column-2-s .fieldset .field { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .abs-form-field-column-2-s .fieldset .field + .fieldset { clear: both; } .abs-form-field-column-2-s .fieldset .field .field { padding: 0; width: 100%; } .abs-form-field-revert-column-1-s { width: 100%; } .abs-action-print-s { display: inline-block; text-decoration: none; } .abs-action-print-s:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; content: '\e624'; font-family: 'luma-icons'; margin: 0 4px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .table > tbody > tr > th, .table > tbody > tr > td { border-top: 1px solid #cccccc; } .table > tbody + tbody { border-top: 1px solid #cccccc; } .ui-dialog.popup { width: 420px; } #askit-new-question-form { max-width: 500px; } .products-list .product.featured-attributes { display: block; } .column .block-addbysku .action.remove { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #006bb4; text-decoration: none; background: none; border: 0; display: inline; margin-top: -4px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #006bb4; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #006bb4; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #ff5501; text-decoration: underline; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #006bb4; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .catalogsearch-advanced-result .message.error { margin-top: 0; } .products-grid .product-item-info:hover, .products-grid .product-item-info.active { background: #ffffff; box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbbbbb; margin: -10px; padding: 9px; position: relative; z-index: 9; } .products-grid .product-item-info:hover .product-item-inner, .products-grid .product-item-info.active .product-item-inner { display: block; } .sidebar .products-grid .product-item-info:hover .product-item-photo, .sidebar .products-grid .product-item-info.active .product-item-photo { left: 9px; top: 9px; } .products-grid .product-item-inner { background: #ffffff; box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbbbbb; border-top: none; left: 0; margin: 10px 0 0 -1px; padding: 0 9px 9px; position: absolute; right: -1px; z-index: 2; } .product-item-actions { display: block; } .products-grid .product-item-actions { margin: -10px 0 10px; } .product-item-actions .actions-primary + .actions-secondary { display: inline-block; vertical-align: middle; } .product-item-actions .actions-primary + .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-primary + .actions-secondary > .action:last-child { margin-right: 0; } .product-item-actions .actions-primary { display: inline-block; } .page-products .products-grid .product-item-inner:before { background: #ffffff; content: ''; height: 3px; left: 0; position: absolute; top: -2px; width: 100%; z-index: -1; } .page-products .product-item-actions { z-index: 1; } .products-grid .product-item { margin-bottom: 20px; width: 33.33333333%; } .page-products .products-grid .product-item, .page-layout-1column .products-grid .product-item, .page-layout-3columns .products-grid .product-item, .page-products.page-layout-1column .products-grid .product-item, .page-products.page-layout-3columns .products-grid .product-item { margin-left: 0; width: calc((100% - 4%) / 3); } .page-products .products-grid .product-item:nth-child(3n + 1), .page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-layout-3columns .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } .block.widget .products-grid .product-item .product-item-inner, .page-layout-1column .block.widget .products-grid .product-item .product-item-inner, .page-layout-3columns .block.widget .products-grid .product-item .product-item-inner { box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, 0.3); margin: 9px 0 0 -1px; } .sidebar .product-items .action.delete { line-height: unset; position: absolute; right: 0; top: -1px; width: auto; } .sidebar .block-compare .action.delete { left: 0; right: initial; } .cart-container .block.crosssell .products-grid .product-item-actions { margin: 0 0 10px; } .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 0; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 20px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 25px; padding-right: 25px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 25px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 40px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } .review-form { max-width: 500px; } .review-ratings { float: left; margin-bottom: 0; min-width: 240px; padding-right: 40px; } .review-ratings ~ .review-content-container { overflow: hidden; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } .order-details-items .order-title .action { margin: 12px 0 0 30px; } .order-details-items .order-title .action.track { float: right; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.33333333%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } }  /* Apple Pay */ .stripe-payments-apple-pay-section { text-align: center; margin-bottom: 25px; } .stripe-payments-apple-pay-section label { font-weight: bold; margin: 10px 0; float: none; display: block; } /* Authorized Apple Pay Result */ .stripe-payments-apple-pay-result label { display: inline-block; font-weight: bold; margin-bottom: 18px; } .stripe-payments-apple-pay-result { text-align: center; padding: 10px 0 15px; font-size: 1.1em; } .stripe-payments-apple-pay-result > div { margin-bottom: 18px; } .indent { margin-right: 20px; } /* Stripe Express */ @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .box-tocart .action.tocart.payment-request-button { padding: 0; } .payment-request-button { width: 240px; } .payment-request-button.disabled, .payment-request-button.disabled * { pointer-events: none !important; } .payment-request-button.disabled { opacity: 0.5; filter: grayscale(50%); } .payment-request-button.disabled::after { position: relative; height: 1em; width: 1em; display: block; left: 50%; margin-left: -.5em; margin-top: -1.2em; content: ''; -webkit-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../../frontend/Magento/luma/en_GB/StripeIntegration_Payments/svg/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0, 0, 0, .75) } .catalog-product-view .payment-request-button { margin-bottom: 15px; margin-right: 1%; width: 49%; } .stripe-payments-express-minicart { margin-top: 15px; } .stripe-payments-express-minicart .payment-request-button, .payment-request-button.cart { width: 100% !important; } .cart-summary .stripe-payments-express-minicart { margin-top: 0; margin-bottom: 25px; } .suggestpage-activity { background: #fff; margin: 10px auto 15px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); display: table; width: 100%; max-width: 960px; display: flex; flex-direction: row; } .suggestpage-activity .col-1 { width: 40%; float: left; padding: 25px; box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, 0.07000000000000001); flex-grow: 0; } .suggestpage-activity .col-1 .product-item-name a { font-size: 16px; line-height: 1; } .suggestpage-activity .cartinfo h3 { margin-top: 0; } .suggestpage-activity .cartinfo table { margin-bottom: 20px; } .suggestpage-activity .cartinfo tr th { float: left; padding: 5px 10px; } .suggestpage-activity .cartinfo tr td { padding: 5px 10px; } .suggestpage-activity .col-2 { float: right; background: #fafafa; padding: 25px; box-sizing: border-box; flex-grow: 1; } .suggestpage-activity .col-2 table { width: 50%; } .suggestpage-activity .col-suggest-list ol { list-style-type: none; padding: 0 !important; margin-bottom: 0; } .suggestpage-activity .col-suggest-list ol li { display: flex; flex-direction: row; } .suggestpage-activity .col-suggest-list ol li:last-child { margin-bottom: 0; } .suggestpage-activity .product-item-photo { max-width: 120px; } .suggestpage-activity .product-item-details { width: 100%; padding: 0 10px; } .suggestpage-activity .qty-price { line-height: 1; margin-top: 4px; margin-bottom: 15px; } .suggestpage-activity .qty-price, .suggestpage-activity .qty-price * { font-size: 16px; } .suggestpage-activity .suggestpage-qty { float: left; } .suggestpage-activity .item-options { clear: left; margin-bottom: 0; } @media (max-width: 640px) { .suggestpage-activity { flex-direction: column; } .suggestpage-activity .col-1 { width: 100%; } .suggestpage-activity .cartinfo .actions button { margin-bottom: 10px; } } .swissup-suggestpage-index-index .column.main .block, .ajaxpro-popup-suggestpage-view .block { margin-top: 30px; } .swissup-suggestpage-index-index .column.main .block.crosssell, .ajaxpro-popup-suggestpage-view .block.crosssell { width: auto; float: none; padding: 0; } /* Pickled Bluewood */ /* Curious Blue */ /* White */ /* Porcelain */ /* Cinnabar */ [data-block="ajaxpro-floating-cart"].minicart-wrapper { margin: 0 !important; padding: 0 !important; } .cd-cart-container::before { content: ''; position: fixed; z-index: 800; height: 100vh; width: 100vw; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; } .cd-cart-container.cart-open::before { opacity: 1; visibility: visible; } .cd-cart-trigger, .cd-cart { position: fixed; bottom: 20px; right: 5%; transition: transform .2s; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: transform; backface-visibility: hidden; } .rtl .cd-cart-trigger, .rtl .cd-cart { right: auto; left: 5%; } .empty .cd-cart-trigger, .empty .cd-cart { transition: transform .2s, 0s visibility .4s; transform: translateY(150px); visibility: hidden; } @media only screen and (min-width: 1170px) { .cd-cart-trigger, .cd-cart { bottom: 40px; } } .cd-cart-trigger { z-index: 802; height: 72px; width: 72px; text-indent: -9999px; color: transparent; white-space: nowrap; } .rtl .cd-cart-trigger { text-indent: 9999px; } .cd-cart-trigger:hover { color: transparent; } .cd-cart-trigger::after, .cd-cart-trigger::before { content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); height: 100%; width: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNDRweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgMTQ0IDcyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNDQgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMCwgMjApIj4KCQoJCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjciIHkxPSIxMSIgeDI9IjEzIiB5Mj0iMiIvPgoJCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUiIHkxPSIxMSIgeDI9IjE5IiB5Mj0iMiIvPgoJCgkJPHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIKCQkyOCwxNSAyNiwyOSA2LDI5IDQsMTUgCSIvPgoJCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMSIgeTE9IjExIiB4Mj0iMzEiIHkyPSIxMSIvPgo8L2c+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyLCAyMCkiPgoJCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjciIHkxPSI1IiB4Mj0iNSIgeTI9IjI3Ii8+CgkKCQk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNyIgeTE9IjI3IiB4Mj0iNSIgeTI9IjUiLz4KPC9nPgo8L3N2Zz4K') no-repeat 0 0; transition: opacity .2s, transform .2s; } .cd-cart-trigger::after { background-position: -72px 0; opacity: 0; transform: translateX(-50%) translateY(-50%) rotate(90deg); } .cart-open .cd-cart-trigger::before { opacity: 0; } .cart-open .cd-cart-trigger::after { opacity: 1; transform: translateX(-50%) translateY(-50%); } .cd-cart-trigger .count { position: absolute; top: -10px; right: -10px; height: 28px; width: 28px; background: #323232; color: #ffffff; font-size: 1.1em; font-weight: bold; border-radius: 50%; text-indent: 0; transition: transform .2s .5s; list-style: none; padding: 0; } .cd-cart-trigger .count li { position: absolute; transform: translateZ(0); left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); padding: 0; } .cd-cart-trigger .count li:last-of-type { visibility: hidden; } .cart-open .cd-cart-trigger .count { transition: transform .2s 0s; transform: scale(0); } .empty .cd-cart-trigger .count { transform: scale(1); } .cd-cart-trigger:hover + div .wrapper { box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3); } .cart-open .cd-cart-trigger:hover + div .wrapper { box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17); } .cd-cart { z-index: 801; width: 90%; max-width: 440px; height: 400px; max-height: 90%; pointer-events: none; } .cd-cart .wrapper { position: absolute; bottom: 0; right: 0; z-index: 801; overflow: hidden; height: 72px; width: 72px; border-radius: 6px; transition: height 0.4s 0.1s, width 0.4s 0.1s, box-shadow 0.3s; transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95); background: #ffffff; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17); pointer-events: auto; } .rtl .cd-cart .wrapper { right: auto; left: 0; } .cd-cart .wrapper .minicart-items-wrapper { border: 0; margin: 0; padding: 0; height: 100% !important; } .cd-cart .wrapper .minicart-items-wrapper .product-item { padding: 10px; margin: 0; } .cd-cart .wrapper .minicart-items-wrapper .product-item .subtitle { display: none; } .cd-cart .wrapper .minicart-items-wrapper .product-item > .product { position: relative; } .cd-cart .wrapper .minicart-items-wrapper .product-item-name { display: block; max-width: calc(100% - 70px); } .cd-cart .wrapper .minicart-items-wrapper .price-container { position: absolute; top: 0; right: 0; margin: 0; } .rtl .cd-cart .wrapper .minicart-items-wrapper .price-container { right: auto; left: 0; } .cd-cart .wrapper .minicart-items-wrapper .price-container .price-excluding-tax { margin: 0; } .cd-cart .wrapper .minicart-items-wrapper .price-container .price { font-size: 16px; font-weight: bold; } .cd-cart header, .cd-cart footer { position: absolute; z-index: 801; left: 0; width: 100%; box-sizing: border-box; } .cd-cart header, .cd-cart .body { opacity: 0; } .cd-cart header { top: 0; border-radius: 6px 6px 0 0; padding: 0 1.4em; height: 40px; line-height: 40px; background-color: #ffffff; transition: opacity .2s 0s; border-bottom: 1px solid #e6e6e6; } .cd-cart footer { bottom: 0; border-radius: 0 0 6px 6px; box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15); background: #ffffff; } .cd-cart .checkout { display: block; height: 72px; line-height: 72px; margin-right: 72px; background: #2c97de; color: rgba(255, 255, 255, 0); text-align: center; font-size: 20px; font-weight: 600; transition: all .2s 0s; } .rtl .cd-cart .checkout { margin-right: 0; margin-left: 72px; } .cd-cart .checkout:hover { background: #399ee0; } .cd-cart .checkout em { visibility: hidden; font-style: normal; position: relative; display: inline-block; transform: translateX(40px); transition: transform 0s .2s; } .cd-cart .checkout em::after { position: absolute; top: 50%; bottom: auto; transform: translateY(-50%); right: 0; content: ''; height: 24px; width: 24px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIzIiB5MT0iMTIiIHgyPSIyMSIgeTI9IjEyIi8+Cjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iCgkxNSw2IDIxLDEyIDE1LDE4ICIvPgo8L3N2Zz4K') no-repeat center center; opacity: 0; transition: opacity .2s; } .rtl .cd-cart .checkout em::after { right: auto; left: 0; transform: rotate(180deg) translateY(-50%); transform-origin: 0 0; } .cd-cart .body { height: calc(100% - 112px); margin: 40px 0 0; transition: opacity .2s; } .cd-cart .body .minicart-items { overflow-x: hidden; padding: 10px; } .cd-cart .body li { opacity: 0; transform: translateX(80px); transition: opacity 0s .2s, transform 0s .2s; } .cd-cart .body li:not(:last-of-type) { margin-bottom: 20px; } .cd-cart .body .subtitle.empty { margin: 50px; } .cart-open .cd-cart .wrapper { height: 100%; width: 100%; transition-delay: 0s; } .cart-open .cd-cart header, .cart-open .cd-cart .body { opacity: 1; } .cart-open .cd-cart header { transition: opacity .2s .2s; } .cart-open .cd-cart .body { transition: opacity 0s; } .cart-open .cd-cart .body li { transition: transform .3s .2s, opacity .3s .2s; opacity: 1; transform: translateX(0); } .cart-open .cd-cart .body li:nth-of-type(2) { transition-duration: .4s; } .cart-open .cd-cart .body li:nth-of-type(3) { transition-duration: .5s; } .cart-open .cd-cart .body li:nth-of-type(4), .cart-open .cd-cart .body li:nth-of-type(5) { transition-duration: .55s; } .cart-open .cd-cart .checkout { color: #ffffff; transition: color .2s .3s; } .cart-open .cd-cart .checkout em { visibility: visible; transform: translateX(0); transition: transform .2s .3s, padding .2s 0s; } .cart-open .cd-cart .checkout:hover em { padding-right: 30px; } .rtl .cart-open .cd-cart .checkout:hover em { padding-right: 0; padding-left: 30px; } .cart-open .cd-cart .checkout:hover em::after { opacity: 1; } @media only screen and (min-width: 768px) { .cd-cart .checkout { font-size: 24px; } } .attributepages-grid-wrapper { margin: 0 0 10px; } .attributepages-grid-wrapper li.item { padding: 0 1% !important; float: left; width: 98%; margin: 0 0 5px; } .attributepages-grid-wrapper .attributepages-title { text-decoration: none; } .attributepages-grid-wrapper .attributepages-title:hover { text-decoration: underline; } .attributepages-grid-wrapper .option-image { width: auto; height: auto; border: none; margin: 0; padding: 0; text-align: center; } .attributepages-grid-wrapper li a.option-image:hover { background: none; } .attributepages-grid-wrapper img, .attributepages-grid-wrapper .option-image img { width: auto; max-width: 100%; height: auto; } /* Link mode */ .attributepages-grid-wrapper .mode-image li.item { padding: 10px 1% !important; text-align: center; } .attributepages-cols-2 li.item { width: 48% !important; } .attributepages-cols-3 li.item { width: 31.3% !important; } .attributepages-cols-4 li.item { width: 23% !important; } .attributepages-cols-5 li.item { width: 18% !important; } .attributepages-cols-6 li.item { width: 14.6% !important; } .attributepages-cols-7 li.item { width: 12.2% !important; } .attributepages-cols-8 li.item { width: 10.5% !important; } /* Anchor for grouped option list */ .attributepages-options-group { margin: 0 0 15px; } .attributepages-options-group:last-child { margin: 0; } .attributepages-options-group-title { border-bottom: 1px solid #e4e4e4; color: #555; font-size: 1.05em; line-height: 20px; margin: 0 0 10px; padding: 5px 1%; position: relative; text-transform: uppercase; } .attributepages-options-anchor { top: 0; left: -20px; cursor: pointer; display: block; padding-left: 10px; padding-right: 6px; position: absolute; text-decoration: none; } .attributepages-options-anchor span { display: none; color: #585a5d; font-size: .9em; } /* block styles */ .attributepages-block .block-title { font-size: 18px; background: #fff; } .attributepages-block .block-content { padding: 5px 7px; } .block .attributepages-grid-wrapper, .nav-dropdown .attributepages-grid-wrapper { margin: 0; } /* Slider block */ .attributepages-slider-content { padding: 0 10px; } /* std styles reset */ .list-attributepages-otions-grouped { margin: 0; padding: 0; list-style: none; } ul.attributepages-grid { margin: 0; padding: 0; list-style: none; } /* third-party extensions integration */ .nav-dropdown .attributepages-grid-wrapper { padding: 5px; } /* product and category pages */ .list-attributepages { margin: 5px 0; padding: 0; } .list-attributepages li { display: inline-block; max-width: 100%; } .list-attributepages a:hover { text-decoration: underline; } .list-attributepages.with-description li { display: block; margin-bottom: 6px; } .list-attributepages img { display: inline; vertical-align: middle; } .list-attributepages .attributepages-short-description { margin-top: 3px; opacity: .7; } .list-attributepages .attributepages-short-description p { margin-bottom: 5px; } .attributepages-parent-link { font-size: 0.85em; } /* helper classes */ .list-block li { display: block; } .list-attributepages.a-center { text-align: center; } .list-attributepages.clear { clear: both; } .hidden-label .attributepages-parent-title { display: none; } /* category listing */ .products-grid .list-attributepages { border: 1px solid #eee; border-radius: 4px; padding: 5px; } .products-list .list-attributepages, .products-grid .list-attributepages { clear: left; } @media (max-width: 480px) { .products-grid .list-attributepages { margin: 5px; } } .attributepages-grid, .list-attributepages { zoom: 1; } .attributepages-grid:after, .list-attributepages:after { content: '.'; clear: both; display: block; visibility: hidden; height: 0; font-size: 0; } .easybanner-banner > [data-content-type="html"] { display: contents; } .easybanner-banner img { vertical-align: top; height: auto; } .easybanner-layout-magazine { position: relative; } .easybanner-layout-magazine .easybanner-title { display: inline-block; position: absolute; z-index: 10; left: 10px; top: 10px; color: #fafafa; text-decoration: none; font-size: 25px; font-weight: bold; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } @media (min-width: 768px) and (max-width: 1024px) { .easybanner-layout-magazine .easybanner-title { font-size: 18px; } } .easybanner-layout-magazine .easybanner-title.bottom { top: auto; bottom: 10px; } .easybanner-layout-magazine .easybanner-title.right { text-align: right; left: auto; right: 10px; } .easybanner-layout-book { display: flex; align-items: flex-start; } .easybanner-layout-book > img, .easybanner-layout-book > picture { flex-shrink: 0; } .easybanner-layout-book.vertical { flex-direction: column; } .easybanner-layout-book > .content { padding: 2em 3em; } .easybanner-layout-book > .content.center { text-align: center; } .easybanner-layout-book > .content .easybanner-title { margin-top: 0; } .easybanner-layout-book > .content .easybanner-title:after { display: none; } .easybanner-layout-book > .content p { font-size: 1.1em; line-height: 1.5em; } @media (max-width: 767px) { .easybanner-layout-book > img, .easybanner-layout-book > picture { display: none; } } .easybanner-banner .block.newsletter { width: auto; max-width: none; margin: 0; padding: 0; } .easybanner-banner .easybanner-newsletter { max-width: 330px; margin: 20px auto 35px; } .easybanner-banner .easybanner-newsletter .block.newsletter > .title, .easybanner-banner .easybanner-newsletter .block.newsletter .field.newsletter label > span.label { display: none; } .easybanner-banner .easybanner-newsletter .block.newsletter .form.subscribe { display: block; text-align: left; } .easybanner-banner .easybanner-newsletter .block.newsletter .form.subscribe > .field, .easybanner-banner .easybanner-newsletter .block.newsletter .form.subscribe > .actions { float: none; } .easybanner-banner .easybanner-newsletter .block.newsletter .field .control { position: relative; } .easybanner-banner .easybanner-newsletter .block.newsletter .field .control:before { display: none; } .easybanner-banner .easybanner-newsletter .block.newsletter .field .control input { height: auto; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; padding: 12px; } .easybanner-banner .easybanner-newsletter .block.newsletter .field .control input:focus { background-color: #f4f4f4; } .easybanner-banner .easybanner-newsletter .block.newsletter .actions { width: auto; display: block; margin-top: 10px; } .easybanner-banner .easybanner-newsletter .block.newsletter .action.subscribe { position: relative; border: 0; width: 100%; display: block; color: #fff; font-size: 18px; text-shadow: 0 0 2px rgba(0, 0, 0, 0.15); text-transform: none; background: #f54336; padding: 16px; border-radius: 3px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); transition: transform 100ms ease-in-out, box-shadow 100ms ease-in-out; } .easybanner-banner .easybanner-newsletter .block.newsletter .action.subscribe:active { transform: scale(0.97); box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); } .easybanner-banner .easybanner-newsletter .block.newsletter .action.subscribe span { text-transform: none; text-shadow: none; color: inherit; padding: 0; background: transparent; } .easybanner-close-icon { position: absolute; cursor: pointer; right: 2px; top: 2px; width: 30px; height: 30px; } .easybanner-close-icon::before, .easybanner-close-icon::after { content: ''; position: absolute; height: 2px; width: 15px; top: 13px; left: 8px; background-color: #555555; } .easybanner-close-icon::before { transform: rotate(45deg); } .easybanner-close-icon::after { transform: rotate(-45deg); } .easybanner-close-icon:hover::before, .easybanner-close-icon:hover::after { background-color: #111111; } .easybanner-banner.close-icon-light .easybanner-close-icon::before, .easybanner-banner.close-icon-light .easybanner-close-icon::after { background-color: #eeeeee; } .easybanner-close-permanent-core { z-index: 100; position: absolute; bottom: 2px; right: 2px; padding: 2px 5px; font-size: 12px; color: #aaaaaa; transition: opacity 0.2s ease-in; } .easybanner-close-permanent-core:visited { color: #aaaaaa; } .easybanner-banner.permanent-close-dark .easybanner-close-permanent-core { color: #222222; } .easybanner-banner.permanent-close-dark .easybanner-close-permanent-core:visited { color: #222222; } .easybanner-banner.permanent-close-light .easybanner-close-permanent-core { color: #fafafa; } .easybanner-banner.permanent-close-light .easybanner-close-permanent-core:visited { color: #fafafa; } .easybanner-banner.permanent-close-hide .easybanner-close-permanent-core { display: none; } .easybanner-banner.no-border, .easybanner-banner.no-borders { padding: 0; } .easybanner-banner.banner-dark { background-color: #222222; color: #ddd; } .easybanner-banner.banner-dark a { color: #888; } .easybanner-banner.banner-dark a:visited { color: #888; } .easybanner-banner.banner-dark .easybanner-close-icon::before, .easybanner-banner.banner-dark .easybanner-close-icon::after { background-color: #eeeeee; } .easybanner-lightbox-el { border-radius: 2px; box-sizing: border-box; padding: 25px; position: fixed; z-index: 10000; left: 0; top: 0; background: #ffffff; box-shadow: 0 0 50px rgba(0, 0, 0, 0.4); max-width: 750px; text-align: left; --easybanner-translate-x: 0; --easybanner-translate-y: 0; --easybanner-scale-x: 1; --easybanner-scale-y: 1; --easybanner-transform: translateX(var(--easybanner-translate-x)) translateY(var(--easybanner-translate-y)) scaleX(var(--easybanner-scale-x)) scaleY(var(--easybanner-scale-y)); opacity: 0; transition-property: opacity, transform; transition-duration: 200ms, 200ms; transition-timing-function: ease-in-out; transform: var(--easybanner-transform); } .easybanner-lightbox-el.zoom-in { --easybanner-scale-x: 0.95; --easybanner-scale-y: 0.95; } .easybanner-lightbox-el.zoom-out { --easybanner-scale-x: 1.02; --easybanner-scale-y: 1.02; } .easybanner-lightbox-el.slide-up { --easybanner-translate-y: 10px; } .easybanner-lightbox-el.slide-up.full { --easybanner-translate-y: 100%; } .easybanner-lightbox-el.slide-down { --easybanner-translate-y: -10px; } .easybanner-lightbox-el.slide-down.full { --easybanner-translate-y: -100%; } .easybanner-lightbox-el.slide-left { --easybanner-translate-x: 10px; } .easybanner-lightbox-el.slide-left.full { --easybanner-translate-x: 100%; } .easybanner-lightbox-el.slide-right { --easybanner-translate-x: -10px; } .easybanner-lightbox-el.slide-right.full { --easybanner-translate-x: -100%; } .easybanner-lightbox-el.shown, .easybanner-lightbox-el.shown.full { opacity: 1; --easybanner-translate-x: 0; --easybanner-translate-y: 0; --easybanner-scale-x: 1; --easybanner-scale-y: 1; } .easybanner-lightbox-content { overflow: auto; } .easybanner-lightbox-content::-webkit-scrollbar { width: 4px; height: 4px; background-color: #f1f1f1; } .easybanner-lightbox-content::-webkit-scrollbar-thumb { background-color: #aaaaaa; } .easybanner-overlay-el { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: 200ms opacity ease-in-out; } .easybanner-overlay-el.shown { opacity: 1; } .easybanner-awesomebar-el { box-sizing: border-box; padding: 25px; left: 0; top: -400px; position: fixed; background: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); text-align: left; z-index: 9998; width: 100%; transition: top 300ms ease; } .easybanner-awesomebar-el .easybanner-close-icon { right: 10px; top: 8px; } .easybanner-awesomebar-content { max-width: 960px; margin: 0 auto; max-height: 400px; overflow: auto; } .easybanner-awesomebar-content::-webkit-scrollbar { width: 4px; height: 4px; background-color: #f1f1f1; } .easybanner-awesomebar-content::-webkit-scrollbar-thumb { background-color: #aaaaaa; } :root { --color-tomato: #ff6347; --color-black: #000000; --color-white: #ffffff; --color-lightgray: rgba(240, 233, 241, 0.4); --color-blue: #3e95cb; } a.crosslink { position: relative !important; cursor: pointer; } a.crosslink.underline-animation { text-decoration: none; color: inherit; } a.crosslink.underline-animation::after { content: ' '; position: absolute; top: 100%; left: 25%; width: 50%; height: 1px; border-bottom: 1px solid var(--color-tomato); transition: 0.4s; } a.crosslink.underline-animation:hover::after { width: 100%; left: 0; text-decoration: none; } a.crosslink.highlight-background { color: var(--color-black); background: var(--color-lightgray); text-decoration: none; font-style: italic; padding: 0 5px; border-radius: 5px; } a.crosslink.highlight-background:hover { color: #006bb4; background: none; } a.crosslink.color-animation { color: var(--color-blue); text-decoration: none; } a.crosslink.color-animation:hover { color: var(--color-tomato); } a.crosslink.color-animation:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } a.crosslink.color-animation:before { content: ""; transition: all 0.2s ease 0s; -webkit-backface-visibility: hidden; position: absolute; width: 100%; height: 1px; bottom: -2px; left: 0; background-color: var(--color-tomato); visibility: hidden; transform: scaleX(0); } a.crosslink .swissup-crosslink-tooltip { visibility: hidden; position: absolute; width: auto; min-width: 120px; background-color: var(--color-black); color: var(--color-white); text-align: center; border-radius: 6px; padding: 6px; bottom: 23px; left: 0; font-style: initial; z-index: 11; } a.crosslink .swissup-crosslink-tooltip::after { content: ""; position: absolute; top: 100%; left: 10%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: var(--color-black) transparent transparent transparent; } a.crosslink:hover .swissup-crosslink-tooltip { visibility: visible; } /** * Swiper 11.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * //swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 19, 2025 */ :root { --swiper-theme-color: #007aff; } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper, .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification, .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube, .swiper-container.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper.swiper-flip, .swiper-container.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards, .swiper-container.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .testimonials-list .testimonials { margin: 0 10px 0 10px; } .testimonials-list figure.testimonial.loaded { animation-name: testimonialsSlideInUp; animation-duration: 0.7s; animation-fill-mode: both; } .testimonials-list figure.testimonial:nth-child(2n) .info { text-align: right; } .testimonials-list figure.testimonial:nth-child(2n) .info .author { right: 0; padding: 0 120px 0 10px; } .testimonials-list figure.testimonial:nth-child(2n) .arrow { border-left-width: 25px; border-right-width: 0; left: auto; right: 50px; } .testimonials-list figure.testimonial:nth-child(2n) .contacts-info a:last-child img { margin-right: 0; } .testimonials-list figure.testimonial blockquote .extra-info { display: flex; justify-content: space-between; position: relative; top: 5px; } .testimonials-list figure.testimonial blockquote .extra-info .date { padding-top: 3px; } .testimonials-list figure.testimonial blockquote .extra-info .rating::before { content: ''; } .testimonials-list figure.testimonial blockquote .extra-info .rating .review-ratings { float: none; } .testimonials-list figure.testimonial blockquote .extra-info .rating .review-ratings .rating-label { padding: 3px 20px 5px 0; } .testimonials-list figure.testimonial .contacts-info a { white-space: nowrap; } .testimonials-list figure.testimonial .contacts-info a:first-child img { margin-left: 0; } .testimonials-list figure.testimonial .contacts-info img { margin: 0 5px; width: auto; height: auto; border-radius: 0; } .testimonials-list .more-button { width: 100%; margin: 20px 0; display: inline-block; border-radius: 1px; font-size: 18px; text-align: center; } .testimonials-list .more-button a { color: #fff; background: #479ccf; border: 1px solid #3793cb; text-shadow: 0 1px 0 #3188bc; text-decoration: none; padding: 11px 30px; transition: background 0.2s linear 0s; } .testimonials-list .more-button a:focus, .testimonials-list .more-button a:hover { background: #5ba7d4; color: #fff; } .testimonials-list .more-button a:focus { box-shadow: inset 0 0 8px #3188bc; } .testimonials-list .more-button .disabled { opacity: 0.5; cursor: wait; } .testimonials-list .page-title button { float: right; } .testimonials-list .page-title h1 { float: left; border-bottom: none; } .testimonials-list .page-title::after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } figure.testimonial { position: relative; margin: 40px 1%; padding: 0 20px; text-align: left; box-shadow: none !important; } figure.testimonial blockquote { background-color: #fff; display: block; font-size: 20px; font-weight: 400; font-style: normal; line-height: 1.5em; margin: 0; padding: 25px 50px 30px; position: relative; -webkit-filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 3px 15px rgba(0, 0, 0, 0.1)); } figure.testimonial blockquote::before, figure.testimonial blockquote::after { content: "\201C"; position: absolute; color: #2b00f7; font-size: 50px; font-style: normal; } figure.testimonial blockquote::before { top: 25px; left: 20px; } figure.testimonial blockquote::after { content: "\201D"; right: 20px; bottom: 0; } figure.testimonial img { display: inline-block; max-width: 100%; vertical-align: middle; height: 90px; width: 90px; border-radius: 50%; margin: 40px 0 0 10px; } figure.testimonial .arrow { top: 100%; left: 50px; width: 0; height: 0; border-left: 0 solid transparent; border-right: 25px solid transparent; border-top: 25px solid #fff; margin: 0; position: absolute; } figure.testimonial .author { position: absolute; bottom: 45px; padding: 0 10px 0 120px; margin: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } figure.testimonial .author .author-name { font-weight: 400; font-size: 1.4em; line-height: 1.4em; opacity: 0.9; margin: 0; } .form.testimonial .review-field-rating .field-error, .form.testimonial .review-field-rating div.mage-error[generated] { margin-top: 38px; } .form.testimonial .review-field-rating .label { font-weight: 600; } /** widgets styles */ .block-testimonials .block-content .testimonial-container { min-height: 130px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; } .block-testimonials .block-content .testimonial-container > div { grid-column: 1; grid-row: 1; } .block-testimonials .block-content .content .content-wrapper { height: 85px; min-height: 85px; display: block; overflow: hidden; } .block-testimonials .block-content .content .testimonial-message { clear: both; } .block-testimonials .block-content .content .name { float: right; margin-top: 10px; font-style: italic; } .block-testimonials .block-content .read-more, .block-testimonials .block-content .read-less { padding-top: 10px; display: inline-block; } .block-testimonials .block-content .review { text-align: center; } .block-testimonials .block-content .review .score { font-weight: bold; font-size: 40px; color: #e26703; } .block-testimonials.empty-design, .block-testimonials.empty-design .block-content { background: none; border: none; } .block-testimonials.empty-design .block-content .content { padding: 0; } .block-testimonials.empty-design .actions-toolbar, .block-testimonials.empty-design .block-title { display: none; } .testimonials-slider .content-heading { text-align: center; } .testimonials-slider .block-content { max-width: 1200px; margin: 0 auto; } .testimonials-slider figure.testimonial { box-sizing: border-box; margin: 0; padding: 40px 20px 0; height: 100%; } .testimonials-slider figure.testimonial blockquote { font-size: 16px; } .testimonials-slider .review-ratings { float: none; } .std .testimonialForm li { list-style: none; } @media (max-width: 480px) { .testimonials-slider figure.testimonial blockquote { padding: 25px 0 30px; -webkit-filter: none; filter: none; } .testimonials-slider figure.testimonial blockquote::before, .testimonials-slider figure.testimonial blockquote::after { content: ''; } .testimonials-list figure.testimonial { padding: 0; } .testimonials-list figure.testimonial blockquote { padding: 25px 20px 30px; font-size: 16px; } .testimonials-list figure.testimonial blockquote::before, .testimonials-list figure.testimonial blockquote::after { content: ''; } } @media (min-width: 1025px) { .testimonials-slider.slides-3 .swiper-container:not(.swiper-container-initialized) figure.testimonial { max-width: 33.33%; } .testimonials-slider.slides-2 .swiper-container:not(.swiper-container-initialized) figure.testimonial { max-width: 50%; } } @keyframes testimonialsSlideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } /** * Copyright © Magefan (support@magefan.com). All rights reserved. * Please visit Magefan.com for license details (//magefan.com/end-user-license-agreement). * * Glory to Ukraine! Glory to the heroes! */ .clearfix:after { content:""; display:table; clear:both; } .post-holder { padding-bottom: 20px; margin-bottom: 20px; } .blog-page-list .post-holder {border-bottom: 1px solid #eee} .post-holder .post-header {position:relative;} .post-holder .post-header .post-info {padding: 0 0 20px 0;} .post-holder .post-header .post-info .item {display: inline-block} .post-holder .post-header .post-info .dash {display: none; /* fix for old templates */} .post-holder .post-header .post-info .label {font-weight: 700;} .post-holder .post-header .post-info .value {font-style: italic;} .post-holder .post-header .post-info .item::after {display: inline-block; content: ' | ';color:#b9b9b9} .post-holder .post-header .post-info .item:last-child::after{display: none} .post-list { margin-top: 0px; margin-bottom: 20px; list-style: none; } .post-list-wrapper .post-list {padding-left: 0} .post-list .post-content .post-read-more {padding-top:10px; float:right;} .subcategory-links-wrapper ul, .post-links-wrapper ul {list-style: none} .post-content .post-description img {margin: 15px 0;max-width: 100%;height: auto} .post-content .post-description ul, .post-content .post-description ol {list-style-position: outside;} .post-content .post-description .mfblog-contents li {display: list-item;} .post-content .post-description .mfblog-contents li li {margin-left: 15px;} .post-content .post-description .post-ftimg-hld {margin: 0 0 10px 0;} .post-content .post-description .post-ftimg-hld img {width:100%; padding:0; margin:0;} .post-content .post-description .mfblog-contents-toc {list-style: decimal;} .post-content .post-description .mfblog-contents-toc li {margin-bottom: 1rem;} .post-content .post-description .mfblog-contents-toc li > ol {margin-top: 1rem;} .post-content .post-description .mfblog-contents-toc li:before {content: none;} .post-content .post-description .mfblog-contents-toc li a {display: inline;} /* Post Title */ .post-list .post-header .post-title-holder {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .post-list .post-header .post-title {margin: 0;padding: 10px 10px 10px 0;} .post-list .post-header .post-title a {text-decoration: none;font-size: 22px;font-weight: 400;} .post-list .post-holder .post-header .addthis_toolbox a {margin-bottom: 0;} .post-list .hidden {display:none;} .post-view .post-bottom {margin-top:30px;} .post-view .post-nextprev-hld {margin-bottom: 30px;} .post-view .post-nextprev-hld .nextprev-link {font-weight: 700;} .post-view .post-nextprev-hld .prev-link {float:left} .post-view .post-nextprev-hld .next-link {float:right} /* Post Gallery */ .post-view .post-gallery {margin:15px 0 15px 0} .post-view .post-gallery .gallery-image-hld {margin: 0 14px 14px 0; border:1px solid #ccc; display: block; float:left} .post-view .post-gallery .gallery-image{padding: 0; margin:0; display:block} .post-view .block {margin-bottom: 30px;} /* Widget Gallery */ .widget.block-categories ul {padding: 0;margin: 0;list-style: none;} .widget.block-categories ul li {padding: 5px 0 5px 9px;margin: 0;} .widget.block-categories ul li a {font-weight: 600;} .widget.block-categories ul ul {margin: 0;} /* Widget RSS */ .widget.block-rss .rss-icon {float: left; width: 23px; padding-right: 10px;} /* Widget Search */ .widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;} .widget.blog-search .block-content {margin-bottom: 0;} .widget.blog-search .block-content .form {position: relative;} .widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;} .widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;} .widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;} .widget.blog-search .action.search {position: absolute;right: 10px;top: 0;bottom: 0;z-index: 1;height: 100%;margin: 0;padding: 0;display: inline-block;background-image: none;background: none;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;text-decoration: none;text-shadow: none;font-weight: 400;} .widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Magento/luma/en_GB/Magefan_Blog/images/search-icon.svg) no-repeat -10px -7px;background-size: 35px;opacity: 0.5;} .widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} /* Widget Tag Claud */ .widget.block-tagclaud .smallest{font-size: 0.75em} .widget.block-tagclaud .small{font-size:1em} .widget.block-tagclaud .medium{font-size:1.25em} .widget.block-tagclaud .large{font-size:1.5em} .widget.block-tagclaud .largest{font-size:2em} /* Widget Archive */ .widget.block-archive .item {margin: 5px 0;} .widget.block-archive .item {display: inline-block} .widget.block-archive .item:after {content: "\\"; display:inline-block;padding-left: 5px} /* Widget Recent */ .blog-widget-recent .post-list {padding: 0;margin: 0;} .blog-widget-recent .post-holder {width: 31.2%;float: left;margin: 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 48%;} .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: both;} @media (max-width: 767px) { .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 98%;} } @media (max-width: 1024px) { .blog-widget-recent .post-holder { width: 48%; } } @media (max-width: 767px) { .blog-widget-recent .post-holder { width: 98%; } } .blog-widget-recent .post-description .post-text-hld { min-height: 150px; overflow-y: auto; } .blog-widget-recent-masonry .post-description .post-text-hld { max-height: none; min-height: 0; } .blog-widget-recent-masonry .post-description .post-ftimg-hld { width: 100%; margin: 0; } .mfblog-autoloader {text-align: center;} .mfblog-autoloader .mfblog-show-onload {display: none;} @media (max-width: 420px) { #mfblog_gcomments {max-width:345px; overflow-y: scroll;} } .blog-category-view .category-content, .blog-tag-view .tag-content {padding-left: 0} /* Posts List */ .widget.block-list-posts .block-content .item { padding: 8px 0 0 0; } .widget.block-list-posts .block-content .item .post-image { width: 60px; float: left; border-radius: 0; padding: 2px; background-color: #fff; border: 1px solid #e9e9e9; margin-right: 12px; } .widget.block-list-posts .block-content .item .post-image .post-item-link { display: inline-block; } .widget.block-list-posts .block-content .item .post-image .post-item-link img { width: 100%; height: auto; vertical-align: middle; } /* END Posts List */ /* Fix Related Products */ .blog-post-view .products-grid .product-item { display: inline-block; margin-left: 2%; width: calc((100% - 2%)/2); } .blog-post-view .product-item:nth-child(2n+1) { margin-left: 0; } .blog-post-view .products-grid .product-item .product-item-info { width: auto; } @media (min-width: 640px){ .blog-post-view .products-grid .product-item { display: inline-block; margin-left: 2%; width: calc((100% - 4%)/3); } .blog-post-view .products-grid .product-item:nth-child(2n+1) { margin-left: 2%; } .blog-post-view .products-grid .product-item:nth-child(3n+1) { margin-left: 0; } } @media (min-width: 1024px){ .blog-post-view .products-grid .product-item { width: calc((100% - 8%)/5); margin-left: 2%; } .blog-post-view .products-grid .product-item:nth-child(3n+1) { margin-left: 2%; } .blog-post-view .products-grid .product-item:nth-child(5n+1) { margin-left: 0; } } /* Icons */ .mf-blog-icon {width: 15px;height: 15px;display: inline-block;position: relative;top: 2px;background-size: cover;} .mf-blog-icon.mfbi-calendar {background-image: url('../../frontend/Magento/luma/en_GB/Magefan_Blog/images/calendar-icon.svg')} .mf-blog-icon.mfbi-folder {background-image: url('../../frontend/Magento/luma/en_GB/Magefan_Blog/images/folder-icon.svg')} .mf-blog-icon.mfbi-comments {background-image: url('../../frontend/Magento/luma/en_GB/Magefan_Blog/images/comments-icon.svg')} .mf-blog-icon.mfbi-tags {background-image: url('../../frontend/Magento/luma/en_GB/Magefan_Blog/images/tags-icon.svg')} .mf-blog-icon.mfbi-user {background-image: url('../../frontend/Magento/luma/en_GB/Magefan_Blog/images/user-icon.svg')} .mf-blog-icon.mfbi-views {background-image: url('../../frontend/Magento/luma/en_GB/Magefan_Blog/images/views-icon.svg')} /* END Fix Related Products */ /* Post Sharing Top */ /*.post-sharing-top {padding: 10px 0 10px 0;}*/ .post-sharing-top .share-elements {display: flex;flex-wrap: wrap;align-items: center;} .post-sharing-top .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 4px 0 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;vertical-align: middle;line-height: 16px;} .post-sharing-top .icon-wrapper:last-child {margin-right: 0;} .post-sharing-top .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);} .post-sharing-top .icon-wrapper.icon-twitter {background-color: rgb(29, 161, 242);} .post-sharing-top .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);} .post-sharing-top .icon-wrapper .icon {line-height: 16px;height: 16px;width: 16px;display: inline-block;overflow: hidden;vertical-align: top;} .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;} .post-sharing-top .icon-wrapper:hover {transform: translateY(-2px);} /*.post-list .post-sharing-top {}*/ /*.post-view .post-sharing-top .icon-wrapper .icon svg {width: 16px;height: 16px;line-height: 16px;}*/ /*.post-list.modern {}*/ /* END Post Sharing Top *//* All Widget Templates ************************************************************************************************ ***********************************************************************************************************************/ body.blog-page { --color-white: #ffffff; --color-green: #28a745; --color-yellow: #ffc107; --color-blue: #4db2ec; --color-black: #222222; --color-gray: #6c757d; --color-red: #dc3545; --border-color: #d5d6da; } .fav-color-green {color: #28a745;} .fav-color-yellow {color: #ffc107;} .fav-color-blue {color: #4db2ec;} .fav-color-black {color: #222222;} .fav-color-gray {color: #6c757d;} .fav-color-red {color: #dc3545;} /* Buttons */ .btn-white {background-color: #fff !important;color: #7d7d7d !important;border: 1px solid #bbb !important;} .btn-white:hover {background-color: #4db2ec !important;color: #fff !important; border: 1px solid #4db2ec !important;} .btn-black {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;} .btn-black:hover {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;} .btn-blue {background-color: #4db2ec !important;color: #fff !important;border: 1px solid #4db2ec !important;} .btn-blue:hover {background-color: #222 !important;color: #fff !important;border: 1px solid #222 !important;} /* Slider *************************************************************************************************************/ .post-slider .post-block .image-wrap {padding-bottom: 450px;} /* END Slider *********************************************************************************************************/ .clearfix:after {content:"";display:table;clear:both;} .post-holder {margin-bottom: 40px;border-radius: 0;} /* Blog Post List *****************************************************************************************************/ .post-list {margin-top: 0;margin-bottom: 20px;list-style: none;padding-left: 0} .post-list .post-item.post-holder {margin: 0 0 30px 0;padding: 0;display: block;} .post-list .post-container {display: -ms-flexbox;display: flex;} /* Post Image ************************************/ .post-list .post-image {-ms-flex: 0 0 30%;flex: 0 0 30%;width: 30%;order: 0;} .post-list .post-image .image-container {position: relative;} .post-list .post-image .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;} .post-list .post-image .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;} .post-list .post-image .image-wrap img {width: 100%;height: auto;vertical-align: middle;} /* Post Category */ .post-list .post-image .post-category {position: absolute;left: 0;bottom: 0;display: block;font-size: 0;line-height: 1;} .post-list .post-image .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase; /*-webkit-transition: all 0.3s;-ms-transition: all 0.3s;transition: all .3s ease;*/} .post-list .post-image .post-category a:hover {background: #4db2ec;} /* Post Info **************************************/ .post-list.modern .post-info {padding: 0 0 0 25px;flex: 0 0 70%;max-width: 70%;width: 70%;order: 1;box-sizing: border-box;} /* Post Title */ .post-list .post-info .post-title-wrap h3 {margin: 0;} .post-list .post-info .post-title-wrap h3 a {font-size: 20px;line-height: 25px;font-weight: 500;} /* Post Data */ .post-list .post-info .post-data-wrap {font-size: 11px;font-family: sans-serif;} .post-list .post-info .post-data-wrap .post-date {font-size: 11px; margin: 0;padding: 0;box-shadow: none;float: none;width: auto;} .post-list .post-info .post-data-wrap a {font-weight: 600;} /* Post Description */ .post-list .post-description {line-height: 21px;font-size: 13px;} /* Post View */ .post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;} .post-list .post-view:after {position: absolute;left: 0;bottom: -3px;content: '';width: 0;height: 0;border-style: solid;border-width: 3px 3px 0 0;border-color: #000 transparent transparent;} /*.post-list .post-view {display: block;background: #000;color: #fff;font-size: 10px;font-weight: 600;text-align: center;line-height: 11px;position: relative;top: -5px;padding: 4px 6px;}*/ /*.post-list .post-view:before {display: inline-block;content: "\f06e";width: 10px;height: 10px;text-align: center;margin-right: 3px;*/ /* font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/ /* Read More */ /* .post-list .post-read-more {display: none;} */ .post-read-more a.post-read {display: inline-block;color: #fff;background-color: #4db2ec;font-size: 13px;font-weight: 500;line-height: 1;padding: 10px 15px;} .post-read-more a.post-read:hover {color: #fff;/*background: #222222;*/text-decoration: none;} /*@media (max-width: 1200px) { .blog-index-index .post-list /*.post-read-more *//* {display: none;} } */ @media (max-width: 768px) { .post-list .post-item.post-holder {margin-bottom: 1.5rem;} } @media (max-width: 767px) { .post-list .post-image .post-category {display: none;} .post-list .post-info {padding: 0 0 0 15px;} .post-list.modern .post-description {display: none;} .post-read-more a.post-read {display: none;} } @media (max-width: 640px) { .post-list .post-info .post-title-wrap h3 a {font-size: 14px;font-weight: 600;line-height: 1.4;display: inline-block; /*max-height: 39px;overflow: hidden;*/} } /* Images Format *******************************************/ .post-image .image-wrap._16x9 {padding-bottom: 35% !important;} .post-image .image-wrap._4x3 {padding-bottom: 67% !important;} .post-image .image-wrap._3x2 {padding-bottom: 55% !important;} .post-image .image-wrap._1x1 {padding-bottom: 100% !important;} @media (max-width: 768px) { } /* Blog Post List *****************************************************************************************************/ /* Blog Post List Modern **********************************************************************************************/ .post-list.modern .post-item.post-holder {margin: 0 0 30px 0;padding: 0 0 30px 0;} .post-list.modern .post-info .post-title-wrap h3 a:hover {text-decoration: none;transition: all .2s ease;} .post-list.modern .post-info .post-data-wrap a:hover {text-decoration: none;transition: all .2s ease;} /* Blog Post List Modern **********************************************************************************************/ /* Post View **********************************************************************************************************/ /* Page Title */ /*.blog-post-view .page-title-wrapper .page-title {font-size: 35px;line-height: 1.2;margin-bottom: 20px;}*/ /* Category */ .blog-post-view .post-category a {display: inline-block;margin: 0 5px 0 0;padding: 5px 10px;background: #000;color: #fff;font-size: 11px;line-height: 12px;font-weight: 500;text-decoration: none;text-transform: uppercase;} /* Post Data */ .blog-post-view .post-data-wrap {font-size: 13px;font-family: sans-serif;margin-bottom: 30px;} .blog-post-view .post-data-wrap a {font-weight: 600;} .blog-post-view .post-data {color: #bbbbbb;} /* Post View */ /* Post Comments */ .blog-post-view .post-comments {margin-right: 20px;} /* Social */ .blog-post-view .post-sharing {margin-bottom: 20px;} /* Image */ .blog-post-view .post-featured-image {font-size: 0;margin-bottom: 20px;} /* Tags */ .blog-post-view .post-tag {margin-bottom: 20px;} .blog-post-view .post-tag .post-tag-title {display: inline-block;padding: 7px 12px;border: 1px solid #222;background: #222;color: #fff;line-height: 1;margin: 0 10px 10px 0;text-transform: uppercase;font-size: 11px;} .blog-post-view .post-tag .post-tags a {display: inline-block;border: 1px solid var(--border-color); /*color: #222; */background: #fff;padding: 7px 12px;margin-right: 10px;line-height: 1;font-weight: 600;letter-spacing: 1px;font-size: 11px;text-transform: capitalize;} .blog-post-view .post-tag .post-tags a.current, .blog-post-view .post-tag .post-tags a:hover {text-decoration: none;opacity: .9;background: #333;color: #fff;} /* Post Text */ .blog-post-view .post-description {margin-bottom: 30px;} .blog-post-view .post-description p {font-size: 1.4rem;line-height: 1.7;} /* Post Bottom *****************************************/ .post-view .post-bottom {margin-top:30px;} /* Post Sharing Bottom */ .post-view-modern .post-sharing-bottom {} .post-sharing-bottom {padding: 30px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);} .post-sharing-bottom .share-elements {text-align: center;} .post-sharing-bottom .share-elements .icon-wrapper {display: inline-block;cursor: pointer;margin: 0 5px 5px 0;overflow: hidden;border: 0;text-decoration: none;text-transform: none;background-color: transparent;color: inherit;transition: all .2s ease-in-out;border-radius: 0;} .post-sharing-bottom .share-elements .icon-wrapper.icon-facebook {background-color: rgb(59, 89, 152);} .post-sharing-bottom .share-elements .icon-wrapper.icon-twitter {background-color: rgb(29, 161, 242);} .post-sharing-bottom .share-elements .icon-wrapper.icon-pinterest {background-color: rgb(203, 32, 39);} .post-sharing-bottom .share-elements .icon-wrapper .icon {line-height: 48px;height: 48px;width: 48px;display: inline-block;overflow: hidden;vertical-align: top;} .post-sharing-bottom .share-elements .icon-wrapper .label {font-size: 13px;line-height: 48px;height: 48px;color: #ffffff;display: inline-block;padding: 0 15px 0 3px;vertical-align: top;} .post-sharing-bottom .share-elements .icon-wrapper:hover {transform: translateY(-4px);} /* Post Gallery */ /*.blog-post-view .post-gallery {display: flex;flex-wrap: wrap;}*/ .blog-post-view .post-gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));grid-gap: 1rem;margin-bottom: 20px;} .blog-post-view .post-gallery .gallery-image-hld {display: inline-block;} .blog-post-view .post-gallery .gallery-image-hld img {} /* Post Navigation */ .blog-post-view .post-nextprev {display: flex;padding: 20px 0;margin-bottom: 30px;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);} .blog-post-view .post-nextprev .nextprev-link {display: block;font-size: 20px;/*color: #222222;*/font-weight: 600;text-align: right;opacity: 0.7;} .blog-post-view .post-nextprev .nextprev-link:hover {text-decoration: none;} .blog-post-view .post-nextprev .nextprev-link span {display: block;color: #bbbbbb;font-size: 14px;font-weight: normal;} /* Block Related */ .blog-post-view .post-bottom .block.related {margin-bottom: 0;} .blog-post-view .post-bottom .block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;} .blog-post-view .post-bottom .block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;} /* Related Posts */ .mfblog-related-posts-block.block.related .post-list {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; position: relative;overflow: hidden;margin-left: -10px;margin-right: -10px;} .mfblog-related-posts-block.block.related .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;padding-left: 10px;padding-right: 10px;width: 25%; box-sizing: border-box;} .mfblog-related-posts-block.block.related .post-list .post-item .image-container { -ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;} .mfblog-related-posts-block.block.related .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;} .mfblog-related-posts-block.block.related .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;} .mfblog-related-posts-block.block.related .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;} .mfblog-related-posts-block.block.related .post-list .block-info h3.post-title a {font-size: 14px !important;line-height: 20px !important;font-weight: 600 !important; /*color: #222222; */} @media (max-width: 767px) { .mfblog-related-posts-block.block.related .post-list .post-item {flex: 0 0 50%;max-width: 50%;} } /* Related Products */ .mfblog-related-products-block.block.related .block-title {margin: 0 0 25px;padding: 5px 0;border-bottom: 1px solid #222222;line-height: 1.42857143;} .mfblog-related-products-block.block.related .block-title strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;} /* Block Comments */ .block.comments .c-count {margin: 0 0 20px;padding: 0;border-bottom: 1px solid #222222;font-weight: 400;} .block.comments .c-count strong {border-bottom: 3px solid #222222;padding-bottom: 2px;font-weight: 400;font-size: 18px;display: inline-block;} /* END Post Bottom *************************************/ @media (max-width: 767px) { .blog-post-view .page-title-wrapper .page-title {font-size: 20px;} .blog-post-view .post-nextprev .nextprev-link {font-size: 14px;line-height: 1.4;} } /* END Post View ******************************************************************************************************/ /* Animation Zoom */ .image-wrap .animation-type-zoom {display: block;line-height: 0;overflow: hidden;position: relative;} .image-container .animation-type-zoom {-webkit-transition: transform .3s ease,opacity .3s;transition: transform .3s ease,opacity .3s;} .image-container:hover .animation-type-zoom {transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1);} /* Sidebar ************************************************************************************************************/ /* Block Search */ .widget.blog-search {width:100%;margin-bottom: 40px;position: relative;float: right;} .widget.blog-search .block-content {margin-bottom: 0;} .widget.blog-search .block-content .form {position: relative;} .widget.blog-search label {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;text-decoration: none;display: inline-block;float: right;} .widget.blog-search .control {border-top: 0;margin: 0;padding: 0;clear: both;} .widget.blog-search input {position: static;padding-right: 35px;margin: 0;left: -300%;} .widget.blog-search .action.search {position: absolute;top: 0;right: 0;bottom: 0;height: 100%;z-index: 1;display: inline-block;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0 10px;text-decoration: none;text-shadow: none;font-weight: 400;border-radius: 0;} .widget.blog-search .action.search:before {-webkit-font-smoothing: antialiased;content: '';margin: 0;vertical-align: top;display: inline-block;overflow: hidden;speak: none;width: 16px;height: 32px;background: url(../../frontend/Magento/luma/en_GB/Magefan_Blog/images/search-icon-white.svg) no-repeat -10px -7px;background-size: 35px;opacity: 1;} .widget.blog-search .action.search > span {border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .blog-search .actions .action.search {background: #222222;right: 0;padding: 0 10px;border-radius: 0;} /* Posts List */ .widget.block-list-posts .post-list .post-item .image-container {flex: 0 0 30%;width: 30%;display: block;order: 0;} /* Images */ /* Span Background */ .widget.block-list-posts .post-list .image-container .image-wrap {display: block;line-height: 0;overflow: hidden;position: relative;padding-bottom: 70%;} .widget.block-list-posts .post-list .image-container .image-wrap .bg-img {position: absolute;display: block;width: 100%;height: 100%;background-size: cover;background-position: center;} /* Post Info */ .widget.block-list-posts .post-list .post-item .block-info .post-item-name {font-size: 14px;line-height: 20px;font-weight: 600;text-decoration: none;color: #333333;} .widget.block-list-posts .post-list .post-item .block-info .block-date {color: #bbbbbb;} .widget.block-list-posts .post-list .post-item .block-info .block-date .post-data {font-size: 11px;} /* Post Grid */ .widget.block-list-posts .post-list .post-item {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 2rem !important;} .widget.block-list-posts .post-list .post-item .image-container {-ms-flex: 0 0;flex: 0 0;width: 100%;display: block;order: 0;margin-bottom: 10px;} .widget.block-list-posts .post-list .post-item .block-info {padding-left: 0 !important;padding-right: 0 !important;} /* END Posts List */ /* New Post List */ .widget.block-posts-list .post-item {display: flex;gap: 1.5rem;} .widget.block-posts-list .post-item .image-container {flex: 0 0 33.333333%;width: 33.333333%;align-self: flex-start;display: block;order: 0;margin-bottom: 10px;} .widget.block-posts-list .post-item .image-container .image-wrap {display: block;position: relative;overflow: hidden;} .widget.block-posts-list .post-item .image-container .image-wrap._4x3 {padding-bottom: 70%;} .widget.block-posts-list .post-item .image-container .image-wrap .bg-img {display: block;position: absolute;width: 100%;height: 100%;max-width: 100%;background-size: cover;background-position: center;} .widget.block-posts-list .post-item .block-info .post-title {margin: 0 0 0.5rem 0 !important;} .widget.block-posts-list .post-item .block-info .post-title .post-item-name {display: block;font-size: 16px;line-height: 22px;font-weight: 500;text-decoration: none;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} .widget.block-posts-list .post-item .block-info .block-date {line-height: 1rem;} .widget.block-posts-list .post-item .block-info .block-date .post-date {font-size: 11px;line-height: 1.2rem;color: #bbbbbb;font-family: sans-serif;} .widget.block-posts-list .post-item .block-info .post-description {display: none;line-height: 21px;font-size: 13px;} .widget.block-posts-list .post-item .block-info .read-more {display: none;} /* END New Post List */ /* Archive */ .widget.block-archive .archive-item-link {font-weight: 600} /* RSS Feed */ .widget.block-rss .rss-icon {width: 23px;filter: grayscale(100%);vertical-align: middle;} /* End Sidebar ********************************************************************************************************/ /** * Copyright © Magefan (support@magefan.com). All rights reserved. * Please visit Magefan.com for license details (//magefan.com/end-user-license-agreement). * * Glory to Ukraine! Glory to the heroes! */