@charset "UTF-8"; /* ============================================================================= Colors ========================================================================== */ /* ============================================================================= Fonts ========================================================================== */ /* ============================================================================= Breakpoints ========================================================================== */ /* ============================================================================= Z-indexes ========================================================================== */ /* ============================================================================= Layout ========================================================================== */ /* ============================================================================= Icons ========================================================================== */ /* stylelint-disable */ .icon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'iconfont' !important; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal !important; line-height: 1; } .icon-shopping-cart::before { content: ""; } /* stylelint-enable */ @-webkit-keyframes tada { from { transform: scale3d(1, 1, 1); -webkit-filter: invert(0%); filter: invert(0%); } 20% { transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg); -webkit-filter: invert(60%); filter: invert(60%); } 40%, 80% { transform: scale(1.7) rotate3d(0, 0, 1, 5deg); } 60% { transform: scale(1.7) rotate3d(0, 0, 1, -5deg); } to { transform: scale3d(1, 1, 1); -webkit-filter: invert(0%); filter: invert(0%); } } @keyframes tada { from { transform: scale3d(1, 1, 1); -webkit-filter: invert(0%); filter: invert(0%); } 20% { transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg); -webkit-filter: invert(60%); filter: invert(60%); } 40%, 80% { transform: scale(1.7) rotate3d(0, 0, 1, 5deg); } 60% { transform: scale(1.7) rotate3d(0, 0, 1, -5deg); } to { transform: scale3d(1, 1, 1); -webkit-filter: invert(0%); filter: invert(0%); } } @font-face { font-family: 'icomoon'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'iconfont'; src: url("../icons/iconfont.woff2") format("woff2"), url("../icons/iconfont.woff2") format("woff"), url("../icons/iconfont.woff2") format("truetype"); font-weight: normal; font-style: normal; font-display: auto; } .fa, .ui-dialog .ui-dialog-titlebar-close:before, .read-more:after, .scroll-top:after, input[type="checkbox"] + label:after, .summary .order-promotions li:before, .order-totals-table .order-promotions td li:before, .video-button:not(.hide-icon):after, .sub-menu-inner > ul > li > a.navigation-dropdown::before, .main-menu-categories > li > a:after, .menu-detail-title .menu-back:before, .primary-logo a:before, .footer-ie-popup .primary-logo a:before, .checkout-wrapper .field-wrapper.valid:after, .account-wrapper .field-wrapper.valid:after, .account-wrapper .account__content-page-detail .form-error span::before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-paulas-choice-logo:before, .fa-pinterest:before, .fa-comment:before, .fa-search:before, .fa-instagram:before, .fa-twitter:before, .fa-youtube:before, .fa-youtube-play:before, .fa-facebook:before, .fa-close:before, .fa-remove:before, .fa-times:before, .fa-user:before { color: #71605f; } .fa-logo-paulaschoice-stacked:before { content: ""; } .fa-paulas-choice-new-logo:before { content: ""; } .fa-klarna-logo:before { content: ""; } .fa-calendar:before { content: ""; } .fa-clock:before { content: ""; } .fa-savepay:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-menu:before { content: ""; } .fa-paulas-choice-logo:before { content: ""; } .fa-info:before { content: ""; } .fa-empty-star:before { content: ""; } .fa-chat-user:before { content: ""; } .fa-faq:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-double-tap:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-undo:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-mail:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-star:before { content: ""; } .fa-star-empty:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-star-half:before { content: ""; } .fa-youtube-play2:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-comment:before { content: ""; } .fa-search:before { content: ""; } .fa-instagram:before { content: ""; } .fa-twitter:before { content: ""; } .fa-youtube:before { content: ""; } .fa-facebook:before { content: ""; } .fa-close:before { content: ""; } .fa-remove:before { content: ""; } .fa-user:before { content: ""; } .fa-send:before { content: ""; } .fa-check:before { content: ""; } .fa-minus:before { content: ""; } .fa-plus:before { content: ""; } .fa-pf-bank-transfer:before { content: ""; } .fa-pf-ideal:before { content: ""; } .fa-pf-mastercard:before { content: ""; } .fa-pf-paypal:before { content: ""; } .fa-pf-sofort:before { content: ""; } .fa-pf-visa:before { content: ""; } .fa-pf-bancontact-mister-cash:before { content: ""; } .fa-heart--inactive:before { content: ""; } .fa-heart--active:before { content: ""; } /* Animated checkmark icon To animate, add .animate class to js-success-checkmark */ .success-checkmark { width: 80px; height: 115px; } .success-checkmark.animate .check-icon { display: block; } .success-checkmark .check-icon { width: 80px; height: 80px; position: relative; border-radius: 50%; box-sizing: content-box; border: 4px solid #00b451; } .success-checkmark .check-icon::before { top: 3px; left: -2px; width: 30px; transform-origin: 100% 50%; border-radius: 100px 0 0 100px; } .success-checkmark .check-icon::after { top: 0; left: 30px; width: 60px; transform-origin: 0 50%; border-radius: 0 100px 100px 0; -webkit-animation: rotate-circle 4.25s ease-in; animation: rotate-circle 4.25s ease-in; } .success-checkmark .check-icon::before, .success-checkmark .check-icon::after { content: ''; height: 100px; position: absolute; transform: rotate(-45deg); } .success-checkmark .check-icon .icon-line { height: 5px; background-color: #00b451; display: block; border-radius: 2px; position: absolute; z-index: 10; } .success-checkmark .check-icon .icon-line.line-tip { top: 46px; left: 14px; width: 25px; transform: rotate(45deg); -webkit-animation: icon-line-tip 0.75s; animation: icon-line-tip 0.75s; } .success-checkmark .check-icon .icon-line.line-long { top: 38px; right: 8px; width: 47px; transform: rotate(-45deg); -webkit-animation: icon-line-long 0.75s; animation: icon-line-long 0.75s; } .success-checkmark .check-icon .icon-circle { top: -4px; left: -4px; z-index: 10; width: 80px; height: 80px; border-radius: 50%; position: absolute; box-sizing: content-box; border: 4px solid rgba(0, 180, 81, 0.5); } .success-checkmark .check-icon .icon-fix { top: 8px; width: 5px; left: 26px; z-index: 1; height: 85px; position: absolute; transform: rotate(-45deg); } @-webkit-keyframes rotate-circle { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes rotate-circle { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @-webkit-keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes icon-line-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes icon-line-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @media print { .pt_order-confirmation .mini-cart, .pt_order-confirmation .menu-utility-user, .pt_order-confirmation .menu-utility, .pt_order-confirmation .usp-banner, .pt_order-confirmation .main-nav { display: none; } } .clearfix:after { content: ""; display: table; clear: both; } .visually-hidden, .month label, .year label, .day label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .hidden { display: none !important; } body { background: none repeat scroll 0 0 #ffffff; color: #333133; font-family: "proxima-nova", Arial, sans-serif; font-size: 14px; font-weight: 400; margin: 0; } a { color: #30397a; outline: medium none; overflow: hidden; } a:hover { text-decoration: none; } a.text { color: #333133; } a:not([class]), a[class=""] { text-decoration: underline; } a:not([class]):hover, a[class=""]:hover { text-decoration: none; } h1 a:not([class]), h2 a:not([class]), h3 a:not([class]), h4 a:not([class]), h5 a:not([class]), h6 a:not([class]), .h1 a:not([class]), .h2 a:not([class]), .h3 a:not([class]), .h4 a:not([class]), .h5 a:not([class]), .h6 a:not([class]), h1 a[class=""], h2 a[class=""], h3 a[class=""], h4 a[class=""], h5 a[class=""], h6 a[class=""], .h1 a[class=""], .h2 a[class=""], .h3 a[class=""], .h4 a[class=""], .h5 a[class=""], .h6 a[class=""] { text-decoration: none; color: inherit; } p, ul, ol { line-height: 24px; margin: 10px 0; } fieldset { border: 0 none; margin: 0; padding: 0; } table { width: 100%; } th { text-align: left; } td { padding: 1em; vertical-align: top; } *:focus { outline: none; } i.fa { font-size: 21px; line-height: 21px; } .rounded { border-radius: 50%; } strong { font-weight: 400; text-transform: uppercase; } address { font-style: normal; line-height: 28px; } #DW-SFToolkit { top: 60px !important; } .wrapper { background-color: #ffffff; border: 0; left: 0; position: relative; overflow-x: hidden; display: flex; flex-direction: column; min-height: 100vh; } .wrapper:before { display: flex; } .wrapper.pt_categorylanding .primary-content { padding-bottom: 0; } @media screen and (min-width: 1180px) { .wrapper.pt_categorylanding .primary-content { width: 80%; } } .wrapper.pt_categorylanding .refinements { border-right: 0; display: none; width: 0; } @media screen and (min-width: 1180px) { .wrapper.pt_categorylanding .refinements { display: block; width: 20%; } } .page-content { flex-grow: 1; } @media screen and (min-width: 1180px) { .page-content { margin: 0 48px 0; } } .pt_account .page-content, .pt_order .page-content { background-color: #f7edeb; } .pt_product-details .page-content { background: transparent; } @media screen and (min-width: 1180px) { .pt_product-details .page-content { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 768px) { .pt_storefront .page-content { margin: 0; } } @media screen and (min-width: 1180px) { .pt_storefront .page-content { background-color: #ffffff; } } .main.full-width { margin: 0; } .primary-content { width: 100%; float: none; } @media screen and (min-width: 1180px) { .primary-focus .primary-content { border: none; float: left; margin: 0; width: 60%; max-width: 690px; } .full-width .primary-content { border: none; max-width: none; } } .secondary-content { border: 0; float: none; width: 100%; } @media screen and (min-width: 1180px) { .secondary-content { position: relative; } .secondary-content nav { padding-left: 10px; padding-right: 10px; } .secondary-content nav a { display: block; } .primary-focus .secondary-content { background: none; border: none; box-sizing: border-box; float: right; width: 40%; max-width: 410px; padding-left: 20px; } } .pt_content-search-result .secondary-content, .pt_order .secondary-content { display: none; } @media screen and (min-width: 1180px) { .pt_content-search-result .secondary-content, .pt_order .secondary-content { display: block; } } .content-container { max-width: 1180px; padding: 0 10px; margin: 0 auto; } .ui-widget-overlay { background-color: #000000; opacity: 0.4; z-index: 240; } .ui-dialog { background-color: #ffffff; padding: 35px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); max-width: 100vw !important; box-sizing: border-box; } .ui-dialog .ui-widget-header { border: 0 none; border-radius: 0 0 0 0; height: 50px; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; padding: 0; } .ui-dialog .ui-dialog-title { display: none; } .ui-dialog .ui-icon-closethick { display: none; } .ui-dialog .ui-dialog-titlebar-close { background-color: transparent; border: 0 none; border-radius: 0 0 0 0; margin: 0; padding: 0; right: 23px; top: 23px; width: 45px; height: 45px; z-index: 10; transition: transform 0.2s; } .ui-dialog .ui-dialog-titlebar-close:hover { transform: scale(0.6); } .ui-dialog .ui-dialog-titlebar-close:before { content: ""; font-size: 21px; color: #333133; padding: 12px; line-height: 45px; } .ui-dialog .ui-dialog-titlebar-close span { margin: 0; padding: 0; } .ui-dialog .ui-dialog-content { overflow: visible; padding: 0; } .no-close .ui-dialog-titlebar-close { display: none; } .ui-accordion .ui-accordion-content { padding: 0; } h1, .h1 { color: #333133; font-size: 27px; font-weight: 600; text-transform: none; margin: 0 0 14px; } h2, .h2 { font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 1px; } h3, .h3 { font-size: 16px; font-weight: 600; text-transform: none; margin: 18px 0 19px; } h4, .h4 { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.59px; } p, li { font-size: 16px; } .secondary-content h1, .secondary-content .h1 { font-style: italic; } .read-more { padding-right: 20px; position: relative; display: inline-block; vertical-align: bottom; cursor: pointer; } .read-more:after { content: ""; display: inline; font-size: inherit; color: inherit; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } button, .button, .buttonstyle, input[type="button"], input[type="submit"], .variant-selection a, .homepage-category-links a { box-sizing: border-box; -webkit-appearance: none; cursor: pointer; border-style: solid; border-width: 2px; display: inline-block; font-family: "proxima-nova", Arial, sans-serif; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; text-decoration: none; box-sizing: border-box; background-color: #333133; border-color: #333133; color: #ffffff; transition: all 0.3s; padding: 12px 30px 11px; } @media screen and (min-width: 768px) { button, .button, .buttonstyle, input[type="button"], input[type="submit"], .variant-selection a, .homepage-category-links a { padding: 9px 23px 8px; font-size: 12px; line-height: 12px; } } button:hover, .button:hover, .buttonstyle:hover, input:hover[type="button"], input:hover[type="submit"], .variant-selection a:hover, .homepage-category-links a:hover { color: #333133; background-color: #ffffff; text-decoration: none; } button.inversed, .button.inversed, .buttonstyle.inversed, input[type="button"].inversed, input[type="submit"].inversed { background-color: transparent; border-color: #333133; color: #333133; } button.inversed:hover, .button.inversed:hover, .buttonstyle.inversed:hover, input[type="button"].inversed:hover, input[type="submit"].inversed:hover { color: #ffffff; background-color: #333133; text-decoration: none; } .pt_storefront .page-content button.inversed, .pt_storefront .page-content .button.inversed, .pt_storefront .page-content .buttonstyle.inversed, .pt_storefront .page-content input[type="button"].inversed, .pt_storefront .page-content input[type="submit"].inversed { font-weight: 600; padding: 10px 32px; margin-top: 10px; } button.secondary, .button.secondary, .buttonstyle.secondary, input[type="button"].secondary, input[type="submit"].secondary { background-color: transparent; border-color: #323132; color: #323132; } button.secondary:hover, .button.secondary:hover, .buttonstyle.secondary:hover, input[type="button"].secondary:hover, input[type="submit"].secondary:hover { color: #ffffff; background-color: #323132; } button.simple, .button.simple, .buttonstyle.simple, input[type="button"].simple, input[type="submit"].simple { border: none; background-color: #ffffff; color: #333133; } button.inverted, .button.inverted, .buttonstyle.inverted, input[type="button"].inverted, input[type="submit"].inverted { background-color: #ffffff; border-color: #ffffff; color: #333133; } button.inverted:hover, .button.inverted:hover, .buttonstyle.inverted:hover, input[type="button"].inverted:hover, input[type="submit"].inverted:hover { color: #333133; background-color: #ffffff; border-color: #333133; text-decoration: none; } button.onyx, .button.onyx, .buttonstyle.onyx, input[type="button"].onyx, input[type="submit"].onyx { background-color: #333133; border-color: #333133; color: #ffffff; font-size: 14px; } button.onyx:hover, .button.onyx:hover, .buttonstyle.onyx:hover, input[type="button"].onyx:hover, input[type="submit"].onyx:hover { background-color: #ffffff; color: #333133; } button.white, .button.white, .buttonstyle.white, input[type="button"].white, input[type="submit"].white { background-color: #ffffff; border-color: #ffffff; color: #333133; font-size: 14px; } button.white:hover, .button.white:hover, .buttonstyle.white:hover, input[type="button"].white:hover, input[type="submit"].white:hover { background-color: #333133; border-color: #333133; color: #ffffff; } button[disabled], button.disabled, .button[disabled], .button.disabled, .buttonstyle[disabled], .buttonstyle.disabled, input[type="button"][disabled], input[type="button"].disabled, input[type="submit"][disabled], input[type="submit"].disabled { background-color: #cccccc; border-color: #cccccc; color: #666666; opacity: 0.5; } button[disabled]:hover, button.disabled:hover, .button[disabled]:hover, .button.disabled:hover, .buttonstyle[disabled]:hover, .buttonstyle.disabled:hover, input[type="button"][disabled]:hover, input[type="button"].disabled:hover, input[type="submit"][disabled]:hover, input[type="submit"].disabled:hover { background-color: #cccccc; border-color: #cccccc; color: #666666; opacity: 0.5; } button i.left, .button i.left, .buttonstyle i.left, input[type="button"] i.left, input[type="submit"] i.left { margin-right: 0.6em; } button i.right, .button i.right, .buttonstyle i.right, input[type="button"] i.right, input[type="submit"] i.right { margin-left: 0.6em; } .back-button { display: none; position: fixed; left: 0; top: 100vh; z-index: 170; transform: rotate(270deg); transform-origin: 0 0; width: 100vh; text-align: center; } @media screen and (min-width: 1180px) { .back-button { display: block; } } .back-button button { border: none; font-size: 0.782em; color: #333133; position: relative; } .back-button button:after { position: absolute; bottom: 4px; left: 0; width: 100%; height: 1px; background: #333133; content: ''; opacity: 0; transition: height 0.3s, opacity 0.3s, transform 0.3s; transform: translateY(-10px); } .back-button button:hover { text-decoration: none; } .back-button button:hover:after { height: 2px; opacity: 1; transform: translateY(0); } .footer-button { position: fixed; bottom: -20px; z-index: 190; opacity: 0; pointer-events: none; transition-delay: 0; transition: all 0.3s; left: 50%; transform: translate(-50%); text-transform: uppercase; font-size: 0.782em; margin: 16px 0 0; border: none; background-color: #ffffff; color: #333133; display: none; } @media screen and (min-width: 1180px) { .footer-button { display: block; } } .footer-button:after { position: absolute; top: 70%; left: 46%; width: 8%; height: 1px; background: #333133; content: ''; opacity: 0; transition: height 0.3s, opacity 0.3s, transform 0.3s; transform: translateY(-10px); } .footer-button:hover { background-color: #ffffff; color: #333133; } .footer-button:hover:after { height: 2px; opacity: 1; transform: translateY(0); } body:not(.footer-fixed) .wrapper:not(.menu-active):not(.sub-menu-active):not(.search-active) .footer-button { bottom: 0; opacity: 1; pointer-events: auto; transition-delay: 0.3s; } .scroll-top { box-sizing: border-box; color: #333133; position: relative; display: block; padding-top: 60px; overflow: visible; margin: 10px; } .scroll-top:hover { text-decoration: none; } .scroll-top:hover:before { box-shadow: 1px 0 6px 2px rgba(0, 0, 0, 0.3); } .scroll-top:before { cursor: pointer; content: ''; width: 50px; height: 50px; background-color: #333133; color: #ffffff; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; } .scroll-top:after { content: ""; display: block; color: #ffffff; font-size: 30px; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } .cart-paypal-container { width: 300px; margin-left: auto; } @media screen and (min-width: 768px) { .cart-paypal-container.top { display: none; } } @media screen and (max-width: 768px) { .cart-paypal-container { width: 100%; } } .cart-paypal-container .paypal-or { text-transform: uppercase; font-weight: bold; display: block; margin-left: auto; margin-bottom: 5px; } @media screen and (max-width: 768px) { .cart-paypal-container .paypal-or { width: 100%; text-align: center; } } .cart-paypal-container .paypal-button { display: flex; flex-direction: row; justify-content: center; align-items: center; background: #ffc439; color: #000000; height: 45px; min-height: 30px; max-height: 55px; position: relative; border: none; vertical-align: top; cursor: pointer; overflow: hidden; } @media screen and (max-width: 768px) { .cart-paypal-container .paypal-button { margin: 0 auto 20px; } } .cart-paypal-container .paypal-button:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .cart-paypal-container .paypal-button .paypal-logo { margin-right: 10px; height: 21px; max-height: 27px; min-height: 18px; } .cart-paypal-container .paypal-button .button-text { text-decoration: none; font-size: 16px; margin-top: 2px; } .cookie-settings { background-color: transparent; color: #f7edeb; border: 2px solid #f7edeb; } .cookie-settings:hover { background-color: #f7edeb; } /*------------------------------------------------------------------------------ // General badge styles on lister page, re-used in different badge types ------------------------------------------------------------------------------*/ .badge, .badge-promo, .badge-new-look { background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 20px; left: 0; z-index: 10; width: 60px; height: 60px; border-radius: 50%; text-align: center; } .badge span, .badge-promo span, .badge-new-look span { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 400; color: #ffffff; font-size: 10px; letter-spacing: 2px; line-height: 1.1em; text-align: center; } @media screen and (max-width: 768px) { .badge img, .badge-promo img, .badge-new-look img { width: 60px; } } @media screen and (min-width: 768px) and (max-width: 1180px) { .badge img, .badge-promo img, .badge-new-look img { width: 65px; } } @media screen and (min-width: 1180px) { .badge img, .badge-promo img, .badge-new-look img { width: 70px; } } .pdp-section-wrapper .badge, .pdp-section-wrapper .badge-promo, .pdp-section-wrapper .badge-new-look { pointer-events: none; } .badge-promo { display: none; background-color: #333133; } .badge-promo span { color: #ffffff; font-size: 18px; font-weight: normal; } .badge-new-look { color: #333133; } .badge-new-look span { font-size: 10px; } /*------------------------------------------------------------------------------ // Badge styling on detail page (new PDP styles only) ------------------------------------------------------------------------------*/ .product-detail .badge, .product-detail .badge-promo, .product-detail .badge-new-look { top: 20px; left: 16px; z-index: 11; } @media screen and (min-width: 768px) { .product-detail .badge, .product-detail .badge-promo, .product-detail .badge-new-look { height: 105px; top: 0; width: 105px; } } @media screen and (min-width: 1180px) { .product-detail .badge, .product-detail .badge-promo, .product-detail .badge-new-look { position: absolute; top: 80px; left: 25px; } } .product-detail .badge span, .product-detail .badge-promo span, .product-detail .badge-new-look span { font-size: 14px; text-align: center; height: auto; padding: 0; display: block; max-width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: relative; line-height: 14px; text-transform: uppercase; } @media screen and (min-width: 768px) { .product-detail .badge span, .product-detail .badge-promo span, .product-detail .badge-new-look span { font-size: 20px; line-height: 20px; } } @media screen and (min-width: 768px) { .product-detail .badge-promo span { font-size: 25px; line-height: 25px; } } .product-detail .badge-new-look span { font-size: 10px; } @media screen and (min-width: 768px) { .product-detail .badge-new-look span { font-size: 20px; line-height: 20px; } } .grid-tile:not(:first-child) .badge-new-look { display: none; } .js .simple-submit { display: none; } legend, .section-header { text-transform: uppercase; width: 100%; min-height: 19px; font-family: "proxima-nova", Arial, sans-serif; font-size: 22px; font-weight: 600; font-style: normal; letter-spacing: 2px; text-align: left; color: #333133; position: relative; margin: 10px 0 20px; padding: 0 0 20px; } legend:after, .section-header:after { position: absolute; content: ""; height: 1px; width: 100%; bottom: 0; left: 0; background-color: #323132; } legend { float: left; } label { display: block; font-size: 1em; margin-bottom: 10px; } .field-wrapper label { width: auto; margin: 0; } label span.phone-explanation { display: inline-block; transition: .2s ease; } @media screen and (min-width: 768px) { label span.phone-explanation { margin-left: 10px; } } .form-label-text { float: left; font-size: 1.1em; font-weight: 700; padding: 0.75em 0 0; text-align: right; width: 25%; } .form-row { box-sizing: border-box; margin: 0 0 10px; } @media screen and (max-width: 768px) { .form-row.formbuttonrow { margin: 0 0 20px; } } .form-row * { box-sizing: border-box; } .form-row:not(.first):after { content: ""; display: table; clear: both; } @media screen and (min-width: 768px) { .form-row.half-row { float: left; margin-top: 0; } .form-row.half-row.first { width: calc(50% - 5px); margin-right: 10px; } .form-row.half-row.first:after { content: none; } .form-row.half-row.last { width: calc(50% - 5px); } } @media screen and (min-width: 768px) { .form-row.quarter-row { float: left; margin-top: 0; } .form-row.quarter-row.first { margin-right: 10px; } .form-row.quarter-row.first:after { content: none; } .form-row.quarter-row.first, .form-row.quarter-row.last { width: calc(35% - 5px); max-width: 220px; } .form-row.quarter-row.first .form-row__label, .form-row.quarter-row.last .form-row__label { width: 100%; } .form-row.quarter-row.first label, .form-row.quarter-row.last label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .half-row.last + .form-row, .quarter-row.last + .form-row { clear: both; } .form-row .info-text { margin-bottom: 5px; text-align: right; } .form-row .info-text a { cursor: pointer; } @media screen and (min-width: 768px) { .longlabels .quarter-row > label { height: 30px; } } .form-row-button { clear: left; } .ui-dialog .form-row-button, .pt_error .form-row-button { text-align: right; } .field-wrapper { box-sizing: border-box; margin-bottom: 10px; width: 100%; position: relative; transition: .2s ease; } .field-wrapper.label-after { width: auto; float: left; margin-bottom: 20px; } .field-wrapper label.error ~ label.error { display: none !important; } input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="email"], input[type="search"], input[type="tel"], textarea { border: 2px solid #333133; background-color: #ffffff; background-color: transparent; box-sizing: border-box; padding: 10px; text-indent: 0; width: 100%; font-family: "proxima-nova", Arial, sans-serif; font-size: 1em; border-radius: 0; -webkit-appearance: none; height: 41px; } input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus { background-color: #ffffff; } textarea { height: auto; } select, option { appearance: none; -moz-appearance: none; -webkit-appearance: none; } select::-ms-expand { display: none; } select, .select { background-color: transparent; border: 2px solid #333133; padding: 10px 30px 10px 10px; width: 100%; border-radius: 0; background: url("../images/chevron-down.svg") no-repeat right 12px center; font-size: 1em; font-family: "proxima-nova", Arial, sans-serif; color: #333133; } @media screen and (min-width: 1180px) { select.simple, .select.simple { padding: 12px; font-size: 13px; background-color: #ffffff; font-weight: 400; color: #333133; } } select:focus, .select:focus { background-color: #ffffff; } select.test, .select.test { width: auto; display: inline-block; font-weight: normal; padding: 0; } input[type="radio"], input[type="checkbox"] { visibility: hidden; width: 0; margin: 0; } input[type="radio"] + span.error + label, input[type="radio"] + label, input[type="checkbox"] + span.error + label, input[type="checkbox"] + label { display: inline-block; vertical-align: middle; position: relative; padding-left: 30px; min-height: 20px; padding-top: 3px; cursor: pointer; width: auto; } input[type="radio"] + span.error + label:before, input[type="radio"] + span.error + label:after, input[type="radio"] + label:before, input[type="radio"] + label:after, input[type="checkbox"] + span.error + label:before, input[type="checkbox"] + span.error + label:after, input[type="checkbox"] + label:before, input[type="checkbox"] + label:after { content: ""; display: block; position: absolute; width: 14px; height: 14px; left: 0; top: 0; } input[type="radio"] + span.error + label:before, input[type="radio"] + label:before, input[type="checkbox"] + span.error + label:before, input[type="checkbox"] + label:before { border: 1px solid #333133; width: 18px; height: 18px; } input[type="radio"][disabled] + label, input[type="checkbox"][disabled] + label { cursor: default; } input[type="radio"][disabled] + label:before, input[type="checkbox"][disabled] + label:before { border-color: #dddddd; } input[type="radio"] + label { padding: 3px 10px 3px 30px; vertical-align: top; } input[type="radio"] + label:before { border-radius: 18px; top: 3px; } input[type="radio"] + label:after { border-radius: 8px; width: 10px; height: 10px; left: 5px; top: 8px; background-color: transparent; transition: background-color 0.2s; } input[type="radio"]:checked + label:after { background-color: #323132; } input[type="radio"].hidden-radio + label { padding-left: 0; } input[type="radio"].hidden-radio + label:before { border: 0; } input[type="radio"].hidden-radio:checked + label:after { background: none; } input[type="checkbox"] + label:after { content: ""; font-size: 14px; top: 3px; left: 3px; color: transparent; transition: color 0.2s; } input[type="checkbox"]:checked + span.error + label:after, input[type="checkbox"]:checked + label:after { color: #323132; } .label-above label { margin-bottom: .3rem; width: auto; } .label-above .field-wrapper { float: none; padding-left: 0; width: auto; } .label-above .form-caption { margin-left: 0; } .form-horizontal label { float: left; width: 100%; font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: .5rem; } @media screen and (min-width: 768px) { .form-horizontal label { width: 30%; font-weight: normal; font-size: 1em; margin-top: .5rem; margin-bottom: 0; } } .form-horizontal .field-wrapper { float: left; width: 100%; } @media screen and (min-width: 768px) { .form-horizontal .field-wrapper { padding-left: 2%; width: 70%; } } @media screen and (min-width: 768px) { .form-horizontal .form-caption { margin-left: 32%; } } @media screen and (min-width: 768px) { .form-horizontal .form-row-button { margin-left: 32%; } } @media screen and (min-width: 768px) { .form-indent { margin-left: 32%; } } .form-indent .form-caption { margin-left: 0; } .error-message { background-color: #faeded; padding: 0.7em 0.5em; text-indent: 0; } .error { background-color: #faeded; border-color: #990000; } .field-wrapper > .error { color: #990000; } span.error, div.error { background: none; } .input-text.error { border-color: #990000; } .error-form { border-radius: .5em; color: #333133; background: #f7edeb; margin: 0.5em 0; padding: 0.8em; } .returning-customers .error-form { padding-left: 0; } .reset-password { color: #333133; margin: 0.5em 0; padding: 0.8em; } .reset-password a { font-weight: bold; text-decoration: underline; } .form-inline form { padding: 0 0 2em; width: 98%; } .form-inline label { padding: 0 0 0.75em; text-transform: uppercase; width: auto; } .form-inline input[type="text"], .form-inline select, .form-inline .select { margin-left: 0; width: 95%; } .form-inline button { padding-left: 0; padding-right: 0; width: 100%; } .row-inline { display: inline; } .row-inline label { width: auto; font-weight: 700; margin-bottom: 10px; } .dialog-required { display: inline-block; position: relative; float: right; } .ui-dialog .dialog-required { float: none; display: block; margin-bottom: 10px; } .dialog-required em { font-size: .65rem; font-style: normal; text-transform: none; font-size: 12px; font-weight: normal; font-style: normal; letter-spacing: normal; } .required-indicator { padding: 0; color: #ff0000; } .optional-indicator { margin-left: 5px; } .form-field-tooltip { float: left; text-align: right; padding-bottom: 0.5em; } @media screen and (min-width: 768px) { .form-field-tooltip { float: none; } } .checkout-billing .form-field-tooltip { display: none; } .checkout-billing legend:after { display: none; } .formactions { margin-top: 20px; text-align: right; } span.error { display: block; background-color: transparent; font-style: italic; text-align: right; } .newsletter-footer h1 { line-height: 1.3em; } .newsletter-footer .container { text-align: left; width: 100%; } .newsletter-page .caption { margin: 20px 0 10px; font-weight: 800; } .newsletter-page button { margin: 20px 0 10px; } .newsletter-page .date { width: 102px; } .newsletter-page .datewithmultiformat { width: 102px; height: 31px; } .newsletter-page .email-subscribe { position: relative; } .invoicefields.klarnafields { position: initial; background-color: rgba(247, 237, 235, 0.5); padding: 10px; } @media screen and (min-width: 768px) { .invoicefields.klarnafields { padding: 20px; } } .invoicefields.klarnafields .klarna-div { display: flex; flex-direction: column; min-height: 255px; justify-content: space-evenly; } .invoicefields.klarnafields .klarna-div .birthday-description { font-size: 12px; margin-bottom: 15px; } .invoicefields.klarnafields .klarna-div .birthday-label { margin-top: 5px; font-weight: 700; } .invoicefields.klarnafields .klarna-div .birthday-fields { display: flex; flex-direction: row; justify-content: space-between; } .invoicefields.klarnafields .klarna-div .birthday-fields div { margin: 0; } .invoicefields.klarnafields .klarna-div .birthday-fields label { display: none; } .invoicefields.klarnafields .klarna-div .birthday-fields .birthday-day { flex: 0.28; } .invoicefields.klarnafields .klarna-div .birthday-fields .birthday-month { flex: 0.28; } .invoicefields.klarnafields .klarna-div .birthday-fields .birthday-year { flex: 0.38; } .invoicefields.klarnafields .klarna-div .birthday-error { min-height: 30px; color: #990000; } .item-list { margin-bottom: 2em; } @media screen and (min-width: 1180px) { .item-list { margin-bottom: 1em; } } .item-list tr { border-bottom: 1px solid #cccccc; } .item-list tr.last { border: 0 none; } .item-list tr.headings { display: none; } .item-list td { padding: .6em; vertical-align: top; } .item-list .multi-shipment-row { border-bottom: none; } .item-details .product-list-item .name { font-size: 1.2em; font-style: italic; } .item-details .product-list-item .name a { color: inherit; text-decoration: none; } .item-details .product-list-item .promo { color: #990000; } .item-details .product-list-item .price-standard { color: #999999; text-decoration: line-through; } .item-availability ul, .item-quantity-details ul { list-style: none outside none; margin: 0; padding: 0; } .item-dashboard { color: #aaaaaa; width: 16rem; } .item-dashboard label { font-weight: normal; width: auto; } .item-dashboard .field-wrapper { width: auto; } .item-dashboard .option-quantity-desired input { width: 3rem; } .item-dashboard .value { margin-top: .5rem; } .item-dashboard .form-row { margin: 0; } .item-dashboard input, .item-dashboard .value, .item-dashboard select .option-toggle-public label { color: #333133; } .item-dashboard .input-checkbox { margin: 0 5px; } .item-dashboard .option-add-to-cart { margin-top: .5rem; width: 18rem; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .item-dashboard .option-add-to-cart label { color: #333133; float: left; font-weight: 700; margin: .5rem .5rem 0 0; text-transform: uppercase; width: auto; } .item-dashboard .option-add-to-cart input { width: 3rem; margin-right: 1em; } .item-dashboard .option-add-to-cart button { padding: 0.5em 1.5em; } .item-dashboard .option-quantity-purchased span.exceeded { color: #990000; } .tooltip { cursor: help; position: relative; } .tooltip.product-tile { cursor: pointer; } .tooltip-content { display: none; } .ui-tooltip.ui-widget-content { background: #333133; border-radius: 3px; box-shadow: 2px 3px 3px 0 #999999; color: #ffffff; } .ui-tooltip-content { padding: 0.3em; } .ui-tooltip-content .recommendation-tooltip-header { font-size: 1.2em; font-weight: bold; padding: 0.5em; } .ui-tooltip-content .recommendation-tooltip-header .product-price { font-weight: 400; } .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard { color: #999999; text-decoration: line-through; } .ui-tooltip-content .recommendation-tooltip-description, .ui-tooltip-content .recommendation-tooltip-attributes { padding: 0.8em; } .ui-tooltip-content .shipping-method-cost, .ui-tooltip-content .surcharge-product, .ui-tooltip-content .promo { text-align: right; padding-bottom: .3rem; } .ui-tooltip-content .shippingtotal { clear: right; text-align: right; margin-top: .3rem; } .ui-tooltip-content .shippingtotal .value { border-top: 1px solid #5c5c5c; padding-top: .3rem; } .content-slot img { height: auto; max-width: 100%; } .slot-grid-header { font-weight: 400; } @media screen and (min-width: 768px) { .slot-grid-header { padding: 0 18px; } } .slot-grid-header p { margin: 0; padding: 0; } .slot-grid-header .promotional-banner { font-size: 1em; line-height: 30px; letter-spacing: 0.2px; text-align: center; color: #e75025; } .slot-grid-header .promotional-banner a { color: #e75025; } .product-listing-1x4 { background: none repeat scroll 0 0 #ffffff; overflow: hidden; padding: .83em 0; } .product-listing-1x4 .search-result-items .grid-tile { margin: 0 1% 0 2%; width: 18%; } .account-nav-asset { background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent; line-height: 1.5em; margin: 3.33em .83em; padding: .83em 0; } .account-nav-asset h2 { font-style: italic; font-weight: 400; margin: 1.16em 0 1.66em; } .content-asset ul, .content-asset ol { line-height: 1.6em; margin: 1em 0; padding: 0 1.5em; } .content-asset address { margin: 1em 0; } .content-asset ul li { list-style: square outside none; } .content-asset ol li { list-style: decimal outside none; } .content-asset .account-options { align-items: stretch; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } .content-asset .account-options li { background-color: #666666; border: 3px solid #cccccc; border-radius: 5px; list-style-type: none; margin: 1rem; text-align: center; width: 35%; transition: all 1000ms ease; } .content-asset .account-options li:hover { background-color: #64772d; border-color: #64772d; } .content-asset .account-options li a { color: #ffffff; display: block; padding: 1rem; } .content-asset .account-options li a i { font-size: 6rem; } .browser-compatibility-alert { background-color: #ffffff; color: #333133; font-size: 1.3em; line-height: 2em; padding: .8em; top: 112px; position: absolute; width: 290px; left: 50%; margin-left: -145px; z-index: 10; box-sizing: border-box; } .browser-compatibility-alert i { margin: 15px auto; display: block; width: 22px; } .folder-slot { border-style: solid; border-color: #019328; border-width: 1px; background-color: white; padding: 0.5em 0.5em; } .folder-slot h2 { color: #019328; margin: 0.5em 0em; } .menu-slot { display: none; border-top: 1px solid #faeded; margin-top: 0.5em; padding-top: 1.5em; } .menu-slot .social-links { padding-left: 0; } .menu-slot .social-links li { display: inline-block; padding-left: 0; } @media screen and (min-width: 1180px) { .menu-slot { width: 13.5rem; display: block; } } .cart-recommendations { margin-top: 1rem; } .cart-recommendations .product-listing { background-color: #f5f3f3; padding: 1rem 0; } .cart-recommendations .product-listing:after { content: ""; display: table; clear: both; } .cart-recommendations .tiles-container, .category-slot .tiles-container, .product-slot .tiles-container { display: flex; flex-flow: row wrap; justify-content: center; } .cart-recommendations .tiles-container .grid-tile, .category-slot .tiles-container .grid-tile, .product-slot .tiles-container .grid-tile { margin: 1rem; padding: 1rem; width: 25%; } .cart-recommendations h1, .cart-recommendations .h1, .category-slot h1, .category-slot .h1, .product-slot h1, .product-slot .h1 { color: #333133; text-align: center; margin-top: 10px; margin-bottom: 10px; width: 100%; } @media screen and (min-width: 768px) { .cart-recommendations h1, .cart-recommendations .h1, .category-slot h1, .category-slot .h1, .product-slot h1, .product-slot .h1 { margin-top: 27px; margin-bottom: 22px; } } @media screen and (min-width: 1180px) { .cart-recommendations h1, .cart-recommendations .h1, .category-slot h1, .category-slot .h1, .product-slot h1, .product-slot .h1 { color: #ffffff; position: absolute; top: 100px; } } .cart-recommendations h2, .cart-recommendations .h2, .category-slot h2, .category-slot .h2, .product-slot h2, .product-slot .h2 { color: #333133; font-size: 1.5rem; font-style: italic; margin: 0; padding: .1rem .5rem; } .cart-recommendations h3, .cart-recommendations .h3, .category-slot h3, .category-slot .h3, .product-slot h3, .product-slot .h3 { background-color: #ffffff; bottom: 0; color: #333133; font-size: 2rem; margin: 0; opacity: .6; padding: 2rem; position: absolute; text-transform: uppercase; width: 100%; } .cart-recommendations .catlanding-banner, .category-slot .catlanding-banner, .product-slot .catlanding-banner { overflow: hidden; position: relative; width: 100%; } .cart-recommendations .catlanding-banner img, .category-slot .catlanding-banner img, .product-slot .catlanding-banner img { height: auto; width: 100%; display: none; } @media screen and (min-width: 1180px) { .cart-recommendations .catlanding-banner img, .category-slot .catlanding-banner img, .product-slot .catlanding-banner img { display: block; } } .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile { float: left; overflow: hidden; padding: 0 .15%; position: relative; width: 100%; } @media screen and (min-width: 1180px) { .cart-recommendations .category-tile, .category-slot .category-tile, .product-slot .category-tile { width: 33%; } } .cart-recommendations .category-tile img, .category-slot .category-tile img, .product-slot .category-tile img { height: auto; width: 100%; } .cart-recommendations .cat-banner, .category-slot .cat-banner, .product-slot .cat-banner { overflow: hidden; position: relative; } @media screen and (min-width: 1180px) { .cart-recommendations .cat-banner, .category-slot .cat-banner, .product-slot .cat-banner { width: 800px; margin: auto; } } .cart-recommendations .cat-banner h1, .category-slot .cat-banner h1, .product-slot .cat-banner h1 { color: #333133; position: static; } .cart-recommendations .cat-banner p, .category-slot .cat-banner p, .product-slot .cat-banner p { color: #333133; font-size: 1em; font-weight: 400; line-height: 24px; margin: 0; text-align: center; width: 100%; } @media screen and (min-width: 1180px) { .cart-recommendations .cat-banner p, .category-slot .cat-banner p, .product-slot .cat-banner p { line-height: 30px; } } .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { margin: 0; padding: 0 .15%; width: 100%; } @media screen and (min-width: 1180px) { .cart-recommendations .search-result-items .grid-tile, .category-slot .search-result-items .grid-tile, .product-slot .search-result-items .grid-tile { width: 33%; } } .cart-recommendations .search-result-items .grid-tile .product-tile, .category-slot .search-result-items .grid-tile .product-tile, .product-slot .search-result-items .grid-tile .product-tile { margin: 0 .15%; padding: 1rem 0; width: 100%; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name, .category-slot .search-result-items .grid-tile .product-tile .product-name, .product-slot .search-result-items .grid-tile .product-tile .product-name { font-size: 1.2rem; font-weight: 100; height: auto; margin-top: .5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-name a, .category-slot .search-result-items .grid-tile .product-tile .product-name a, .product-slot .search-result-items .grid-tile .product-tile .product-name a { color: #333133; } .cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing, .category-slot .search-result-items .grid-tile .product-tile .product-pricing, .product-slot .search-result-items .grid-tile .product-tile .product-pricing { font-size: 1rem; } @media screen and (max-width: 1180px) { .category-slot { margin-top: 11px; } } .category-slot #shopping-event-banner > img { width: 100%; } .html-slot { background-color: #f5f3f3; border-color: #e0e0e0; border-style: solid; border-width: 1px 0; } .html-slot h1, .html-slot .h1 { color: #333133; font-size: 1.5rem; margin: 1rem; text-align: center; } @media screen and (min-width: 1180px) { .html-slot h1, .html-slot .h1 { font-weight: 100; } } @media screen and (max-width: 1180px) { .summary { width: auto; } } .summary * { box-sizing: border-box; } .summary > div { background-color: #f7edeb; margin-bottom: 16px; padding: 14px; } @media screen and (min-width: 768px) { .summary > div { padding: 24px; } } .summary .section-header { text-transform: none; letter-spacing: normal; font-size: 20px; line-height: 33px; margin: 0; padding: 0 0 4px; } .summary .section-header:after { content: ""; display: table; clear: both; } .summary .section-header .section-header-note { font-size: 14px; line-height: 33px; color: #30397a; display: inline-block; float: right; text-decoration: underline; } .summary .section-header .section-header-note:hover, .summary .section-header .section-header-note:focus { text-decoration: none; } .summary .edit { position: absolute; text-transform: uppercase; right: 10px; font-size: 0.9em; line-height: 1.5em; } .summary .order-totals-table { font-size: 18px; line-height: 24px; } .summary .order-totals-table tr:first-child td { padding-top: 14px; } .summary .order-totals-table tr:last-child td { padding-bottom: 0; } .summary .order-totals-table td { padding: 7px 0 14px; } .summary .order-totals-table td:nth-child(2) { font-size: 20px; line-height: 24px; } .summary .order-totals-table .order-total { border-top-color: #333133; letter-spacing: normal; } .summary .order-totals-table .order-total td { padding-top: 20px; font-size: 20px; line-height: 24px; font-weight: 600; } .summary .order-promotions ul { margin-left: 0; padding-left: 0; } .summary .order-promotions li { list-style: none; font-size: 16px; line-height: 30px; } .summary .order-promotions li:before { content: ""; color: #00b451; display: inline-block; padding-right: 12px; } .summary .payment-options > div { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .summary .payment-options h2 { display: none; } .summary .payment-options .fa { display: block; font-size: 30px; margin: 10px 10px 10px; } .summary .payment-options .fa:last-of-type { margin-right: auto; } .summary .payment-options .content-asset span:first-of-type { display: none; } .summary .address { margin-top: 14px; } .summary .address > div { font-size: 16px; line-height: 30px; margin-bottom: 0; } .summary .minilineitems-selectgift { padding: 10px 0; } .summary .minilineitems-selectgift .bonus-item-actions { float: right; } .summary-product { position: relative; display: table; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.5); } .order-summary-usps + .form-row-button { background-color: transparent; } @media screen and (min-width: 768px) { .order-summary-usps + .form-row-button { display: none; } } .summary-properties { padding: 20px 0 24px; display: flex; flex-wrap: wrap; } .summary-properties h4 { width: 100%; flex: 0 0 100%; margin: 0 0 10px; font-size: 18px; line-height: 24px; text-transform: capitalize; } .summary-properties .item-quantity { font-size: 14px; margin-top: auto; } .summary-properties .item-price { justify-self: flex-end; margin-left: auto; } .summary-properties .item-price span { margin-top: auto; font-size: 20px; line-height: 24px; text-align: right; } .summary-properties .item-price .subtotal-unadjusted { font-size: 14px; margin-right: 6px; } .summary-properties a { text-decoration: underline; } .summary-properties a:hover, .summary-properties a:focus { text-decoration: none; } .order-summary-footer { position: relative; } .order-summary-footer h2 { font-size: 2em; font-style: italic; font-weight: normal; } /* ============================================================================= Swatches, as for instance used on the make up product detail template ========================================================================== */ .swatches li { float: left; } .swatches li.selected a, .swatches li:hover a { border-color: #323132; } .swatches li.unselectable a { color: #e0e0e0; opacity: 0.8; } .swatches li.unselectable:hover a { border-color: #e0e0e0; } .swatches li a { border-color: #e0e0e0; border-style: solid; border-width: 1px 1px 3px; display: block; line-height: 3.5; min-height: 2.625rem; min-width: 2.625rem; margin: 0 0.5rem 0.5rem 0; padding: 1px; text-align: center; white-space: nowrap; } @media screen and (min-width: 1180px) { .swatches li a { line-height: 2.7; min-height: 2rem; min-width: 2rem; } } /* ============================================================================= Variant selection, as used for instance on the PDP. ========================================================================== */ .variant-selection { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 10px; line-height: normal; box-sizing: border-box; flex-wrap: wrap; } @media screen and (min-width: 768px) { .variant-selection { order: 2; } } .variant-selection a { background: #ffffff; color: #333133; } .variant-selection a:hover { background: #333133; color: #ffffff; } .variant-selection ul { box-sizing: border-box; width: calc( 100% + 10px); display: flex; flex: 0 0 calc( 100% + 10px); margin: 0 -5px; line-height: 14px; } @media screen and (min-width: 768px) { .variant-selection ul { line-height: 10px; } } .variant-selection ul.swatches { flex-wrap: wrap; } .variant-selection ul.swatches li { flex: 0 1 17.25%; margin: 0 5px 10px; overflow: hidden; } .variant-selection ul.swatches li:hover { background: transparent; } .variant-selection ul.swatches a { border: none; position: relative; } .variant-selection ul.swatches a.unavailable img { opacity: 0.3; } .variant-selection ul.swatches a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .variant-selection .selected-value { display: block; flex: 0 0 100%; } .variant-selection .selected-value span { margin-left: 5px; } .variant-selection li { cursor: pointer; text-align: center; transition: .3s ease; box-sizing: border-box; margin: 0 5px; } .variant-selection li.selected-size { pointer-events: none; } .variant-selection li.selected-size a { background: #333133; color: #ffffff; } .product-options .attribute, .product-variations .attribute { margin: 30px 0; overflow: hidden; padding: 0; position: relative; } .product-options .attribute h3, .product-variations .attribute h3 { font-weight: 400; } @media screen and (min-width: 768px) { .product-options .attribute h3, .product-variations .attribute h3 { font-size: 0.813em; } } .product-options .attribute ul, .product-variations .attribute ul { float: right; width: 100%; } .product-options .attribute .label, .product-options .attribute h3, .product-variations .attribute .label, .product-variations .attribute h3 { text-transform: capitalize; margin-bottom: 5px; display: inline-block; color: #71605f; } @media screen and (min-width: 768px) { .product-options .attribute .label, .product-options .attribute h3, .product-variations .attribute .label, .product-variations .attribute h3 { margin-bottom: 0; } } .product-options .attribute .value, .product-variations .attribute .value { width: 100%; } .product-options .attribute .selected-value, .product-variations .attribute .selected-value { border: 0 none; color: #323132; font-weight: 400; padding: 1.3em 0 0 0.4em; text-transform: uppercase; } @media screen and (min-width: 1180px) { .product-options .attribute .selected-value, .product-variations .attribute .selected-value { padding-top: 0.8em; } } .breadcrumb { font-size: 14px; line-height: 28px; margin: 0; padding: 0 0 0 12px; letter-spacing: 0.2px; } @media screen and (min-width: 1180px) { .breadcrumb .pt_product-search-result, .pt_collectionlanding .breadcrumb { margin: 0 0 0 -18px; padding: 0; } } @media screen and (min-width: 1180px) { .pt_categorylanding .breadcrumb { margin-left: 30px; padding: 0; } } .pt_product-details .breadcrumb > ol { margin: 0; } @media screen and (max-width: 768px) { .pt_content .breadcrumb li:last-of-type { display: none; } .pt_content .breadcrumb li:nth-last-of-type(2):after { display: none; } } @media screen and (min-width: 1180px) { .pt_content .breadcrumb { padding: 0; margin: 0; } } .breadcrumb a { text-decoration: none; } .breadcrumb ol { padding: 0; } .breadcrumb li { display: inline-block; list-style: none outside none; } .breadcrumb li:after { content: "/"; } .breadcrumb li:last-of-type:after { display: none; } .paging-current-page { left: -999em; position: absolute; } .breadcrumb-element { color: #333133; } .breadcrumb-refinement { font-weight: 700; } .breadcrumb-refinement:after { content: attr(data-divider); font-style: normal; } .breadcrumb-refinement:last-of-type:after { content: ''; } .breadcrumb-refinement-value { background-color: rgba(132, 189, 0, 0.3); display: inline-block; border-radius: 3px; margin: 0 .42em .42em 0; padding: 0 .42em; } .breadcrumb-result-text a, .breadcrumb .searchphraselink { background: none; color: #84bd00; padding: 0; } .mini-cart { position: absolute; right: 0; top: 3px; } @media screen and (min-width: 1180px) { .mini-cart { left: auto; right: 50px; top: 8px; } } .mini-cart-total { position: relative; top: 10px; } @media screen and (min-width: 1180px) { .mini-cart-total { top: 0; } } .mini-cart-total .mini-cart-empty { color: #333133; transition: color .5s ease; } .mini-cart-total .mini-cart-empty .minicart-quantity { display: none; } .mini-cart-total .mini-cart-link { display: block; padding: 12px; height: 44px; line-height: 20px; text-decoration: none; } @media screen and (min-width: 1180px) { .mini-cart-total .mini-cart-link { margin-top: 8px; } } .mini-cart-total .mini-cart-link i { color: #5c5c5c; font-size: 24px; } .mini-cart-total .mini-cart-link .minicart-quantity { background-color: #ffffff; border-radius: 10px; color: #5c5c5c; padding: 1px 4px; position: absolute; right: 8px; text-align: center; bottom: 8px; font-size: 7pt; border: 1px solid #5c5c5c; line-height: 10px; } .mini-cart-total .mini-cart-link .minicart-quantity.animate { -webkit-font-smoothing: antialiased; -webkit-animation: tada 1.2s; animation: tada 1.2s; } /*---------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ .hero { box-sizing: border-box; cursor: pointer; display: block; margin: 0 auto; position: relative; } @media screen and (min-width: 768px) { .hero { height: auto; max-height: 750px; max-width: 1260px; } } .hero > * { box-sizing: border-box; } .hero img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 768px) { .hero .content-container { max-width: 600px; padding: 60px; position: absolute; transform: translateY(-50%); top: 50%; right: 50%; width: 50%; z-index: 0; } } .hero .content-container .content { display: none; } @media screen and (min-width: 768px) { .hero .content-container .content { display: block; width: 392px; margin: 0 auto; } } .hero h1, .hero .h1 { color: #333133; line-height: 30px; font-size: 19px; font-weight: 500; margin: 0 0 5px; } @media screen and (min-width: 768px) { .hero h1, .hero .h1 { line-height: 44px; font-size: 2.25em; } } .hero h2, .hero .h2 { font-size: 13px; line-height: 25px; font-weight: 500; margin: 0; } .hero p { line-height: 25px; letter-spacing: 0.3px; margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 768px) { .hero p { font-size: 1em; } } .hero .mobile-content { background: rgba(255, 255, 255, 0.7); position: absolute; bottom: 0; display: block; width: 100%; padding: 10px 24px; } @media screen and (min-width: 768px) { .hero .mobile-content { display: none; } } .hero .mobile-content p { margin-top: 10px; margin-bottom: 10px; font-size: 16px; } /*---------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------*/ .homepage-banner { position: relative; background-size: cover !important; background-position: center center !important; cursor: pointer; } @media screen and (max-width: 767px) { .homepage-banner { background-image: none !important; } } @media screen and (min-width: 768px) { .homepage-banner { box-sizing: border-box; height: 500px; height: calc(100vh - 200px); margin-bottom: 0; max-height: 750px; } } @media screen and (min-width: 768px) { .homepage-banner .content-container { box-sizing: border-box; max-width: 600px; padding: 60px; position: absolute; transform: translateY(-50%); top: 50%; right: 50%; width: 50%; z-index: 0; } } .homepage-banner .content-container .content { display: none; } @media screen and (min-width: 768px) { .homepage-banner .content-container .content { display: block; width: 392px; margin: 0 auto; } } .homepage-banner h1, .homepage-banner .h1 { color: #333133; line-height: 30px; font-size: 19px; font-weight: 500; margin: 0 0 5px; } @media screen and (min-width: 768px) { .homepage-banner h1, .homepage-banner .h1 { line-height: 44px; font-size: 2.25em; } } .homepage-banner h2, .homepage-banner .h2 { font-size: 13px; line-height: 25px; font-weight: 500; margin: 0; } .homepage-banner p { line-height: 25px; letter-spacing: 0.3px; margin-top: 20px; margin-bottom: 20px; } @media screen and (min-width: 768px) { .homepage-banner p { font-size: 1em; } } .homepage-banner .hero-image { box-sizing: border-box; text-align: center; position: relative; width: 100%; } @media screen and (min-width: 768px) { .homepage-banner .hero-image { display: none; } } .homepage-banner .hero-image img { margin: 0 auto; padding: 0; width: 100%; max-width: 100%; } @media screen and (min-width: 768px) { .homepage-banner .hero-image img { position: static; max-height: none; max-width: none; transform: none; } } .homepage-banner .mobile-content { background: rgba(255, 255, 255, 0.7); position: absolute; bottom: 0; display: block; width: 100%; padding: 10px 24px; } @media screen and (min-width: 768px) { .homepage-banner .mobile-content { display: none; } } .homepage-banner .mobile-content > * { box-sizing: border-box; } .homepage-banner .mobile-content p { margin-top: 10px; margin-bottom: 10px; font-size: 16px; } /* ============================================================================= Homepage category links // Description: Block with category buttons on homepage. // Button color can be set in the BM. ========================================================================== */ .homepage-category-links { padding: 24px; } @media screen and (min-width: 768px) { .homepage-category-links { display: none; } } .homepage-category-links > * { box-sizing: border-box; } .homepage-category-links h2 { text-transform: none; } .homepage-category-links ul { display: grid; list-style: none; grid-template-columns: 1fr 1fr; grid-template-rows: 48px 48px 48px; grid-gap: 12px; margin: 0; padding: 0; } .homepage-category-links a { display: block; grid-column: span 1; grid-row: span 1; background-color: var(--homepage-categories-button-color); border-color: var(--homepage-categories-button-color); } .promotion-blocks { overflow: visible; padding-bottom: 5px; } @media screen and (min-width: 768px) { .promotion-blocks { overflow: hidden; margin: 25px -35px 0; display: flex; } } .promotion-tile { margin-bottom: 50px; } @media screen and (min-width: 768px) { .promotion-tile { margin: 0 5px 0; } } .promotion-tile img { height: auto; width: 100%; border-radius: 3px; } .promotion-tile h4 { font-size: 18px; margin: 10px 0; } @media screen and (min-width: 1180px) { .promotion-tile h4 { height: 50px; overflow: hidden; margin: 15px 0; height: 24px; } } .promotion-tile p { line-height: 21px; font-size: 14px; overflow: hidden; } @media screen and (min-width: 1180px) { .promotion-tile p { height: 62px; line-height: 25px; font-size: 16px; height: 50px; } } .featured-product { background: transparent; background: linear-gradient(to right, #f5f3f3 0%, #ffffff 6%, #ffffff 94%, #f5f3f3 100%); border: none; box-sizing: border-box; display: flex; flex-direction: column; z-index: 10; } .featured-product * { box-sizing: border-box; } .featured-product .featured-product-image { position: relative; overflow: hidden; } .featured-product .featured-product-image:before { display: block; content: ""; width: 100%; padding-top: 100%; } .featured-product .featured-product-image img { position: absolute; width: 100%; top: 0; bottom: 0; right: 0; left: 0; } .featured-product .featured-product-details { padding: 0 24px; } .featured-product .featured-product-footer { position: relative; margin-top: auto; padding: 0 24px 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; flex-wrap: nowrap; } .featured-product .featured-product-footer span { display: block; width: auto; } .featured-product .featured-product-footer .add-to-cart-link { display: block; position: relative; flex: 0 0 55px; height: 40px; } .promotional-accordeon { margin: 10px auto; max-width: 1500px; background-size: 0 0; } .promotional-accordeon h3 { background-color: #9297a3; padding: 8px; padding-right: 40px; width: 100%; min-height: 40px; text-align: center; text-transform: uppercase; font-weight: 400; margin: 0; cursor: pointer; display: block; position: relative; box-sizing: border-box; } .promotional-accordeon.open .accordeon-body { display: block; } .promotional-accordeon .toggle { font-size: 30px; height: 40px; width: 40px; position: absolute; right: 0; bottom: 0; text-align: center; } .promotional-accordeon .toggle:after { content: '+'; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .promotional-accordeon .toggle.open:after { content: '-'; } .promotional-accordeon p { text-align: center; margin: 0; } .promotional-accordeon .accordeon-body { padding: 20px; display: none; background-color: #f5f3f3; position: relative; } .promotional-accordeon .accordeon-body-content { opacity: 1; z-index: 10; display: block; position: relative; } .collection-overview { padding: 20px 18px; display: flex; flex-wrap: wrap; max-width: 1150px; margin: 0 auto; } .collection-overview * { box-sizing: border-box; } .collection-block { width: 100%; margin: 0 5px 40px; display: flex; flex-direction: column; box-sizing: border-box; } @media screen and (min-width: 768px) { .collection-block { width: calc(33.3% - 10px); } } .collection-block img { max-width: 100%; } .collection-block .button { align-self: flex-end; margin-top: auto; margin-right: auto; } .content-container .collection-block { margin: 0 -10px 10px; width: auto; } @media screen and (min-width: 768px) { .content-container .collection-block { margin: 0 0 40px; } } .collection-title { margin: 20px 0 13px; } .collection-title > a { color: #333133; } .collection-title > a:hover { text-decoration: none; } .content-asset .collection-subtitle { color: #9297a3; margin-bottom: 8px; } .content-asset .collection-subtitle span { display: inline; } .content-asset .collection-subtitle ul { display: inline; list-style: none; margin: 0; padding: 0; } .content-asset .collection-subtitle ul li { list-style: none; display: inline; } .content-asset .collection-subtitle a { color: inherit; text-decoration: underline; } .content-asset .collection-subtitle a:hover { text-decoration: none; } .collection-media { position: relative; } .collection-media:before { display: block; content: ""; width: 100%; padding-top: 42.30769%; } .collection-media img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } .added-popup-visible .product-added-popup-wrapper { opacity: 1; pointer-events: all; background-color: rgba(0, 0, 0, 0.7); } .product-added-popup-wrapper { position: fixed; top: 0; bottom: 0; display: flex; left: 0; right: 0; pointer-events: none; z-index: 2; opacity: 0; justify-content: center; align-items: center; align-content: center; overflow: auto; z-index: 15; } .product-added-popup-wrapper * { box-sizing: border-box; } .product-added-popup { background: #ffffff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); padding: 2px; opacity: 0; transition: padding .2s ease, opacity .2s ease; width: 95%; display: flex; flex-direction: column; position: relative; max-width: 690px; min-height: 320px; margin: auto; } @media screen and (min-width: 768px) { .product-added-popup { flex-direction: row; flex-wrap: wrap; padding: 10px; width: 80%; } } .product-added-popup.active { opacity: 1; padding: 20px; } @media screen and (min-width: 768px) { .product-added-popup.active { padding: 34px 40px 28px; } } .product-added-popup h3 { max-width: calc(100% - 40px); margin: 0 0 15px; text-transform: uppercase; } @media screen and (min-width: 768px) { .product-added-popup h3 { flex: 0 0 100%; } } .product-added-popup img { max-height: 140px; height: auto; } @media screen and (min-width: 768px) { .product-added-popup img { width: 145px; max-height: 220px; } } .product-added-popup .close-toggle { color: #5c5c5c; position: absolute; font-size: 17px; line-height: 17px; right: 10px; top: 10px; background: transparent; border: 0; width: 40px; } .added { display: flex; height: 100%; flex-direction: column; justify-content: flex-start; align-items: center; } @media screen and (min-width: 768px) { .added { display: flex; height: 100%; align-items: center; flex-direction: row; width: 100%; justify-content: space-between; } } .added .button { display: block; width: 100%; } .added .button + .button { margin-top: 5px; } .added img { display: none; } @media screen and (min-width: 768px) { .added img { display: block; margin-right: 20px; } } .product-added-interactions { width: 100%; } @media screen and (min-width: 768px) { .product-added-interactions { width: 200px; flex: 0 0 200px; } } .product-added-interactions .continue-btn { display: none; } @media screen and (min-width: 768px) { .product-added-interactions .continue-btn { display: block; } } .product-added-details { width: 100%; margin-bottom: 15px; display: none; } @media screen and (min-width: 768px) { .product-added-details { display: flex; width: 35%; flex: 1 0 35%; flex-direction: column; height: 100%; margin-bottom: 0; justify-content: flex-start; } } .product-added-details span { display: block; text-align: left; font-size: 11px; } @media screen and (min-width: 768px) { .product-added-details span { font-size: 13px; } } .product-added-details .product-title { font-size: 13px; } @media screen and (min-width: 768px) { .product-added-details .product-title { font-size: 16px; } } @media screen and (min-width: 768px) { .product-added-details .product-count { margin-top: 40px; } } .product-added-details .pricing { align-self: flex-end; margin-left: auto; width: auto; } @media screen and (min-width: 768px) { .product-added-details .pricing { margin-left: 0; align-self: flex-start; } } .product-added-details .price-standard, .product-added-details .price-sales { text-align: right; display: inline; white-space: nowrap; word-break: keep-all; } .product-added-details .price-standard { text-decoration: line-through; } @media screen and (min-width: 768px) { .product-added-details .price-standard { font-size: 20px; } } .product-added-details .price-standard + .price { margin-left: 10px; } .product-added-details .price-sales { font-size: 20px; } @media screen and (min-width: 768px) { .product-added-details .price-sales { font-size: 24px; } } /* ****************************** CONTENT SLOT Recommendations slot in popup ****************************** */ .recommendations-slot { width: 100%; } .recommender-header { margin: 15px 0; margin-top: 20px; padding-top: 20px; border-top: 2px solid #333133; } .recommender-container { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 100%; } @media screen and (min-width: 768px) { .recommender-container { flex-direction: row; } } .recommender-container ul { list-style: none; padding: 10px; } .recommended-product-details { display: flex; flex-direction: row; flex-basis: 100%; width: 100%; margin: 2px; border: 1px solid #767575; } @media screen and (min-width: 768px) { .recommended-product-details { flex-basis: calc(50% - 10px); width: calc(50% - 10px); } } .recommended-product-details .image-container { width: 33.33333%; flex-basis: 33.33333%; flex-shrink: 0; padding: 2px; display: flex; justify-content: center; align-items: center; } .recommended-product-details .image-container .name-link { display: flex; } .recommended-product-details .image-container img { max-width: 100%; } .recommended-product-details .details-container { display: flex; flex-direction: column; padding: 8px 8px 8px 2px; width: 100%; } .recommended-product-details .details-container .name-link { color: #333133; font-weight: 600; } .recommended-product-details .details-container .recomm-product-price { margin-top: auto; } .recommended-product-details .details-container .recomm-product-price .item-price { color: #979797; font-size: 16px; margin: 3px 0 2px; display: block; } .recommended-product-details .details-container .recomm-product-skin-type { margin-bottom: 15px; } .recommended-product-details .details-container .learn-more-btn { display: flex; justify-content: space-between; } .recommended-product-details .details-container .learn-more-btn .button { padding: 4px 10px 0; line-height: 20px; white-space: nowrap; max-height: 33px; } @media screen and (min-width: 1180px) { .recommended-product-details .details-container .learn-more-btn .button { padding: 4px 16px 0; } } .trust-badge-overlay { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; z-index: 220; display: flex; justify-content: center; align-content: center; align-items: center; transition: .3s ease; } .trust-badge-overlay.hidden { opacity: 0; pointer-events: none; } .trust-badge-wrapper { position: relative; height: 342px; } @media screen and (max-width: 768px) { .trust-badge-wrapper { width: 100%; } } @media screen and (min-width: 768px) { .trust-badge-wrapper { width: 462px; } } .trust-badge-wrapper .close-toggle { z-index: 999999999; top: 20px; cursor: pointer; right: 10px; color: #333133; position: absolute; font-size: 16px; text-align: center; line-height: 40px; width: 40px; height: 40px; display: block; } .trusted-shop-badge { position: absolute; } /* ============================================================================= Carousel / Slider // Description: default slider styling ========================================================================== */ .product-slider, .category-slider { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .product-slider h1, .category-slider h1 { text-align: left; font-weight: 400; margin: 0 0 20px; color: #333133; font-size: 1.25em; } .product-slider .product-tile, .category-slider .product-tile { flex: 0 0 auto; height: auto; width: 100%; position: relative; transition-property: transform; padding-bottom: 10px; margin: 0 auto; } .product-slider .product-tile .product-name, .category-slider .product-tile .product-name { font-size: 16px; text-align: left; } .product-slider .product-tile .product-name a, .category-slider .product-tile .product-name a { text-transform: none; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .slide-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; justify-content: space-between; transition-property: transform; box-sizing: content-box; transform: translate3d(0px, 0, 0); } .slide-control { position: absolute; background-color: transparent; top: 0; border: none; z-index: 60; height: 100%; padding: 0; width: 30px; display: none; opacity: 1; transition: opacity 0.3s ease; } @media screen and (min-width: 768px) { .slide-control { display: block; } } .slide-control:hover { background-color: transparent; } .slide-control[aria-disabled="true"] { opacity: 0; } .slide-control.prev { left: 0; } .slide-control.next { right: 0; } .slide-control i { color: #333133; } .product-slide-content { text-align: left; height: 100%; display: flex; flex-direction: column; margin: 0 5px; } @media screen and (min-width: 768px) { .product-slide-content { margin: 0 7.5px; } } .product-slide-content .product-image { margin-bottom: 25px; } .product-slide-content .product-name, .product-slide-content .product-pricing, .product-slide-content .product-skin, .product-slide-content .add-to-cart-link { margin-bottom: 8px; } .product-slide-content .product-review { display: block; margin: 0 0 5px; min-height: 67px; } @media screen and (min-width: 768px) { .product-slide-content .product-review { min-height: 38px; } } .product-slide-content .add-to-cart-link { display: block; position: relative; } .product-slide-footer { margin-top: auto; display: block; justify-content: space-between; width: 100%; align-items: flex-end; align-self: flex-end; flex-wrap: wrap; } .product-slide-footer .product-review { width: 100%; flex: 0 0 100%; } /* ============================================================================= Routine Slider // Description: Styles concerning the routine slider ============================================================================= */ .recommendation-carousel .slide-control { display: none; } .quick-ctas-carousel-container { position: relative; } .quick-ctas-carousel-container .slide-control { display: block; } .routine-step { font-size: 16px; } .routine-product-long-description { max-height: 7.2em; height: 7.2em; overflow: hidden; margin-bottom: 10px; width: 100%; } @media screen and (min-width: 768px) { .routine-product-long-description { margin-bottom: 20px; } } .routine-product-long-description p { margin: 0; } .routine-product-long-description iframe { display: none; } /* ============================================================================= PDP Mobile slider // Description: Slider showing main product images in a carousel only on mobile. ========================================================================== */ .product-visuals { width: 100%; } .product-visuals .product-tile { background: #f8f8f8; border: 1px solid #cccccc; border-radius: 3px; margin-right: 5px; padding-bottom: 0; height: 300px; } @media screen and (min-width: 768px) { .product-visuals .product-tile { background: transparent; width: auto !important; border: none; height: 500px; margin-right: 0; } } .product-visuals .product-tile.is-selected { border: 1px solid #333133; } .product-visuals .product-tile:nth-of-type(n + 2) { display: flex; } @media screen and (min-width: 768px) { .product-visuals .product-tile:nth-of-type(n + 2) { display: none; } } .product-visuals .product-tile-video { height: 300px; justify-content: center; align-items: center; } .product-visuals .video-wrapper { position: relative; width: 100%; } .product-visuals .video-wrapper:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } .product-visuals .main-video { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; cursor: pointer; } .product-info-accordeon { width: 100%; list-style: none; margin: 0 auto 42px; padding: 0; display: block; max-width: 790px; } .product-info-accordeon * { box-sizing: border-box; } .product-info-accordeon .accordeon-trigger { cursor: pointer; display: block; border-bottom: 2px solid #333133; padding-bottom: 5px; min-height: 40px; line-height: 2; position: relative; } .product-info-accordeon li .accordeon-body { display: none; } .product-info-accordeon li.open .accordeon-body { display: block; } .product-info-accordeon .toggle { font-size: 30px; line-height: 40px; height: 40px; width: 40px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center; } .product-info-accordeon .toggle:after { content: '+'; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product-info-accordeon .toggle.open:after { content: '-'; } .product-bundle-list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -10px; padding: 0; } .product-bundle-list li { margin: 10px; display: flex; flex-direction: column; width: calc(50% - 20px); flex: 0 0 calc(50% - 20px); } @media screen and (min-width: 768px) { .product-bundle-list li { width: calc(25% - 20px); flex: 0 0 calc(25% - 20px); } } .product-bundle-list li a { display: block; } .product-bundle-list li a img { width: 100%; height: 100%; } .product-bundle-list li span { display: block; } .product-bundle-list .name-link { text-transform: uppercase; color: #333133; font-size: 16px; line-height: 24px; text-decoration: none; } .product-reviews-accordeon .accordeon-review-summary { cursor: pointer; padding: 0 0 10px; display: flex; flex-direction: column; margin-bottom: 20px; text-align: right; } @media screen and (min-width: 768px) { .product-reviews-accordeon .accordeon-review-summary { flex-direction: row; justify-content: space-between; margin-bottom: 0; } } .product-reviews-accordeon .accordeon-review-summary > span { display: inline-block; } @media screen and (min-width: 768px) { .product-reviews-accordeon .accordeon-review-summary > span { text-align: left; order: 1; } } @media screen and (min-width: 768px) { .product-reviews-accordeon .accordeon-review-summary .product-review { order: 2; } } .product-reviews-accordeon .accordeon-review-summary .accordeon-review-count { display: inline-block; } @media screen and (min-width: 768px) { .product-reviews-accordeon .accordeon-review-summary .accordeon-review-count { display: inline-block; } } .product-reviews-accordeon .product-reviews-tab.hidden { display: none; } .product-reviews-accordeon .product-review-article { border-bottom: none; margin: 0 0 30px; display: flex; flex-direction: column; flex-wrap: nowrap; } .product-reviews-accordeon .product-review-article:nth-of-type(n+4) { display: none; } .product-reviews-accordeon .product-review-author { font-weight: 400; font-size: 16px; } .product-reviews-accordeon .product-review-comment { font-weight: 400; font-size: 16px; position: relative; margin: 0; overflow: hidden; height: auto; } .product-reviews-accordeon .product-review-comment.cropped { max-height: 50px; } .product-reviews-accordeon .product-review-comment.cropped br { display: inline-block; } .product-reviews-accordeon .product-review-comment.full-review { height: auto; } .product-reviews-accordeon .product-review-length .read-less { display: none; } .product-reviews-accordeon .btn-cropped-review { display: none; } .product-reviews-accordeon .product-review { display: inline; } .product-reviews-accordeon .product-review-date { font-weight: 400; font-size: 16px; color: #767575; display: inline; } .product-reviews-accordeon .product-review-show-less { display: none; } /*------------------------------------------------------------------------------ // Content container inner // Description: New grid-based container for content tiles used in PLP // and in search results ------------------------------------------------------------------------------*/ .content-container__inner { display: flex; width: 100%; } .content-container__aside .search-result-options { padding-right: 0; } @media screen and (min-width: 768px) { .content-container__aside { flex: 1 1 25%; max-width: 25%; } } @media screen and (min-width: 1180px) { .content-container__aside { flex: 1 1 33.33%; max-width: 33.33%; } .content-container__aside .search-result-options { max-width: 75%; } } .content-container__main { flex: 1 1 100%; max-width: calc(100% + 10px); margin: 0 -5px; } .content-container__main .product-tiles { padding: 0; display: flex; flex-wrap: wrap; } .content-container__main .product-tiles li { flex: 1 1 50%; max-width: calc(50% - 10px); margin: 0 5px 25px; } .content-container__main .product-tiles li.double-col { max-width: 100%; flex-basis: 100%; } @media screen and (min-width: 768px) { .content-container__main { margin: 0 -5px; flex: 1 1 75%; max-width: calc(75% + 10px); overflow: hidden; padding-bottom: 30px; padding-left: 15px; } .content-container__main .product-tiles li { flex: 1 1 33.33%; max-width: calc(33.33% - 10px); margin: 0 5px; } .content-container__main .product-tiles li.double-col { max-width: calc(66.67% - 10px); flex-basis: calc(66.67% - 10px); } } @media screen and (min-width: 1180px) { .content-container__main { flex: 1 1 66.67%; max-width: calc(66.67% + 20px); margin: 0 -10px; padding-left: 8px; } .content-container__main .product-tiles li { margin: 0 10px 30px; flex: 1 1 25%; max-width: calc(25% - 20px); } .content-container__main .product-tiles li.double-col { max-width: calc(50% - 20px); flex-basis: calc(50% - 20px); } } /*------------------------------------------------------------------------------ // Product tiles container // Description: product tile container as used on for instance on listers // and in search results ------------------------------------------------------------------------------*/ .product-tiles { display: flex; flex-wrap: wrap; list-style: none; padding: 18px; max-width: 1500px; } @media screen and (min-width: 768px) { .product-tiles { margin: 0 auto; padding: 0; } } @media screen and (min-width: 1180px) { .product-tiles { padding: 30px 35px; } } .product-tiles * { box-sizing: border-box; } .js .product-tiles .hidden { display: none; } .product-tiles li { list-style: none outside none; flex-basis: calc(50% - 20px); box-sizing: border-box; margin-bottom: 50px; padding: 0; transition: margin 0.3s; transition-delay: 0.1s; display: flex; justify-content: flex-start; align-content: center; margin: 0 10px 50px; } @media screen and (min-width: 768px) { .product-tiles li { flex-basis: calc(33.3% - 36px); margin: 0 18px 50px; } } @media screen and (min-width: 1180px) { .product-tiles li { flex-basis: calc(25% - 36px); } } @media screen and (min-width: 1500px) { .product-tiles li { flex-basis: calc(25% - 80px); margin: 0 40px 50px; } } .product-tiles li .promotion-container, .product-tiles li .promotion-link { padding: 30px; box-sizing: border-box; background-color: #30397a; color: #ffffff; } @media screen and (min-width: 768px) { .product-tiles li .promotion-container, .product-tiles li .promotion-link { min-height: 510px; } } .product-tiles li .promotion-container h1, .product-tiles li .promotion-link h1 { color: #ffffff; font-size: 1.2rem; } @media screen and (min-widlink-blueth: 768px) { .product-tiles li .promotion-container h1, .product-tiles li .promotion-link h1 { font-size: 2rem; } } .product-tiles li .promotion-container button, .product-tiles li .promotion-link button { border: 1px solid #ffffff; background-color: transparent; } .product-tiles li .promotion-link { width: 100%; height: 350px; background-size: cover; display: block; } @media screen and (max-width: 768px) { .product-tiles li .product-image { background-color: #f8f8f8; } } .product-tiles li .invisible { display: none; } /*------------------------------------------------------------------------------ // Product tile // Description: product tile (singular) // as for instance repeated in listers and in sliders ------------------------------------------------------------------------------*/ .product-tile { position: relative; display: flex; flex-direction: column; flex: 1 1 0%; } @media screen and (min-width: 1180px) { .product-tile:after { content: ""; background-color: #f8f8f8; width: 30px; height: 30px; transform: rotate(45deg) translateX(-50%) scale(0); position: absolute; bottom: -45px; margin-left: 50%; box-shadow: inset 0 0 0 #000000; z-index: 10; opacity: 0; pointer-events: none; transition: all 0.3s; } } .product-tile .product-slide-add { display: flex; align-items: flex-end; } .product-tile .product-slide-add .add-to-cart-link { margin-bottom: 0; } .product-tile .add-to-cart-link { overflow: hidden; transition: 0.2s; transition-delay: 0.1s; z-index: 10; text-align: center; width: 55px; height: 40px; position: relative; padding: 7px; margin-left: auto; } .product-tile .add-to-cart-link:hover { text-decoration: none; } .product-tile .add-to-cart-link span, .product-tile .add-to-cart-link i { font-size: 21px; } .product-tile .product-image { height: auto; position: relative; text-align: center; overflow: hidden; } .product-tile .product-image:hover img { transform: scale(1.08); } .product-tile .product-image img { transition: transform 0.3s; height: 100%; width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .product-tile .product-image img { max-height: 315px; max-width: 100%; height: auto; } } .product-tile .thumb-link { display: block; position: relative; } .product-tile .product-name { font-weight: 600; font-size: 16px; line-height: 1.2; letter-spacing: 1px; margin-top: 5px; } .product-tile .product-name a { color: #333133; text-decoration: none; } .product-tile .product-long-description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 74px; } .product-tile .product-long-description p { color: #57575c; font-size: 16px; line-height: 22px; margin: 0; margin-top: 3px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media screen and (min-width: 768px) { .product-tile .product-long-description p { min-height: 70px; } } .product-tile .product-long-description ~ .product-review { display: flex; } .product-tile .product-long-description ~ .product-review .rating i, .product-tile .product-long-description ~ .product-review .accordeon-review-count { font-size: 12px; } .product-tile .product-long-description ~ .product-review .accordeon-review-count { margin-top: -2px; } @media screen and (min-width: 768px) { .product-tile .product-long-description ~ .product-review { display: none; } } .product-tile .product-skin { color: #959498; font-weight: 600; font-size: 12px; line-height: 1.5; text-transform: uppercase; } .product-tile .product-tile-footer { position: relative; min-height: 55px; display: flex; justify-content: space-between; align-items: flex-end; margin-top: auto; } .product-tile .product-tile-footer .product-tile-footer__info .product-review { display: none; } @media screen and (min-width: 768px) { .product-tile .product-tile-footer .product-tile-footer__info .product-review { display: flex; padding-bottom: 4px; } } .product-tile .product-pricing { display: flex; flex-direction: column-reverse; font-style: normal; font-stretch: normal; letter-spacing: 0.2px; margin-bottom: 0; margin-top: -2px; min-height: 54px; } .product-tile .product-pricing .product-sales-price { font-size: 14px; font-weight: normal; display: inline-block; } .product-tile .product-pricing .product-standard-price { font-size: 13px; text-decoration: line-through; margin: 0; padding-right: 3px; display: block; } @media screen and (min-width: 768px) { .product-tile .product-pricing .product-standard-price { font-size: 14px; } } .product-tile .product-swatches-all { cursor: pointer; font-size: 0.9em; } .product-tile .product-swatches { display: none; } .product-tile .product-swatches:hover ul.swatch-toggle { display: block; } .product-tile .product-swatches ul { list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } .product-tile .product-swatches ul.swatch-toggle { background: none repeat scroll 0 0 #ffffff; display: none; position: absolute; } .product-tile .product-swatches li { float: left; } .grid-tile .product-tile .product-swatches { float: right; } .product-tile .product-swatches .swatch { display: block; width: 16px; } .product-tile .product-swatches .swatch img { border: 1px solid #ffffff; height: 12px; padding: 1px; width: 12px; } .product-tile .product-swatches .selected img, .product-tile .product-swatches img:hover { border-color: #84bd00; } .product-tile .product-promo { display: none; } .product-tile .product-compare { float: left; line-height: 11px; } .product-tile .product-compare label { font-weight: 400; line-height: 1; padding: 0 0 0 .5em; width: auto; } .product-tile .product-compare input { float: left; margin: 0; } .product-tile .product-review { display: flex; align-items: center; text-align: left; width: 100%; } .product-tile .product-review .rating-title { display: inline-block; margin-right: 1em; } .product-tile .product-review .rating { display: flex; height: 21px; } .product-tile .product-review span { display: block; } .capture-product-id { left: -999em; position: absolute; } .product-image__wishlist { position: absolute; bottom: 4px; right: 0; cursor: pointer; pointer-events: none; } .product-image__wishlist .icon { padding: 10px; font-size: 24px; } .product-image__wishlist-inner { pointer-events: all; } .promo-tile { background-position: center; background-repeat: no-repeat; background-size: 100%; transition: background-size .2s ease-in-out; } .promo-tile.double-col.align-bottom { padding-top: 68.5%; } @media screen and (min-width: 768px) { .promo-tile.double-col.align-bottom { padding-top: 0; } } .promo-tile__anchor { bottom: 0; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .promo-tile__anchor:hover + .promo-tile__img img { transform: translateX(-50%) scale(1.08); } .promo-tile__img { bottom: 0; height: 100%; left: 0; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .promo-tile__img img { height: 100%; position: absolute; left: 50%; transition: transform .15s linear; transform: translateX(-50%); width: 100%; -o-object-fit: cover; object-fit: cover; } .promo-tile__text { bottom: 0; left: 0; padding: 20px 15px; position: relative; z-index: 1; } @media screen and (min-width: 768px) { .promo-tile__text { padding: 20px; } } .promo-tile__text.align-bottom { width: 100%; position: absolute; } .promo-tile__text.align-left { display: flex; flex-direction: column; height: 100%; justify-content: center; top: 0; width: calc(50% - 10px); } @media screen and (min-width: 768px) { .promo-tile__text.align-left { width: 40%; } } .promo-tile__text.color-white { color: #ffffff; } .promo-tile__text.color-white a { color: #ffffff; } .promo-tile__text.color-onyx { color: #333133; } .promo-tile__text.color-onyx a { color: #333133; } .promo-tile__text h3 { font-size: 18px; margin: 0; } .promo-tile__text p { font-size: 16px; margin: 15px 0 0; } .promo-tile__text a { text-decoration: none; } .promo-tile__text a.button { align-self: center; color: #ffffff; display: inline-block; font-size: 14px; font-weight: bold; margin-top: 30px; padding: 15px 10px; width: 100%; } @media screen and (min-width: 768px) { .promo-tile__text a.button { padding: 15px 30px; width: auto; } } .promo-tile__text a.button:hover { color: #333133; } .bonus-product-list { margin-top: 60px; } .bonus-product-list .promotion { text-align: center; background: none; padding: 0; border-top: none; } .bonus-product-list .promotion h3 { margin: 0; font-size: 22px; font-weight: normal; } .bonus-product-list .promotion p { margin: 10px 0 20px 0; font-size: 18px; } @media screen and (min-width: 768px) { .bonus-product-list .bonus-products-wrapper { display: flex; flex-wrap: wrap; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .bonus-product-list .bonus-products-wrapper { justify-content: space-around; } } .bonus-product-list .bonus-product-item { position: relative; float: left; text-align: center; border: 1px solid #ffffff; display: flex; flex-direction: column; align-items: center; background-color: #f2ece9; padding: 10px; margin: 10px 0; padding: 25px; } @media screen and (max-width: 767px) { .bonus-product-list .bonus-product-item { width: 100%; justify-content: center; max-width: none; } } @media screen and (min-width: 768px) { .bonus-product-list .bonus-product-item { margin: 6px; flex-basis: calc(33.333% - 12px); flex-grow: 1; flex-shrink: 1; max-width: calc(33.333% - 12px); } } @media screen and (min-width: 1180px) { .bonus-product-list .bonus-product-item { flex-basis: calc(25% - 12px); flex-wrap: wrap; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .bonus-product-list .bonus-product-item { max-width: calc(25% - 12px); } } .bonus-product-list .bonus-product-item .product-col-1, .bonus-product-list .bonus-product-item .product-col-2 { max-width: 100%; } @media screen and (max-width: 767px) { .bonus-product-list .bonus-product-item .product-col-1, .bonus-product-list .bonus-product-item .product-col-2 { float: left; clear: none; } } .bonus-product-list .bonus-product-item .product-col-1 p, .bonus-product-list .bonus-product-item .product-col-2 p { margin: 10px 0; font-size: 18px; line-height: normal; } .bonus-product-list .bonus-product-item .product-col-1 p:empty, .bonus-product-list .bonus-product-item .product-col-2 p:empty { display: none; } .bonus-product-list .bonus-product-item .product-col-1 span, .bonus-product-list .bonus-product-item .product-col-2 span { font-size: 18px; } @media screen and (min-width: 768px) { .bonus-product-list .bonus-product-item .product-col-2 { display: flex; flex-direction: column; flex-grow: 1; margin-top: 0; } } .bonus-product-list .bonus-product-item .product-name-link { color: inherit; text-decoration: none; margin: 1em 0; } .bonus-product-list .bonus-product-item .product-name-link:hover { text-decoration: underline; } .bonus-product-list .bonus-product-item .select-bonus-item span { font-size: inherit; } .bonus-product-list .primary-image { max-width: 100%; } .bonus-product-list .product-add-to-cart { padding: 0; margin: 10px 0; } @media screen and (min-width: 768px) { .bonus-product-list .product-add-to-cart { margin-top: auto; } } .bonus-product-list .product-add-to-cart .inventory { width: auto; } .bonus-product-list .bonus-product-value { margin-bottom: 20px; } .bonus-product-list .product-name { float: none; margin: 1em 0; font-weight: bold; font-size: 22px; } .bonus-product-list .quantity-error { color: #ff0000; text-transform: inherit; } .bonus-product-list .bonus-product-list-footer { padding-top: 1em; padding-bottom: 1em; clear: left; } .bonus-product-list .bonus-product-list-footer:after { content: ""; display: table; clear: both; } .bonus-product-list .bonus-product-list-footer .bonus-product-summary h2 { margin: 0; } .bonus-product-list .bonus-product-list-footer .bonus-product-summary .selected-bonus-items { margin: 0; padding: 0; } .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus { width: 40%; margin: auto; } @media screen and (max-width: 767px) { .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus { width: 60%; } } .bonus-product-list .selected-bonus-item { list-style-type: none; margin: 1em; position: relative; } .bonus-product-list .selected-bonus-item .item-name { font-weight: bold; } .bonus-product-list .selected-bonus-item .remove-link { cursor: pointer; color: #666666; left: -0.5em; position: absolute; } @media screen and (max-width: 767px) { .bonus-product-list .selected-bonus-item .remove-link { left: -1.25em; } } .bonus-product-list .selected-bonus-item .remove-link:hover { color: #5c5c5c; } .bonus-discount-container .bonus-product-promo { margin: 0; } .bonus-discount-container .promo-details { padding: 30px 0 20px 0; } /* BONUS ITEMS DIALOG */ .bonus-items-popup { margin: 30px 15px; padding: 25px; max-width: 1000px !important; transform: translate3d(0, 0, 0); } .selected-product-overlay { position: absolute; display: none; top: 0; left: 0; height: 100%; width: 100%; max-width: 100%; background-color: rgba(0, 0, 0, 0.5); } .selected-product-overlay .checkmark-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: 100%; } .sizinginformation { border: 0 none; padding: 10px; } .sizinginformation th { background: none repeat scroll 0 0 #f5f3f3; } .sizinginformation td, .sizinginformation th { border-bottom: 1px solid #f5f3f3; padding: 10px; } .sizinginformation td { border-left: 1px solid #f5f3f3; } .sizinginformation .sizing-charts { border: 0 none; } .sizinginformation .tips-list { padding: 0 !important; } .sizinginformation .tips-list li { list-style: none outside none !important; } .dw-apple-pay-button, .dw-apple-pay-button:hover { margin: 0; } .pt_cart .item-quantity-details { float: left; order: 3; text-align: center; flex-basis: 100%; } @media screen and (min-width: 768px) { .pt_cart .item-quantity-details { float: none; text-align: left; } } .pt_cart .item-quantity-details .product-availability-list { margin: 0; padding: 0; } @media screen and (min-width: 768px) { .pt_cart .item-quantity-details .product-availability-list { width: 5em; width: -webkit-max-content; width: -moz-max-content; width: max-content; } } .pt_cart .item-quantity-details .product-availability-list .on-order, .pt_cart .item-quantity-details .product-availability-list .not-available { color: #990000; font-size: 0.9em; } .pt_cart .item-quantity-details .item-user-actions a, .pt_cart .item-quantity-details .item-user-actions button { display: block; font-size: 1em; width: 100%; margin: .3rem 0; } @media screen and (min-width: 768px) { .pt_cart .item-quantity-details .item-user-actions a, .pt_cart .item-quantity-details .item-user-actions button { width: auto; } } .pt_cart .sales-price { white-space: nowrap; } .cart-container { padding: 30px 18px; } @media screen and (min-width: 1180px) { .cart-container { max-width: 1180px; margin: 30px auto; padding: 0; } } .cart-container .cart-promo { margin-bottom: 40px; margin-bottom: 0; padding: 15px 10px; position: relative; } @media screen and (max-width: 767px) { .cart-container .cart-promo { display: flex; } } .cart-container .cart-promo td { padding: 20px 10px; position: static; } @media screen and (max-width: 767px) { .cart-container .cart-promo td { padding: 15px 10px; display: flex; flex-wrap: wrap; } } .cart-container .cart-promo .bonus-item-image { order: initial; flex-basis: 20%; flex-shrink: 0; } @media screen and (min-width: 1180px) { .cart-container .cart-promo .bonus-item-image { width: 110px; } } .cart-container .cart-promo .bonus-info-container { display: flex; align-items: center; } @media screen and (max-width: 1179px) { .cart-container .cart-promo .bonus-info-container { flex-wrap: wrap; } } .cart-container .cart-promo .bonus-item-details { order: initial; text-transform: uppercase; flex-grow: 1; margin-bottom: 10px; } @media screen and (min-width: 768px) { .cart-container .cart-promo .bonus-item-details { margin-bottom: 0; } } .cart-container .cart-promo .bonus-item-actions { font-size: 1em; text-align: right; vertical-align: middle; display: flex; } .cart-container .cart-promo .gift-icon { display: inline-block; width: 90%; height: auto; min-width: auto; min-height: 41px; background: url("../images/ico-gift.svg") no-repeat; background-position: center; background-size: contain; order: inherit; margin: 0 auto; } @media screen and (max-width: 767px) { .cart-container .cart-promo .tooltip { position: absolute; top: 8px; right: 8px; } } .cart-container .cart-promo .tooltip-icon { cursor: pointer; display: inline-block; position: relative; top: 0; left: 0; width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0.2); color: #ffffff; border-radius: 50%; margin-left: 5px; text-transform: none; } @media screen and (min-width: 768px) { .cart-container .cart-promo .tooltip-icon { position: absolute; top: -2px; } } .cart-container .cart-promo .tooltip-icon::after { content: '?'; text-align: center; line-height: 21px; position: absolute; left: 50%; transform: translate(-50%); } .cart-container .gift-removed-undo__wrap { border-bottom: 0; } .cart-container .gift-removed-undo { align-items: center; background-color: #F7EEEB; display: flex; margin-top: 10px; padding: 10px; } .cart-container .fa-undo { display: block; margin-right: 5px; } .cart-container .gift-restore { display: block; margin-left: 5px; } .cart-max-amount-message { background-color: #f7edeb; border-radius: 5px; padding: 14px 10px 8px 11px; margin-bottom: 10px; margin-top: 7px; } @media screen and (min-width: 1180px) { .cart-max-amount-message { margin-bottom: 0; } } .cart-max-amount-message p { font-size: 14px; text-transform: lowercase; margin: 0; } .cart-table-container { display: flex; flex-wrap: wrap; } .cart-table-container > .bonus-item-promo { width: 100%; flex-basis: 100%; } .cart-table-container .cart-table { width: 100%; flex-basis: 100%; } @media screen and (min-width: 1180px) { .cart-table-container .cart-table { display: inline-block; width: 66.66667%; flex-basis: 66.66667%; box-sizing: border-box; padding-right: 30px; margin-right: auto; margin-top: 6px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cart-table-container .cart-table { display: table; width: 62%; flex-basis: 62%; } } .cart-table-container .cart-footer { width: 100%; flex-basis: 100%; margin: .83em 0; } @media screen and (min-width: 1180px) { .cart-table-container .cart-footer { background-color: rgba(247, 237, 235, 0.5); margin: 6px 0 20px 0; width: 33.33333%; flex-basis: 33.33333%; } } .cart-table { border-collapse: collapse; } .cart-table .greyout { opacity: 0.5; } .cart-table thead { display: none; } @media screen and (min-width: 768px) { .cart-table thead { display: table-header-group; } } @media screen and (min-width: 768px) { .cart-table thead th { text-transform: uppercase; font-size: 16px; font-style: normal; letter-spacing: 2px; text-align: left; position: relative; padding: 0 0 13px; border-bottom: 1px solid #333133; } } @media screen and (min-width: 768px) { .cart-table thead th { font-weight: 500; } } @media screen and (min-width: 768px) { .cart-table thead th.header-amount { text-align: center; } } .cart-table thead th.header-price { padding-left: 25px; padding-right: 25px; } @media screen and (min-width: 768px) { .cart-table thead th.header-total-price { text-align: right; } } .cart-table td { box-sizing: border-box; display: block; padding: 5px; position: relative; } @media screen and (min-width: 768px) { .cart-table td { display: table-cell; vertical-align: middle; } .cart-table td.remove-button { vertical-align: top; } } .cart-table td button.remove-button { position: absolute; top: 0; right: -29px; background: transparent; color: #979797; border: 0; } @media screen and (min-width: 768px) { .cart-table td button.remove-button { right: -16px; } } .cart-table td button.remove-button:hover { background: transparent; } .cart-table td .notavailable { color: #990000; } .cart-table .item-image { float: left; order: 1; text-align: center; flex-basis: 20%; } .cart-table .item-image img.giftcard { height: 75px; } @media screen and (min-width: 768px) { .cart-table .item-image img.giftcard { float: none; height: auto; } } @media screen and (min-width: 768px) { .cart-table .item-image { float: none; width: 110px; } } @media screen and (min-width: 1180px) { .cart-table .item-image { width: 100px; } } .cart-table .item-image img { height: 100px; } @media screen and (min-width: 768px) { .cart-table .item-image img { height: auto; width: 100%; } } .cart-table .item-details { float: left; order: 2; flex-basis: 70%; } @media screen and (min-width: 768px) { .cart-table .item-details { float: none; flex-basis: 90%; } } .cart-table .item-details .name-link { color: #333133; font-weight: 400; text-transform: uppercase; text-decoration: none; } @media screen and (min-width: 768px) { .cart-table .item-details .name-link { text-transform: none; font-size: 22px; font-style: normal; font-stretch: normal; } } @media screen and (min-width: 1180px) { .cart-table .item-details .name-link { font-size: 20px; } } .cart-table .item-details .name-link:hover { text-decoration: underline; } .cart-table .item-details .attribute { font-weight: normal; } .cart-table .item-details .sku, .cart-table .item-details .promo { display: none; } .cart-table .item-details .item-details-wrapper { max-width: 500px; } @media screen and (min-width: 1180px) { .cart-table .item-details .item-details-wrapper { min-width: 290px; } } .cart-table .item-details .item-details-wrapper p { margin: 12px 0; line-height: normal; } .cart-table .item-details .product-list-item { max-width: 300px; } .cart-table .item-quantity { float: left; order: 4; font-size: 24px; font-style: normal; font-stretch: normal; text-align: center; color: #323132; margin-left: 22%; padding-top: 0; } .cart-table .item-quantity .giftcard { font-size: 16px; font-weight: 400; } @media screen and (min-width: 1180px) { .cart-table .item-quantity .giftcard { font-size: 24px; font-weight: 700; } } @media screen and (min-width: 768px) { .cart-table .item-quantity { float: none; text-align: center; white-space: nowrap; margin-left: 0; padding: 5px; } } .cart-table .item-quantity input { width: auto; max-width: 40px; height: 40px; border: 0; font-size: 16px; font-style: normal; font-stretch: normal; text-align: center; color: #323132; } .cart-table .item-quantity button { width: 30px; height: 30px; font-size: 20px; color: #979797; background: transparent; padding: 0; border: 0; } .cart-table .item-quantity button:hover { color: #979797; background: transparent; } .cart-table .item-quantity button .fa { font-size: 18px; line-height: 18px; } .cart-table .item-price { display: none; order: 5; text-align: center; flex-basis: 33.3333%; } @media screen and (min-width: 768px) { .cart-table .item-price { display: table-cell; text-align: center; } } .cart-table .item-price span, .cart-table .item-total span { display: block; white-space: nowrap; font-weight: 400; font-size: 15px; } @media screen and (min-width: 1180px) { .cart-table .item-price span.giftcard, .cart-table .item-total span.giftcard { font-size: 16px; font-weight: 700; } } @media screen and (min-width: 768px) { .cart-table .item-price span.giftcard, .cart-table .item-total span.giftcard { display: table-cell; text-align: center; } } .cart-table .item-price .price-sales, .cart-table .item-total .price-sales { font-size: 15px; color: #333133; font-weight: 400; white-space: nowrap; } @media screen and (min-width: 1180px) { .cart-table .item-price .price-sales, .cart-table .item-total .price-sales { font-size: 16px; font-weight: 700; } } .cart-table .item-price .price-standard, .cart-table .item-total .price-standard { font-size: 14px; text-decoration: line-through; font-weight: 400; white-space: nowrap; } .cart-table .item-total { flex-grow: 2; font-size: 1rem; font-weight: 700; order: 7; text-align: right; flex-basis: 100%; white-space: nowrap; position: static; } @media screen and (min-width: 768px) { .cart-table .item-total { float: none; font-size: 1em; position: relative; } } .cart-row { display: flex; flex-wrap: wrap; position: relative; padding: 10px 0 0; } @media screen and (min-width: 768px) { .cart-row { display: table-row; } } @media screen and (max-width: 767px) { .cart-row.gift-row .item-price { display: block; width: 100%; text-align: right; flex-basis: 100%; } } .gifts-section-header-cell { text-align: left; width: 100%; } .gifts-section-header { text-transform: uppercase; font-size: 16px; font-style: normal; font-weight: 700; letter-spacing: 2px; text-align: left; position: relative; margin: 25px 0 5px; } @media screen and (min-width: 1180px) { .gifts-section-header { font-weight: 500; } } .price-unadjusted { color: #666666; margin: 0 0 .42em; white-space: nowrap; display: block; } @media screen and (min-width: 768px) { .price-unadjusted { display: inline-block; } } .price-unadjusted span { text-decoration: line-through; } .price-adjusted-total { color: #666666; display: block; margin: .42em 0 0; } .price-adjusted-total span { color: #e75025; } .gift-cert-delivery { color: #e75025; } .item-delivery-options { order: 6; text-align: center; flex-basis: 50%; } @media screen and (min-width: 768px) { .item-delivery-options { text-align: left; width: 8rem; } } .item-delivery-options .form-row { margin-top: 0; } .cart-footer-inner { display: table; width: 100%; } @media screen and (min-width: 1180px) { .cart-footer-inner { width: auto; display: flex; flex-direction: column; padding: 2px 10px 10px; } } .cart-coupon-code { display: table-header-group; } @media screen and (min-width: 1180px) { .cart-coupon-code { margin: 40px 0; } } .cart-coupon-code label { text-transform: uppercase; font-size: 16px; font-style: normal; letter-spacing: 2px; text-align: left; position: relative; padding: 0 0 13px; border-bottom: 1px solid #333133; margin-bottom: 20px; } .cart-coupon-code button { width: 100%; padding: 11px 16px 12px; } @media screen and (min-width: 768px) and (max-width: 1180px) { .cart-coupon-code button { padding: 13px 16px 12px; } } @media screen and (min-width: 1180px) { .cart-coupon-code button { padding: 13px 16px 14px; background-color: transparent; color: #333133; margin-top: 0; border-width: 1px; } .cart-coupon-code button:hover { background-color: #333133; color: #ffffff; } } .cart-coupon-code input { width: 100%; } @media screen and (min-width: 1180px) { .cart-coupon-code input { border-width: 1px; } } .cart-coupon-code input.error { color: #990000; border: 2px solid #990000; } .cart-coupon-code .coupon-wrapper { display: table; width: 100%; margin-bottom: 10px; } .cart-coupon-code .input-wrapper, .cart-coupon-code .button-wrapper { display: table-cell; vertical-align: top; } .cart-coupon-code .button-wrapper { padding-left: 12px; } .cart-coupon-code div.error { background-color: #faeded; color: #990000; } .cart-coupon-code .cart-coupon-code__applied-message { background-color: #a7f8cb; color: #00B451; } .cart-order-totals { margin: 1rem 0; } .cart-order-totals.top { margin-top: 0; } @media screen and (min-width: 768px) { .cart-order-totals.top { display: none; } } @media screen and (min-width: 1180px) { .cart-order-totals { margin-top: 0; } } .order-totals-table { border-collapse: collapse; border-spacing: 0; } .order-totals-table td { padding: 10px 0; font-size: 16px; font-style: normal; font-stretch: normal; } .order-totals-table td:last-child { text-align: right; } .order-totals-table .order-shipping.first a { display: none; } .order-totals-table .order-totals-item { width: 60%; } .order-totals-table .order-totals-value { width: 40%; } .order-totals-table .order-subtotal, .order-totals-table .order-total, .order-totals-table .order-promotions, .order-totals-table .order-usp { text-transform: uppercase; font-size: 16px; font-style: normal; letter-spacing: 2px; text-align: left; position: relative; padding: 0 0 13px; border-bottom: 1px solid #333133; } .order-totals-table .order-usp td { text-align: left; text-transform: none; } .order-totals-table .order-total { border-bottom: 0; border-top: 1px solid #323132; font-weight: 400; } .order-totals-table .order-total.top { border-top: none; } @media screen and (min-width: 1180px) { .order-totals-table .order-total { font-weight: 700; } } .order-totals-table .order-promotions td { text-transform: none; text-align: left !important; } .order-totals-table .order-promotions td ul { margin: 0; padding: 0; } .order-totals-table .order-promotions td li { line-height: normal; letter-spacing: 0.2px; margin: 5px 0 5px 30px; position: relative; list-style: none; } .order-totals-table .order-promotions td li:before { position: absolute; content: ""; left: -30px; top: 2px; } .order-value { white-space: nowrap; } .promo-adjustment { margin: 12px 0; color: #e75025; } @media screen and (min-width: 768px) { .promo-adjustment { width: 100%; float: right; } } .sample-limit-message { padding-bottom: 25px; } .cart-actions:after { content: ""; display: table; clear: both; } .cart-actions.cart-actions-top { margin-bottom: 20px; } .cart-actions button { width: 100%; margin-bottom: 10px; padding: 16px 32px; } @media screen and (min-width: 1180px) { .cart-actions button { width: auto; } } .cart-actions .secondary { margin-right: 20px; } .cart-actions .dw-apple-pay-button { font-size: 1.35em; padding: .5em 2em; } @media screen and (min-width: 768px) { .cart-action-checkout { float: right; width: 50%; box-sizing: border-box; padding-left: 15px; text-align: right; } } @media screen and (min-width: 768px) { .cart-action-continue-shopping { float: left; width: 50%; box-sizing: border-box; padding-right: 15px; } } .cart-action-continue-shopping .button-text { margin-top: .2rem; margin-right: 1rem; } @media screen and (min-width: 1180px) { .cart-action-continue-shopping .button-text { margin-top: .6rem; } } .cart-empty { margin-top: 4rem; } .cart-empty:after { content: ""; display: table; clear: both; } .cart-empty h1 { text-align: center; } .cart-empty .cart-action-continue-shopping { float: none; width: 100%; text-align: center; margin-bottom: 4rem; } .cart-empty .product-listing { background-color: #f5f3f3; padding: 1rem 0; } .cart-empty .product-listing:after { content: ""; display: table; clear: both; } .cart-empty .product-listing h2 { margin-left: 1.3rem; } .cart-empty .product-listing .search-result-items { margin-top: 1em; } .account-welcome .welcome-message { font-size: 1.2em; font-style: italic; } .account-welcome .not-user { margin: .83em 0; } .password-reset { white-space: nowrap; } .cart-table-button { background-color: transparent; border: none; display: inline-block; } .subtotal-unadjusted { font-size: 14px; text-decoration: line-through; } .order-subtotal .content-asset { text-align: left; } .cartpage-slider-wrapper { background-color: #ffffff; padding: 5px 0; } .cartpage-slider-wrapper .cartpage-slider .cartpage-slider-header { text-align: left; } .cartpage-slider-wrapper .cartpage-slider .cartpage-slider-header h2 { font-size: 22px; letter-spacing: 0; } @media screen and (max-width: 768px) { .cartpage-slider-wrapper .cartpage-slider .cartpage-slider-header { margin-left: 18px; } } .ship-to-multiple { margin: .5rem 0 1rem; } .ship-to-multiple button { margin: 0 0 0 10px; padding: 10px; } .pt_checkout .select-address .form-row-button { display: none; } .shipping-notice { border: 2px solid #333133; padding: 20px 25px; box-sizing: border-box; position: relative; margin-bottom: 25px; } .shipping-notice * { box-sizing: border-box; } .shipping-notice h3 { display: block; font-size: 26px; padding-bottom: 12px; border-bottom: 1px solid #333133; margin: 0 0 15px; } .shipping-notice .close-toggle { background: #ffffff; position: absolute; right: 0; top: 5px; border: 5px; } .shipment-disclaimer-wrapper { position: relative; } .shipment-disclaimer-active .shipment-disclaimer-wrapper { display: inline-block; margin-left: 5px; width: 70%; } .shipment-disclaimer-wrapper .info-icon { cursor: pointer; display: none; position: absolute; top: -15px; left: 0; width: 20px; height: 20px; background-color: #9297a3; color: #ffffff; border-radius: 50%; } .shipment-disclaimer-wrapper .info-icon:after { content: 'i'; text-align: center; line-height: 20px; position: absolute; left: 50%; transform: translate(-50%); } @media screen and (min-width: 768px) { .shipment-disclaimer-wrapper .info-icon:hover + .shipment-disclaimer { opacity: 1; } } .shipment-disclaimer-active .shipment-disclaimer-wrapper .info-icon { display: inline-block; } .shipment-disclaimer { opacity: 0; position: absolute; border: 1px solid #333133; border-radius: 4px; width: 100%; background-color: #f8f8f8; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); padding: 15px; top: 10px; left: 10px; transition: .2s ease; z-index: 1; pointer-events: none; } @media screen and (max-width: 768px) { .disclaimer-shown .shipment-disclaimer { opacity: 1; } } .shipment-disclaimer-active > label { display: inline-block; } .paypal-country-mismatch { position: relative; padding: 10px 30px; margin-bottom: 30px; border: 3px solid; color: #990000; } .paypal-country-mismatch h3 { padding-bottom: 15px; font-size: 26px; border-bottom: 1px solid; } .paypal-country-mismatch .close-toggle { position: absolute; background: transparent; top: 5px; right: 5px; border: none; } .paypal-country-mismatch .close-toggle i:before { color: #990000; } .faq-shipping-popup { max-height: calc(100% - 60px) !important; max-width: calc(100vw - 60px) !important; overflow: auto; top: 30px; } @media screen and (min-width: 768px) { .faq-shipping-popup { max-height: calc(100vh - 120px) !important; max-width: calc(100vw - 120px) !important; } } .faq-shipping-popup .content-single-column { margin: 25px auto; padding: 0 0; } @media screen and (min-width: 1180px) { .faq-shipping-popup .content-single-column { margin: 25px auto; padding: 0 0; } } .faq-shipping-popup .content-single-column table { width: auto; } .create-account-shipping { padding: 30px; background-color: #f7edeb; } .create-account-shipping h3 { text-transform: uppercase; font-size: 18px; } .gift-wrap { margin: 0 auto; max-width: 860px; } @media screen and (max-width: 768px) { .gift-wrap { padding: 0 20px; } } .gift-wrap .gift-certificate-check-balance .giftcert-form-wrapper { background-color: #f7edeb; margin-bottom: 40px; padding: 25px 25px 5px; } .gift-wrap .gift-certificate-check-balance .title { font-size: 16px; font-weight: 600; } .gift-wrap .gift-certificate-check-balance .text { font-size: 14px; } .gift-wrap .gift-certificate-check-balance .check-balance { background-color: #f7edeb; border-bottom: 0; float: none; margin: 0; padding: 0; width: 100%; } .gift-wrap .gift-certificate-check-balance .gift-cert-balance { width: 100%; margin-bottom: 0; } .gift-wrap .gift-certificate-check-balance .gift-cert-balance label { display: none; } .gift-wrap .gift-certificate-check-balance .gift-cert-balance input { margin-top: 0; width: 100%; } .gift-wrap .gift-certificate-check-balance .gift-cert-balance .form-caption { margin-left: 0; } .gift-wrap .gift-certificate-check-balance .gift-cert-balance-submit { margin-top: 10px; } @media screen and (max-width: 767px) { .gift-wrap .gift-certificate-check-balance .gift-cert-balance-submit button { width: 100%; } } .gift-wrap .content-asset { padding: 0; width: 100%; } .gift-wrap .gift-certificate-check-balance--wrap { margin: 0; padding: 0; } .gift-wrap .gift-certificate-check-balance--wrap .balance-success-table tr:first-child { font-weight: bold; } .gift-wrap .gift-certificate-check-balance--wrap .balance-success-table td { padding: 3px; } @media screen and (min-width: 768px) { .gift-wrap .gift-certificate-check-balance--wrap .balance-success-table { max-width: 50%; width: 100%; } } .gift-wrap .gift-certificate-check-balance--wrap .success { display: none; } .gift-wrap .gift-certificate-check-balance--wrap .error { color: #E75025; margin: 0; } .gift-accordions .product-info-accordeon { max-width: 100%; margin: 40px auto; } .gift-accordions .accordeon-body { margin-bottom: 40px; } .gift-accordions .accordeon-body p { font-size: 14px; } .gift-accordions .accordions-images { display: flex; justify-content: space-between; margin-top: 25px; } @media screen and (max-width: 767px) { .gift-accordions .accordions-images { display: block; } } .gift-accordions .accordions-images .image-box-wrap { width: 30%; } @media screen and (max-width: 767px) { .gift-accordions .accordions-images .image-box-wrap { margin: 20px 0; width: 100%; } } .gift-accordions .accordions-images .image-box-wrap .image-caption { display: block; line-height: 17px; padding-right: 20px; padding-top: 10px; } .gift-accordions .accordions-images .image-box { border: 2px solid #000000; text-align: center; } .gift-accordions .accordions-images .image-box img { max-width: 40px; padding: 30px 0; margin: 0; } .gift-details-wrap { display: flex; } @media screen and (max-width: 767px) { .gift-details-wrap { display: block; } } .gift-details-wrap .gift-details-image { align-items: center; display: flex; padding-right: 30px; width: 45%; } .gift-details-wrap .gift-details-image img { width: 100%; } @media screen and (max-width: 767px) { .gift-details-wrap .gift-details-image { padding-right: 0; width: 100%; } } .gift-details-wrap .gift-details { flex: 1 1 480px; margin: 0 auto; max-width: 535px; margin-top: 0; min-height: 480px; padding: 0; width: 100%; } .gift-details-wrap .gift-title { font-size: 25px; font-weight: 600; margin: 18px 0 20px; text-transform: uppercase; } .gift-details-wrap .gift-desc { font-size: 16px; line-height: 1.8; } .gift-details-wrap .delivery-details { margin: 20px 0 0; padding: 0; } .gift-details-wrap .delivery-details li { color: #767575; font-size: 16px; list-style-type: none; padding-left: 20px; position: relative; } .gift-details-wrap .delivery-details li::before { content: '+'; position: absolute; left: 5px; top: 0; } .gift-details-wrap .input-text { padding-left: 30px; } .gift-details-wrap .gift-currency { position: absolute; top: 10px; left: 10px; font-size: 18px; } .gift-card-accordions .content-asset { float: none; width: 100%; } .gift-card-accordions .accordions-images { width: 100%; } .gift-certificate-purchase-form .gift-certificate-purchase { background-color: #f5f3f3; margin-bottom: 1em; padding: .83em; background-color: #ffffff; } @media (min-width: 768px) { .gift-certificate-purchase-form .content-asset { box-sizing: border-box; float: left; padding-right: 1rem; width: 50%; } } .gift-certificate-purchase-form .content-asset img { margin: 1.66em 0; } .gift-certificate-purchase-form form { background-color: transparent; padding: 0; width: 100%; box-sizing: border-box; } @media (min-width: 768px) { .gift-certificate-purchase-form form { width: 50%; max-width: 300px; } } .gift-certificate-purchase-form form button { background-color: #30397a; border-color: #30397a; font-size: 16px; letter-spacing: 1px; max-width: 100%; padding: 12px 23px; width: 100%; } .gift-certificate-purchase-form form button:hover { background-color: #323132; color: #ffffff; } .gift-certificate-purchase-form form .cert-amount { margin: 0; padding-bottom: 10px; width: 100%; } .gift-certificate-purchase-form form .cert-amount.error { padding-bottom: 10px; } .gift-certificate-purchase-form form .cert-amount .error { padding-bottom: 0; text-align: left; } .gift-certificate-purchase-form form .cert-amount .form-caption { margin: 0 0 10px; position: relative; width: 100%; } .gift-certificate-purchase-form form .form-row-button { margin: 0; width: 100%; } .giftcard-added-popup { display: none; } .giftcard-added-popup .popup-content { display: flex; flex-direction: column; align-items: flex-start; max-width: 100%; min-height: auto; } .gift-popup__title { margin-bottom: 30px; margin-top: 0; text-transform: uppercase; } .gift-popup-info-wrap { align-items: center; display: flex; width: 100%; } .gift-popup-info-wrap img { align-self: flex-start; margin-right: 15px; max-width: 120px; width: 100%; } @media screen and (max-width: 767px) { .gift-popup-info-wrap img { display: block; margin: 0 auto; max-width: 200px; } } .gift-popup-info-wrap .product-count { height: auto; flex: 0; margin-top: 0; order: unset; } .gift-popup-info-wrap .product-amount { margin-bottom: 10px; } .gift-popup-info-wrap .product-title { font-size: 20px; margin-bottom: 10px; } .gift-popup-info-wrap .value { font-size: 26px; margin-top: 20px; } .gift-popup-info-wrap .product-added-details { padding-right: 20px; } @media screen and (max-width: 767px) { .gift-popup-info-wrap { display: block; width: 100%; } .gift-popup-info-wrap .product-added-details { display: block; } .gift-popup-info-wrap span.product-count, .gift-popup-info-wrap span.product-title, .gift-popup-info-wrap span.product-amount, .gift-popup-info-wrap span.value { display: block; font-size: 15px; text-align: center; width: 100%; } .gift-popup-info-wrap span.value { font-size: 22px; } } .giftcard-summary img { width: 85px; margin-top: 5px; } .js .loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11; } .js .loader-bg { position: absolute; width: 100%; height: 100%; background: rgba(50, 49, 50, 0.26); } .js .loader-indicator { z-index: 100; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 118px; height: 118px; border-radius: 60px; background-color: rgba(51, 49, 51, 0.75); background-image: url("../images/loading-small.gif"), url("../images/logo-paulaschoice-stacked.svg"); background-repeat: no-repeat; background-position: center 75px, center center; background-size: auto, 80px; } .search-toggle { background-color: transparent; border: none; color: #333133; display: block; margin: 0; padding: 0; position: absolute; top: 13px; right: 44px; height: 44px; width: 44px; overflow: visible; transition: none; } .search-toggle:hover { background-color: transparent; } @media screen and (min-width: 1180px) { .search-toggle { border: solid 1px #5c5c5c; border-radius: 18px; height: 36px; width: 154px; top: 17px; right: 300px; left: auto; z-index: 10; } } .search-toggle .search-icon { padding: 12px; width: 44px; height: 44px; } @media screen and (min-width: 1180px) { .search-toggle .search-icon { float: right; padding: 6px; } } .search-toggle span { display: none; height: 0; position: absolute; left: 10px; top: 14px; width: 100px; text-align: right; padding-top: 4px; line-height: 0; vertical-align: bottom; background-color: #ffffff; z-index: 90; letter-spacing: 2.3px; text-transform: uppercase; font-size: 0.75em; font-weight: 400; white-space: nowrap; } .header-search { color: #333133; background-color: #ffffff; position: fixed; top: 80px; left: 0; right: 0; border-top: none; transition: opacity 0.2s; pointer-events: none; opacity: 0; overflow: hidden; } @media screen and (min-width: 1180px) { .header-search { top: 105px; padding-left: 120px; } } .main-menu.active + .header-search { height: 0; } .header-search button { background-color: transparent; border: none; color: #979797; padding: 12px; height: 44px; width: 44px; position: absolute; right: -12px; bottom: 0; } .header-search button i { font-size: 1.5em; } .header-search input[type="text"] { background-color: transparent; border: none; float: left; margin: 0 auto; padding-right: 32px; padding-left: 0; height: 44px; width: 100%; line-height: 44px; vertical-align: bottom; font-size: 1.1em; border-bottom: 1px solid #5c5c5c; } .header-search form { top: 35px; width: 100%; transition: all 0.5s; transition-delay: 0.1s; z-index: 10; } .header-search fieldset { position: relative; width: 90%; margin: 0 auto; } @media screen and (min-width: 1180px) { .header-search fieldset { width: 70%; } } .header-search.scrolled { top: 69px; } .header-search.show-suggest { overflow: auto; -webkit-overflow-scrolling: touch; height: calc(100vh - 50px); } .header-search.show-suggest form { top: 30px; } .header-search.show-suggest .header-search-container { display: block; } .header-search .header-search-container { display: none; position: relative; width: 100%; min-height: 100%; } @media screen and (min-width: 1180px) { .header-search .header-search-container { margin: 0 auto; } } .search-active .search-toggle .search-icon:before { content: ""; } @media screen and (min-width: 1180px) { .search-active .search-toggle span { display: block; } } .search-active .header-search { pointer-events: auto; opacity: 1; top: 107px; } .search-active .header-search.scrolled { top: 67px; } .search-active .header-search.show-suggest .header-search-container { padding: 18px; } .search-suggestions-container { transition: all 0.5s; opacity: 0; transform: translateY(50%); transition-delay: 0.1s; } .show-suggest .search-suggestions-container { opacity: 1; transform: translateY(0%); } .search-suggestion-wrapper { width: 100%; box-sizing: border-box; } .search-suggestion-wrapper:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1180px) { .search-suggestion-wrapper.full .phrase-suggestions { width: 35%; float: left; } .search-suggestion-wrapper.full .product-suggestions { width: 65%; float: right; } } .search-suggestion-wrapper .hitgroup { margin-bottom: 30px; } .search-suggestion-wrapper .hitgroup .hit { display: block; line-height: 31px; } .phrase-suggestions { border-top: 1px solid #cccccc; } @media screen and (min-width: 1180px) { .phrase-suggestions { border-top: none; } } .product-suggestions .product-tiles { background-color: transparent; text-align: center; } .product-suggestions .product-tiles .product-image:hover img { -webkit-filter: none; filter: none; } .product-suggestions .product-tiles li { padding: 0; } @media screen and (min-width: 1180px) { .product-suggestions .product-tiles li { width: calc(33% - 36px); } } .product-suggestions .product-tiles li .product-image { margin-left: 10px; } .search-phrase .completed .original { text-decoration: underline; font-weight: bold; } .search-phrase .corrected { font-weight: bold; } .lister-top-info { max-width: 1500px; padding: 0 18px 18px; box-sizing: border-box; margin: 0 auto; } .lister-top-info * { box-sizing: border-box; } .lister-top-info .scroll-down { background: #000000; color: #ffffff; border-radius: 50%; width: 50px; height: 50px; display: block; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 768px) { .lister-top-info .scroll-down { display: none; } } .lister-top-info .scroll-down:before { content: ""; display: block; width: 30px; height: 30px; color: #ffffff; font-family: 'icomoon'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 30px; } .lister-top-info-header { flex: 0 0 100%; width: 100%; text-align: center; } .lister-top-info-header h1 { margin-top: 10px; margin-bottom: 10px; text-transform: none; } @media screen and (min-width: 768px) { .lister-top-info-header h1 { letter-spacing: 0; } } @media screen and (min-width: 768px) { .best-routine { max-width: 1500px; margin: 0 auto; } } .best-routine * { box-sizing: border-box; } .best-routine > div { transition: margin 0.3s; transition-delay: 0.1s; } .best-routine > div h2 { width: calc(100vw - 36px); padding-bottom: 10px; margin: 15px 0; border-bottom: 1px solid #333133; } @media screen and (min-width: 768px) { .best-routine > div h2 { width: 100%; } } @media screen and (min-width: 768px) { .best-routine > div:first-child:last-child h2 { margin-right: 0; } } @media screen and (min-width: 768px) { .best-routine > div:first-child:last-child .grid-tile + .grid-tile { margin-left: 36px; } } @media screen and (min-width: 1500px) { .best-routine > div:first-child:last-child .grid-tile + .grid-tile { margin-left: 80px; } } @media screen and (min-width: 768px) { .best-routine > div:first-child:last-child .grid-tile { flex: 1 0 calc(25% - 27px); width: calc(25% - 27px); } } @media screen and (min-width: 1500px) { .best-routine > div:first-child:last-child .grid-tile { width: calc(25% - 60px); flex: 1 0 calc(25% - 60px); } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .best-routine > div:first-child:last-child .grid-tile { height: 550px; } } .best-routine .grid-tile { margin-bottom: 15px; width: 100%; } @media screen and (min-width: 768px) { .best-routine .grid-tile { margin-bottom: 50px; } } .best-routine .routine-tiles .product-slider { height: 100%; width: 100%; } .best-routine .routine-tiles .grid-tile { display: flex; flex-direction: column; flex-shrink: 0; } .best-routine .routine-tiles h2 { align-self: flex-start; } @media screen and (min-width: 768px) { .best-routine .routine-tiles h2 { margin-right: 18px; } } .best-routine .routine-tiles .product-tile { border-top: 1px solid #9297a3; display: flex; flex: 0 1 90%; flex-direction: column; } @media screen and (min-width: 768px) { .best-routine .routine-tiles .product-tile { flex: 0 1 100%; } } .best-routine .routine-tiles .product-image { margin-bottom: 10px; max-height: 340px; } @media screen and (min-width: 768px) { .best-routine .routine-tiles .product-image { max-height: 100%; } } .best-routine .routine-tiles .name-link { -webkit-box-orient: vertical; display: -webkit-box; height: 19px; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .best-routine .routine-tiles .product-long-description { flex-grow: 1; } .best-routine .routine-tiles .product-long-description p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .best-routine .routine-tiles .product-footer { align-items: flex-end; display: flex; justify-content: space-between; margin-top: auto; } .best-routine .routine-tiles .product-addtocart { height: 40px; } .best-routine .routine-tiles .add-to-cart-link { display: block; position: relative; } .best-routine .highlighted-tile { flex: 0 0 100%; width: 100%; } @media all and (min-width: 768px) { .best-routine .highlighted-tile { flex-grow: 0; flex-shrink: 0; flex-basis: calc(25% - 36px); width: calc(25% - 36px); margin-left: 18px; margin-right: 18px; } } @media screen and (min-width: 768px) { .best-routine .highlighted-tile h2 { margin-left: 18px; } } @media screen and (min-width: 768px) { .best-routine .highlighted-tile .grid-tile { margin: 0 18px 50px 0; } } @media screen and (min-width: 1180px) { .best-routine .highlighted-tile .grid-tile { flex: 0 0 100%; width: 100%; } } @media screen and (min-width: 1500px) { .best-routine .highlighted-tile .grid-tile { flex: 0 0 100%; width: 100%; margin: 0 0 50px; } } .best-routine .routine-step { color: #9297a3; padding-bottom: 5px; text-transform: uppercase; } .pdp-main .product-add-to-cart .online-stock span { float: left; } .pdp-main .product-add-to-cart .store-stock { display: block; clear: left; } .availability-web { padding-bottom: 1rem; } .availability-web label { float: none; } .availability-web p { margin: 0; } .availability-web .availability-novariation { color: #999999; font-style: italic; } .availability-storepickup .availability-instore, .availability-storepickup .availability-web { background-color: #e0e0e0; padding: 1rem; } .availability-storepickup .availability-web { float: none; } .availability-storepickup .availability-instore { margin-bottom: 1rem; } .user-zip { display: block; margin: 1rem auto 0; } .store-list-container { margin: 0 auto; position: relative; overflow: hidden; width: 565px; } .store-list { list-style: none outside none; margin: 0; padding: 0; } .store-tile { border: 1px dashed #cccccc; box-sizing: border-box; float: left; list-style: none outside none; margin: 0.3rem 0.4rem; padding: 0.8rem; text-align: center; width: 175px; } .store-tile.selected { background-color: rgba(132, 189, 0, 0.5); } .store-tile .store-status { display: block; font-size: 0.9em; margin: 1rem 0; } .store-list-pdp-container { margin-top: 1em; } .store-list-pdp-container .store-list-pdp { margin-top: 0.5em; } .store-list-pdp-container .store-list-item { display: none; padding: 0.5em 0.8em; } .store-list-pdp-container .store-list-item:after { content: ""; display: table; clear: both; } .store-list-pdp-container .store-list-item:last-of-type { border: none; } .store-list-pdp-container .store-list-item.selected { display: block; font-weight: bold; } .store-list-pdp-container .store-list-item.visible { display: block; } .store-list-pdp-container .store-list-item .store-address { float: left; } .store-list-pdp-container .store-list-item .store-status { float: right; } .selected-store-address { margin-top: 0.5em; } .selected-store-availability { margin: 0.3em 0 0.5em; } .multishipaddressestable { margin: 9px 0 20px 0; width: 706px; } .multi-ship-shipments-table { margin: 0 0 20px; width: 706px; } .multi-ship-shipments-table .section-header { font-size: 10px; font-weight: bold; padding: 9px 6px 11px; } .multi-ship-shipments-table .shipping-address .details { padding: 0 10px 0 22px; } .multi-ship-shipments-table .gift-options label { float: left; padding: 0; } .multi-ship-shipments-table .gift-options input { margin: 0 10px; } .multi-shipping-addresses { margin-bottom: 20px !important; margin-left: 0; margin-right: 0; margin-top: 0; } .multi-shipping-addresses .shipping-address { text-align: right; } .multi-shipping-addresses .shipping-address select { margin: 4px 0 0; width: 260px; } .header-product-shipping { width: 276px; } .header-qty-shipping { width: 45px; } .header-location-shipping { text-indent: 70px; width: 307px; } .header-shipment-index { width: 409px; } .header-shipment-qty { width: 27px; } .header-shipment-details { text-indent: 22px; } .multi-shipping-methods { position: absolute; top: 30px; } .multi-shipping-methods .form-row { clear: none; float: left; display: none; } .multi-shipping-methods select { width: 250px; margin: -5px 0 0 15px; } .multi-shipping-option { border-bottom: 2px dotted #999999; left: 0; padding: 0 0 12px; position: absolute; text-indent: 10px; top: 48px; width: 95%; } .multi-shipping-addresses .shipping-qty, .multi-ship-shipments-table .shipping-qty { background: none repeat scroll 0 0 #f5f3f3; } .multiship .label { font-weight: bold; } .hide { display: none; } .loading { background: url("../images/loading-progress-98x22.gif") no-repeat scroll left center transparent; } .instore-shipping-option { width: 100%; } .pt_checkout .instore-shipment-header { width: 100%; } .pt_checkout .instore-shipment-method { width: 100%; padding: 1em; } .pt_checkout .instore-shipment-method span { font-weight: bold; } .pt_checkout .instore-shipment-address { width: 40%; float: left; padding-left: 1em; } .pt_checkout .instore-shipment-message { clear: both; } .pt_checkout .instore-shipment-messagetxt { width: 50%; float: right; } .checkout-shipping fieldset .instore-continue-button { margin-left: 61.5%; } .checkout-shipping fieldset button { margin-top: 40px; } .cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100001; min-height: 60px; box-sizing: border-box; padding: 6px 12px 12px; background-color: #333133; color: #ffffff; transition: padding 0.3s; display: none; opacity: 1; text-align: left; transition: opacity 0.3s; align-items: center; } @media screen and (min-width: 1180px) { .cookie-bar { padding: 15px; left: 50%; transform: translateX(-50%); border: 1px solid #4d4d4d; } } .cookie-bar.show { display: flex; justify-content: space-between; } @media screen and (max-width: 1180px) { .cookie-bar.show { display: block; } } .cookie-bar.consent { opacity: 0; pointer-events: none; } .cookie-bar .cookie-bar-content { vertical-align: middle; max-width: 70%; width: 100%; } @media screen and (max-width: 1180px) { .cookie-bar .cookie-bar-content { max-width: 100%; padding: 10px 0 20px; } } .cookie-bar .cookie-bar-content a { color: #ffffff; } .cookie-bar .button-container button { border: 2px solid #f7edeb; text-transform: uppercase; margin-left: 10px; margin-right: 0; white-space: nowrap; line-height: 10px; padding: 13px 25px; font-size: 15px; font-weight: 600; margin-bottom: 10px; } .cookie-bar .button-container .simple { background-color: #f7edeb; } .cookie-bar .button-container .simple:hover { background-color: #333133; color: #f7edeb; } div[id^="popup-subcription"] p:last-of-type { padding-bottom: 12px; } .primary-content dl { clear: both; overflow: hidden; } .primary-content dl dt { clear: both; float: left; margin: 2% 0 0; min-width: 15%; } .primary-content dl dd { float: left; margin: 2% 0 0; padding: 0 0 0 5%; } .col-1 { float: left; margin: 4px 0; width: 48%; } .col-2 { float: right; margin: 4px 0; width: 48%; } .section-header-note { font-size: 0.9em; font-weight: 400; text-transform: none; } .back { display: block; margin: 0 0 10px; } .overlays { display: none; } .header-search .overlay, .main-nav .overlay { content: ""; display: block; position: fixed; width: 100%; height: 100vh; top: 150px; left: 0; bottom: 0; opacity: 0; z-index: -30; pointer-events: none; background: rgba(50, 49, 50, 0.26); transition: opacity 0.3s ease; } .scrolled .header-search .overlay, .scrolled .main-nav .overlay { top: 110px; } .search-active .main-nav .overlay, .search-active .show-suggest .overlay, .menu-active .header-search .overlay { display: none; } .search-active .overlay { opacity: 1; z-index: 230; pointer-events: auto; } .active .overlay, .menu-active .overlay, .added-popup-visible .overlay { opacity: 1; pointer-events: auto; content: ""; display: block; position: fixed; width: 100%; height: 100vh; left: 0; bottom: 0; background: rgba(50, 49, 50, 0.26); transition: opacity 0.3s ease; } .active .overlay, .added-popup-visible .overlay { top: 0; } .scrolling-blocks-nav { position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 140; display: none; } @media screen and (min-width: 1180px) { .scrolling-blocks-nav { display: block; } } .scrolling-blocks-nav li { list-style: none; line-height: normal; } .scrolling-blocks-nav li button { width: 10px; height: 10px; padding: 0; margin: 0; border-radius: 50%; background-color: #333133; transition: background 0.4s; } .scrolling-blocks-nav li.active button { background-color: #ffffff; border: 1px solid #333133; } .video-button { display: block; position: relative; } .video-button:not(.hide-icon):after { content: ""; position: absolute; width: 75px; height: 75px; color: #ffffff; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 75px; } @media screen and (min-width: 1180px) { .video-button:not(.hide-icon):after { font-size: 150px; width: 150px; height: 150px; } } .video-button:hover { text-decoration: none; } .video-button:hover:after { color: #ff0000; } .video-dialog { background-color: transparent; padding: 0; overflow: visible; } .video-dialog .ui-dialog-titlebar { top: -50px; } .video-dialog .ui-dialog-titlebar-close { right: -10px; top: 0; } .video-dialog .ui-dialog-titlebar-close:before { color: #ffffff; } .video-dialog iframe { width: 80vw !important; height: 70vh !important; } .ui-effects-transfer { border: 2px dotted gray; } .usp-bar-wrapper { background-color: #333133; } .usp-bar { background-color: #333133; height: 38px; margin-left: auto; list-style: none; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 210; } .usp-bar-wrap { align-items: center; box-sizing: content-box; display: flex; height: 100%; position: relative; transition-property: transform; width: 100%; z-index: 1; } .usp-bar-item { align-items: center; display: flex; flex-shrink: 0; height: 100%; justify-content: center; position: relative; text-align: center; transition-property: transform; width: 100%; } @media screen and (min-width: 1180px) { .usp-bar-item + .usp-bar-item { border-left: 1px solid #ffffff; } } @media screen and (min-width: 1180px) { .usp-bar-item:nth-last-child(n+2), .usp-bar-item:nth-last-child(n+2) ~ .usp-bar-item { width: calc(50% - 1px); } } @media screen and (min-width: 1180px) { .usp-bar-item:nth-last-child(n+3), .usp-bar-item:nth-last-child(n+3) ~ .usp-bar-item { width: calc(33.33% - 1px); } } @media screen and (min-width: 1180px) { .usp-bar-item:nth-last-child(n+4), .usp-bar-item:nth-last-child(n+4) ~ .usp-bar-item { width: calc(25% - 1px); } } .usp-bar-item a { color: #ffffff; text-decoration: none; overflow: visible; position: relative; } .usp-bar-item a:hover { text-decoration: underline; } .usp-bar-item .fa { display: none; color: #ffffff; margin-right: 10px; vertical-align: text-top; } .usp-bar-item .fa-savepay { font-size: 15px; } @media screen and (min-width: 1180px) { .usp-bar-item .fa-savepay { font-size: 22px; } } .usp-bar-text { font-size: 13px; color: #ffffff; vertical-align: middle; } @media screen and (min-width: 768px) { .usp-bar-text { font-size: 14px; padding: 0 8px; } } .blog-landing-header { max-height: 435px; overflow: hidden; position: relative; width: 100%; } .blog-landing-header h1 { bottom: 80px; display: inline; font-size: 19px; left: 20px; max-width: 80%; margin-bottom: 0; position: absolute; text-transform: uppercase; z-index: 10; } @media screen and (min-width: 768px) { .blog-landing-header h1 { bottom: auto; font-size: 30px; left: 100px; max-width: 400px; top: 37%; } } .blog-landing-header h1 span span { background: #ffffff; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-size: inherit; line-height: 1.67; padding: 6px 15px; } .blog-landing-header .image-ratio { padding-top: 82.81%; } @media screen and (min-width: 768px) { .blog-landing-header .image-ratio { padding-top: 33.3%; } } .blog-landing-header .image-ratio img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-landing-header .image-ratio img { width: auto; height: 100%; } } @media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-landing-header .image-ratio img { height: auto; width: 100%; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-landing-header .ms-text-wrapper { border: 0 solid #ffffff; border-width: 0.25em 0; display: inline; line-height: 1; position: relative; white-space: pre-wrap; } .blog-landing-header .ms-text-wrapper:after { content: ""; background: #ffffff; bottom: -0.25em; top: -0.25em; right: 100%; position: absolute; width: 0.25em; } .blog-landing-header .ms-text-wrapper:before { content: ''; bottom: -0.25em; top: -0.25em; right: 100%; position: absolute; width: 0.25em; } .blog-landing-header .ms-text-wrapper span { padding: 0; position: relative; z-index: 10; } .blog-landing-header .ms-text-wrapper span:after { content: ' '; width: 0.25em; background: #ffffff; position: absolute; bottom: -0.25em; right: -0.25em; border: 0 solid #ffffff; border-width: 0.125em 0 0; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-landing-header .ms-text-wrapper { position: relative; line-height: 1; display: inline; border: 0 solid #ffffff; border-width: 0.25em 0; white-space: pre-wrap; } .blog-landing-header .ms-text-wrapper:after { content: ""; position: absolute; top: -0.25em; right: 100%; bottom: -0.25em; width: 0.25em; background: #ffffff; } .blog-landing-header .ms-text-wrapper:before { content: ''; position: absolute; top: -0.25em; right: 100%; bottom: -0.25em; width: 0.25em; } .blog-landing-header .ms-text-wrapper span { padding: 0; position: relative; z-index: 10; } .blog-landing-header .ms-text-wrapper span:after { content: ' '; width: 0.25em; background: #ffffff; position: absolute; bottom: -0.25em; right: -0.25em; border: 0 solid #ffffff; border-width: 0.125em 0 0; } } .blog-category-header { max-width: 1200px; padding: 0 18px; } @media screen and (min-width: 768px) { .blog-category-header { padding: 0; margin: 40px auto 0; text-align: center; } } .blog-category-header h1 { font-size: 19px; line-height: 24px; } @media screen and (min-width: 768px) { .blog-category-header h1 { font-weight: bold; font-size: 30px; line-height: 38px; } } .blog-detail-header { max-width: 1200px; height: 105px; padding: 0 18px; position: relative; overflow: hidden; width: 100%; background-size: cover; background-position: 0 33.33%; } @media screen and (min-width: 768px) { .blog-detail-header { padding: 0; margin: 30px auto; } } .blog-posts { padding: 0 18px; flex: 1 1 auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-posts { width: 100%; } } @media screen and (min-width: 1024px) { .blog-posts { margin-right: 50px; padding: 0; width: calc(100% - 370px); } } .blog-posts h2 { font-size: 19px; text-transform: none; margin: 0 0 20px; } @media screen and (min-width: 1024px) { .blog-posts h2 { font-size: 25px; } } .blog-posts p { font-size: 14px; } @media screen and (min-width: 768px) { .blog-posts .blog-featured-image { width: 362px; height: 248px; margin-right: 30px; margin-bottom: 0; flex: 0 0 362px; } } .blog-posts .link-more { display: none; } .blog-post { margin-bottom: 30px; } @media screen and (min-width: 768px) { .blog-post { display: flex; max-height: 250px; } } .blog-post h3 { color: #333133; font-size: 23px; line-height: 1.2; text-transform: uppercase; margin: 0 0 10px; width: 100%; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; max-width: 440px; } .blogpost-date { font-size: 12px; margin: 0 0 15px; margin: 0; color: #71605f; } .blogpost-date a { text-decoration: none; color: #71605f; } .blogpost-date + p { color: #333133; display: block; margin-top: 0; margin-bottom: 15px; overflow: hidden; width: 100%; } .blog-post-details { width: 100%; } @media screen and (min-width: 768px) { .blog-post-details { display: flex; flex-direction: column; align-items: flex-start; max-height: 250px; } } .blog-post-details .button { padding: 12px 25px; } @media screen and (min-width: 768px) { .blog-post-details .button { margin-top: auto; } } .blog-sidebar { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; font-size: 14px; } @media screen and (min-width: 1024px) { .blog-sidebar { width: 320px; } } .blog-sidebar > div { background-color: #f8f8f8; padding: 18px 18px 8px; } .blog-sidebar > div.blog-dual-section { padding: 0; } .blog-sidebar > div.blog-categories { padding-top: 28px; } .blog-sidebar > div.blog-dual-section { background-color: transparent; } .blog-sidebar .content-wrapper { border-bottom: 1px solid #333133; padding-bottom: 30px; } .blog-sidebar .content-wrapper a { color: #767575; text-decoration: none; } .blog-sidebar .content-wrapper a:hover { text-decoration: underline; } .blog-sidebar .content-wrapper h2 { font-size: 16px; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px; } .blog-sidebar .content-wrapper ul { list-style: none; margin: 0; padding: 0; line-height: 20px; } .blog-sidebar .content-wrapper ul li { margin-bottom: 10px; } .blog-sidebar .blog-social-channels { order: 6; } @media screen and (min-width: 1024px) { .blog-landing-header + .blog-container .blog-sidebar { margin-top: 50px; } } .blog-social-channels a { width: 30px; height: 30px; font-size: 30px; margin-right: 15px; box-sizing: border-box; display: inline-block; transition: transform 0.2s; } .blog-social-channels a:last-of-type { margin-right: 0; } .blog-social-channels a:hover { text-decoration: none; transform: scale(0.6); } .blog-dual-section { position: relative; height: 45px; } @media (min-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-dual-section { width: 320px; } } .blog-dual-section .dual-block-wrapper { position: absolute; display: flex; width: 100%; flex: 0 0 100%; } .blog-dual-section h2 { box-sizing: border-box; display: block; cursor: pointer; height: 45px; text-align: center; padding: 15px 0 0; margin: 0; width: 50%; flex: 1 1 50%; background-color: #ebebeb; transition: 0.25s; font-size: 16px; line-height: 20px; } .blog-dual-section h2.active { background-color: #f8f8f8; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-dual-section h2 { padding: 15px; height: 45px; } } .dual-block { opacity: 0; visibility: hidden; height: 0; padding: 0; } .dual-block.active { padding-top: 10px; opacity: 1; visibility: visible; height: auto; } .dual-block.active ul { opacity: 1; transform: translateX(0); } .dual-block ul { opacity: 0; transition: opacity 0.25s, transform 0.25s; transform: translateX(-10px); } .blog-categories { padding-top: 25px; order: 3; } @media screen and (min-width: 1024px) { .blog-categories { order: 1; margin-bottom: 20px; } } @media screen and (min-width: 1024px) { .blog-categories .content-wrapper { padding-bottom: 22px; border-bottom: none; } } .blog-dual-section { order: 1; } @media screen and (min-width: 1024px) { .blog-dual-section { order: 2; } } .blog-dual-content { order: 2; } @media screen and (min-width: 1024px) { .blog-dual-content { order: 3; } } .blog-expert-advice { order: 4; } .blog-influencer-video { order: 5; } .blog-influencer-video .video-tile { height: 160px; width: 284px; position: relative; overflow: hidden; cursor: pointer; background: #000000; } .blog-influencer-video .video-tile img { width: 100%; min-width: 100%; top: 50%; left: 0; transform: translateY(-50%); position: absolute; -o-object-fit: cover; object-fit: cover; height: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-influencer-video .video-tile img { height: auto; } } .blog-influencer-video .video-button:not(.hide-icon):after { width: 50px; height: 50px; font-size: 50px; } @media screen and (min-width: 1180px) { .blog-influencer-video .video-button:not(.hide-icon):after { font-size: 50px; width: 50px; height: 50px; } } .blog-newsletter { order: 7; } .blog-newsletter button { border-left: 2px solid #333133; color: #333133; position: absolute; top: 0; right: 0; padding: 8px; margin: 0; background-color: transparent; } .blog-newsletter .content-wrapper { border-bottom: none; padding-bottom: 32px; } .customer-service-newsletter h2 { margin: 0; text-align: left; } .customer-service-newsletter button { border-left: 2px solid #333133; color: #333133; position: absolute; top: 0; right: 0; padding: 8px; margin: 0; background-color: transparent; } .notify-me-popup-hidden { display: none; } .notify-me-popup .notify-title .title-text { font-weight: 400; font-size: 25px; line-height: 32px; color: #333133; text-transform: none; margin: 0 0 14px; } .notify-me-popup .product-image { max-width: 20%; margin-right: 30px; } .notify-me-popup .product-details .product-name { font-size: 13px; text-transform: none; margin: 0; } @media screen and (min-width: 768px) { .notify-me-popup .product-details .product-name { font-size: 16px; } } .notify-me-popup .notify-user-input { margin-top: 20px; } .notify-me-popup .notify-user-input .hint-notify-me { font-size: 18px; } .notify-me-popup .notify-user-input .success-message { color: #00B451; } .notify-me-popup .notify-user-input .error-message { color: #E75025; } .notify-me-popup .form-wrapper { margin-top: 20px; } .notify-me-popup .recaptcha-row { margin: 0; height: auto; } .notify-product-wrapper { display: flex; align-items: start; } ul.ui-mailtip { background-color: #ffffff; list-style: none; border: 1px solid #cccccc; overflow: hidden; text-align: left; } ul.ui-mailtip:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } ul.ui-mailtip li { margin: 0; padding: 0; float: none; } ul.ui-mailtip li.active { background: #e0e0e0; } ul.ui-mailtip li.hover { background: #f8f8f8; } ul.ui-mailtip li p { height: 28px; text-align: inherit; line-height: 28px; cursor: pointer; margin: 0 9px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .progress-bar { background-color: #ffffff; width: 100%; border-radius: 10px; overflow: hidden; } .progress-bar _::-webkit-full-page-media, .progress-bar _:future, .progress-bar :root .safari_only { transform: translateZ(0); } .filled-progress { background-color: #333133; height: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-animation-name: fillInProgressBar; animation-name: fillInProgressBar; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-duration: 2s; animation-duration: 2s; width: 0; opacity: 0; overflow: hidden; } @-webkit-keyframes fillInProgressBar { 0% { width: 0; opacity: 0; } 1% { opacity: 1; } 100% { width: var(--progress-width); opacity: 1; } } @keyframes fillInProgressBar { 0% { width: 0; opacity: 0; } 1% { opacity: 1; } 100% { width: var(--progress-width); opacity: 1; } } @media screen and (min-width: 768px) { .paazl-checkout { margin-left: 30px; margin-right: 10px; } } .paazl-checkout .pickup-select .point__header::before { display: none; } .paazl-checkout .pickup-select .point__footer__message { background: inherit; } .paazl-checkout .pickup-select .point__label { padding-top: 4px; padding-left: 0; padding-right: 0; } .paazl-checkout .pickup-select .point__options { padding-right: 5px; padding-top: 0; padding-left: 10px; } @media screen and (max-width: 768px) { .paazl-checkout .pickup-select .point__options { padding-bottom: 6px; } } .paazl-checkout .pickup-select .point__options__item::last { padding-right: 5px; } .paazl-checkout .paazl-delimiter .method-select { padding-right: 35px; padding-left: 15px; } @media screen and (min-width: 768px) { .paazl-checkout .paazl-delimiter .method-select { padding-right: 20px; padding-left: 0; } } .paazl-checkout .paazl-delimiter .option__radio { padding: 0; } .paazl-checkout .paazl-delimiter .option__radio__title { padding-left: 0; } .paazl-checkout .paazl-delimiter span { padding-top: 0; padding-bottom: 0; } .paazl-checkout .paazl-delimiter .option__radio__image { padding-top: 0; padding-bottom: 0; height: 20px; } .paazl-checkout .paazl-delimiter .option__extra { padding-left: 0; padding-bottom: 3px; } .paazl-checkout .paazl-delimiter article { padding-bottom: 5px; padding-top: 5px; } .paazl-checkout .paazl-delimiter .option__information__title { color: #979797; } .paazl-checkout .paazl-delimiter footer { padding-top: 0; margin-top: 5px; } .paazl-checkout .paazl-delimiter footer .footer__message { padding-top: 12px; padding-bottom: 12px; background: #f7edeb; } .primary-content > h2 { margin-left: 15px; margin-right: 15px; } @media screen and (min-width: 768px) { .primary-content > h2 { margin-left: 30px; margin-right: 30px; } } .main-nav { left: 0; right: 0; margin: 0; position: absolute; height: 100vh; padding-bottom: 40px; top: 70px; border-top-width: 0; color: #333133; transition: opacity 0.2s; pointer-events: none; opacity: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .main-nav:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1180px) { .main-nav { z-index: 0; } } @media screen and (min-width: 1180px) { .main-nav { pointer-events: auto; opacity: 1; height: 70px; top: 0; overflow: visible; border: none; background-color: #ffffff; box-shadow: none; } } .menu-active .main-nav { pointer-events: auto; opacity: 1; } .sub-menu-active .menu-categories { padding: 55px 0 0; } @media screen and (min-width: 1180px) { .sub-menu-active .menu-categories { height: auto; padding: 0; } } .sub-menu-active .menu-categories > li:not(.active) { transition: opacity 0.2s; pointer-events: none; opacity: 0; display: none; } @media screen and (min-width: 1180px) { .sub-menu-active .menu-categories > li:not(.active) { pointer-events: auto; opacity: 1; display: block; } } .sub-menu-active .banner h3 { display: none; } .sub-menu-active .sub-menu { opacity: 1; } .menu-toggle { background-color: transparent; border: none; color: #333133; display: block; margin: 0; padding: 0; position: absolute; top: 13px; height: 44px; left: 0; } @media screen and (min-width: 1180px) { .menu-toggle { display: none; } } .menu-toggle:hover { background-color: transparent; color: #333133; } .menu-toggle .menu-icon { padding: 12px; width: 44px; height: 44px; } .menu-active .menu-toggle .menu-icon:before { content: ""; } .close-handle { position: absolute; top: 20px; left: 15px; z-index: 10; } @media screen and (min-width: 1180px) { .close-handle { top: 34px; left: 43px; } } .close-handle .close-toggle, .close-handle .back-toggle { background-color: transparent; border: none; padding: 0; color: #333133; font-size: 0.75em; letter-spacing: 2.3px; font-weight: 400; } .close-handle .close-toggle span, .close-handle .back-toggle span { padding-left: 10px; text-transform: uppercase; } @media screen and (min-width: 1180px) { .close-handle .back-toggle { display: none; } } .close-handle .back-toggle i { font-size: 14px; color: #333133; } .close-handle .back-toggle span { line-height: 22px; vertical-align: top; } .close-handle .close-toggle { display: none; } @media screen and (min-width: 1180px) { .close-handle .close-toggle { display: block; } } .menu-categories { list-style: none; margin: 0; padding: 0; background-color: #ffffff; } .menu-categories:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1180px) { .menu-categories { padding: 0; border-bottom: none; display: inline-block; background-color: transparent; margin-left: 30px; } } .menu-categories li { list-style: none; } @media screen and (min-width: 1180px) { .menu-categories li { border: none; float: left; } } .menu-categories a { color: #333133; display: inline-block; font-size: 1em; overflow: visible; width: 100%; position: relative; padding: 16px; } @media screen and (min-width: 1180px) { .menu-categories a { width: auto; } } .menu-categories a:hover { text-decoration: none; } .menu-tabs { display: none; } .menu-tabs a.active { border-bottom: 4px solid #333133; } .added-popup-visible .overlay { z-index: 1; pointer-events: none; } .menu-categories > li { text-align: left; height: 68px; border-bottom: 1px solid rgba(170, 170, 170, 0.2); text-transform: capitalize; background-color: transparent; } .menu-categories > li:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1180px) { .menu-categories > li { border: none; } } @media screen and (min-width: 1180px) { .menu-categories > li:first-child a { margin-left: 0; } } .menu-categories > li.active { height: 100%; } @media screen and (min-width: 1180px) { .menu-categories > li.active { padding: 0; } .menu-categories > li.active::before { background-color: #ffffff; content: ''; display: block; height: 210px; left: 0; pointer-events: none; position: absolute; right: 0; top: -200px; } } .menu-categories > li.active > a { display: none; } @media screen and (min-width: 1180px) { .menu-categories > li.active > a { display: block; } } @media screen and (min-width: 1180px) { .menu-categories > li.active > a:after { height: 2px; opacity: 1; transform: translateY(0px); } } .menu-categories > li.active > a .menu-item-toggle { transform: rotate(270deg); } .menu-categories > li > a { color: #333133; letter-spacing: 0.2px; font-size: 18px; font-weight: 700; } @media screen and (min-width: 1180px) { .menu-categories > li > a { text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 22px 16px 14px; padding: 0; position: relative; } } @media screen and (min-width: 1180px) { .menu-categories > li > a:hover:after { height: 2px; } } .menu-categories > li > a .menu-item-toggle { float: right; font-size: 14px; line-height: 32px; font-weight: 600; display: none; } @media screen and (min-width: 1180px) { .menu-categories > li > a .menu-item-toggle { display: block; position: absolute; right: 0; bottom: 7px; transform: rotate(90deg); font-size: 12px; line-height: 12px; width: 12px; transition: transform 0.5s ease; } } @media screen and (min-width: 1180px) { .menu-categories > li > a.has-sub-menu { padding-right: 20px; } } .menu-categories > li a { text-decoration: none; } @media screen and (min-width: 1180px) { .menu-categories > li a:after { content: ''; position: absolute; top: 90%; left: 0; width: 100%; height: 1px; background: #333133; opacity: 0; transition: height 0.3s, opacity 0.3s, transform 0.3s; transform: translateY(-10px); pointer-events: none; } } @media screen and (min-width: 1180px) { .menu-categories > li a:hover { text-decoration: none; } } @media screen and (min-width: 1180px) { .menu-categories > li a:hover:after { height: 1px; opacity: 1; transform: translateY(0px); } } @media screen and (min-width: 1180px) { .menu-categories > li .nav-image-anchor:hover:after { content: none; } } .sub-menu { opacity: 0; clear: left; transition: opacity 0.2s; display: none; z-index: auto; overflow: visible; height: 100%; } @media screen and (min-width: 1180px) { .sub-menu { background-color: #ffffff; color: #333133; height: auto; border-top: none; position: absolute; top: 60px; left: 0; right: 0; z-index: -20; display: block; transition: transform 0.3s ease; pointer-events: none; transform: translateY(-100%); max-height: calc(100vh - 60px); overflow: auto; } } .menu-categories > .active .sub-menu { display: block; z-index: 10; } @media screen and (min-width: 768px) and (max-width: 1180px) { .menu-categories > .active .sub-menu { padding-bottom: 80px; } } @media screen and (min-width: 1180px) { .menu-categories > .active .sub-menu { pointer-events: auto; top: 60px; transform: translateY(0); z-index: -20; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } } .sub-menu a:hover { text-decoration: none; } @media screen and (min-width: 1180px) { .sub-menu a:hover { text-decoration: underline; } } .sub-menu .banner { position: relative; padding: 20px 12px 0; width: 100%; flex: 1 1 auto; text-align: left; line-height: 30px; } @media screen and (min-width: 768px) and (max-width: 1180px) { .sub-menu .banner { padding-top: 0; } } @media screen and (min-width: 768px) { .sub-menu .banner { width: 50%; flex: 0 1 50%; height: auto; } } @media screen and (min-width: 1180px) { .sub-menu .banner { background-color: #ffffff; box-sizing: border-box; align-self: flex-start; vertical-align: top; position: relative; width: 15%; flex: 1 1 15%; top: 0; padding: 40px 25px; } } @media screen and (min-width: 1500px) { .sub-menu .banner { flex: 1 1 25%; width: 25%; padding: 40px 35px; } } .sub-menu .banner > ul { padding: 0; } @media screen and (min-width: 768px) { .sub-menu .banner > ul { margin: 0; } } .sub-menu .banner > ul > li { margin-bottom: 22px; width: 100%; } .sub-menu .banner > ul > li:last-of-type { margin-bottom: 0; } .sub-menu .banner a { color: #333133; text-transform: uppercase; font-size: 1.375em; letter-spacing: 0.3px; } @media screen and (min-width: 768px) { .sub-menu .banner a { color: #333133; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; max-width: 100%; } } @media screen and (max-width: 1180px) { .sub-menu .banner a { font-size: 18px !important; font-weight: 400; } } .sub-menu .banner button, .sub-menu .banner .button, .sub-menu .banner .buttonstyle, .sub-menu .banner input[type="button"] { background-color: #323132; border-color: #ffffff; color: #ffffff; transition: all 0.3s; } .sub-menu .banner button:hover, .sub-menu .banner .button:hover, .sub-menu .banner .buttonstyle:hover, .sub-menu .banner input[type="button"]:hover { background-color: #ffffff; border-color: #333133; color: #333133; } @media screen and (min-width: 1180px) { .sub-menu .banner button, .sub-menu .banner .button, .sub-menu .banner .buttonstyle, .sub-menu .banner input[type="button"] { color: #333133; } } .sub-menu .banner h1, .sub-menu .banner .h1 { color: #ffffff; font-size: 1.75em; } @media screen and (min-width: 1180px) { .sub-menu .banner h1, .sub-menu .banner .h1 { color: #333133; font-size: 1.375em; letter-spacing: 0.3px; padding: 0; margin: 0; } } .sub-menu .banner p { line-height: 30px; } @media screen and (min-width: 1180px) { .sub-menu .banner p { color: #333133; margin-top: 11px; } } .sub-menu .banner a { padding: 0; } @media screen and (min-width: 1180px) { .sub-menu .banner a:after { background: #333133; } } .sub-menu .banner img { vertical-align: top; max-width: 100%; } .sub-menu .banner button { width: 100%; } .sub-menu .banner svg { height: 45px; fill: #ffffff; stroke-width: 17; } @media screen and (min-width: 1180px) { .sub-menu .banner svg { fill: #333133; } } .sub-menu .nav-routine-finder { margin: 30px 0; width: 100%; } .sub-menu .nav-routine-finder img { margin-bottom: 13px; width: 100%; } .sub-menu .nav-routine-finder h4 { font-size: 13px; line-height: 16px; margin: 0; text-transform: uppercase; } .sub-menu .nav-routine-finder a { color: #333133; font-size: 15px !important; font-weight: 400; letter-spacing: 0; line-height: 21px; margin-bottom: 0; text-decoration: underline; text-transform: none; } @media screen and (min-width: 768px) { .sub-menu .nav-routine-finder { margin-bottom: 0; width: calc(100% + 37px); } } .sub-menu-inner { height: 100%; display: flex; flex-flow: column; padding-bottom: 100px; } @media screen and (min-width: 768px) { .sub-menu-inner { flex-direction: row; justify-content: space-between; padding-bottom: 0; } } @media screen and (min-width: 1180px) { .sub-menu-inner { flex-flow: row-reverse; width: 100%; height: auto; max-width: 1100px; margin: 0 auto 0 173px; padding: 0; } } @media screen and (min-width: 1500px) { .sub-menu-inner { max-width: 1170px; margin: 0 auto; } } .sub-menu-inner > ul { padding: 0 12px; margin: 0; flex: 0 1 auto; } @media screen and (min-width: 768px) and (max-width: 1180px) { .sub-menu-inner > ul { flex: 0 1 25%; padding: 0 18px; } } @media screen and (min-width: 1180px) { .sub-menu-inner > ul { padding: 0; left: 40px; right: 40px; position: absolute; top: 78px; } } @media screen and (min-width: 1180px) { .sub-menu-inner > ul { padding: 35px 25px 35px 0; background-color: #ffffff; width: 75%; flex: 1 1 75%; box-sizing: border-box; position: relative; top: 0; left: 0; right: 0; } } @media screen and (min-width: 1500px) { .sub-menu-inner > ul { padding: 35px 35px 35px 0; } } .sub-menu-inner > ul:nth-child(2):last-child { justify-self: flex-start; margin-right: auto; } .sub-menu-inner > ul > li { text-align: left; padding: 17px 0 15px; line-height: 18px; border-bottom: 1px solid rgba(170, 170, 170, 0.2); } @media screen and (min-width: 768px) { .sub-menu-inner > ul > li { border: none; margin: 0 0 15px; line-height: 31px; } } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li { width: 25%; padding: 0; } } @media screen and (min-width: 768px) and (max-width: 1180px) { .sub-menu-inner > ul > li { margin-bottom: 0; } } .sub-menu-inner > ul > li > span { padding: 0; text-transform: none; color: #333133; font-size: 2em; position: relative; padding: 7px 0 14px; margin: 0; } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li > span { font-size: 1.75em; font-weight: 200; } } .sub-menu-inner > ul > li > a.navigation-dropdown { text-transform: none; color: #333133; font-size: 18px; line-height: 1.94; font-weight: 400; position: relative; padding: 0 25px 0 0; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; max-width: 100%; } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li > a.navigation-dropdown { font-size: 1.375em; letter-spacing: 0.3px; line-height: inherit; padding: 0; text-transform: uppercase; } } .sub-menu-inner > ul > li > a.navigation-dropdown::before { content: ""; display: inline-block; color: #333133; position: absolute; font-size: 0.7em; right: 0; top: 50%; margin-top: -0.5em; transition: all .3s; transform: rotateX(0deg); } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li > a.navigation-dropdown::before { display: none; } } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li > a.navigation-dropdown::after { position: absolute; top: 90%; left: 0; width: 100%; height: 1px; background: #333133; content: ''; opacity: 0; transition: height 0.3s, opacity 0.3s, transform 0.3s; transform: translateY(-10px); } } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li > a.navigation-dropdown:hover { text-decoration: none; } } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li > a.navigation-dropdown:hover:after { height: 2px; opacity: 1; transform: translateY(0px); } } .sub-menu-inner > ul > li > a.navigation-dropdown.open::before { transform: rotateX(180deg); margin-top: -0.25em; } .sub-menu-inner > ul > li > a.navigation-dropdown.open ~ .fly-out-link { display: block; } .sub-menu-inner > ul > li .fly-out-link { display: none; padding-left: 0; color: #333133; text-transform: none; } @media screen and (min-width: 1180px) { .sub-menu-inner > ul > li .fly-out-link { display: inline; padding: 0; line-height: 30px; font-size: 1em; } } .sub-menu-inner > ul > li .fly-out-link:after { background: #333133; } .level-3 { display: none; padding: 0; margin: 0; } @media screen and (min-width: 1180px) { .level-3 { display: block !important; margin-top: 11px; padding-left: 0; } } .level-3 a { padding: 6px 0; font-size: 1em; font-weight: 400; } @media screen and (min-width: 1180px) { .level-3 a { color: #333133; text-transform: none; padding: 0; line-height: 30px; } } @media screen and (min-width: 1180px) { .level-3 li { float: none; padding: 0; } } @media screen and (min-width: 768px) { .deepest-level-only .sub-menu-inner { flex: none; flex-flow: unset; } } @media screen and (min-width: 1180px) { .deepest-level-only .sub-menu-inner > ul { width: 29%; padding: 35px 20px; flex-flow: unset; float: left; position: relative; } } @media screen and (min-width: 1180px) { .deepest-level-only .sub-menu-inner > ul { flex: none; } } .deepest-level-only .sub-menu-inner > ul > li { padding: 6px; border: none; } @media screen and (min-width: 768px) { .deepest-level-only .sub-menu-inner > ul > li { width: 100%; margin-bottom: 0; } } @media screen and (max-width: 1180px) { .deepest-level-only .sub-menu-inner > ul > li { padding: 10px 0; } } .deepest-level-only .sub-menu-inner > ul > li > a { padding: 0; text-decoration: none; } @media screen and (max-width: 1180px) { .deepest-level-only .sub-menu-inner > ul > li > a { font-size: 1em; } } .deepest-level-only .level-3 { display: block; } .menu-utility-user { margin: 0; padding: 0; display: none; background-color: #ffffff; } @media screen and (min-width: 1180px) { .menu-utility-user { display: block; position: absolute; right: 94px; top: 8px; height: 40px; } } .menu-active .menu-utility-user { display: block; } .sub-menu-active .menu-utility-user { display: none; } @media screen and (min-width: 1180px) { .sub-menu-active .menu-utility-user { display: block; } } .menu-utility-user li { list-style: none; padding: 0; border-bottom: 3px solid rgba(170, 170, 170, 0.2); } @media screen and (min-width: 1180px) { .menu-utility-user li { border: none; } } @media screen and (min-width: 1180px) { .menu-utility-user li { background-color: transparent; border-color: transparent; float: left; margin: 0; } } @media screen and (min-width: 1180px) { .menu-utility-user li:first-child { border: none; } } .menu-utility-user li a { color: #333133; letter-spacing: 0.2px; font-size: 18px; font-weight: 400; padding: 16px; display: block; } @media screen and (min-width: 1180px) { .menu-utility-user li a { text-decoration: none; padding: 17px 0 17px 12px; display: inline-block; height: 44px; line-height: 20px; float: left; } } @media screen and (min-width: 1180px) { .menu-utility-user li a:hover { text-decoration: none; } } @media screen and (min-width: 1180px) { .menu-utility-user li a span { display: none; } } .menu-utility-user li a i.fa-user { display: none; } @media screen and (min-width: 1180px) { .menu-utility-user li a i.fa-user { display: block; float: left; } } .menu-utility-user li a i.fa-chevron-right { float: right; font-size: 14px; line-height: 32px; font-weight: 600; } @media screen and (min-width: 1180px) { .menu-utility-user li a i.fa-chevron-right { display: none; } } .menu-utility-user li a span.log-in-text { display: block; height: 28px; font-size: 14px; text-align: left; line-height: 32px; float: left; margin-left: 3px; letter-spacing: 0.2px; } @media screen and (max-width: 1180px) { .menu-utility-user li a span.log-in-text { display: none; } } .menu-utility-user .user-info .user-panel { display: none; } .main-menu-open .page-content:before { content: ''; background: rgba(0, 0, 0, 0.6); position: absolute; display: block; height: 100%; width: 100vw; top: 0; left: 0; overflow: hidden; z-index: 180; } .main-menu { display: none; } @media screen and (min-width: 768px) { .main-menu { display: block; } } .main-menu.active { box-sizing: border-box; background: rgba(0, 0, 0, 0.6); position: fixed; display: block; height: 100%; width: 100%; top: 0; overflow-y: scroll; z-index: 180; } @media screen and (min-width: 768px) { .main-menu.active { z-index: auto; position: relative; background: none; overflow: initial; height: auto; } } .main-menu * { box-sizing: border-box; } .main-menu dl { margin: 0; list-style: none; } .main-menu dd { padding: 0; margin: 0; } .main-menu .close-toggle { position: absolute; right: 12px; top: 12px; } .main-menu .close-toggle i:before { color: #ffffff; font-weight: bold; } .main-menu-tabs { list-style: none; padding: 0; margin: 0; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media screen and (min-width: 768px) { .main-menu-tabs { width: auto; left: 0; top: 0; grid-area: menu-tabs; height: 70px; border-bottom: none; } } @media screen and (max-width: 768px) { .main-menu-tabs.hide { transform: translateY(-100%); margin-bottom: -56px; } } .main-menu-tabs li { cursor: pointer; flex: 0 0 50%; width: 50%; } @media screen and (min-width: 768px) { .main-menu-tabs li { width: auto; flex: 0 0 auto; } } .main-menu-tabs a { display: block; padding: 16px 12px 12px; color: #333133; font-size: 16px; text-align: center; } @media screen and (min-width: 768px) { .main-menu-tabs a { padding: 16px 24px 24px; } } @media screen and (min-width: 1180px) { .main-menu-tabs a { padding: 16px 30px 24px; } } .main-menu-tabs a:hover { text-decoration: none; } .main-menu-tabs a.active { border-bottom: 4px solid #333133; font-weight: bold; margin-bottom: -1px; } @media screen and (min-width: 768px) { .main-menu-tabs a.active { border: none; margin: 0; background: #f5f3f3; } } .main-menu-content { background: #ffffff; font-size: 16px; position: relative; display: flex; flex-direction: column; } @media screen and (max-width: 768px) { .main-menu-content { width: calc(100% - 50px); min-height: 100%; overflow-y: scroll; } } @media screen and (min-width: 768px) { .main-menu-content { width: 100%; height: auto; display: grid; grid-template-columns: minmax(150px, 215px) 1fr minmax(auto, 230px); grid-template-rows: 64px 52px auto; grid-template-areas: 'menu-tabs . .' 'menu-categories menu-categories menu-categories' 'menu-detail-highlights menu-details menu-support'; } } @media screen and (min-width: 1180px) { .main-menu-content { grid-template-columns: auto 1fr 480px; } } .main-menu-categories { list-style: none; margin: 0; padding: 0; opacity: 0; line-height: 0; transform: translate3D(-100%, 0, 0); position: absolute; } @media screen and (min-width: 768px) { .main-menu-categories { background: #f5f3f3; grid-area: menu-categories; } } .main-menu-categories.active { opacity: 1; transform: translate3D(0, 0, 0); position: relative; } .main-menu-categories.active > li { opacity: 1; } .main-menu-categories > li { transition: opacity .2s ease; opacity: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } @media screen and (min-width: 768px) { .main-menu-categories > li { cursor: pointer; display: inline-block; margin: 0; border-bottom: 0; } } .main-menu-categories > li > a { padding: 18px 12px; line-height: 1em; display: block; width: 100%; height: 100%; color: #333133; position: relative; text-decoration: none; } @media screen and (min-width: 768px) { .main-menu-categories > li > a { padding: 16px 30px; border-bottom: 4px solid transparent; font-weight: bold; } } .main-menu-categories > li > a:hover { text-decoration: none; } @media screen and (min-width: 768px) { .main-menu-categories > li > a:hover { border-bottom: 4px solid rgba(0, 0, 0, 0.2); } } .main-menu-categories > li > a:after { content: ""; color: #333133; position: absolute; right: 24px; font-weight: bold; } @media screen and (min-width: 768px) { .main-menu-categories > li > a:after { content: none; background: #f5f3f3; } } @media screen and (min-width: 768px) { .main-menu-categories > li > a.active { border-bottom: 4px solid #333133; } } .menu-suport-section { padding: 12px; display: none; order: 3; } @media screen and (min-width: 768px) { .menu-suport-section { padding-left: 24px; padding-top: 32px; grid-area: menu-support; justify-self: end; background: #ffffff; } } .menu-support { border-bottom: none; display: grid; justify-content: start; position: relative; grid-template-columns: 100%; grid-template-rows: auto auto auto; grid-template-areas: 'support-header' 'support-text' 'support-image'; } @media screen and (min-width: 1180px) { .menu-support { grid-template-columns: 144px auto; grid-template-rows: auto auto auto; grid-gap: 0 14px; grid-template-areas: 'support-header support-header' 'support-image support-text' 'support-image support-text'; } } .menu-support > * { align-self: start; } .menu-support h3 { font-size: 16px; line-height: 26px; margin-bottom: 8px; font-weight: bold; text-transform: uppercase; } .menu-support h4 { font-size: 16px; line-height: 26px; font-weight: 600; margin: 0; } .menu-support time { display: inline-block; margin-right: 4px; font-size: 12px; line-height: 16px; margin-bottom: 20px; margin-top: 6px; } .menu-support p { margin-top: 0; } .menu-support a { text-decoration: underline; } .menu-support a:hover { text-decoration: none; } .support-header { grid-area: support-header; width: 100%; } .support-header h3 { margin: 0 0 12px; } .support-text { grid-area: support-text; width: 100%; } .support-text > a { display: block; } .support-image { grid-area: support-image; position: relative; width: 100%; overflow: hidden; } .support-image:before { display: block; content: ""; width: 100%; padding-top: 50%; } @media screen and (min-width: 768px) { .support-image:before { display: block; content: ""; width: 100%; padding-top: 122.22222%; } } .support-image img { max-height: 100%; max-width: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; } .menu-contact-details { padding: 0; display: block; list-style: none; font-size: 16px; line-height: 24px; } .menu-contact-details time { font-size: 16px; line-height: 24px; } .menu-contact-details time:after { content: ''; display: block; height: 0; width: 100%; } .menu-contact-details dt { display: inline; } .menu-contact-details dd { display: inline-block; margin: 0; position: relative; } .menu-contact-details dd:after { content: ' '; display: block; height: 0; width: 200px; } .menu-contact-details dd a { color: #333133; text-decoration: none; } @media screen and (min-width: 768px) { .menu-contact-details dd a { pointer-events: none; } } .menu-detail-title { font-size: 16px; font-weight: bold; padding: 16px 12px 12px; margin: 0; display: block; width: 100%; border-bottom: 4px solid #333133; text-align: center; position: relative; text-transform: none; } @media screen and (min-width: 768px) { .menu-detail-title { display: none; } } .menu-detail-title .menu-back { position: absolute; left: 0; cursor: pointer; width: 40px; height: 40px; display: block; } .menu-detail-title .menu-back:before { content: ""; color: #333133; } .menu-details-content { opacity: 0; height: 0; pointer-events: none; } @media screen and (min-width: 768px) { .menu-details-content { background: #ffffff; width: 100%; border-right: 1px solid rgba(0, 0, 0, 0.2); padding-right: 24px; } } @media screen and (min-width: 768px) { .menu-details-content { padding-right: 32px; } } .menu-details.active .menu-details-content { pointer-events: auto; opacity: 1; height: 100%; } @media screen and (min-width: 768px) { .menu-details-content dl { margin: 0; } } @media screen and (min-width: 768px) { .menu-details-content h3 { font-size: 16px; margin: 0 0 12px; text-transform: uppercase; } } .menu-details { opacity: 0; transform: translateX(-100%); height: 0; width: 0; order: 1; } .menu-details > * { display: none; } .menu-details.active { height: 100%; opacity: 1; transform: translateX(0); position: relative; top: 0; width: 100%; } @media screen and (min-width: 768px) { .menu-details.active { grid-area: menu-details; position: relative; padding: 32px 0; } } @media screen and (min-width: 768px) { .expert-advice-active .menu-details.active { grid-column: 1 / 3; padding-left: 32px; } } .expert-advice-active .menu-details.active .shop-per { display: none; } .menu-details.active > * { display: block; } @media screen and (min-width: 768px) { .menu-details.active > * { width: 100%; } } .menu-detail-highlights { order: 2; display: none; } @media screen and (min-width: 768px) { .menu-detail-highlights { padding: 32px 24px 32px; grid-area: menu-detail-highlights; } } @media screen and (min-width: 1180px) { .menu-detail-highlights { padding: 32px 60px 32px 24px; } } .skin-care-active.active .menu-detail-highlights { display: block; } @media screen and (min-width: 768px) { .menu-detail-highlights div { padding-right: 24px; border-right: 1px solid rgba(0, 0, 0, 0.3); } } .menu-detail-highlights h3 { display: none; } @media screen and (min-width: 768px) { .menu-detail-highlights h3 { display: block; font-size: 16px; margin: 0 0 12px; text-transform: uppercase; } } .menu-detail-highlights ul { background: #f5f3f3; list-style: none; margin: 0; padding: 0; } @media screen and (min-width: 768px) { .menu-detail-highlights ul { background: #ffffff; } } .menu-detail-highlights li { padding: 18px 12px; border-bottom: 1px solid #333133; } @media screen and (min-width: 768px) { .menu-detail-highlights li { border-bottom: none; padding: 0 0 12px; } } .menu-detail-highlights li:first-of-type { border-top: 1px solid #333133; } @media screen and (min-width: 768px) { .menu-detail-highlights li:first-of-type { border-top: none; } } .menu-detail-highlights a { color: #333133; font-style: italic; text-decoration: none; } @media screen and (min-width: 768px) { .menu-detail-highlights a { font-style: normal; font-weight: normal; } } .menu-detail-highlights a:hover { text-decoration: underline; } .menu-detail-highlights img { max-width: 100%; } @media screen and (min-width: 768px) { .menu-detail-links { position: relative; padding-top: 38px; -moz-column-count: 2; column-count: 2; } } @media screen and (min-width: 1180px) { .menu-detail-links { -moz-column-count: 3; column-count: 3; } } .menu-detail-links h3 { display: none; } @media screen and (min-width: 768px) { .menu-detail-links h3 { display: block; } } .menu-detail-links a { color: #333133; text-decoration: none; } @media screen and (min-width: 768px) { .menu-detail-links a { font-weight: normal; } } .menu-detail-links a:hover { text-decoration: underline; } .menu-detail-links dt { margin: 0; padding: 0; } @media screen and (min-width: 768px) { .menu-detail-links dt { position: absolute; top: 0; } } .menu-detail-links dd { display: block; width: 100%; padding: 18px 12px; border-bottom: 1px solid #f5f3f3; font-size: 16px; line-height: 26px; } @media screen and (min-width: 768px) { .menu-detail-links dd { border: none; padding: 0 0 12px; } } .skin-care-active .menu-detail-links dd:last-of-type a { font-weight: bold; } .country-selector { border-bottom: 5px solid #4d4d4d; color: #ffffff; width: 100%; } @media screen and (min-width: 768px) { .country-selector { border-bottom: none; padding: 0; position: absolute; top: -1rem; right: .2rem; z-index: 80; width: auto; } } .country-selector .selector { display: none; margin-top: .5rem; padding-left: 2rem; } .country-selector .selector.active { display: block; } @media screen and (min-width: 768px) { .country-selector .selector { background-color: #ffffff; border-radius: 3px; box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.3); margin-top: 1rem; padding: 1rem; } } .country-selector .current-country { cursor: pointer; padding: .8em 1rem; } .country-selector .current-country.selector-active { border-bottom: 1px solid #191819; } .country-selector .current-country.selector-active .selector-icon { transform: rotate(270deg); } @media screen and (min-width: 768px) { .country-selector .current-country { padding: 0; } .country-selector .current-country.selector-active { border-bottom: none; padding-bottom: 0; position: absolute; right: 0; } } .country-selector .current-country .selector-icon { margin-right: .3rem; } @media screen and (min-width: 768px) { .country-selector .current-country .selector-icon { float: right; margin-right: 0; margin-left: .3rem; transform: rotate(90deg); } } .country-selector .current-country .flag-icon { border: none; } .country-selector .continent-name { margin-top: 0; margin-bottom: .5rem; } @media screen and (min-width: 768px) { .country-selector .continent-name { color: #990000; } } .country-selector .country { margin-bottom: .5rem; } .country-selector .locale { border-right: 1px solid #e0e0e0; display: inline-block; padding: 0 .3rem; vertical-align: middle; } .country-selector .locale:first-of-type { padding-left: 0; } .country-selector .locale:last-of-type { border-right: none; padding-right: 0; } .country-selector .flag-icon { border: 1px solid #e0e0e0; margin-right: .3rem; } .header-wrapper { position: relative; height: 80px; transition: .3s ease-out; } .header-wrapper .checkout { margin-bottom: 10px; } .header-wrapper li { font-size: 14px; } .top-banner { background-color: #ffffff; width: 100%; z-index: 190; height: 70px; transition: .3s ease-out; position: relative; } .usp-banner.active .top-banner { position: fixed; top: 0; } .top-banner.scrolled { position: fixed; top: 0; height: 70px; } .top-banner * { box-sizing: border-box; } .top-banner button.search-toggle i.fa, .top-banner li.help i.fa, .top-banner li.user-info i.fa, .top-banner a.mini-cart-link i.fa { transition: font-size 0.2s; } .top-banner button.search-toggle i.fa:before, .top-banner li.help i.fa:before, .top-banner li.user-info i.fa:before, .top-banner a.mini-cart-link i.fa:before { color: #333133; } .top-banner button.search-toggle:hover i.fa, .top-banner li.help:hover i.fa, .top-banner li.user-info:hover i.fa, .top-banner a.mini-cart-link:hover i.fa { transition: font-size 0.2s; font-size: 13px; } .primary-logo { top: 8px; transform: translateX(-50%); left: 50%; position: absolute; } @media screen and (min-width: 1180px) { .primary-logo { top: 21px; } } @media screen and (max-width: 1180px) { .primary-logo { margin-top: 17px; } } .primary-logo a { vertical-align: top; display: inline-block; font-size: 20px; overflow: visible; text-decoration: none; } @media screen and (min-width: 1180px) { .primary-logo a { font-size: 36px; } } .primary-logo a:before { content: ""; color: #000000; } .primary-logo a:hover { text-decoration: none; } .usp-banner { position: inherit; background: #333133; transition: height .3s ease-out; z-index: 190; height: 38px; } .usp-banner:not(.active) .top-banner { top: 0; } .usp-banner.active .usp-bar-wrapper { height: 38px; } .usp-banner.active .header-wrapper { top: 38px; } .usp-bar-wrapper { transition: .3s ease-out; height: 0; } .pt_storefront .usp-banner .header-promotion { background-color: #64772d; color: #ffffff; padding: 3px 0 2px; text-align: center; } .refinement-header { background-color: #f5f3f3; border-top: 1px solid #e0e0e0; display: block; font-size: 1.1em; font-weight: bold; letter-spacing: 0.125em; margin: 0; padding: 1.15em .75em .75em; text-transform: uppercase; } .refinement { padding-bottom: .65em; position: relative; } .pt_categorylanding .refinement { display: none; } .pt_categorylanding .refinement.category-refinement { display: block; } .refinement h3 { background-color: #f5f3f3; border-top: 1px solid #e0e0e0; font-size: 1.1em; letter-spacing: 0.125em; margin: 0 0 .65em; padding: 1.15em .75em .75em; text-transform: uppercase; } .ie7 .refinement h3 { clear: both; } .refinement h3 i { color: #64772d; } .refinement ul { list-style: none outside none; margin: 0; padding: 0 .55em 0; } .refinement li { padding: .5em; } .refinement ul li i { color: #e0e0e0; } .refinement ul li.selected i { color: #64772d; } .refinement ul.swatches li { float: left; padding: .16em; } .refinement ul.swatches li a { border: 2px solid #e0e0e0; border-radius: .5em; display: block; padding: 0.2em 0.8em; } .refinement ul.swatches li.selected a { border-color: #84bd00; font-weight: bold; } .refinement ul.swatches li.unselectable a { background-image: url("../images/interface/icon-color-swatch-unselectable.png"); background-position: right top; } .refinement ul.refinementColor li a { height: 23px; padding: 0; text-indent: -999em; width: 30px; } .refinement .clear-refinement { font-weight: bold; padding: 0 1.05em 0.4em; } .refinement .refinement-link { border: 0 none; } .refinement .selected .refinement-link { background-position: left bottom; } .refinement .refinement-top-level { padding: 1em; } .scrollable { height: 10em; overflow: auto; -webkit-overflow-scrolling: touch; } .nav ul { border: 0 none; list-style: none outside none; margin: .58em 0; padding: 0; } .nav ul li { list-style: none outside none !important; margin: 0 0 .58em !important; } .nav .toggle { border: 0 none; display: block; font-size: 1em; font-weight: 700; margin: .83em 0 .58em; text-transform: uppercase; } .nav .toggle span { background: none repeat scroll 0 0 transparent; } .nav .expanded { background-position: left -96px; } footer { clear: both; background-color: #f7edeb; padding: 0 0 12px 0; transition: all 0.3s; -webkit-filter: none; filter: none; } @media screen and (min-width: 1180px) { footer { padding: 0; } } .footer-container a, .footer-copy a { text-decoration: none; font-size: 14px; font-style: normal; font-stretch: normal; margin-bottom: 15px; letter-spacing: 0.2px; color: #333133; } .footer-container a:hover, .footer-copy a:hover { text-decoration: underline; } .footer-container { padding: 18px; } @media screen and (min-width: 1180px) { .footer-container { padding: 0 48px 60px 48px; box-sizing: border-box; display: table; border-collapse: separate; border-spacing: 43px; width: 100%; } } .footer-container li { font-size: 14px; } @media screen and (min-width: 1180px) { .footer-container > div { float: left; width: 21%; padding: 0 2%; } } @media screen and (min-width: 1180px) { .footer-container > div:first-child section { border-color: #323132; } } .footer-container > div:last-child section { overflow: initial; } @media screen and (min-width: 1180px) { .footer-container > div:last-child section { max-height: 500px; } } .footer-item-toggle { position: absolute; right: -12px; top: 10px; background-color: transparent; border: none; color: #333133; height: 44px; width: 44px; padding: 12px; transition: transform 0.2s; } @media screen and (min-width: 1180px) { .footer-item-toggle { display: none; } } .footer-item-toggle:before { content: ""; position: absolute; display: block; right: 0; width: 100vw; height: 20px; } .footer-item-toggle:hover { background-color: transparent; color: #333133; } .footer-item { border-top: 1px solid #cccccc; padding: 20px 0; max-height: 20px; overflow: hidden; position: relative; transition: all 0.3s; } @media screen and (min-width: 1180px) { .footer-item { border-top: none; padding: 0; max-height: none; } } @media screen and (min-width: 1180px) { .footer-item:first-child { padding-bottom: 40px; } } .footer-item.active > .footer-item-toggle .fa:before { content: ""; } .footer-item.active { max-height: 500px; } .footer-item.usp-footer ul { padding: 0; margin: 0; font-weight: 600; } .footer-item.usp-footer ul li { list-style-type: none; padding-bottom: 9px; } .footer-item.usp-footer ul li:before { content: '\2714\0020'; margin-right: 3px; } .footer-item h1, .footer-item .h1 { font-size: 1em; line-height: 1.75em; margin: 0 0 30px; } @media screen and (min-width: 1180px) { .footer-item h1, .footer-item .h1 { font-size: 2em; } } .footer-item p, .footer-item label, .footer-item select, .footer-item input[type="email"] { font-size: 14px; } .footer-item label { font-style: normal; font-stretch: normal; margin-bottom: 15px; letter-spacing: 0.2px; } .footer-item p { margin: 0; font-style: normal; font-stretch: normal; margin-bottom: 15px; letter-spacing: 0.2px; line-height: normal; } .footer-item a { display: block; } .footer-item a.domain { display: inline; } .footer-item .email-subscribe { position: relative; } .footer-item .email-subscribe input[type="email"] { padding: 0 44px 0 10px; } .footer-item .email-subscribe .email-button-subscribe { border: 0; border-left: 2px solid #333133; color: #333133; position: absolute; top: 0; right: 0; padding: 8px; margin: 0; background-color: transparent; } .footer-item .email-subscribe .email-button-subscribe:hover { background-color: #333133; color: #ffffff; } .footer-item .fa:not(.fa-send) { font-size: 21px; height: 38px; display: inline-block; width: 27%; text-align: center; float: left; margin-bottom: 10px; } @media screen and (min-width: 1180px) { .footer-item .fa:not(.fa-send) { text-align: left; } } .footer-item .subheader { text-transform: uppercase; font-size: 1.5em; margin-bottom: 17px; display: block; } .footer-copy { text-align: center; padding: 0 12px 30px; } @media screen and (min-width: 1180px) { .footer-copy { padding: 10px 60px; background-color: #ffffff; margin-bottom: 30px; } } @media screen and (min-width: 1180px) { .footer-copy .footer-socialicons { float: left; height: 100%; margin: 3px 0 0 -12px; } } .footer-copy .footer-socialicons ul { margin: 0; padding: 0; list-style: none; } .footer-copy .footer-socialicons li { display: inline-block; padding: 0; } .footer-copy .footer-socialicons:hover a { text-decoration: none; transform: scale(0.6); } .footer-copy .footer-socialicons a { width: 45px; height: 45px; padding: 12px; overflow: hidden; font-size: 0; box-sizing: border-box; display: block; margin: 0; transition: transform 0.2s; } .footer-copy .footer-socialicons a:before { color: #333133; font-size: 21px; } .footer-copy .footer-copyright { float: right; height: 100%; display: none; } @media screen and (min-width: 1180px) { .footer-copy .footer-copyright { display: block; margin: 18px 0; } } .footer-copy .footer-links { margin: 30px 0 0; } @media screen and (min-width: 1180px) { .footer-copy .footer-links { margin: 18px 0; } } .footer-copy .footer-links a { margin: 0 5px; display: inline-block; color: #333133; } #trusted-shop-badge { height: 38px; display: inline-block; width: 33.333%; text-align: center; float: left; margin-top: -10px; } @media screen and (min-width: 1180px) { #trusted-shop-badge { text-align: left; } } #email-alert-signup { white-space: nowrap; } #email-alert-signup input[type="text"] { border: none; margin-left: 0; width: 15em; } #email-alert-signup button { background-color: #aaaaaa; border: none; color: #ffffff; height: 31px; padding: 0; width: 31px; } .footer-ie-popup-contanier { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .footer-ie-popup-contanier { display: block; background-color: #cccccc; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 200; } .footer-ie-popup__title { color: #000000; font-weight: bold; text-align: center; margin-top: 8px; } .footer-ie-popup__description { padding: 0 95px; } } @media screen and (-ms-high-contrast: active) and (max-width: 767px) { .footer-ie-popup__description { padding: 0 10px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .footer-ie-popup__description-text { line-height: 20px; margin-top: 13px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .footer-ie-popup { background-color: #ffffff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 105px 25px; width: 30%; height: 200px; z-index: 10; } } @media screen and (-ms-high-contrast: active) and (max-width: 1500px) { .footer-ie-popup { padding: 125px 20px; width: 80%; height: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .footer-ie-popup .footer-ie-popup__description-list { margin: -2px -4px -6px; } .footer-ie-popup .footer-ie-popup__description-list li { list-style-type: disc; } .footer-ie-popup .footer-ie-popup__description-list span { color: #3292ca; text-decoration: underline; } } .footer-ie-popup .primary-logo { top: 61px; } .footer-ie-popup .primary-logo a:before { content: ""; color: #000000; } .footer-ie-popup .primary-logo a:hover { text-decoration: none; } .pt_content-search-result .primary-content, .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content { position: relative; display: flex; flex-direction: column; } @media screen and (min-width: 768px) { .pt_content-search-result .primary-content, .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content { padding: 0; display: block; } } @media screen and (min-width: 1180px) { .pt_content-search-result .primary-content, .pt_product-search-noresult .primary-content, .pt_product-search-result .primary-content { padding: 0; } } .pt_content-search-result .primary-content *, .pt_product-search-noresult .primary-content *, .pt_product-search-result .primary-content * { box-sizing: border-box; } @media screen and (max-width: 768px) { .pt_content-search-result .primary-content .seo-promo, .pt_product-search-noresult .primary-content .seo-promo, .pt_product-search-result .primary-content .seo-promo { order: 3; } } .search-wrapper { background-color: #ffffff; padding: 18px; } @media screen and (min-width: 1180px) { .search-wrapper { padding: 0 5px; margin: auto 0; } } .search-wrapper p { text-align: center; margin: 0 auto; } @media screen and (min-width: 1180px) { .search-wrapper p { margin-top: 90px; } } .search-wrapper li { font-size: 14px; } .search-wrapper .product-tile .add-to-cart-link { display: block; } .search-wrapper .product-tile-footer .product-pricing { width: 66%; margin-top: auto; } .pt_product-search-noresult .footer, .pt_product-search-result .footer { display: none; } .pt_product-search-result .primary-content h1.content-header, .pt_product-search-result .primary-content .h1.content-header { padding: 30px 0; background-color: #ffffff; max-width: 1200px; margin: 0 auto; } .pt_content-search-result .primary-content { max-width: 1200px; margin: 50px auto; } .pt_product-search-noresult .primary-content { margin: 0 auto !important; max-width: 1200px; padding: 40px; box-sizing: border-box; } .pt_product-search-noresult .secondary-content { display: none; } .category-main-banner img { max-width: 100%; } .no-hits-search button { float: right; margin-top: 15px; } .no-hits-search-term, .no-hits-search-term-suggest { color: #990000; font-style: italic; } .no-hits-footer { margin: 20px 0; padding: 20px 0; } .search-result-bookmarks { display: none; } .search-result-bookmarks .first { border-right: 1px solid #999999; padding-right: 5px; } .search-result-options-toggle { margin: 0 auto; display: block; } @media screen and (min-width: 768px) { .search-result-options-toggle { display: none; } } @media screen and (max-width: 767px) { .search-result-options { position: fixed; right: calc(-100vw + 1px); top: 0; width: 100vw; height: 100%; z-index: 220; box-shadow: 0 0 3px; transition: right 0.3s; display: flex; flex-direction: column; } } @media screen and (min-width: 768px) { .search-result-options { flex: 0 0 230px; padding-right: 20px; } } .search-result-options:before { content: ""; position: fixed; top: 0; right: 0; height: 100vh; width: 100vw; opacity: 0; transition: opacity 0.3s; pointer-events: none; background-color: #000000; z-index: -10; } .search-result-options.active { right: 0; } .search-result-options.active:before { opacity: 0.5; pointer-events: auto; } @media screen and (min-width: 1180px) { .search-result-options .items-per-page { float: right; } } @media screen and (min-width: 768px) { .search-result-options .sort-by { position: absolute; right: 0; top: -3px; } } .search-result-options .sort-by .search-refinements-subheader { margin: 0 17px 10px 0; } .search-result-options .sort-by select { border-width: 2px; margin-right: 0; min-width: 180px; padding: 6px 10px; } .search-result-options .search-refinements > div { display: block; } .search-result-options .search-refinements .selectedFilter { font-weight: 700; color: #333133; } .search-result-options .button { padding: 11px 12px 10px; margin: 0 0 20px; display: block; } @media screen and (min-width: 1180px) { .search-result-options .button { margin: 0 10px 12px 0; display: inline-block; vertical-align: bottom; } } .search-result-options .items-per-page { margin-right: .5em; } .search-result-options form { margin-bottom: 0; } .search-result-options select, .search-result-options option { font-style: normal !important; } .search-result-options select { margin: 0 0 30px; color: #333133; border-width: 1px; } @media screen and (min-width: 768px) { .search-result-options select { display: inline-block; width: auto; vertical-align: middle; margin: 0 10px 12px 0; } } .search-result-options-delete { cursor: pointer; text-decoration: underline; } @media screen and (max-width: 768px) { .search-result-options-delete { display: none; } } @media screen and (min-width: 768px) { .search-refinements-subheader-wrap { display: flex; justify-content: space-between; margin-bottom: 10px; } } .search-refinements-subheader { display: inline-block; margin: 0 10px 5px 0; vertical-align: middle; } .search-refinements-subheader.filter-by { font-size: 18px; text-transform: capitalize; font-weight: bold; } @media screen and (min-width: 768px) { .search-refinements-subheader.filter-by { font-size: 20px; } } .search-refinements-list { list-style: none; padding: 0; margin: 0; } .search-refinements-list li { list-style-image: none; list-style-type: none; padding: 0; margin: 0; } .search-refinements-list li { font-size: 14px; } .search-refinements-list > li { border-bottom: solid 1px #dddddd; transition: height 0.3s; } .search-refinements-list > li:first-child { padding-top: 0; } .search-refinements-list > li h2 { position: relative; padding: 5px 0; margin: 0; } @media screen and (min-width: 768px) { .search-refinements-list > li h2 { padding-bottom: 0; cursor: pointer; } } .search-refinements-list > li h2::after { content: ''; position: absolute; right: 6px; top: 12px; font-size: 12px; display: block; width: 7px; height: 7px; transform: rotate(-135deg); border-bottom: 1px solid #333133; border-left: 1px solid #333133; opacity: 0.33; } @media screen and (min-width: 768px) { .search-refinements-list > li h2::after { border-left: 0; border-bottom-width: 2px; border-color: #9a969a; height: 0; width: 10px; transform: none; opacity: 1; top: 15px; right: 3px; } } .search-refinements-list > li.closed .search-refinements-lv2 { height: 0; } @media screen and (min-width: 768px) { .search-refinements-list > li.closed h2::before { content: ''; width: 2px; height: 10px; top: 10.5px; right: 7px; position: absolute; display: block; background-color: #9a969a; } } .search-refinements-list > li .search-result-options-header h2::after { content: none; } .search-refinements-list input[type="checkbox"] + label { padding-left: 20px; padding-top: 0; margin-bottom: 0; } .search-refinements-list input[type="checkbox"] + label:before { width: 11px; height: 11px; top: 5px; } .search-refinements-list input[type="checkbox"] + label:after { font-size: 9px; top: 7px; left: 2px; } .search-refinements-list input[type="checkbox"]:checked + label { font-weight: bold; } @media screen and (max-width: 767px) { .search-refinements-lv2 { display: flex; background-color: #ffffff; flex-direction: column; position: absolute; top: 0; right: calc(-100vw + 1px); width: 100%; height: 100%; transition: right 0.3s; border-left: solid 1px #dddddd; z-index: 221; } } .search-refinements-lv2.active { right: 0; } .search-refinements-lv2-list { list-style: none; padding: 0; margin: 0; } .search-refinements-lv2-list li { list-style-image: none; list-style-type: none; padding: 0; margin: 0; } @media screen and (min-width: 768px) { .search-refinements-lv2-list { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .search-refinements-lv2-list li { padding: 5px 0; } } .search-refinements-lv2-list li.disabled { color: #dddddd; } .search-refinements-lv2-list li.disabled .hitcount { display: none; } .search-refinements-lv2-list .hitcount { position: absolute; right: 0; top: 1px; color: #cccccc; font-weight: normal; } .search-refinements-lv2-list input[type="checkbox"] { display: none; } .search-refinements-lv2-list input[type="checkbox"] + label { display: block; padding-right: 20px; } .search-result-options-header { flex: 0 0 50px; background: #f7edeb; } @media screen and (min-width: 768px) { .search-result-options-header { display: none; } } .search-result-options-header h2 { margin: 0; text-align: center; line-height: 50px; } .search-result-options-header i.fa { font-size: 15px; line-height: 50px; } .search-result-options-subheader { flex: 0 0 33px; background-color: #fefdfd; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; cursor: pointer; } @media screen and (min-width: 768px) { .search-result-options-subheader { display: none; } } .search-result-options-subheader a { line-height: 33px; padding-left: 20px; } .search-result-options-container { flex: 1 1 auto; padding: 30px 15px; height: 100%; box-sizing: border-box; overflow: auto !important; background-color: #ffffff; } @media screen and (min-width: 768px) { .search-result-options-container { padding: 0; } } @media screen and (max-width: 767px) { .search-result-count-desktop { display: none; } } @media screen and (min-width: 768px) { .search-result-count-desktop { position: absolute; left: calc(25% + 12px); color: #cccccc; } } @media screen and (min-width: 1180px) { .search-result-count-desktop { left: 33.8%; top: 6px; } } .search-result-options-footer { background-color: #ffffff; flex: 0 0 75px; border-top: solid 1px #dddddd; display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 768px) { .search-result-options-footer { display: none; } } .search-result-options-footer button { position: relative; } .search-result-options-footer button .search-result-options-footer__dot-pulse { display: none; position: relative; top: -6px; left: 50%; transform: translateX(-50%); width: 10px; } .search-result-options-close-handle, .search-result-options-back-handle { position: absolute; top: 0; right: 10px; background-color: transparent; border: none; padding: 0; color: #333133; font-size: 0.75em; letter-spacing: 2.3px; font-weight: 400; } .search-result-options-close-handle span, .search-result-options-back-handle span { padding-left: 10px; text-transform: uppercase; } .search-result-options-back-handle { right: auto; left: 10px; z-index: 2; } @media screen and (max-width: 768px) { .selected-refinements { margin-top: -7px; } } @media screen and (min-width: 768px) { .selected-refinements { margin-bottom: 10px; margin-top: 2px; } } .selected-refinements ul { list-style: none; padding: 0; margin: 0; } .selected-refinements ul li { list-style-image: none; list-style-type: none; padding: 0; margin: 0; } .selected-refinements ul li { margin-right: 10px; font-size: 13px; line-height: 1.4; } @media screen and (max-width: 768px) { .selected-refinements ul li { display: inline-block; } } .selected-refinements a { text-decoration: none; color: #aaaaaa; cursor: pointer; } .selected-refinements i.fa { font-size: 7px; line-height: 1; margin-right: 4px; } @media screen and (min-width: 768px) { .search-result-tiles-wrap { display: flex; align-items: flex-start; } } @media screen and (min-width: 768px) { .search-result-tiles-wrap .product-tiles { padding-top: 50px; flex: 1; } } .pagination { text-align: center; margin: 20px; } .pagination .results-hits { color: #333133; display: inline-block; line-height: 37px; vertical-align: bottom; margin-right: 20px; } .pagination ul { background-color: #ffffff; padding: 0; margin: 0; display: inline-block; } @media screen and (min-width: 1180px) { .pagination ul { background-color: transparent; border: none; } } .pagination li { border: 1px solid #e0e0e0; margin: 5px 0; margin-left: -1px; float: left; list-style: none; } @media screen and (min-width: 1180px) { .pagination li { border: none; padding: 0 .5em; margin: 0; } } .pagination li a, .pagination li.current-page, .pagination li i { display: block; font-size: 1rem; height: 32px; line-height: 2.1rem; text-align: center; width: 32px; } @media screen and (min-width: 1180px) { .pagination li a, .pagination li.current-page, .pagination li i { font-size: inherit; height: auto; line-height: inherit; width: auto; } } .pagination__item { border: 1px solid #e0e0e0; color: #30397a; cursor: pointer; height: 32px; line-height: 32px; margin: 0 5px; text-decoration: underline; width: 32px; font-size: 1rem; } .pagination__item.active { color: #333133; cursor: default; text-decoration: none; pointer-events: none; } @media screen and (min-width: 1180px) { .pagination__item { font-size: 14px; height: 20px; line-height: 1; } .pagination__item:hover { color: #333133; text-decoration: none; } } .search-result-items, .folder-content-list { padding: 30px 0; box-sizing: border-box; background-color: #ffffff; max-width: 1500px; margin: 0 auto; } @media screen and (min-width: 1180px) { .search-result-items, .folder-content-list { padding: 30px 35px; } } .search-result-content .product-price .price-standard { color: #999999; font-weight: 100; text-decoration: line-through; } .results-content { padding-top: 30px; } .folder-content-list { clear: both; } .folder-content-list li { border-bottom: 1px solid #cccccc; list-style-type: none; width: 100%; } .folder-content-list .content-title { display: block; font-size: 1.2em; } .folder-content-list .readmore { font-style: italic; padding-left: .3rem; } .no-results { padding: 20px; } .infinite-scroll .search-result-content .infinite-scroll-loading { text-align: center; background: url("../images/infinite-loading-indicator.gif") center no-repeat; height: 35px; width: 100%; } .disable-infinite-scroll .search-result-content .page-element { display: none; } .plp-notify-me-btn { width: 50px; height: 32px; padding: 0; margin-left: auto; } .plp-notify-me-btn .icon { font-size: 22px; } .plp-notify-me-btn i.fa { line-height: initial; } @-webkit-keyframes dotPulse { 0% { box-shadow: 9999px 0 0 -5px #ffffff; } 30% { box-shadow: 9999px 0 0 2px #ffffff; } 100% { box-shadow: 9999px 0 0 -5px #ffffff; } } @keyframes dotPulse { 0% { box-shadow: 9999px 0 0 -5px #ffffff; } 30% { box-shadow: 9999px 0 0 2px #ffffff; } 100% { box-shadow: 9999px 0 0 -5px #ffffff; } } @-webkit-keyframes dotPulseBefore { 0% { box-shadow: 9980px 0 0 -5px #ffffff; } 30% { box-shadow: 9980px 0 0 2px #ffffff; } 100% { box-shadow: 9980px 0 0 -5px #ffffff; } } @keyframes dotPulseBefore { 0% { box-shadow: 9980px 0 0 -5px #ffffff; } 30% { box-shadow: 9980px 0 0 2px #ffffff; } 100% { box-shadow: 9980px 0 0 -5px #ffffff; } } @-webkit-keyframes dotPulseAfter { 0% { box-shadow: 10018px 0 0 -5px #ffffff; } 30% { box-shadow: 10018px 0 0 2px #ffffff; } 100% { box-shadow: 10018px 0 0 -5px #ffffff; } } @keyframes dotPulseAfter { 0% { box-shadow: 10018px 0 0 -5px #ffffff; } 30% { box-shadow: 10018px 0 0 2px #ffffff; } 100% { box-shadow: 10018px 0 0 -5px #ffffff; } } .dot-pulse { background-color: #ffffff; border-radius: 5px; color: #ffffff; display: block; position: relative; left: -9999px; width: 10px; height: 10px; -webkit-animation: dotPulse 1.5s infinite linear; animation: dotPulse 1.5s infinite linear; -webkit-animation-delay: .2s; animation-delay: .2s; } .dot-pulse::before, .dot-pulse::after { background-color: #ffffff; border-radius: 5px; color: #ffffff; content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 10px; height: 10px; } .dot-pulse::before { -webkit-animation: dotPulseBefore 1s infinite linear; animation: dotPulseBefore 1s infinite linear; -webkit-animation-delay: 0s; animation-delay: 0s; } .dot-pulse::after { -webkit-animation: dotPulseAfter 1s infinite linear; animation: dotPulseAfter 1s infinite linear; -webkit-animation-delay: .3s; animation-delay: .3s; } .pt_product-compare .full-width { padding: 0 1.25em; } .pt_product-compare .full-width .back { padding: 1em 0; } .compare-items { clear: both; margin: 3.5em 2em 0; overflow: hidden; padding: 0 1em 1em; } .compare-items h2 { font-size: 0.9em; margin: 0.5em 0; text-transform: uppercase; } .compare-items button { padding: .5em 1em; } .compare-items-panel { float: left; } .compare-items-panel:after { content: ""; display: table; clear: both; } .compare-item { background-color: #e0e0e0; float: left; height: 55px; margin-right: 1.08em; overflow: hidden; position: relative; text-align: center; width: 55px; } .compare-item .compare-item-remove { background-color: #84bd00; color: #ffffff; cursor: pointer; display: none; padding: 0 .16em; position: absolute; right: 0; top: 0; z-index: 10; } .compare-item.active .compare-item-remove { display: block; } .compare-item .compare-item-number { color: #cccccc; font-size: 3em; margin-top: .5em; } .compare-item-image { max-width: 100%; position: absolute; top: 0; left: 0; } .compare-buttons { float: left; padding: 0.7em 0 0; } .category-switch { margin-bottom: 2em; } .category-switch:after { content: ""; display: table; clear: both; } .category-switch label { float: left; margin: 0; width: 45%; } @media (min-width: 410px) { .category-switch label { width: 11em; } } .category-switch select { float: left; margin: 0; width: 55%; } @media (min-width: 410px) { .category-switch select { margin-left: 1em; width: 15em; } } #compare-table { border-collapse: collapse; table-layout: fixed; width: 100%; } #compare-table th { overflow: hidden; padding: .5em; } #compare-table th:first-of-type { background-color: #e0e0e0; width: 135px; } #compare-table td { overflow: hidden; } #compare-table a:hover { text-decoration: underline; } #compare-table .attribute-row { border-bottom: 1px solid #cccccc; } #compare-table .attribute-row:first-of-type { border-top: 1px solid #cccccc; } #compare-table .attribute-row:last-of-type { border-bottom: none; } #compare-table .attribute-row:nth-child(2n) { background-color: #f5f3f3; } #compare-table .product-attribute { border-right: 1px solid #cccccc; word-break: break-all; } #compare-table .action { display: block; padding: 0.5em 0; } #compare-table .remove-link { color: #999999; float: right; padding: .3rem; z-index: 10; position: relative; transition: color .5s ease; } #compare-table .remove-link:hover { color: #84bd00; text-decoration: none; } #compare-table .value, #compare-table .product { border-left: 1px solid #cccccc; } #compare-table .product { font-weight: normal; text-align: center; } #compare-table .value .value-item:after { content: ', '; } #compare-table .value .value-item:last-child:after { content: ''; } #compare-table .product-tile .product-name { height: auto; margin: .2em 0 1em 0; } #compare-table .product-tile .swatch-list { display: inline-block; } #compare-table .section-header { font-size: 0.9em; padding: 1em; text-transform: none; } #compare-table .selectcategory label { display: block; font-size: 0.9em; margin: 1em 0; text-transform: none; } #compare-table .selectcategory select { margin: 0; width: 100px; } #compare-table .comparelists { padding: 0; } #compare-table .compare-lists label, #compare-table .compare-lists select { float: none; text-align: left; width: 100%; } .checkout-wrapper { position: relative; padding: 30px 18px; } @media screen and (min-width: 1180px) { .checkout-wrapper { max-width: 1180px; margin: 5px auto; padding: 30px 75px; } } .checkout-wrapper:after { content: ""; display: table; clear: both; } .checkout-wrapper input::-moz-placeholder { color: #aaaaaa; } .checkout-wrapper input:-ms-input-placeholder { color: #aaaaaa; } .checkout-wrapper input::-ms-input-placeholder { color: #aaaaaa; } .checkout-wrapper input::placeholder { color: #aaaaaa; } .checkout-wrapper h2, .checkout-wrapper legend { text-transform: none; display: block; font-size: 14px; padding-bottom: 14px; font-weight: 600; } @media screen and (min-width: 768px) { .checkout-wrapper h2, .checkout-wrapper legend { padding-bottom: 20px; font-size: 20px; } } .checkout-wrapper h2 { border-bottom: 1px solid #333133; } .checkout-wrapper h2.paypalexpress-header { border-bottom: none; padding-bottom: 0; } @media screen and (max-width: 768px) { .checkout-wrapper h2.paypalexpress-header { font-size: 16px; } } .checkout-wrapper .form-row + h2 { margin-top: 30px; } .checkout-wrapper .primary-content, .checkout-wrapper .secondary-content { padding-bottom: 20px; } @media screen and (min-width: 1180px) { .checkout-wrapper .primary-content, .checkout-wrapper .secondary-content { display: block; position: relative; } } .checkout-wrapper .field-wrapper.valid:after { content: ""; line-height: 25px; text-align: center; color: #ffffff; display: block; width: 25px; height: 25px; position: absolute; right: 30px; top: 8px; border-radius: 50%; background-color: #00b451; } .checkout-billing .content-asset p { margin-top: 0; } .checkout-billing .ingredientlist { margin-left: 0; padding-top: 20px; border-top: 1px solid #9297a3; } .checkout-billing .ingredientlist .label-after { margin-bottom: 70px; } .checkout-progress-indicator { letter-spacing: 2px; margin-bottom: 8px; } .checkout-progress-indicator:after { content: ""; display: table; clear: both; } .checkout-progress-indicator > div { width: 100%; float: left; border-bottom: 2px solid #e0e0e0; font-size: 20px; line-height: 36px; text-transform: uppercase; font-weight: 600; color: #e0e0e0; } @media screen and (min-width: 1180px) { .checkout-progress-indicator > div { font-size: 13px; line-height: 20px; width: 33%; margin-right: .33%; padding-bottom: 3px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; } } .checkout-progress-indicator > div.inactive { display: none; } @media screen and (min-width: 1180px) { .checkout-progress-indicator > div.inactive { display: block; } } .checkout-progress-indicator > div.active { color: #333133; border-bottom-color: #666666; } @media screen and (min-width: 1180px) { .checkout-progress-indicator.multishipprogress > div { width: 24.8%; margin-right: .2%; } } .checkout-order-totals { padding: 0; } .gift-message-text { overflow: visible; opacity: 1; transition: all 1s ease; } .gift-message-text.hidden { height: 0; opacity: 0; overflow: hidden; } .gift-message-text textarea { width: 100%; } .billing-coupon-code .form-row, .billing-coupon-code .coupon-apply, .billing-coupon-code .giftcert-apply { display: inline-block; } .billing-coupon-code .field-wrapper { margin-bottom: 0; } .billing-coupon-code .coupon-apply button { padding: 10px; height: 41px; } .billing-coupon-code .tooltip { padding-left: 1rem; } .billing-coupon-code .form-row { margin: 0; width: 45%; } @media screen and (max-width: 768px) { .billing-coupon-code .form-row { width: 75%; } } .billing-coupon-code .form-row.redemption { display: block; width: 100%; margin-bottom: 20px; } .promo-code-block, .mentionme { display: none; } .cart-coupon-code { margin-top: 35px; } .cart-coupon-code .mentionme { display: block; margin-bottom: 35px; } .payment-method-options .form-row { clear: none; float: left; width: 30%; } .payment-method-options .form-row.form-row-button { display: none; } .payment-method-options, .payment-method-button { display: none; } .payment-method { clear: both; display: none; position: relative; } .payment-method > div { position: absolute; right: 0; top: 0; left: 150px; } .payment-method > div .form-row:first-child { margin: .5rem 0 1rem; } @media screen and (min-width: 1180px) { .payment-method > div .field-wrapper { padding-left: 0; width: 100%; } } .payment-method label { display: inline; float: none; font-weight: bold; margin: 0; padding: 0 20px; } .payment-method ul { list-style: none; margin: 0; padding: 0; width: 100%; } .payment-method ul input[type="radio"] { visibility: hidden; width: 0; height: 0; } .payment-method ul li.form-row { border: 1px solid #000000; padding: 10px; width: 100%; } @media only screen and (max-width: 768px) { .payment-method ul li.form-row { padding: 15px 10px; } } .payment-method ul li.selected-payment-method { border: 2px solid #000000; } .payment-method input[type="radio"] + label { top: 6px; } @media only screen and (max-width: 600px) { .payment-method input[type="radio"] + label { top: 1px; } } .payment-method input[type="radio"] + label:before { top: 1px; } .payment-method input[type="radio"] + label:after { top: 6px; } .payment-method .form-row { margin: 0 0 20px; clear: left; float: left; } .payment-method .form-row > .select-wrap { display: none; } .payment-method .form-row > input:checked ~ .select-wrap { display: inline-block; } .payment-method .logo { float: right; max-width: 50px; max-height: 32px; margin: 0 5px; } @media only screen and (max-width: 768px) { .payment-method .logo { max-width: 35px; } } .payment-method .logo.giftcard { margin: 2px 5px; } .payment-method .select-wrap { display: inline-block; vertical-align: middle; } .payment-method #component_klarna > div:not(#js-openinvoicefields) { display: none; } .payment-method .adyen-checkout__open-invoice .adyen-checkout__fieldset__title { padding: 0; } .payment-method .adyen-checkout__open-invoice .adyen-checkout__field--dateOfBirth { margin-top: -25px; } .payment-method .adyen-checkout__open-invoice .adyen-checkout__fieldset { padding-bottom: 0; } .payment-method .adyen-checkout__open-invoice .adyen-checkout__field { margin-bottom: 0; } .payment-method .adyen-checkout__input, .payment-method .adyen-checkout__dropdown__button { border: 1px solid #333133; border-radius: 0; } .creditCard .form-row { display: none; } .creditCard .adyen-checkout__card__form { margin-top: 10px; } .creditCard .adyen-checkout__field { display: flex; } @media only screen and (max-width: 600px) { .creditCard .adyen-checkout__card__exp-cvc { display: block; } .creditCard .adyen-checkout__card__exp-cvc .adyen-checkout__field { margin: 5px 0 15px 0; width: 100%; } } .creditCard .adyen-checkout__store-details { display: none; } .row-scheme .form-row { display: none; } .row-ideal .checkoutComponent { padding: 20px 0; } .row-klarna .checkoutComponent { padding: 20px 30px; } @media only screen and (max-width: 600px) { .row-klarna .checkoutComponent { padding: 20px 10px; } .row-klarna .klarna-div .birthday-fields { display: block !important; } .row-klarna .klarna-div .birthday-fields .form-row { float: none; } .row-klarna .klarna-div .birthday-fields label { padding-left: 0; } } .row-giftcert .checkoutComponent { display: flex; width: 100%; padding-top: 10px; } .row-giftcert .checkoutComponent label { font-weight: normal; } @media only screen and (min-width: 600px) { .row-giftcert .checkoutComponent { padding-left: 33px; padding-bottom: 10px; padding-right: 10px; } } .row-giftcert .field-wrapper { max-height: 40px; margin-bottom: 0; padding-right: 10px; width: 100%; } .row-giftcert label { padding-left: 0; } .row-giftcert .form-row { margin-bottom: 0; width: 100%; } .row-giftcert .form-caption { color: #ff0000; margin-right: 10px; } .row-giftcert .giftcert-apply { padding-top: 15px; } .row-giftcert .giftcert-apply button { height: 40px; margin-top: 9px; } .row-giftcert .giftcert-message.error { color: #ff0000; background-color: #f7edeb; } .row-giftcert .giftcert-message.success { color: #00B451; padding-top: 15px; line-height: 17px; } @media only screen and (min-width: 600px) { .row-giftcert .giftcert-message { padding-left: 5px; margin-left: 33px; } } .payment-method-expanded { display: block; margin: 0 0 30px; min-height: 255px; } .month, .year, .day { clear: none; float: left; margin: 0 0 2% 2%; } .month select, .year select, .day select { width: auto; } .month .form-caption { margin-left: 0; } .cvn { clear: left; } .cvn .field-wrapper { width: 50px; } .ssn { clear: left; } .bml-terms-and-conditions { border: 1px solid #aaaaaa; font-size: 0.8em; height: 400px; overflow: auto; padding: 1em; -webkit-overflow-scrolling: touch; } .bml-table-col-1 { width: 25%; } .order-component-block { margin: 1.67em 0; } .order-component-block .section-header a { float: right; font-weight: normal; } .order-discount { color: #e75025; } .summary-help { float: right; font-size: 0.8em; margin: 1em 0; } .submit-order { clear: both; display: block; padding: 1.67em 0 0; text-align: right; } .submit-order button { margin-left: 1.5em; } .submit-order .back-to-cart { font-size: 1.1em; } .submit-order .back-to-cart:hover { text-decoration: underline; } .submit-order .content-asset { text-align: right; margin-top: 30px; margin-bottom: 15px; } .gift-cert-used { padding: .83em 0; } .pt_checkout form { padding: 0 15px 10px; } @media screen and (min-width: 768px) { .pt_checkout form { padding: 20px 30px 25px; } } .pt_checkout .form-row-button { text-align: right; } .pt_checkout .form-row-button button, .pt_checkout .form-row-button .button, .pt_checkout .form-row-button .buttonstyle, .pt_checkout .form-row-button input[type="button"] { width: 100%; } @media screen and (min-width: 1180px) { .pt_checkout .form-row-button button, .pt_checkout .form-row-button .button, .pt_checkout .form-row-button .buttonstyle, .pt_checkout .form-row-button input[type="button"] { width: auto; } } .pt_checkout .product-availability-list li, .pt_checkout .item-total { white-space: nowrap; } .pt_checkout .item-details .product-list-item .name { font-size: 1em; font-style: normal; } .pt_checkout .item-list thead { display: none; } @media screen and (min-width: 1180px) { .pt_checkout .item-list thead { display: table-header-group; } } .pt_checkout .item-list tr { margin-bottom: 10px; display: block; border-bottom: 1px solid #e0e0e0; max-width: 600px; } @media screen and (min-width: 1180px) { .pt_checkout .item-list tr { margin-bottom: 10px; display: table-row; border-bottom: none; max-width: none; } } .pt_checkout .item-list td { vertical-align: middle; display: block; text-align: right; border-bottom: 1px dotted #cccccc; } @media screen and (min-width: 1180px) { .pt_checkout .item-list td { display: table-cell; text-align: left; border-bottom: none; } } .pt_checkout .item-list td:last-child { border-bottom: 0; } .pt_checkout .item-list td:before { content: attr(data-label); float: left; text-transform: uppercase; } @media screen and (min-width: 1180px) { .pt_checkout .item-list td:before { content: none; } } .pt_checkout .item-list td.item-image { text-align: left; max-width: 100px; border: none; } .pt_checkout .item-list td.item-image img { max-width: 100%; } .pt_checkout .item-list td .product-availability-list { text-align: left; } .pt_checkout .item-list .item-quantity { text-align: right; padding-right: 20px; } .pt_checkout .cart-table .cart-row .shipment-label { font-weight: 700; margin-top: 35px; font-size: 1.4em; } .item-shipping-address { min-width: 120px; } .billing-error { color: #ff0000; } .cvn-tooltip { font-weight: bold; margin: 5px; text-align: center; } .cvn-tooltip img { height: 150px; width: 110px; } .summary-table th:nth-of-type(2) { padding-right: 20px; } .payment-method-error { display: none; padding-bottom: 20px; color: #ff0000; } .shippingaddress .select-address { width: 100%; margin-left: 0; } .shippingaddress .edit-address { margin-top: 0.5em; } .shippingaddress .edit-address span { color: #323132; cursor: pointer; } .minishipments-method { padding-top: 10px; } .option__radio__title::before { display: none; } .checkoutComponent .adyen-checkout__card-input__form { padding: 20px 0; } .checkoutComponent .adyen-checkout__field { display: flex; } @media screen and (max-width: 768px) { .checkoutComponent .adyen-checkout__field-wrapper { display: block; } .checkoutComponent .adyen-checkout__field--50 { width: 100%; } .checkoutComponent .adyen-checkout__field--50:nth-child(2) { margin-left: 0; margin-top: 16px; } } /*Credit Cards*/ .adyen-checkout__label, .adyen-checkout__label__text { float: none !important; width: 100% !important; text-align: left !important; } .paymentMethod { list-style-type: none; margin: 10px 0 10px 0; } .paymentMethod_img { margin: 0 5px 0 5px; } .additionalFields { display: inline-block; margin: 0 0 0 10px; } .hiddenFields { display: none; } .security-code-input .adyen-checkout__field { margin: 0 !important; } .security-code-input .adyen-checkout__field:first-child { display: none; } /*Checkout Components*/ #component_ach .form-row label { float: left; } #type { list-style-type: none; } #ssnValue { background: #fff; border: 1px solid #b9c4c9; border-radius: 3px; color: #001b2b; display: block; font-family: inherit; font-size: 16px; height: 40px; outline: none; padding: 5px 8px; position: relative; transition: border .2s ease-out,box-shadow .2s ease-out; width: 200px; } #ssn_klarna { margin-top: 16px; } /*Summary page*/ .summary-label { font-weight: bold; } /* Custom Adyen */ .payment-method .issuer { margin: 1% 5%; display: none; } .payment-method-options .form-row { width: 25%; } .payment-method #type label { display: inline; float: none; width: auto; } .payment_method_label { padding: 0.75em 6em 0; } .openinvoiceInput { display: none; } .adyen-checkout__field { display: table; } .postal-code-popup { padding: 70px 20px; } .postal-code-popup .ui-dialog-titlebar-close { top: 0; right: 0; } .postal-code-popup .ui-dialog-titlebar-close:hover { transform: none; } @media only screen and (min-width: 1500px) { .postal-code-popup { padding: 35px; } } .postal-code-popup .dialog-content { min-height: auto !important; text-align: center; } @media screen and (min-width: 768px) { .postal-code-popup .dialog-content { text-align: left; } } .postal-code-popup .ui-dialog-titlebar-close:before { line-height: 40px; } .orders .search-result-items { background: transparent; } .orders .search-result-items > li { list-style: none; margin-bottom: 40px; } .orders .search-result-options { background: none; } .order-history-header { overflow: hidden; padding: 25px; background-color: #f5f3f3; } .order-history-header .label { font-weight: 700; } .order-history-header button { float: right; } .order-history-header .order-date, .order-history-header .order-status, .order-history-header .order-number { float: left; margin: 2px 0; width: 60%; } .order-history-items { padding: 25px; } .order-history-items .order-history-table { width: 100%; } .order-history-items .order-history-table th, .order-history-items .order-history-table td { padding: 0; border: none; } .order-history-items .order-history-table th:nth-child(1), .order-history-items .order-history-table td:nth-child(1) { width: 30%; } .order-history-items .order-history-table th:nth-child(2), .order-history-items .order-history-table td:nth-child(2) { width: 50%; } .order-history-items .order-history-table th:nth-child(3), .order-history-items .order-history-table td:nth-child(3) { width: 20%; text-align: right; } .order-history-items .order-history-table ul { margin: 0; padding: 0; } .order-history-items .order-history-table li { list-style-type: square; margin-left: 20px; } .order-history-items .order-history-table .toggle { cursor: pointer; display: block; } .js .order-history-table .hidden { display: none; } .orderdetails h2, .orderdetails .order-shipments { clear: both; } .orderdetails .order-shipment-table { background-color: #f5f3f3; padding: 25px; line-height: 28px; } @media screen and (min-width: 1180px) { .orderdetails .order-shipment-table { margin-left: 100px; margin-right: 100px; } } .orderdetails .order-shipment-details .order-shipment-address, .orderdetails .order-shipment-details .shipping-status, .orderdetails .order-shipment-details .shipping-method { margin-bottom: 20px; } @media screen and (min-width: 1180px) { .orderdetails .order-shipment-details .order-shipment-address { float: right; } } .orderdetails .line-items { clear: both; } .orderdetails .line-items .line-item .line-item-details, .orderdetails .line-items .line-item .line-item-quantity, .orderdetails .line-items .line-item .line-item-price { vertical-align: top; margin-bottom: 20px; } @media screen and (min-width: 1180px) { .orderdetails .line-items .line-item .line-item-details, .orderdetails .line-items .line-item .line-item-quantity, .orderdetails .line-items .line-item .line-item-price { display: inline-block; } } @media screen and (min-width: 1180px) { .orderdetails .line-items .line-item .line-item-quantity, .orderdetails .line-items .line-item .line-item-price { width: 14%; } } @media screen and (min-width: 1180px) { .orderdetails .line-items .line-item .line-item-details { width: 70%; } } @media screen and (min-width: 1180px) { .orderdetails .line-items .line-item .line-item-quantity { text-align: center; } } .orderdetails .line-items .line-item .line-item-price { margin-bottom: 0; } @media screen and (min-width: 1180px) { .orderdetails .line-items .line-item .line-item-price { text-align: right; } } @media screen and (min-width: 1180px) { .orderdetails .order-payment-summary { float: right; margin-right: 100px; margin-top: -18px; } } @media screen and (min-width: 1180px) { .orderdetails .order-payment-instruments, .orderdetails .order-billing { margin-left: 100px; } } .orderdetails .order-payment-instruments > div, .orderdetails .order-billing > div { line-height: 28px; } .orderdetails .order-information .value { font-weight: 400; } @media screen and (min-width: 1180px) { .orderdetails .order-information > p { margin-left: 100px; margin-right: 100px; } } .orderdetails .order-information form button { float: right; } .orderdetails .order-totals-table td:first-child { padding-right: 5rem; text-align: left; } .pt_order .actions, .confirmation .actions { padding: .5em 1%; } .pt_order .actions a, .confirmation .actions a { margin-right: 2rem; } .pt_order-confirmation .form-row-button { text-align: right; } .password-reset-form button, .new-password-form button { float: right; top: 0; left: 63%; } .registration-selection input, .registration-selection label { display: inline; float: none; } .account-wrapper h1 { display: none; } .account-wrapper .account-banner__content-header { display: block; height: 60px; margin-top: 25px; } .account-wrapper .address-list { display: flex; flex-wrap: wrap; margin: 15px 0 0; padding: 0; } .account-wrapper .address-list .address-tile { box-sizing: border-box; display: flex; flex-basis: 100%; flex-direction: column; justify-content: space-between; list-style-type: none; margin-bottom: 20px; padding: 20px; position: relative; } @media screen and (min-width: 768px) { .account-wrapper .address-list .address-tile { flex-basis: 45%; } } .account-wrapper .address-list .address-tile:nth-child(odd) { background-color: #f1e0ce; } .account-wrapper .address-list .address-tile:nth-child(even) { background-color: #f7edeb; } @media screen and (min-width: 768px) { .account-wrapper .address-list .address-tile:nth-child(even) { margin-left: 15px; } } .account-wrapper .address-list .address-tile.default .mini-address-title { max-width: 100%; } .account-wrapper .address-list h3 { margin-top: 0; } .account-wrapper .address-list .mini-address-title { font-weight: bold; max-width: 40%; } .account-wrapper .address-list .mini-address-name, .account-wrapper .address-list address { font-size: 16px; line-height: 24px; } .account-wrapper .address-list .mini-address-location { margin-bottom: 20px; } .account-wrapper .address-list .address-make-default { align-self: flex-start; } @media screen and (min-width: 768px) { .account-wrapper .address-list .address-make-default { max-width: 50%; position: absolute; right: 20px; top: 20px; text-align: right; } } .account-wrapper .address-list .address-make-default + .div { align-self: flex-start; } @media screen and (min-width: 768px) { .account-wrapper .address-list .address-make-default + .div { display: none; } } .account-wrapper .address-list .address-manage { align-self: flex-start; display: inline-block; margin-top: auto; } @media screen and (min-width: 768px) { .account-wrapper .address-list .address-manage { display: block; } } .account-wrapper .payment-list { align-items: top; display: flex; flex-wrap: wrap; padding: 0; width: 100%; } @media screen and (min-width: 1180px) { .account-wrapper .payment-list { width: auto; margin: 30px 95px; } } .account-wrapper .payment-list li { list-style-type: none; padding: 35px; margin: 0; background-color: #ffffff; width: 100%; box-sizing: border-box; } @media screen and (min-width: 768px) { .account-wrapper .payment-list li { width: calc(50% - 100px); margin: 5px; } } @media screen and (min-width: 1180px) { .account-wrapper .payment-list li { width: calc(33.333% - 10px); } } .account-wrapper .payment-list li.default { background-color: #323132; color: #ffffff; } .account-wrapper .payment-list li.default h3, .account-wrapper .payment-list li.default a { color: #ffffff; } .account-wrapper .payment-list li h3 { margin-top: 0; } .account-wrapper .payment-list .mini-address-location { margin-bottom: 20px; } .account-wrapper .payment-list .cc-owner { font-weight: 700; } .account-wrapper .field-wrapper.valid:after { content: ""; line-height: 25px; text-align: center; color: #ffffff; display: block; width: 25px; height: 25px; position: absolute; right: 30px; top: 8px; border-radius: 50%; background-color: #00b451; } .address-create-button-container .button { margin-bottom: 20px; margin-left: 20px; width: auto; } @media screen and (min-width: 768px) { .address-create-button-container .button { margin-left: 0; width: 50%; } } @media screen and (min-width: 1180px) { .address-create-button-container .button { width: 33.333%; } } .back-toggle { background-color: transparent; border: none; color: #333133; font-size: 0.75em; letter-spacing: 2.3px; font-weight: 400; } @media screen and (min-width: 1180px) { .back-toggle { position: absolute; top: 50px; } } .back-toggle:hover { background: none; color: #333133; } .back-toggle:hover span { text-decoration: underline; } .back-toggle span { padding-left: 10px; text-transform: uppercase; line-height: 22px; vertical-align: top; } .pt_order .pagination { background: transparent; margin-top: 0; } @media screen and (min-width: 768px) { .pt_order .pagination { margin-bottom: 20px; } } .pt_order .pagination ul { background: transparent; } .pt_order .results-hits { display: block; } .pt_order .search-result-items { padding-bottom: 0; } @media screen and (min-width: 768px) { .pt_order .search-result-items { padding-bottom: 30px; } } .pt_order .search-result-options { z-index: 220; position: relative; width: auto; height: auto; z-index: 0; box-shadow: none; overflow: visible; max-width: 1500px; background-color: #f8f8f8; margin: 0 auto; } .pt_order .search-result-options.active { width: auto; } .account-wrapper { background-color: #ffffff; } @media screen and (min-width: 768px) and (max-width: 1180px) { .account-wrapper { padding: 0 10px; } } .account-wrapper .account-banner__content { position: relative; overflow: hidden; text-align: center; margin: 0 auto; max-width: 980px; } .account-wrapper .account-banner__content h1, .account-wrapper .account-banner__content p { font-family: "proxima-nova", Arial, sans-serif; color: #ffffff; position: relative; z-index: 1; } .account-wrapper .account-banner__content h1 { text-transform: capitalize; margin: 25px 0; } @media screen and (min-width: 768px) { .account-wrapper .account-banner__content h1 { margin-bottom: 0; } } .account-wrapper .account-banner__content p { display: none; margin-bottom: 25px; margin-top: -5px; } @media screen and (min-width: 768px) { .account-wrapper .account-banner__content p { display: block; } } .account-wrapper .account-banner__content img { position: absolute; top: 50%; left: 50%; max-width: none; min-height: 1000%; min-width: 1000%; transform: translate(-50%, -50%) scale(0.1); } .account-wrapper .account { display: flex; } .account-wrapper .account__tabs { flex-basis: 100%; } @media screen and (min-width: 768px) { .account-wrapper .account__tabs { flex-basis: 30%; margin-right: 10px; } } .account-wrapper .account__tabs--display { display: none; } @media screen and (min-width: 768px) { .account-wrapper .account__tabs--display { display: block; } } .account-wrapper .account__content-page-detail { display: none; } .account-wrapper .account__content-page-detail .account__content-page-header { margin: 5px auto 0 auto; width: 90%; } @media screen and (min-width: 768px) { .account-wrapper .account__content-page-detail .account__content-page-header { margin: 0; width: 100%; } } .account-wrapper .account__content-page-detail .form-error span { background-color: #00B451; color: #ffffff; font-family: "proxima-nova", Arial, sans-serif; font-size: 16px; display: flex; align-items: center; padding: 9px 0; margin: 10px auto 0; text-align: left; width: 90%; } .account-wrapper .account__content-page-detail .form-error span::before { content: ""; color: #ffffff; font-size: 45px; font-weight: bold; margin-left: 11px; margin-right: 16px; } @media screen and (min-width: 768px) { .account-wrapper .account__content-page-detail .form-error span { width: 100%; } } .account-wrapper .account__content-page { display: none; width: 100%; } @media screen and (min-width: 768px) { .account-wrapper .account__content-page { flex-basis: 70%; display: block; } } .account-wrapper .account__content-page .account__content-page-detail:first-child { display: none; } @media screen and (min-width: 768px) { .account-wrapper .account__content-page .account__content-page-detail:first-child { display: block; } } .account-wrapper .account__tabs-list-item i, .account-wrapper .account__helpout-page-tabs-list-item i, .account-wrapper .account__content-page-header i { font-size: 13px; font-weight: bold; } .account-wrapper .account__tabs-list-item i::before, .account-wrapper .account__helpout-page-tabs-list-item i::before, .account-wrapper .account__content-page-header i::before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .account-wrapper .account__content-page-header { position: relative; font-family: "proxima-nova", Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 14px 0; margin: 0; border-bottom: 1px solid #000000; text-align: center; } @media screen and (min-width: 768px) { .account-wrapper .account__content-page-header { font-size: 18px; text-align: left; } } @media screen and (min-width: 768px) { .account-wrapper .account__content-page-header i { display: none; } } .account-wrapper .account__content-page-header i::before { top: 30%; left: 0; right: initial; transform: rotate(180deg); } .account-wrapper .account__tabs-list { padding: 0; margin: 0; } .account-wrapper .account__tabs-list .account__tabs-list-item { cursor: pointer; position: relative; font-weight: 600; letter-spacing: 1px; list-style-type: none; line-height: 20px; padding: 15px 0; margin: 0 auto; border-bottom: 1px solid #000000; width: 90%; } @media screen and (min-width: 768px) { .account-wrapper .account__tabs-list .account__tabs-list-item { width: initial; } } .account-wrapper .account__tabs-list .account__tabs-list-item a { text-decoration: none; color: #333133; } @media screen and (min-width: 768px) { .account-wrapper .account__tabs-list .account__tabs-list-item i { display: none; } } .account-wrapper .account__tabs-list .account__tabs-list-item:last-child { font-weight: normal; background: url("../images/logout.svg") no-repeat right 0 center; padding-bottom: 0; padding-top: 0; } @media screen and (min-width: 768px) { .account-wrapper .account__tabs-list .account__tabs-list-item:last-child { background: url("../images/logout.svg") no-repeat right 12px center; } } .account-wrapper .account__tabs-list .account__tabs-list-item:last-child a { display: block; padding: 15px 0; width: 100%; } @media screen and (min-width: 768px) { .account-wrapper .account__tabs-list .active, .account-wrapper .account__tabs-list .hover { padding-left: 15px; } .account-wrapper .account__tabs-list .active::after, .account-wrapper .account__tabs-list .hover::after { content: ''; position: absolute; display: block; height: 30px; border-left: 1px solid #000000; left: 0; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 768px) { .account-wrapper .account__tabs-list .hover::after { border-left: 1px solid #999999; } } .account-wrapper .account__helpout-page { display: block; align-items: top; padding: 5px 15px 0 15px; } @media screen and (min-width: 768px) { .account-wrapper .account__helpout-page { display: flex; padding: 5px 0 0 0; } } .account-wrapper .account__helpout-page-content { flex-basis: 55%; margin-bottom: 30px; } .account-wrapper .account__helpout-page-content p { color: #333133; line-height: 22px; } .account-wrapper .account__helpout-page-content a { text-decoration: none; } .account-wrapper .account__helpout-page-tabs { flex-basis: 45%; } .account-wrapper .account__helpout-page-tabs-list { margin-top: 10px; padding: 0; } @media screen and (min-width: 768px) { .account-wrapper .account__helpout-page-tabs-list { padding: 0 0 0 25px; } } .account-wrapper .account__helpout-page-tabs-list .account__helpout-page-tabs-list-item:first-child a { padding-top: 0; } .account-wrapper .account__helpout-page-tabs-list-item { position: relative; display: flex; justify-content: space-between; line-height: 16px; list-style-type: none; border-bottom: 1px solid #000000; } .account-wrapper .account__helpout-page-tabs-list-item a { color: #333133; display: block; position: relative; font-family: "proxima-nova", Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-decoration: none; padding: 18px 0; width: 100%; z-index: 1; } .account-wrapper .account__mydata-page { display: block; padding: 18px 15px 0 15px; } @media screen and (min-width: 768px) { .account-wrapper .account__mydata-page { display: flex; justify-content: flex-start; padding: 16px 0 0 0; } } .account-wrapper .account__mydata-page .account__mydata-page-user { margin-right: 0; flex-basis: 41%; } @media screen and (min-width: 768px) { .account-wrapper .account__mydata-page .account__mydata-page-user { margin-right: 20px; } } .account-wrapper .account__mydata-page .account__mydata-page-password { flex-basis: 44%; margin-top: 30px; } @media screen and (min-width: 768px) { .account-wrapper .account__mydata-page .account__mydata-page-password { margin-top: 0; } } .account-wrapper .account__mydata-page .form-row { display: flex; flex-direction: column; margin-bottom: 0; } .account-wrapper .account__mydata-page .form-row-button { margin-top: 2px; margin-left: 0; width: 39%; } @media screen and (min-width: 768px) { .account-wrapper .account__mydata-page .form-row-button { margin-top: 14px; } } .account-wrapper .account__mydata-page .form-row-button button { font-size: 14px; line-height: 22px; padding: 7px; } .account-wrapper .account__mydata-page .form-row__label, .account-wrapper .account__mydata-page label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; } .account-wrapper .account__mydata-page .form-row__label span, .account-wrapper .account__mydata-page label span { color: #333133; font-family: "proxima-nova", Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; } .account-wrapper .account__mydata-page .form-row__label .required-indicator, .account-wrapper .account__mydata-page label .required-indicator { display: none; } .account-wrapper .account__mydata-page .form-row__label .form-caption, .account-wrapper .account__mydata-page label .form-caption { white-space: nowrap; } .account-wrapper .account__mydata-page .field-wrapper { padding: 0; width: 100%; margin-bottom: 20px; } @media screen and (min-width: 768px) { .account-wrapper .account__mydata-page .field-wrapper { margin-bottom: 10px; } } .account-wrapper .account__mydata-page .field-wrapper label, .account-wrapper .account__mydata-page .field-wrapper p { display: none; white-space: nowrap; } .account-wrapper .account__mydata-page .field-wrapper label.error, .account-wrapper .account__mydata-page .field-wrapper p.error { width: auto; } .account-wrapper .account__mydata-page legend { float: none; color: #333133; font-family: "proxima-nova", Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: none; padding: 5px 0 10px; margin-bottom: 16px; } @media screen and (min-width: 768px) { .account-wrapper .account__mydata-page legend { margin-bottom: 9px; } } .account-wrapper .account__helpout-page, .account-wrapper .account__mydata-page { width: 90%; margin: 0 auto; } @media screen and (min-width: 768px) { .account-wrapper .account__helpout-page, .account-wrapper .account__mydata-page { width: 100%; } } .account-wrapper .address-create-button-container, .account-wrapper .addresses__form, .account-wrapper .addresses__form-status { width: 90%; margin: 0 auto; } @media screen and (min-width: 768px) { .account-wrapper .address-create-button-container, .account-wrapper .addresses__form, .account-wrapper .addresses__form-status { width: 100%; } } .account-wrapper .address-create-button-container .button, .account-wrapper .addresses__form .button, .account-wrapper .addresses__form-status .button { margin-left: 0; } @media screen and (min-width: 768px) { .account-wrapper .addresses__form { padding: 0; } } .account-wrapper .addresses__form h1 { position: relative; font-family: "proxima-nova", Arial, sans-serif; font-size: 16px; text-transform: none; padding-bottom: 10px; margin: 14px 0 5px 0; } .account-wrapper .addresses__form h1::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #707070; width: 100%; } .account-wrapper .addresses__form .addresses__form-header { margin-bottom: 18px; margin-top: 0; } .account-wrapper .addresses__form .form-horizontal .form-row { display: flex; flex-direction: column; } .account-wrapper .addresses__form .form-horizontal .form-row-button { display: flex; flex-direction: row; } @media screen and (min-width: 768px) { .account-wrapper .addresses__form .form-horizontal .form-row-button { margin-left: 0; width: 50%; } } .account-wrapper .addresses__form .form-horizontal .field-wrapper { margin-bottom: 5px; padding-left: 0; } .account-wrapper .addresses__form .form-horizontal .field-wrapper label { display: none; } .account-wrapper .addresses__form .form-horizontal .info-text, .account-wrapper .addresses__form .form-horizontal .phone-explanation { display: none; } .account-wrapper .addresses__form .form-horizontal label { font-size: 12px; text-transform: uppercase; margin-bottom: 4px; } .account-wrapper .addresses__form .form-horizontal span { color: #707070; } .account-wrapper .addresses__form .form-horizontal input[type="radio"] + label { display: block; } .account-wrapper .addresses__form .form-horizontal input[type="radio"] + label:before { width: 14px; height: 14px; } .account-wrapper .addresses__form .form-horizontal input[type="radio"] + label:after { width: 6px; height: 6px; } .account-wrapper .addresses__form button.simple { margin-left: auto; } .account-wrapper .address-hover { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: #333133; opacity: 0.8; z-index: 1; } .account-wrapper .address-hover span, .account-wrapper .address-hover button { font-family: "proxima-nova", Arial, sans-serif; } .account-wrapper .address-hover span { display: block; color: #ffffff; font-size: 16px; line-height: 20px; margin-bottom: 10px; } .account-wrapper .address-hover a { color: #ffffff; background-color: #000000; font-size: 14px; line-height: 22px; padding: 15px 25px; text-decoration: none; } .account-wrapper .address-hover a:hover { color: #000000; background-color: #ffffff; border: none; cursor: pointer; } .account-wrapper .address-hover .address-hover__btns { display: flex; justify-content: space-between; } .account-wrapper .address-hover .address-hover__content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .account-wrapper .account__orders-page { margin: 15px 0 0 0; padding: 0; } .account-wrapper .account__orders-page form { position: relative; margin: 0 !important; } .account-wrapper .account__orders-page .search-result-items { padding: 0; } .account-wrapper .account__orders-page .search-result-items li { position: relative; background-color: #f1e0ce; display: flex; padding-bottom: 55px; margin-bottom: 12px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .search-result-items li { padding-bottom: 0; margin-bottom: 25px; } } .account-wrapper .account__orders-page .order-history-header { flex-basis: 100%; background-color: inherit; padding: 12px 0 0 0; margin: 7px 12px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-history-header { flex-basis: 25%; border-right: 1px solid #000000; margin: 23px 20px 15px 28px; } } .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn { position: absolute; background-color: transparent; top: 5px; left: 0; font-size: 15px; padding: 13px 18px; border: 0; width: 100%; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn { background-color: #000000; border: 1px solid #000000; bottom: 20px; top: initial; left: calc(25% + 32px); width: initial; } .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn:hover, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn:hover { color: #000000; background-color: #ffffff; border: 1px solid #000000; } } .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn span, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn span { visibility: hidden; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn span, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn span { visibility: visible; } } .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn i, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn i { color: #000000; display: block; position: absolute; top: 15px; right: 10px; font-size: 13px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-history-header .order-history-header__order-btn i, .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn i { display: none; } } .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn { background-color: #ffffff; border: 1px solid #000000; color: #000000; left: calc(25% + 200px); } @media screen and (max-width: 767px) { .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn { bottom: 15px; left: 12px; top: initial; width: initial; } } .account-wrapper .account__orders-page .order-history-header .order-history-header__reorder-btn:hover { background-color: #000000; color: #ffffff; } .account-wrapper .account__orders-page .order-history-header .label { font-weight: normal; } .account-wrapper .account__orders-page .order-status { font-size: 16px; } .account-wrapper .account__orders-page .order-status .label { font-weight: 700; } .account-wrapper .account__orders-page .order-status .value { font-size: 14px; } .account-wrapper .account__orders-page .order-status span { white-space: nowrap; } .account-wrapper .account__orders-page .order-status, .account-wrapper .account__orders-page .order-date, .account-wrapper .account__orders-page .order-number { display: flex; line-height: 20px; margin-bottom: 4px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-status, .account-wrapper .account__orders-page .order-date, .account-wrapper .account__orders-page .order-number { display: block; margin-bottom: 15px; } } .account-wrapper .account__orders-page .order-status .value, .account-wrapper .account__orders-page .order-date .value, .account-wrapper .account__orders-page .order-number .value { margin-left: 5px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-status .value, .account-wrapper .account__orders-page .order-date .value, .account-wrapper .account__orders-page .order-number .value { margin-left: 0; } } .account-wrapper .account__orders-page .order-history-items { flex-basis: 75%; padding-left: 0; padding-right: 0; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-history-items { padding-right: 25px; } } .account-wrapper .account__orders-page .order-history-items--desktop-view { display: none; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-history-items--desktop-view { display: block; } } .account-wrapper .account__orders-page .order-images--mobile-view { display: block; padding-bottom: 10px; padding-top: 35px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-images--mobile-view { display: none; } } .account-wrapper .account__orders-page .order-history-table th, .account-wrapper .account__orders-page .order-history-table .value { display: none; } .account-wrapper .account__orders-page .order-history-table td:nth-child(1), .account-wrapper .account__orders-page .order-history-table td:nth-child(3) { display: none; } .account-wrapper .account__orders-page .order-items__image { position: relative; overflow: hidden; width: 23%; margin-right: 8px; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page .order-items__image { width: 18%; margin-right: 16px; } } .account-wrapper .account__orders-page .order-items__image img { max-width: 100%; max-height: 100%; } .account-wrapper .account__orders-page .order-items__remaining-value { display: none; color: #ffffff; background-color: #000000; position: absolute; top: 0; left: 0; font-size: 40px; text-align: center; width: 100%; height: 100%; opacity: 0.4; } .account-wrapper .account__orders-page .order-items__remaining-value span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .account-wrapper .account__orders-page .order-items__list .order-items__image:nth-child(4) .order-items__remaining-value { display: block; } .account-wrapper .account__orders-page .order-items ul { display: flex; } .account-wrapper .account__orders-page .order-items ul .order-items__image:last-child { margin-right: 0; } .account-wrapper .account__orders-page .order-items li { display: none; } .account-wrapper .account__orders-page-details { width: 90%; padding: 0; margin: 16px auto 0 auto; } @media screen and (min-width: 768px) { .account-wrapper .account__orders-page-details { width: 100%; } } .account-wrapper .account__orders-page-details .order-date, .account-wrapper .account__orders-page-details .order-status, .account-wrapper .account__orders-page-details .order-billing, .account-wrapper .account__orders-page-details .order-payment-instruments, .account-wrapper .account__orders-page-details .order-payment-summary { margin: 0; } .account-wrapper .account__orders-page-details .order-billing, .account-wrapper .account__orders-page-details .order-information, .account-wrapper .account__orders-page-details .order-payment-instruments, .account-wrapper .account__orders-page-details .order-shipments { padding-bottom: 10px; } .account-wrapper .account__orders-page-details .order-billing .payment-amount, .account-wrapper .account__orders-page-details .order-information .payment-amount, .account-wrapper .account__orders-page-details .order-payment-instruments .payment-amount, .account-wrapper .account__orders-page-details .order-shipments .payment-amount { display: none; } .account-wrapper .account__orders-page-details .order-billing .order-date strong, .account-wrapper .account__orders-page-details .order-information .order-date strong, .account-wrapper .account__orders-page-details .order-payment-instruments .order-date strong, .account-wrapper .account__orders-page-details .order-shipments .order-date strong { text-transform: capitalize; } .account-wrapper .account__orders-page-details .order-billing, .account-wrapper .account__orders-page-details .order-payment-instruments, .account-wrapper .account__orders-page-details .order-shipments { margin-top: 7px; } .account-wrapper .account__orders-page-details .order-billing .mini-address-location { margin-top: -4px; } .account-wrapper .account__orders-page-details .order-billing address { line-height: 22px; } .account-wrapper .account__orders-page-details .order-status, .account-wrapper .account__orders-page-details h3 { display: block; border-bottom: 1px solid #000000; padding-bottom: 10px; } .account-wrapper .account__orders-page-details .order-status .label, .account-wrapper .account__orders-page-details h3 .label { font-size: 16px; font-weight: 600; } .account-wrapper .account__orders-page-details h3 { margin: 0 0 10px 0; font-weight: bold; } .account-wrapper .account__orders-page-details .order-shipments h3 { padding-bottom: 0; margin: 0; } .account-wrapper .account__orders-page-details .order-shipments .order-shipment-table { background-color: transparent; } .account-wrapper .account__orders-page-details .order-shipments .line-item { border-bottom: 1px solid #707070; margin-top: 14px; } .account-wrapper .account__orders-page-details .order-shipments .line-item-details { display: flex; margin-bottom: 20px; width: 100%; } .account-wrapper .account__orders-page-details .order-shipments .line-item-details__image-link { display: block; } .account-wrapper .account__orders-page-details .order-shipments .line-item-details__image { flex-basis: 23%; } .account-wrapper .account__orders-page-details .order-shipments .line-item-details__image img { max-width: 100%; max-height: 100%; } .account-wrapper .account__orders-page-details .order-shipments .line-item-details__content { flex-basis: 77%; padding-left: 5px; } .account-wrapper .account__orders-page-details .order-shipments .line-item-quantity { display: flex; line-height: 13px; text-align: left; margin-bottom: 0; } .account-wrapper .account__orders-page-details .order-shipments .attribute { line-height: 17px; margin: 2px 0 5px 0; } .account-wrapper .account__orders-page-details .order-shipments .name-link { color: #57575c; display: block; font-size: 14px; font-weight: 600; line-height: 16px; text-decoration: none; } .account-wrapper .account__orders-page-details .order-shipment-table { margin: 0; padding: 0; } .account-wrapper .account__orders-page-details .order-payment-summary { margin-bottom: -5px; margin-top: 10px; float: none; } .account-wrapper .account__orders-page-details .order-payment-summary h3 { margin-bottom: 0; } .account-wrapper .account__orders-page-details .order-totals-table { width: 100%; } .account-wrapper .account__orders-page-details .order-totals-table tr { display: flex; justify-content: space-between; border-bottom: 1px solid #707070; } .account-wrapper .account__orders-page-details .order-totals-table tr:last-child { border-bottom: 0; border-top: 1px solid #000000; } .account-wrapper .account__orders-page-details .order-totals-table td { font-size: 14px; text-transform: none; border: 0 !important; padding: 11px 0; } .account-wrapper .account__orders-page-details .order-helpout-tabs ul { padding: 0; } .account-wrapper .account__orders-page-details .order-number { margin-top: 10px; } .account-wrapper .account__orders-page-details .order-date strong { font-size: 15px; text-transform: lowercase; } .account-wrapper .account__orders .back-toggle { display: none; } @media screen and (min-width: 768px) { .account-wrapper .account__orders .back-toggle { display: flex; top: 10px; left: 0; text-align: left; padding: 15px 0; margin: 0; width: auto; } } .account-wrapper .account__orders .back-toggle span { font-size: 13px; letter-spacing: 0.5px; padding: 0; } .account-wrapper .account__orders .back-toggle i { font-weight: bold; margin-right: 10px; } .pt_account ~ .ui-dialog .form-row-button { display: flex; } .show { display: block !important; } .pt_gift-registry .create-new-registry { margin: 1em 0; } .pt_gift-registry .create-new-registry button { float: left; margin-right: 2em; } .pt_gift-registry .create-new-registry p { font-size: 1.3em; } .pt_gift-registry .add-gift-cert { border: 1px solid #f5f3f3; margin-bottom: -1px; overflow: auto; -webkit-overflow-scrolling: touch; padding: .83em; } .pt_gift-registry .add-gift-cert p { color: #999999; font-style: italic; line-height: 1.5em; } .pt_gift-registry .hdr-options { width: 9%; } .page-content-tab-navigaton button { background-color: #e0e0e0; border-color: #f5f3f3; border-width: 1px; color: #999999; font-size: 1.1em; font-style: italic; font-weight: 400; margin: 0 0 -1px; } .page-content-tab-navigaton button.selected { background-color: #ffffff; border-bottom: 1px solid #ffffff; } .page-content-tab-wrapper { border: 1px solid #f5f3f3; padding: .42em; } .gift-reg-purchases .item-purchased-by dd { float: left; font-weight: bold; margin: 0 1em 0 0; position: relative; width: auto; } .gift-reg-purchases .item-purchased-by dt { clear: both; float: left; margin: 0 1em 0 0; position: relative; width: auto; } .gift-reg-purchases .quantity-purchased { color: #990000; } .gift-registry-advanced:after { content: ""; display: table; clear: both; } .gift-registry-advanced .toggle-content { display: none; } .content-banner { overflow: hidden; position: relative; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .content-banner .h1, .content-banner h1 { width: auto; text-align: center; font-size: 1.3em; margin: 60px 18px; line-height: 35px; text-transform: uppercase; color: #ffffff; } @media screen and (min-width: 768px) { .content-banner .h1, .content-banner h1 { font-size: 1.5em; line-height: 50px; margin: 100px 60px; } } @media screen and (min-width: 1180px) { .content-banner .h1, .content-banner h1 { margin: 150px 60px; } } .content-mosaic, .content-service-blocks, .content-single-column, .content-three-columns, .content-tiles, .content-two-columns, .content-two-products { padding: 20px 18px; } @media screen and (min-width: 768px) { .content-mosaic, .content-service-blocks, .content-single-column, .content-three-columns, .content-tiles, .content-two-columns, .content-two-products { max-width: 1200px; margin: 60px auto; padding: 0 60px; } } @media screen and (min-width: 1180px) { .content-mosaic, .content-service-blocks, .content-single-column, .content-three-columns, .content-tiles, .content-two-columns, .content-two-products { margin: 75px auto; padding: 0 75px; } } .content-mosaic ol, .content-mosaic ul, .content-service-blocks ol, .content-service-blocks ul, .content-single-column ol, .content-single-column ul, .content-three-columns ol, .content-three-columns ul, .content-tiles ol, .content-tiles ul, .content-two-columns ol, .content-two-columns ul, .content-two-products ol, .content-two-products ul { line-height: 24px; } @media screen and (max-width: 768px) { .content-mosaic h1, .content-service-blocks h1, .content-single-column h1, .content-three-columns h1, .content-tiles h1, .content-two-columns h1, .content-two-products h1 { font-weight: 400; margin: 0 0 20px; color: #333133; font-size: 23px; } } .content-mosaic h3, .content-service-blocks h3, .content-single-column h3, .content-three-columns h3, .content-tiles h3, .content-two-columns h3, .content-two-products h3 { font-weight: 400; } .content-mosaic svg, .content-service-blocks svg, .content-single-column svg, .content-three-columns svg, .content-tiles svg, .content-two-columns svg, .content-two-products svg { width: 60%; max-width: 300px; fill: #333133; stroke-width: 17; margin-bottom: 30px; } @media screen and (min-width: 768px) { .content-service-blocks > *:not(h1):not(h2):not(.h1):not(.h2), .content-single-column > *:not(h1):not(h2):not(.h1):not(.h2), .content-tiles > *:not(h1):not(h2):not(.h1):not(.h2) { margin-left: 100px; margin-right: 100px; max-width: 100%; } } .content-service-blocks img, .content-single-column img, .content-tiles img { width: 100%; vertical-align: middle; } .content-service-blocks table, .content-single-column table, .content-tiles table { border-collapse: collapse; text-align: left; width: calc(100% - 200px); } .content-service-blocks table td, .content-single-column table td, .content-tiles table td { border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 12px; } .content-service-blocks table tbody td:first-child, .content-single-column table tbody td:first-child, .content-tiles table tbody td:first-child { border-left: none; } .content-service-blocks table tr:last-child td, .content-single-column table tr:last-child td, .content-tiles table tr:last-child td { border-bottom: none; } .content-centered, .content-mosaic { text-align: center; } .content-centered > .h1, .content-centered > p, .content-centered > h1, .content-mosaic > .h1, .content-mosaic > p, .content-mosaic > h1 { max-width: 700px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 768px) { .content-centered { max-width: 1200px; margin: 60px auto; padding: 0 60px; } } @media screen and (min-width: 1180px) { .content-centered { margin: 75px auto; padding: 0 75px; } } @media screen and (max-width: 768px) { .content-centered > .h1, .content-centered > h1 { text-align: left; font-weight: 400; margin: 0 18px 20px; color: #333133; font-size: 23px; } } .content-mosaic:after, .content-service-blocks:after, .content-tiles:after { content: ""; display: table; clear: both; } @media screen and (min-width: 768px) { .content-mosaic > div > p, .content-service-blocks > div > p, .content-tiles > div > p { display: inline-block; height: 100%; } } .content-service-blocks { padding: 5px 0; } @media screen and (min-width: 768px) { .content-service-blocks > *:not(h1):not(h2):not(.h1):not(.h2) { margin: 0 auto; max-width: 980px; } } @media screen and (min-width: 768px) { .content-service-blocks { margin: 0 auto; max-width: 1180px; } } @media screen and (min-width: 768px) and (max-width: 1180px) { .content-service-blocks { padding: 60px 0; } } @media screen and (min-width: 1180px) { .content-service-blocks { padding: 15px; } } .content-service-blocks .content-service-block-container { padding-top: 15px; } .content-service-blocks strong { font-size: 115%; } @media screen and (min-width: 768px) { .content-service-blocks > div > p { display: block; } } @media screen and (min-width: 1180px) { .content-service-blocks > div > p { width: 33.3%; float: left; } } .content-service-blocks .content-service-block-column:first-child .content-service-block:first-child { flex-basis: 43%; } .content-service-blocks .content-service-block-column:first-child .content-service-block:last-child { flex-basis: 57%; } .content-service-blocks .content-service-block-column:last-child .content-service-block:first-child { flex-basis: 57%; } .content-service-blocks .content-service-block-column:last-child .content-service-block:last-child { flex-basis: 43%; } .content-service-blocks .content-service-block-column { display: block; margin: 0; padding: 0; width: 100%; min-height: 155px; } @media screen and (min-width: 768px) { .content-service-blocks .content-service-block-column { display: flex; } } .content-service-blocks .content-service-block-column p { font-family: "proxima-nova", Arial, sans-serif; line-height: 18px; margin: 0; padding: 10px 35% 10px 15px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; justify-content: flex-end; } .content-service-blocks .content-service-block-column p a { cursor: pointer; } .content-service-blocks .content-service-block-column p a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .content-service-blocks .content-service-block-column .content-service-block:first-child { margin-right: 0; } @media screen and (min-width: 768px) { .content-service-blocks .content-service-block-column .content-service-block:first-child { margin-right: 15px; } } .content-service-blocks .content-service-block { position: relative; overflow: hidden; background-color: #F7EEEB; padding-top: 75px; margin-bottom: 20px; min-height: 85px; } @media screen and (min-width: 768px) { .content-service-blocks .content-service-block { margin-bottom: 15px; min-height: 100%; } } .content-service-blocks .content-service-block a, .content-service-blocks .content-service-block:not(.inverted) a { color: #333133; font-weight: 600; text-decoration: none; } .content-service-blocks .content-service-block img { position: absolute; top: 50%; left: 50%; max-width: none; min-height: 1000%; min-width: 1000%; transform: translate(-50%, -50%) scale(0.1); } @media screen and (min-width: 768px) { .content-tiles > *:not(h1):not(h2):not(.h1):not(.h2) { margin-right: 0; } } @media screen and (min-width: 768px) { .content-tiles > .h1, .content-tiles > h1 { max-width: 50%; } } @media screen and (min-width: 768px) { .content-tiles .content-tiles-column { width: 50%; box-sizing: border-box; padding: 0 5px; float: left; } } @media screen and (min-width: 1180px) { .content-tiles .content-tiles-column { width: 27%; } } @media screen and (min-width: 768px) { .content-tiles .content-tiles-column:nth-of-type(2) { float: right; } } @media screen and (min-width: 1180px) { .content-tiles .content-tiles-column:nth-of-type(2) { float: left; } } @media screen and (min-width: 1180px) { .content-tiles .content-tiles-column:last-of-type { margin-top: 100px; width: 46%; } } .content-tiles .content-tiles-tile { background-color: #30397a; padding: 1px 20px; box-sizing: border-box; color: #ffffff; margin: 10px 0; width: 100%; } @media screen and (min-width: 768px) { .content-tiles .content-tiles-tile:nth-of-type(2) { margin-bottom: 0; } } @media screen and (min-width: 1180px) { .content-tiles .content-tiles-tile:nth-of-type(2) { margin-bottom: 10px; } } .content-tiles .content-tiles-tile > .video-button, .content-tiles .content-tiles-tile > img { margin: -20px; width: calc(100% + 40px); } .content-tiles .content-tiles-tile a { color: #ffffff; text-decoration: underline; } @media screen and (min-width: 768px) { .content-mosaic > .h1, .content-mosaic > h1 { max-width: 50%; } } .content-mosaic > div { position: relative; } .content-mosaic > div:after { content: ""; display: table; clear: both; } .content-mosaic > div:not(:first-of-type) { overflow: hidden; max-height: 0; transition: all 0.5s; } @media screen and (min-width: 1180px) { .content-mosaic > div:not(:first-of-type) { top: -10px; } } .content-mosaic > div:not(:first-of-type) .content-mosaic-column { opacity: 0; transform: translateY(50%); transition: all 0.5s; } .content-mosaic > div:not(:first-of-type) .content-mosaic-column:first-of-type { transition-delay: 0.1s; } .content-mosaic > div:not(:first-of-type) .content-mosaic-column:last-of-type { transition-delay: 0.2s; } .content-mosaic.show-all > div:not(:first-of-type) { max-height: 10000px; } .content-mosaic.show-all > div:not(:first-of-type) .content-mosaic-column { opacity: 1; transform: translateY(0); } .content-mosaic.show-all > button { display: none; } @media screen and (min-width: 768px) { .content-mosaic .content-mosaic-column { float: left; width: 50%; box-sizing: border-box; padding: 0 5px; } } @media screen and (min-width: 1180px) { .content-mosaic .content-mosaic-column { width: 33.333%; } } @media screen and (min-width: 768px) { .content-mosaic .content-mosaic-column:last-child { width: calc(100% + 10px); margin: -5px; } } @media screen and (min-width: 1180px) { .content-mosaic .content-mosaic-column:last-child { width: 33.333%; margin: 0; float: left; } } @media screen and (min-width: 768px) { .content-mosaic .content-mosaic-column .content-mosaic-tile { width: calc(50% - 10px); margin: 5px; float: left; } } @media screen and (min-width: 1180px) { .content-mosaic .content-mosaic-column .content-mosaic-tile { width: 100%; margin: 10px 0; float: none; } } .content-mosaic .content-mosaic-tile { background-color: #30397a; box-sizing: border-box; color: #ffffff; margin: 10px 0; width: 100%; height: 250px; overflow: hidden; } .content-mosaic .content-mosaic-tile.double-row-span { height: 510px; } .content-mosaic .content-mosaic-tile .category-link { height: 100%; width: 100%; background-size: cover; display: block; position: relative; background-size: cover; transition: all 0.3s ease; } .content-mosaic .content-mosaic-tile .category-link:before { content: ""; position: absolute; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); height: 60px; transition: height 0.3s ease; } .content-mosaic .content-mosaic-tile .category-link:after { content: attr(title); position: absolute; color: #ffffff; bottom: 0; left: 0; box-sizing: border-box; overflow: hidden; margin: 20px; line-height: 20px; text-align: left; transition: all 0.3s ease; border-bottom: 2px solid transparent; } @media screen and (min-width: 1180px) { .content-mosaic .content-mosaic-tile .category-link:hover { margin: -20px; padding: 20px; } .content-mosaic .content-mosaic-tile .category-link:hover:before { height: 100%; } .content-mosaic .content-mosaic-tile .category-link:hover:after { border-bottom-color: #ffffff; padding-bottom: 5px; margin-bottom: 40px; bottom: 20px; left: 20px; } } .content-mosaic button.inversed { margin-top: 10px; } @media screen and (min-width: 1180px) { .h1 ~ .content-service-blocks, h1 ~ .content-service-blocks { margin-top: -15px; } } @media screen and (min-width: 768px) { .content-two-products { margin: 0 -40px; } } .content-two-products > div > ul > li.grid-tile { float: none; display: table-footer-group; } @media screen and (min-width: 1180px) { .content-two-products > div > ul > li.grid-tile { float: left; display: table-cell; } } .content-two-products > div > ul > li.grid-tile:last-of-type { display: table-header-group; } @media screen and (min-width: 768px) { .content-two-products > div > ul > li.grid-tile:last-of-type { text-align: center; } } @media screen and (min-width: 1180px) { .content-two-products > div > ul > li.grid-tile:last-of-type { text-align: left; } } .content-two-products .search-result-items { padding: 0 !important; display: block; } .content-two-products .product-tile { margin-left: 18px; text-align: left; } @media screen and (min-width: 768px) { .content-two-products .product-tile { margin: 0; padding: 0 40px; } } .content-two-products .product-image { margin-bottom: 25px; } .content-two-products .product-image img { height: 190px; width: auto; } @media screen and (min-width: 1180px) { .content-two-products .product-image img { margin: 0 auto; height: 315px; } } .content-two-products .product-name, .content-two-products .product-pricing, .content-two-products .product-skin { margin-bottom: 8px; } .content-two-products .product-review { display: block; margin: 0 0 5px; min-height: 67px; } @media screen and (min-width: 768px) { .content-two-products .product-review { min-height: 38px; } } .content-two-products .add-to-cart-link { display: block; position: relative; margin-top: 20px !important; } .content-two-products > div > ul > li.grid-tile { float: none; display: table-footer-group; } @media screen and (min-width: 1180px) { .content-two-products > div > ul > li.grid-tile { float: left; display: table-cell; } } .content-two-products > div > ul > li.grid-tile:last-of-type { display: table-header-group; } @media screen and (min-width: 768px) { .content-two-products > div > ul > li.grid-tile:last-of-type { text-align: center; } } @media screen and (min-width: 1180px) { .content-two-products > div > ul > li.grid-tile:last-of-type { text-align: left; } } @media screen and (min-width: 1180px) { .content-two-products .content { margin-left: 48px; } } .content-three-columns { display: table; margin-bottom: 0; } @media screen and (min-width: 1180px) { .content-three-columns { display: block; } .content-three-columns:after { content: ""; display: table; clear: both; } } .content-three-columns .content { display: table-footer-group; } @media screen and (min-width: 768px) { .content-three-columns .content { float: left; display: inline-block; width: 50%; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; vertical-align: top; } } @media screen and (min-width: 1180px) { .content-three-columns .content { width: calc(33.3% - 2px); } } .pt_content .content-three-columns .content { display: unset; } @media screen and (min-width: 768px) { .content-three-columns .content:nth-child(odd) { clear: both; } } @media screen and (min-width: 1180px) { .content-three-columns .content:nth-child(odd) { clear: none; } } @media screen and (min-width: 1180px) { .content-three-columns .content.new-row { clear: both; } } .content-three-columns .content > a { text-decoration: none; color: #333133; } .content-three-columns .content > a:hover { text-decoration: none; } .content-three-columns .content.span2 { display: table-footer-group; } @media screen and (min-width: 1180px) { .content-three-columns .content.span2 { display: block; width: 66.6%; } } @media screen and (min-width: 1180px) { .content-three-columns .content.span2 ~ .content { padding-left: 48px; } } .content-three-columns .content h2 { margin: 15px auto 20px; } .content-three-columns .content img { max-width: 100%; } .content-three-columns .content .button { margin-bottom: 20px; } .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section { margin: 0; padding: 0 60px; } @media screen and (min-width: 1180px) { .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section { margin: 0 auto; max-width: 1200px; } } @media screen and (max-width: 768px) { .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section { padding: 0 18px; } } @media screen and (min-width: 1180px) { .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section { padding: 0 75px; } } .content-three-columns.customer-care-section .email-subscribe, .content-three-columns.newsletter-section .email-subscribe, .content-three-columns.newsletter-subscription-section .email-subscribe { width: 350px; margin-bottom: 40px; position: relative; } @media screen and (min-width: 768px) { .content-three-columns.customer-care-section .email-subscribe, .content-three-columns.newsletter-section .email-subscribe, .content-three-columns.newsletter-subscription-section .email-subscribe { margin-left: 10px; } } .content-three-columns.customer-care-section .email-subscribe input[type="email"], .content-three-columns.newsletter-section .email-subscribe input[type="email"], .content-three-columns.newsletter-subscription-section .email-subscribe input[type="email"] { padding: 0 44px 0 17px; } .content-three-columns.customer-care-section .email-subscribe .email-button-subscribe, .content-three-columns.newsletter-section .email-subscribe .email-button-subscribe, .content-three-columns.newsletter-subscription-section .email-subscribe .email-button-subscribe { position: absolute; top: 0; right: 0; padding: 8px; margin: 0; background-color: transparent; color: #333133; border: 1px solid #333133; } .content-three-columns.newsletter-section .content.span2 { margin-bottom: 0; } .content-three-columns.customer-care-section { margin-bottom: 50px; } .content-two-columns { font-weight: 400; } @media screen and (min-width: 768px) { .content-two-columns { display: table; } } .content-two-columns > * { width: 100%; } @media screen and (min-width: 768px) { .content-two-columns > * { display: table-cell; vertical-align: top; } .content-two-columns > *:after { content: ""; display: table; clear: both; } } @media screen and (min-width: 1180px) { .content-two-columns > * { vertical-align: middle; } } @media screen and (min-width: 768px) { .content-two-columns.switch > div { float: right; } } @media screen and (min-width: 768px) { .content-two-columns.switch > div.content-container { width: 30%; padding-left: 0; float: left; } } @media screen and (min-width: 1180px) { .content-two-columns.enter .content-image-container { opacity: 0; transform: translateY(50%); transition: all 0.5s; } } @media screen and (min-width: 1180px) { .content-two-columns.active .content-image-container { opacity: 1; transform: translateY(0%); } } @media screen and (min-width: 768px) { .content-two-columns .content-container { width: 35%; padding: 0 0 0 50px; } } @media screen and (min-width: 1180px) { .content-two-columns .content-container { padding: 50px; } } @media screen and (min-width: 1180px) { .content-two-columns .content-container.indented > *:not(h1):not(h2):not(.h1):not(.h2) { margin-left: 50px; max-width: 100%; } } .content-two-columns .content-container .h1, .content-two-columns .content-container h1 { margin-top: 30px; } @media screen and (min-width: 768px) { .content-two-columns .content-container .h1, .content-two-columns .content-container h1 { margin-top: 0; } } @media screen and (min-width: 1180px) { .content-two-columns .content-container .h1, .content-two-columns .content-container h1 { margin-top: 30px; } } @media screen and (min-width: 768px) { .content-two-columns .content-image-container { width: 65%; } } .content-two-columns .content-image-container img { width: 100%; } @media screen and (min-width: 1180px) { .content-promotion.enter .content-promotion-container, .content-promotion.enter > a, .content-promotion.enter > img { opacity: 0; transform: translateY(50%); transition: all 0.5s; transition-delay: 0.2s; } } @media screen and (min-width: 1180px) { .content-promotion.enter > a, .content-promotion.enter > img { transition-delay: 0.3s; } } @media screen and (min-width: 1180px) { .content-promotion.active .content-promotion-container, .content-promotion.active > a, .content-promotion.active > img { opacity: 1; transform: translateY(0%); } } .content-promotion > a, .content-promotion > img { width: 100%; } @media screen and (min-width: 1180px) { .content-promotion > a, .content-promotion > img { margin: 40px 5px 5px; float: right; width: calc(50% - 10px); } .content-promotion > a:after, .content-promotion > img:after { content: ""; display: table; clear: both; } } .content-promotion > a > img { width: 100%; } .content-full-section { background-color: #fbf6f5; padding: 20px; margin-bottom: 20px; width: 100%; box-sizing: border-box; } .content-full-section h2 { border-bottom: 1px solid #333133; color: #333133; display: block; } .article { max-width: 982px; margin: 0 35px; overflow: hidden; padding-bottom: 20px; } @media screen and (min-width: 1180px) { .article { margin: 0 auto; padding: 35px 35px 90px; } } .article p { text-align: justify; } .article header img { max-width: 100%; height: auto; } .article .content-single-column { margin: 0 auto; padding: 20px 0; } @media screen and (min-width: 768px) { .article .content-single-column { padding: 0 50px; margin: 60px auto; } } .article .content-single-column > p { margin-left: 0; margin-right: 0; } .article .content-single-column h1 { text-transform: uppercase; } @media screen and (min-width: 768px) { .article .content-single-column h1 { margin-left: 100px; margin-right: 100px; } } .contact-form h2 { color: #333133; font-size: 2em; font-size: 30px; font-weight: 600; text-transform: uppercase; } .contact-form .article { padding-top: 0px; } .teaser { display: flex; align-items: center; flex-direction: column; justify-content: center; } @media screen and (min-width: 1180px) { .teaser { padding: 0; flex-direction: row; } } .teaser h1 { font-size: 20px; letter-spacing: 1.4px; line-height: 42px; color: #ffffff; background-color: #a3c0bd; order: 2; max-width: 100%; flex: 1 1 auto; padding: 33px 60px; box-sizing: border-box; text-transform: unset; } @media screen and (min-width: 1180px) { .teaser h1 { font-size: 34px; padding: 50px 58px; order: 1; } } .teaser img { max-width: 100%; order: 1; margin-bottom: 10px; height: auto; } @media screen and (min-width: 768px) { .teaser img { flex: 1 0 auto; } } @media screen and (min-width: 1180px) { .teaser img { order: 2; } } .teaser-alternate img { order: 1; } .teaser-alternate h1 { background-color: #97b3c9; } .teaser-video .video-button { display: block; line-height: 0; } .teaser-video img { max-width: 100%; height: auto; } .text-columns { display: flex; flex-direction: column; padding: 0; justify-content: flex-start; align-items: flex-start; } @media screen and (min-width: 768px) { .text-columns { padding: 0 150px; } } @media screen and (min-width: 1180px) { .text-columns { margin: 0 -30px; flex-direction: row; justify-content: space-between; } } .text-columns div { flex: 1 0 auto; margin: 0 0 35px; } @media screen and (min-width: 1180px) { .text-columns div { margin: 0 30px 35px; } } .text-columns h2 { text-transform: uppercase; margin: 0 0 20px; } .text-columns ul { list-style: none; padding: 0; margin: 0; font-size: 18px; line-height: 1.6em; } @media screen and (min-width: 1180px) { .text-columns ul { font-size: 14px; } } .text-columns ul li { list-style: none; } .category-scrolling-blocks { position: relative; min-height: 75vh; } .category-scrolling-blocks .category-scrolling-block { padding: 30px 18px; position: relative; margin-top: -1px; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .category-scrolling-block { padding: 0; } .category-scrolling-blocks .category-scrolling-block .category-scrolling-block-container { width: 100%; position: relative; } } .category-scrolling-blocks .block-wrapper { display: block; position: relative; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .block-wrapper { display: table; width: 100%; max-width: 1180px; margin: auto; height: 75vh; } .category-scrolling-blocks .block-wrapper .block { display: table-cell; vertical-align: middle; width: 50%; } } .category-scrolling-blocks .block-wrapper h1, .category-scrolling-blocks .block-wrapper .h1, .category-scrolling-blocks .block-wrapper h2, .category-scrolling-blocks .block-wrapper .h2, .category-scrolling-blocks .block-wrapper p { font-style: normal; font-stretch: normal; color: #ffffff; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .block-wrapper h1, .category-scrolling-blocks .block-wrapper .h1, .category-scrolling-blocks .block-wrapper h2, .category-scrolling-blocks .block-wrapper .h2, .category-scrolling-blocks .block-wrapper p { max-width: 80%; } } .category-scrolling-blocks .block-wrapper h1, .category-scrolling-blocks .block-wrapper .h1 { line-height: 1.38; font-weight: 500; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .block-wrapper h1, .category-scrolling-blocks .block-wrapper .h1 { text-align: right; font-size: 55px; letter-spacing: 5.7px; margin: auto; font-weight: 200; } } .category-scrolling-blocks .block-wrapper h2, .category-scrolling-blocks .block-wrapper .h2 { line-height: 1.46; letter-spacing: 0.3px; text-transform: none; text-align: left; padding: 0; margin: auto; margin-top: 30px; text-transform: none; font-weight: bold; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .block-wrapper h2, .category-scrolling-blocks .block-wrapper .h2 { font-size: 24px; } } .category-scrolling-blocks .block-wrapper p, .category-scrolling-blocks .block-wrapper a:not(.button) { line-height: 2; letter-spacing: 0.3px; color: #ffffff; text-align: left; } .category-scrolling-blocks .block-wrapper p { margin: 10px; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .block-wrapper p { margin: 22px auto; } } .category-scrolling-blocks .cat-recommendation-banner, .category-scrolling-blocks .cat-landing-banner, .category-scrolling-blocks .sub-section { background-size: cover !important; background-position: center center; } .category-scrolling-blocks .cat-recommendation-banner .background-overlay, .category-scrolling-blocks .cat-landing-banner .background-overlay, .category-scrolling-blocks .sub-section .background-overlay { content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: #323132; opacity: 0.8; position: absolute; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .cat-recommendation-banner .background-overlay, .category-scrolling-blocks .cat-landing-banner .background-overlay, .category-scrolling-blocks .sub-section .background-overlay { z-index: auto; } } .category-scrolling-blocks .cat-recommendation-banner { background-image: none !important; } .category-scrolling-blocks .cat-recommendation-banner h1 { color: #323132; font-size: 2.5em; line-height: 48px; letter-spacing: 1.8px; } .category-scrolling-blocks .cat-recommendation-banner h2, .category-scrolling-blocks .cat-recommendation-banner .block-wrapper h2 a:not(.button), .category-scrolling-blocks .cat-recommendation-banner p { color: #333133; text-decoration: none; font-size: 1em; line-height: 31px; } .category-scrolling-blocks .cat-recommendation-banner .block-wrapper a:not(.button) { color: #323132; } .category-scrolling-blocks .cat-recommendation-banner .block-wrapper { height: auto; margin: 25px auto; } .category-scrolling-blocks .cat-recommendation-banner .background-overlay { background-color: transparent; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .cat-landing-banner { height: 75vh; } } .category-scrolling-blocks .cat-landing-banner .background-overlay { background: #30397a; opacity: 1; } .category-scrolling-blocks .cat-landing-banner.main-banner .background-overlay { background: #323132; opacity: 0.2; } .category-scrolling-blocks .cat-landing-banner.main-banner .block { text-align: center; } .category-scrolling-blocks .cat-landing-banner.main-banner h1, .category-scrolling-blocks .cat-landing-banner.main-banner .h1, .category-scrolling-blocks .cat-landing-banner.main-banner h2, .category-scrolling-blocks .cat-landing-banner.main-banner .h2 { width: 100%; max-width: 100%; margin: 0; line-height: normal; color: #ffffff; box-sizing: border-box; text-align: center; } .category-scrolling-blocks .cat-landing-banner.main-banner h1, .category-scrolling-blocks .cat-landing-banner.main-banner .h1 { letter-spacing: 7.92px; margin-bottom: 15px; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .cat-landing-banner.main-banner h1, .category-scrolling-blocks .cat-landing-banner.main-banner .h1 { font-size: 4.75em; text-shadow: 0 0 17px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } } .category-scrolling-blocks .cat-landing-banner.main-banner h2, .category-scrolling-blocks .cat-landing-banner.main-banner .h2 { letter-spacing: 9px; font-size: 1.1em; text-transform: uppercase; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .cat-landing-banner.main-banner h2, .category-scrolling-blocks .cat-landing-banner.main-banner .h2 { font-size: 1.125em; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); padding-bottom: 18px; } } .category-scrolling-blocks .cat-landing-banner .scroll-down { display: none; } .category-scrolling-blocks .sub-section { margin: 0 -18px; padding: 30px 18px; position: relative; } .category-scrolling-blocks .sub-section:first-child { margin-top: -30px; } .category-scrolling-blocks .sub-section:last-child { margin-bottom: -30px; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .sub-section { margin: 0; padding: 0; } .category-scrolling-blocks .sub-section:first-child, .category-scrolling-blocks .sub-section:last-child { margin-top: 0; margin-bottom: 0; } } .category-scrolling-blocks .sub-section .sub-section-container { display: table; width: 100%; margin-bottom: 15px; } @media screen and (min-width: 1180px) { .category-scrolling-blocks .sub-section .sub-section-container { max-width: 1180px; margin: auto; padding: 25px 0; } } @media screen and (min-width: 768px) { .category-scrolling-blocks .sub-section .sub-section-container > div { display: table-cell; width: 50%; vertical-align: middle; height: 100%; padding: 15px 0; } } .category-scrolling-blocks .sub-section .grid-tile { display: table-footer-group; } @media screen and (min-width: 768px) { .category-scrolling-blocks .sub-section .grid-tile { display: table-cell; } } @media screen and (min-width: 1180px) { .category-scrolling-blocks .sub-section .product-tile, .category-scrolling-blocks .sub-section .sub-section-description-container { max-width: 385px; } } .category-scrolling-blocks .sub-section .product-tile h1, .category-scrolling-blocks .sub-section .sub-section-description-container h1 { font-size: 1.5em; line-height: 1.33; margin-bottom: 0; } .category-scrolling-blocks .sub-section .product-tile p, .category-scrolling-blocks .sub-section .sub-section-description-container p { margin: 10px 0; } .category-scrolling-blocks .sub-section .product-tile { text-align: center; } .category-scrolling-blocks .sub-section .product-tile .product-name { line-height: 31px; } .category-scrolling-blocks .sub-section .product-tile .product-review { text-align: center; } @media screen and (min-width: 768px) { .category-scrolling-blocks .sub-section .product-tile { margin-right: 18px; margin-left: auto; } } @media screen and (min-width: 1180px) { .category-scrolling-blocks .sub-section .product-tile { margin-right: 60px; margin-left: auto; } } @media screen and (min-width: 768px) { .category-scrolling-blocks .sub-section .sub-section-description-container { margin-left: 18px; margin-right: auto; } } @media screen and (min-width: 1180px) { .category-scrolling-blocks .sub-section .sub-section-description-container { margin-left: 60px; margin-right: auto; } } .category-scrolling-blocks .sub-section .sub-section-description { display: table-header-group; } @media screen and (min-width: 768px) { .category-scrolling-blocks .sub-section .sub-section-description { display: table-cell; } } .category-scrolling-blocks .cat-landing-skintypes .sub-section { padding-bottom: 30px; } .category-scrolling-blocks .cat-landing-skintypes .sub-section:after { content: ""; max-width: 1200px; width: 100%; display: block; margin: 0 auto; border-bottom: 1px solid #e0e0e0; } @media screen and (max-width: 1180px) { .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons .button { width: 100%; margin-top: 15px; } } @media screen and (max-width: 768px) { .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons { position: relative; padding-bottom: 145px; } .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons .sub-section-button-container { position: absolute; bottom: 15px; left: 15px; right: 15px; } .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons:after { bottom: 0; position: absolute; left: 15px; width: calc(100% - 30px); } } .category-scrolling-blocks .cat-landing-recommendations h1, .category-scrolling-blocks .cat-landing-recommendations .h1, .category-scrolling-blocks .cat-landing-recommendations h2, .category-scrolling-blocks .cat-landing-recommendations .h2, .category-scrolling-blocks .cat-landing-recommendations p, .category-scrolling-blocks .cat-landing-recommendations a:not(.button) { color: #ffffff; } @media screen and (min-width: 768px) { .category-scrolling-blocks .cat-landing-recommendations h1, .category-scrolling-blocks .cat-landing-recommendations .h1, .category-scrolling-blocks .cat-landing-recommendations h2, .category-scrolling-blocks .cat-landing-recommendations .h2, .category-scrolling-blocks .cat-landing-recommendations p, .category-scrolling-blocks .cat-landing-recommendations a:not(.button) { text-align: right; } } .category-scrolling-blocks .cat-landing-recommendations p { font-size: 18px; } .category-scrolling-blocks .cat-landing-recommendations .sub-section { background-position: right center; } @media screen and (min-width: 768px) { .category-scrolling-blocks .cat-landing-recommendations .sub-section { background-position: center center; } } .category-scrolling-blocks .cat-landing-recommendations .button { background-color: #ffffff; border-color: #ffffff; color: #333133; text-align: center; } .category-scrolling-blocks .cat-landing-recommendations .button:hover { border-color: #333133; } .category-scrolling-blocks .cat-landing-recommendations .background-overlay { opacity: 1 !important; background-color: transparent; background-image: linear-gradient(to right, #f8f8f8, #f8f8f8), linear-gradient(to right, rgba(233, 86, 110, 0.6), rgba(233, 86, 110, 0.6)); background-repeat: no-repeat; background-position: bottom center, 0 0; background-size: 100% 460px, 100% 100%; } @media screen and (min-width: 768px) { .category-scrolling-blocks .cat-landing-recommendations .background-overlay { z-index: 0; opacity: 1; background-size: 50% 100%, 50% 100%; background-position: right, left; } } .category-scrolling-blocks .cat-landing-recommendations .skin-routine .background-overlay { background: linear-gradient(0deg, #f8f8f8 335px, rgba(50, 49, 50, 0.6) 335px); } @media screen and (min-width: 768px) { .category-scrolling-blocks .cat-landing-recommendations .skin-routine .background-overlay { background: linear-gradient(90deg, rgba(50, 49, 50, 0.6) 50%, #f8f8f8 50%); } } .category-scrolling-blocks .cat-landing-recommendations .sub-section-container { position: relative; } @media screen and (min-width: 768px) { .category-scrolling-blocks .cat-landing-recommendations .product-tile { margin-right: auto; margin-left: 18px; } } @media screen and (min-width: 1180px) { .category-scrolling-blocks .cat-landing-recommendations .product-tile { margin-right: auto; margin-left: 60px; } } @media screen and (min-width: 768px) { .category-scrolling-blocks .cat-landing-recommendations .sub-section-description-container { margin-left: auto; margin-right: 18px; } } @media screen and (min-width: 1180px) { .category-scrolling-blocks .cat-landing-recommendations .sub-section-description-container { margin-left: auto; margin-right: 60px; } } .category-scrolling-blocks .recommendation_image .add-to-cart-link { display: none; } .category-scrolling-blocks-b .search-result-content { padding: 0 10px 10px; } .category-scrolling-blocks-b .search-result-items { padding-top: 0; } .pt_collectionlanding .collection-block h2 { margin-bottom: 0; } .pt_collectionlanding .for { color: #999999; font-style: italic; } .pt_collectionlanding .for a { color: #999999; text-decoration: underline; } .pt_collectionlanding .search-result-content { padding: 0 10px 10px; } .pt_collectionlanding .search-refinements .category { display: none; } .pt_collectionlanding .seo-promo { position: relative; padding-top: 60px; max-width: 1200px; margin: 0 auto; } .pt_collectionlanding .seo-promo .scroll-top { position: absolute; left: 50%; transform: translateX(-50%); top: 0; } @media screen and (min-width: 768px) { .pt_collectionlanding .seo-promo .scroll-top { right: 0; left: auto; } } /* ============================================================================= Collection lister header // Description: Header showing promo image and text on desktop, text on mobile. ========================================================================== */ .collection-header-container { position: relative; } .collection-header { position: relative; } @media screen and (min-width: 768px) { .collection-header { justify-content: flex-start; align-items: stretch; align-content: center; display: flex; flex-direction: row; margin: 0 auto; } } .collection-header .collection-block { padding: 20px 10px; min-height: 100%; } @media screen and (min-width: 768px) { .collection-header .collection-block { min-height: 175px; width: calc(50% - 9px); flex: 1 1 auto; padding: 20px; } } .collection-header .promo-banner { display: none; } @media screen and (min-width: 768px) { .collection-header .promo-banner { display: block; overflow: hidden; position: relative; margin-right: 16px; min-height: 175px; } } .collection-header .promo-banner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; height: auto; } .collection-header .information-banner { background-color: #f7edeb; color: #333133; display: flex; justify-content: center; align-items: center; align-content: center; position: relative; flex-direction: column; } @media screen and (min-width: 768px) { .collection-header .information-banner { min-height: 175px; margin-right: 0; } } .collection-header .information-banner h2 { font-size: 16px; font-weight: bold; } .collection-header .information-banner .block-wrapper { display: block; position: relative; width: 100%; } .filters { background-color: #f7edeb; margin: 0; padding: 20px; position: relative; text-align: left; z-index: 10; } @media screen and (min-width: 768px) { .filters { margin: -40px -30px; padding: 47px 60px; } } .filters h2 { color: #333133; font-size: 1.25em; text-transform: uppercase; margin: 0 0 20px; } .filters .skintype-link { display: none; font-weight: 400; } @media screen and (max-width: 768px) { .filters .skintype-link { position: absolute; bottom: 18px; width: 50%; right: 0; text-align: right; } } @media screen and (min-width: 768px) { .filters .skintype-link { display: block; float: right; } } .filters select { font-size: 14px; cursor: pointer; width: 100%; max-width: none; } @media screen and (min-width: 768px) { .filters select { padding-top: 4px; padding-bottom: 6px; } } .filters .button { white-space: normal; max-width: none; } @media screen and (min-width: 768px) { .filters .button { white-space: nowrap; } } .filters label { font-weight: 400; margin-bottom: 12px; } @media screen and (min-width: 768px) { .filters label { margin-bottom: 5px; } } .filters-items { display: block; } @media screen and (min-width: 768px) { .filters-items { display: flex; align-items: center; margin: 0 -15px; width: calc(100% + 30px); } } .filters-items > div { margin: 18px 0; } @media screen and (min-width: 768px) { .filters-items > div { flex: 1 1 33.33%; width: 33.333%; margin: 0; padding: 0 15px; } } .filters-items > div:last-child { flex: 0 1 auto; width: auto; justify-self: flex-end; margin-left: auto; } .pt_storefront .product-carousel .add-to-cart-link { opacity: 0; pointer-events: none; } .country-dialog-wrap { position: static; max-height: 180px; transition: max-height ease .2s; } .menu-active .country-dialog-wrap { visibility: hidden; transition: max-height ease .2s; max-height: 0; } .country-detection-dialog { width: 100vw !important; padding: 0; min-height: 135px !important; position: relative !important; } @media screen and (max-width: 1179px) { .country-detection-dialog { top: 0 !important; } } @media screen and (min-width: 1180px) { .country-detection-dialog { width: 275px !important; min-height: 170px !important; position: absolute !important; } } .country-detection-dialog .ui-dialog-titlebar-close { width: auto; height: auto; top: 7px; right: 7px; } .country-detection-dialog .ui-dialog-titlebar-close::before { line-height: normal; padding: 0; } @media screen and (min-width: 1180px) { .country-detection-dialog .ui-dialog-titlebar-close { top: 5px; right: 5px; } } .country-detector.ui-dialog-content { padding: 20px !important; } .country-detector.ui-dialog-content.dk { padding: 0 !important; } .country-detector .flag { width: 20px; height: 20px; display: inline-block; margin-right: 20px; } .country-detector .flag img { width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .country-detector .title-wrap { display: flex; justify-content: center; align-items: center; margin-top: 5px; margin-bottom: 15px; margin-right: 20px; } .country-detector .title { font-size: 16px; margin: 0; display: inline-block; font-weight: normal; } .country-detector .description { font-size: 12px; line-height: 16px; } .country-detector .button-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .country-detector .dialog-button.simple { padding: 0; font-size: 14px; text-transform: none; color: #30397a; outline: medium none; text-decoration: underline; } .country-detector .dialog-button.simple:hover { text-decoration: none; } .country-detect__wrap { display: flex; flex-wrap: nowrap; } .country-detect__wrap .col--left, .country-detect__wrap .col--right { box-sizing: border-box; overflow: hidden; } @media screen and (min-width: 768px) { .country-detect__wrap .col--left, .country-detect__wrap .col--right { flex-basis: 50%; width: 50%; } } .country-detect__wrap .col--left { display: none; position: relative; } .country-detect__wrap .col--left img { bottom: 0; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: auto; } @media screen and (min-width: 768px) { .country-detect__wrap .col--left { display: block; } } .country-detect__wrap .col--right { font-size: 16px; padding: 40px 20px; } @media screen and (min-width: 768px) { .country-detect__wrap .col--right { padding: 40px; } } .country-detect__wrap .flag { height: 75px; width: 75px; } .country-detect__wrap h3 { font-size: 30px; font-weight: 600; margin: 10px 0; } .country-detect__wrap button { font-size: 13px; margin: 20px 0; padding: 15px 25px; } .country-detect__wrap p { line-height: 24px; margin: 0; } .country-detect__wrap p.warning { font-size: 14px; line-height: 18px; } .country-detect__wrap ul { list-style: none; margin: 0; padding: 0; } .country-detect__wrap ul li { display: block; padding-left: 15px; position: relative; } .country-detect__wrap ul li::before { content: '+'; display: block; left: 0; position: absolute; top: 0; } .pt_cart .checkout-header-banner .header-promotion, .pt_cart .checkout-header-banner .html-slot-container { display: none; } @media screen and (min-width: 1180px) { .pt_cart .checkout-header-banner .header-promotion, .pt_cart .checkout-header-banner .html-slot-container { display: block; overflow: hidden; max-height: 200px; } } @media screen and (min-width: 1180px) { .pt_cart .checkout-header-banner img { width: 100%; } } @media screen and (min-width: 1180px) { .pt_cart .checkout-header-banner p { margin: 0; padding: 0; } } .orders, .orderdetails, .login, .checkoutlogin { padding: 30px 18px; } .orders:after, .orderdetails:after, .login:after, .checkoutlogin:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1180px) { .orders, .orderdetails, .login, .checkoutlogin { max-width: 1180px; margin: 75px auto; padding: 0 75px; } } .orders .col-1, .orders .col-2, .orderdetails .col-1, .orderdetails .col-2, .login .col-1, .login .col-2, .checkoutlogin .col-1, .checkoutlogin .col-2 { width: 100%; float: none; } @media screen and (min-width: 1180px) { .orders .col-1, .orders .col-2, .orderdetails .col-1, .orderdetails .col-2, .login .col-1, .login .col-2, .checkoutlogin .col-1, .checkoutlogin .col-2 { float: left; margin: 4px 0; width: 48%; } } .orders .col-1, .orderdetails .col-1, .login .col-1, .checkoutlogin .col-1 { margin-bottom: 30px; } @media screen and (min-width: 1180px) { .orders .col-1, .orderdetails .col-1, .login .col-1, .checkoutlogin .col-1 { margin-bottom: 4px; } } @media screen and (min-width: 1180px) { .orders .col-2, .orderdetails .col-2, .login .col-2, .checkoutlogin .col-2 { float: right; } } .orders button, .orderdetails button, .login button, .checkoutlogin button { width: 100%; } @media screen and (min-width: 1180px) { .orders button, .orderdetails button, .login button, .checkoutlogin button { width: auto; } } .orders label, .orderdetails label, .login label, .checkoutlogin label { font-size: 0.813em; font-weight: bold; margin-top: 0; margin-bottom: .5rem; } .login .col-1 + .col-2 { margin-top: 30px; } @media screen and (min-width: 768px) { .login .col-1 + .col-2 { margin-top: 4px; } } .login-box h3 { margin: 0; } .login-box p { margin: 1em 0; } .login-box .error { margin-left: 0; } .login-rememberme { display: inline-block; margin-left: .5em; margin-top: 15px; } @media screen and (min-width: 768px) { .login-rememberme { margin-top: 0; } } .login-rememberme label { font-weight: normal; } .login-oauth p:first-child { font-size: 2em; text-align: center; margin: 0; text-transform: uppercase; } #OAuthProvider { display: block; margin-bottom: 1em; width: 80%; } .pdp-main { position: relative; } .pdp-main * { box-sizing: border-box; } .pdp-main .h1, .pdp-main .h2, .pdp-main h1, .pdp-main h2 { margin-bottom: 10px; color: #333133; text-transform: none; text-align: left; } .pdp-main p { line-height: 22px; margin: 0 0 10px; } .pdp-main .scroll-down { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); opacity: 1; display: none; } @media screen and (min-width: 1180px) { .pdp-main .scroll-down { display: block; } } .pdp-main .main-image { position: relative; display: block; height: 300px; z-index: 10; } @media screen and (min-width: 768px) { .pdp-main .main-image { height: 500px; } } .pdp-main .main-image .primary-image { box-sizing: border-box; display: block; margin: 0 auto; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; max-height: 100%; } .pdp-section { box-sizing: border-box; padding: 0; margin: 0 30px; } @media screen and (min-width: 768px) { .pdp-section { margin: 0 48px 30px; padding: 0; } } @media screen and (min-width: 1180px) { .pdp-section { margin: 0 auto 30px; } } .pdp-section.content-full-section { margin: 0 0 30px; padding: 20px 30px; } @media screen and (min-width: 768px) { .pdp-section.content-full-section { padding: 20px; } } .pdp-section.product-routine { padding: 20px 0; } @media screen and (min-width: 768px) { .pdp-section.product-routine { padding: 20px; } } @media screen and (min-width: 1180px) { .pdp-section.product-routine { padding: 20px 60px; } } .pdp-section.routine-slider { padding: 15px 0; } @media screen and (min-width: 768px) { .pdp-section.routine-slider { padding: 20px; } } .pdp-section.routine-slider h2 { text-transform: uppercase; } @media screen and (min-width: 768px) { .pdp-section.product-detail .pdp-section-wrapper { justify-content: space-around; align-items: flex-start; flex-direction: row; margin: 0 30px 20px; } } @media screen and (min-width: 1180px) { .pdp-section.product-detail .pdp-section-wrapper { margin: 0 auto 20px; } } .pdp-section-wrapper { box-sizing: border-box; max-width: 1150px; padding: 0; margin: 0 auto; position: relative; display: flex; flex-direction: column; } .pdp-section-wrapper .product-review:hover { text-decoration: none; } .pdp-section-wrapper .product-slider { margin: 0 10px; } .pdp-section-wrapper .product-slider .product-tile { width: 83.333333%; } .pdp-section-wrapper .product-slider .product-tile:first-of-type { margin-left: calc(8.333333% + 5px); } .pdp-section-wrapper .product-slider.js-product-sliderinitialized .product-tile:first-of-type { margin-left: 0; } @media screen and (min-width: 768px) { .pdp-section-wrapper .product-slider { margin: 0 auto; } } .pdp-section-wrapper .product-slide-content { margin: 0; } .product-container { position: relative; padding: 0; } .product-container .h1, .product-container .h2, .product-container h1, .product-container h2 { margin-bottom: 0; color: #333133; text-transform: none; text-align: left; font-size: 1.5em; line-height: 1.33; } @media screen and (min-width: 768px) { .product-container .h1, .product-container .h2, .product-container h1, .product-container h2 { margin-top: 20px; } } .product-container p { line-height: 1.8; margin: 10px 0; } .product-container section { margin: 20px 0; } .product-container section .simple { font-size: 0.813em; color: #9297a3; font-weight: normal; cursor: pointer; } @media screen and (min-width: 768px) { .product-container section .simple { width: 66.66%; } } .product-container ul { margin: 0; } .product-container label { padding: 0; text-align: left; text-transform: uppercase; width: auto; } @media screen and (min-width: 768px) { .product-container label { font-size: 0.813em; } } .product-container .video-button { cursor: pointer; } .product-container .video-button img { width: 100%; } .product-container .button[data-action='gift-registry'] { display: none; } .product-container .product-concerns, .product-container .product-skin { margin: 10px 0; color: #71605f; font-weight: 400; display: block; } @media screen and (min-width: 768px) { .product-container .product-concerns, .product-container .product-skin { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; } } .product-container .product-concerns span, .product-container .product-skin span { display: inline; margin-right: 5px; } .product-container .product-review { font-size: 1em; font-weight: normal; color: #323132; } .product-container .product-review span:not(.rating) { color: #323132; } .product-container .primary-image { height: 400px; position: absolute; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 1180px) { .product-container .primary-image { height: 100%; position: relative; left: 0; transform: none; box-sizing: border-box; max-height: calc((100vw - 820px) * 1.5); position: relative; top: 50%; transform: translateY(-50%); } } @media screen and (min-width: 1180px) { .product-basic-actions-wrapper .strike-throughprice ~ .grundpreis, .product-basic-actions-wrapper .strike-throughprice ~ .price-vat { display: block; margin: 0; } } .product-pricing { font-weight: 700; letter-spacing: 0.2px; margin-bottom: 5px; } .product-pricing .price-standard { text-decoration: line-through; padding-right: 4px; font-size: 22px; line-height: 29px; } .product-pricing .price-vat { line-height: 1.8; order: 3; font-size: 14px; color: #767575; } .product-pricing .product-standard-price { font-weight: 400; text-decoration: line-through; } .product-pricing .product-sales-price { font-size: 1.375em; font-weight: 400; } .grundpreis { line-height: 1.8; font-size: 12px; font-style: italic; font-weight: 400; color: #959498; } .socialsharing { display: none; } .product-detail { padding: 18px; padding: 0; } @media screen and (min-width: 768px) { .product-detail { margin: 20px auto 0; } } @media screen and (min-width: 1180px) { .product-detail { max-width: none; } } .product-detail .product-review:hover { text-decoration: underline; cursor: pointer; } .product-detail-constrainer:after { content: ""; display: table; clear: both; } @media screen and (min-width: 1180px) { .product-info-container { padding: 40px 0; } } @media screen and (min-width: 768px) { .product-info-container > section { margin: 0 auto; max-width: 740px; padding: 10px 0; } } .product-info-container > section .h1, .product-info-container > section h1 { font-size: 2.25em; } .product-info-container .features > div { display: list-item; margin-left: 40px; } .product-short-description h1 { font-size: 22px; font-weight: 400; } @media screen and (min-width: 1180px) { .product-short-description h1 { margin-bottom: 30px; } } .product-info { background-color: #ffffff; border-bottom: 1px solid transparent; padding: 0; } @media screen and (min-width: 768px) { .product-info { padding: 0; } } @media screen and (min-width: 1180px) { .product-info { direction: ltr; border: 0; } } .how-to-use img { display: block; margin: auto; } .how-to-use h1 { display: none; } .category-info-slot p { margin: 20px 0 0; } .category-info-slot blockquote { color: #30397a; font-style: normal; font-stretch: normal; line-height: 1.2; font-size: 36px; margin: 0 0 14px; } .category-info-slot blockquote:before { content: "\201C"; } .category-info-slot blockquote:after { content: "\201D"; } .category-info-slot svg { width: 100%; fill: #333133; stroke-width: 17; transition: transform 0.5s ease-out; } .category-info-slot .svg-wrapper { width: 170px; margin: 24px 0 0; } @media screen and (min-width: 768px) { .category-info-slot .svg-wrapper { margin: 24px 0 0 100px; } } @media screen and (min-width: 1180px) { .category-info-slot .svg-wrapper { margin: 24px 0 0; } } .product-concerns-no-break { margin: 10px 0; color: #71605f; font-weight: 400; display: block; font-size: 0.813em; } @media screen and (min-width: 768px) { .product-concerns-no-break { overflow: hidden; text-overflow: ellipsis; } } .product-concerns-no-break span { display: inline; margin-right: 5px; } .product-number { color: #cccccc; font-size: 0.65rem; margin-bottom: 0.5rem; } .product-content { display: flex; flex-direction: column; padding: 10px 0; flex: 1 1 auto; } @media screen and (min-width: 768px) { .product-content { margin-top: 40px; max-width: 480px; vertical-align: top; display: inline-block; width: 49%; flex: 0 1 49%; } } @media screen and (min-width: 1180px) { .product-content { margin: 0 auto; width: 100%; max-width: 535px; flex: 1 1 535px; margin-top: 0; padding: 0; min-height: 480px; } } .product-content .accordeon-review-count { color: #30397a; } .product-content__additional-text { border: 2px solid #c1084f; padding: 4px 10px; font-weight: bold; font-size: 16px; margin: 30px 0 0; } @media screen and (min-width: 768px) { .product-content__additional-text { margin: 20px 0 5px; } } .accordeon-review-count { display: inline-block; } .product-visuals { max-width: 100%; text-align: center; pointer-events: all; transition: .2s ease; } @media screen and (min-width: 768px) { .product-visuals { width: auto; display: flex; justify-content: center; align-items: flex-start; position: relative; flex: 1 1 auto; } } .product-price { font-size: 1.5rem; margin-bottom: 0.5em; } .product-price .price-standard { color: #999999; font-weight: 100; text-decoration: line-through; } .product-price .price-tiered { color: #990000; font-size: 0.6em; line-height: 1.5em; } .product-main-attributes .attribute { padding: 0.2em 0; } .product-main-attributes .label { padding: 0; } .product-basic-actions-wrapper { width: 100%; transform: translateZ(0); margin-top: 0; display: flex; flex-direction: column; flex: 1 0 auto; } @media screen and (min-width: 768px) { .product-basic-actions-wrapper { display: block; margin-top: 20px; } } .product-basic-actions-wrapper .product-long-description { flex-wrap: wrap; color: #333133; margin-top: 10px; margin-bottom: 30px; } @media screen and (min-width: 768px) { .product-basic-actions-wrapper .product-long-description { margin-top: 0; } } .product-basic-actions { display: flex; flex-direction: column; width: 100%; order: 1; flex: 0 1 auto; position: relative; padding-bottom: 40px; } @media screen and (min-width: 1180px) { .product-basic-actions { padding-bottom: 0; order: 2; align-self: flex-end; margin-top: auto; } } .product-basic-actions .product-pricing { margin-bottom: 5px; } .product-basic-actions .product-sales-price { font-weight: 400; font-size: 22px; line-height: 29px; } .product-basic-actions .wide-button { width: 100%; margin: 0; } @media screen and (min-width: 768px) { .product-basic-actions .wide-button { margin: 5px 0 0; width: 100%; } } @media screen and (min-width: 1180px) { .product-basic-actions .wide-button { width: 66.6%; } } .pdp-pricing-and-wishlist { display: flex; } .pdp-wishlist { position: absolute; left: 0; bottom: 0; font-weight: bold; width: 100%; border-bottom: 1px solid #aaaaaa; padding-bottom: 15px; } @media screen and (min-width: 768px) { .pdp-wishlist { position: relative; width: auto; margin-top: 6px; margin-left: 30px; padding: 0; border: 0; } } .pdp-wishlist-content { display: flex; align-items: center; cursor: pointer; } .pdp-wishlist-content .pdp-wishlist-icon { margin-right: 10px; font-size: 24px; } .pdp-wishlist-content.absent-in-wishlist .absent-in-wishlist { display: block; } .pdp-wishlist-content.absent-in-wishlist .exists-in-wishlist { display: none; } .pdp-wishlist-content.exists-in-wishlist .exists-in-wishlist { display: block; } .pdp-wishlist-content.exists-in-wishlist .absent-in-wishlist { display: none; } .toggle-notify-me-btn .icon, .toggle-notify-me-btn .label { vertical-align: middle; } .toggle-notify-me-btn .icon { margin-right: 10px; font-size: 30px; } .add-to-cart { background-color: #30397a; border-color: #30397a; margin: 0; width: 100%; } @media screen and (min-width: 768px) { .add-to-cart { width: 66.66%; } } .add-to-cart:hover { background-color: #ffffff; color: #30397a; } .add-to-cart[disabled], .add-to-cart.disabled { background-color: #555555; border-color: #555555; color: #ffffff; } .product-add-to-cart { display: block; overflow: hidden; order: 3; margin: 0 0 10px; } @media screen and (min-width: 768px) { .product-add-to-cart { margin: 5px 0 0; } } .product-add-to-cart .inventory { white-space: nowrap; } .product-add-to-cart .inventory label { display: inline; float: none; text-align: right; } .product-add-to-cart .inventory input { font-size: 1.5em; height: 50px; width: 100%; margin-right: 0.4em; text-align: center; } @media screen and (min-width: 1180px) { .product-add-to-cart .inventory input { height: 37px; } } .product-add-to-cart .dw-apple-pay-button { margin-left: 0.5rem; width: 100%; } .pdp-campaign-message { display: flex; order: 1; margin-bottom: 5px; font-size: 16px; font-weight: 600; } @media screen and (min-width: 1180px) { .pdp-campaign-message { order: 2; } } .usp-pdp { color: #333133; font-size: 14px; order: 4; margin-top: 5px; padding-top: 0; } @media screen and (max-width: 768px) { .usp-pdp { padding: 5px 0; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; margin-top: 30px; } } .usp-pdp ul { padding: 0 0 5px; margin: 0; line-height: 1; } .usp-pdp ul li { list-style-type: none; padding-top: 9px; } @media screen and (min-width: 768px) { .usp-pdp ul li { display: inline-block; margin-right: 5px; } } .usp-pdp ul li:before { margin-right: 3px; font-weight: normal; content: '\2713'; } .promotion { background-color: #f5f3f3; border-top: 1px solid #cccccc; overflow: hidden; padding: 1.5em; } .promotion-title { font-weight: 400; margin-bottom: 0.3rem; text-transform: uppercase; } .promotion-callout { color: #64772d; font-size: 1rem; } .promotion-callout .tooltip { font-size: 0.7rem; margin-left: 0.2rem; } .product-set .product-add-to-cart { border-top: none; padding-top: 0; } .product-set .product-add-to-cart label { float: left; font-size: 0.75rem; padding-top: 0.3em; padding-right: 0.5em; } .product-set .product-add-to-cart .availability-web label { float: none; padding: top; } .product-set-list { border-top: 1px solid #cccccc; } .product-set-list .product-name { float: none; margin-bottom: 0; width: auto; } .product-set-list .product-price { font-size: 1rem; margin: 0.5em 0; } .product-set-list .attribute h3 { width: 25%; } .product-set-list .attribute .label { width: 25%; white-space: nowrap; } .product-set-details { float: left; padding-left: 0.5rem; width: 75%; } .product-set-item { clear: both; overflow: hidden; padding: 1em 0 0; } .product-set-image { float: left; width: 22%; } .product-set-image img { width: 100%; } .product-thumbnails { position: absolute; top: 10px; opacity: 0; transition: .2s ease; width: 0; overflow: hidden; } @media screen and (max-width: 768px) { .product-thumbnails { right: 12px; } } @media screen and (min-width: 768px) { .product-thumbnails { position: relative; top: 0; left: 0; right: auto; } } .product-thumbnails.active { width: auto; overflow: visible; } @media screen and (min-width: 768px) { .product-thumbnails.active { opacity: 1; } } .product-thumbnails.active li { width: 88px; height: 109px; } .product-thumbnails.active li.video-button { width: 88px; } .product-thumbnails.active li.video-button:after { width: 35px; } .product-thumbnails ul { margin: 0; padding: 0; } .product-thumbnails ul:after { content: ""; display: table; clear: both; } @media screen and (min-width: 768px) { .product-thumbnails ul { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; flex-direction: column; } } .product-thumbnails ul li { list-style-type: none; transition: .2s ease; line-height: 1em; box-sizing: border-box; position: relative; padding: 10px; border-radius: 3px; border: 1px solid #cccccc; margin-bottom: 10px; margin-right: 5px; overflow: hidden; } .product-thumbnails ul li.selected { border-color: #333133; } .product-thumbnails ul li.video-button { width: auto; margin-top: 0; position: relative; line-height: 0; background-size: cover; background-position: center center; } .product-thumbnails ul li.video-button:after { font-size: 35px; height: 45px; cursor: pointer; width: auto; } .product-thumbnails ul li.video-button:not(.hide-icon):after { color: #ffffff; } .product-thumbnails ul li.video-button span { display: block; position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%); } .product-thumbnails h2 { margin: 1rem 0 0.3rem; } .product-thumbnails img { box-sizing: border-box; cursor: pointer; max-width: 100%; height: auto; border: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .rating { color: #fecb2f; padding: 6px 0; display: inline-block; margin-right: 5px; } @media screen and (min-width: 768px) { .rating { padding: 0; } } .rating i { font-size: 15px; } .color li a { line-height: 0; width: 2.625rem; height: 2.625rem; } @media screen and (min-width: 1180px) { .color li a { width: 2rem; height: 2rem; } } .color li a img { width: 100%; height: 100%; } .size-chart-link { clear: both; float: none; } .size-chart-link a { border-color: #ffffff !important; padding: 0; } .product-variations ul { padding: 0; list-style: none; } .product-variations .volume-for-single-size { color: #767575; font-size: 16px; line-height: 1.5em; } .product-routine { box-sizing: border-box; margin-bottom: 25px; padding: 0; } @media screen and (min-width: 768px) { .product-routine { padding: 20px 60px; } } .product-routine header { padding: 0 30px; margin-bottom: 30px; } @media screen and (min-width: 768px) { .product-routine header { padding: 0; border-bottom: 1px solid #333133; } .product-routine header:after { content: ""; display: table; clear: both; } } .product-routine header h2 { display: inline; border-bottom: none; } .product-routine header a { font-size: 14px; line-height: 31px; text-transform: none; display: none; text-align: right; float: right; } @media screen and (min-width: 768px) { .product-routine header a { display: inline; } } .product-review { height: 36px; } .product-review .rating { width: 70px; height: 17px; padding: 0; } @media screen and (min-width: 1180px) { .product-review { height: 20px; } } .product-review-article { border-bottom: 1px solid lightgray; margin: 30px 0; } .product-review-author { font-weight: 700; } .product-review-comment { margin: 30px 0; } .product-review-confirmation { display: none; margin: 20px 0 40px 0; border: 2px solid #333133; padding: 20px 25px; color: #333133; font-size: 1.5em; } .product-review-confirmation.active { display: block; } .product-reviews-tab form { transition: all 0.5s; max-height: 0; overflow: hidden; } .product-reviews-tab.active form { max-height: 700px; } .accordeon-section form { max-height: none; } .product-bundles > .button { width: 100%; margin: 15px 0 0; } .product-bundles .search-result-items { padding-bottom: 0 !important; } .product-bundles .grid-tile { margin: 10px 0; } .product-bundles .grid-tile .product-image img { height: 250px; } .product-bundles .grid-tile .product-image:hover img { -webkit-filter: none; filter: none; } .product-bundles .grid-tile .product-name { line-height: normal; margin-top: 0; } .product-bundles-container { position: fixed; left: 12px; top: 50px; right: 12px; bottom: 12px; box-sizing: border-box; padding: 60px; background-color: #ffffff; z-index: 10; overflow: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); transform: translateX(-100%); opacity: 0; pointer-events: none; transition: all 0.3s ease; } @media screen and (min-width: 1180px) { .product-bundles-container { left: 60px; top: 60px; right: auto; bottom: auto; width: calc(740px + (100vw - 1200px)); height: calc(100vh - 60px); z-index: 70; } } @media screen and (min-width: 1210px) { .product-bundles-container { width: calc(740px + ((100vw - 1200px) / 2)); } } .product-bundles-container:target { transform: translateX(0); opacity: 1; pointer-events: auto; } .product-bundles-close-handle { position: absolute; top: 20px; right: 20px; background-color: transparent; border: none; padding: 0; color: #333133; font-size: 0.75em; letter-spacing: 2.3px; font-weight: 400; } .product-bundles-close-handle span { padding-left: 10px; text-transform: uppercase; } .product-detail-list { display: block; font-size: 16px; line-height: 1.5em; box-sizing: border-box; order: 2; } @media screen and (min-width: 768px) { .product-detail-list { margin-bottom: 50px; order: 1; } } .product-detail-list .text { color: inherit; } .product-detail-list ul { margin: 0; padding: 0; list-style: none; } .product-detail-list li { display: flex; width: 100%; } .product-detail-list li > span { display: block; } .product-detail-list li > span:first-of-type { width: 110px; flex: 0 0 110px; font-weight: 600; } @media screen and (min-width: 768px) { .product-detail-list li > span:first-of-type { width: 110px; flex: 0 0 110px; font-weight: 400; } } .product-detail-list .product-skin { color: #333133; } .product-detail-list .shortlist-ingredients { display: inline-block; } @media screen and (min-width: 768px) { .product-detail-list .shortlist-ingredients { max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 15em; } } .product-detail-list .view-all { display: inline-block; } .product-count { vertical-align: top; box-sizing: border-box; height: 37px; width: 55px; flex: 0 0 55px; vertical-align: top; border-radius: 3px; display: none; order: 1; } @media screen and (min-width: 768px) { .product-count { display: block; order: 2; width: 100%; } } .product-size { display: block; } .product-size span { display: none; margin-left: 5px; } @media screen and (min-width: 768px) { .product-size span { display: inline; } } @media screen and (min-width: 1180px) { .product-size.small-value { display: none; } } @media screen and (max-width: 1179px) { .product-size.big-value { display: none; } } .discount-mention { display: none; color: #767575; font-weight: 400; font-size: 14px; margin-bottom: 10px; } .product-basic-actions .discount-mention { display: inline; } .discount-mention > span:first-of-type { color: #e75025; display: block; } @media screen and (min-width: 768px) { .discount-mention > span:first-of-type { display: inline; } } .strike-throughprice { text-decoration: line-through; margin: 0 5px; } @media screen and (max-width: 768px) { .myRoutine .rf-routine-finder { min-height: 740px; } } @media screen and (min-width: 768px) { .myRoutine .rf-routine-finder { height: 600px !important; } .myRoutine .rf-routine-finder.rf-routine-results { height: auto !important; } } .myRoutine .rf-routine-question .login-message, .myRoutine .rf-routine-question .login-link { display: none; } .myRoutine .rf-bottom-links > div:nth-of-type(-n+2) { display: none; } .myRoutine .rf-expanding-content h1, .myRoutine .rf-expanding-content h2 { display: none; } #myroutine-reviews { position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow-y: scroll; z-index: 210; background-color: #ffffff; padding: 30px 50px 0; } @media screen and (min-width: 1180px) { #myroutine-reviews { padding: 30px 250px 0; } } #myroutine-reviews h1, #myroutine-reviews h2, #myroutine-reviews h3 { width: 100%; text-align: center; } #myroutine-reviews h2 { font-size: 16px; } #myroutine-reviews h1 { font-size: 24px; } #myroutine-reviews .closeBtn.fixed { cursor: pointer; font-size: 40px; font-weight: bold; position: fixed; top: 10px; right: 30px; } @media screen and (max-width: 1180px) { #myroutine-reviews .closeBtn.fixed { font-size: 30px; } } @media screen and (max-width: 1180px) { #myroutine-reviews .closeBtn.fixed { top: 5px; right: 10px; } } .routine-finder-header .btn-back, .routine-step .btn-back { left: 20px; position: absolute; visibility: hidden; padding: 11px 40px; } .routine-finder-header .btn-back.btn-visible, .routine-step .btn-back.btn-visible { opacity: 1; visibility: visible; top: -80px; } @media screen and (max-width: 1178px) { .routine-finder-header .btn-back.btn-visible, .routine-step .btn-back.btn-visible { position: relative; top: auto; left: auto; } } .routine-finder-header .optional-indicator, .routine-step .optional-indicator { display: none; } .routine-finder-header { box-sizing: border-box; padding: 28px 20px 15px; position: relative; width: 100%; } .routine-finder-header div { margin: 0 0 15px; padding: 0 25px; } .routine-finder-header div h1 { color: #333133; text-align: center; } .routine-finder-header div .desktop-title { display: none; font-size: 27px; font-weight: 600; line-height: 27px; letter-spacing: normal; } .routine-finder-header div .mobile-title { display: block; font-weight: 600; font-size: 27px; line-height: 27px; letter-spacing: normal; } .routine-finder-header .routine-progress-wrap .routine-progress-label { color: #333133; display: block; float: none; font-size: 11px; letter-spacing: .59px; font-weight: 600; margin-bottom: 13px; text-align: center; text-transform: uppercase; } .routine-finder-header .routine-progress-wrap .routine-progress-bar { background-color: #e1d4ce; border-radius: 20px; height: 4px; margin: 0 auto; overflow: hidden; width: 223px; } .routine-finder-header .routine-progress-wrap .routine-progress-bar .routine-progress-bar-inner { background-color: #323132; display: block; height: 4px; transition: width .5s ease; width: 50%; } @media screen and (min-width: 1179px) { .routine-finder-header { padding: 36px 20px 15px; } .routine-finder-header .btn-back { left: 20px; top: 10px; } .routine-finder-header div { padding: 0 25px 0 35px; } .routine-finder-header div .mobile-title { display: none; } .routine-finder-header div .desktop-title { display: block; } .routine-finder-header .routine-progress-wrap { text-align: center; width: 100%; } .routine-finder-header .routine-progress-wrap .routine-progress-label { display: block; float: none; font-size: 11px; letter-spacing: .59px; font-weight: 600; margin-bottom: 13px; } .routine-finder-header .routine-progress-wrap .routine-progress-bar { display: block; } } .routine-finder-wrap { padding: 0 18px 30px; } .routine-finder-wrap .routine-step { box-sizing: border-box; width: 100%; text-align: center; } .routine-finder-wrap .routine-step.show-step { display: block; } .routine-finder-wrap .routine-step.hide-step { display: none; } @media screen and (min-width: 1179px) { .routine-finder-wrap { padding: 0 18px 50px; } } .routine-step-1 .form-row { margin: 0; } .routine-step-1 .form-row__label { text-align: center; } .routine-step-1 .form-row__label label { font-size: 16px; margin-bottom: 20px; font-weight: 600; letter-spacing: normal; } .routine-step-1 .form-row__label h2 { letter-spacing: 0; margin: 0; } .routine-step-1 label { color: #333133; font-size: 24px; font-weight: 400; margin-bottom: 29px; margin-left: 2px; } .routine-step-1 input[type="radio"], .routine-step-1 input[type="checkbox"] { height: 0; } .routine-step-1 .field-wrapper { margin-bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; } .routine-step-1 .field-wrapper label { padding: 134px 12px 36px; background-color: #F7F5F6; box-sizing: border-box; color: #333133; display: flex; flex-direction: column; float: left; font-size: 16px; font-weight: 600; line-height: 16px; letter-spacing: normal; height: 245px; justify-content: center; margin-bottom: 15px; margin-right: 7px; margin-left: 0; transition: .3s ease; width: 45%; text-align: center; border: 2px solid transparent; } .routine-step-1 .field-wrapper label::after { display: none; } .routine-step-1 .field-wrapper label span { display: block; font-weight: 400; } .routine-step-1 .field-wrapper label.selected { background-color: #F7F5F6; border: 2px solid #333133; } @media screen and (min-width: 1179px) { .routine-step-1 .field-wrapper label.selected { transform: scale(1.05); } } .routine-step-1 .field-wrapper label.not-selected { opacity: 0.5; } .routine-step-1 .field-wrapper label:nth-of-type(1)::before { background: url("../images/1_Normal.png") no-repeat 0 0; background-position: center; background-size: contain; top: 0; } .routine-step-1 .field-wrapper label:nth-of-type(2)::before { background: url("../images/1_Dry.png") no-repeat 0 0; background-position: center; background-size: contain; top: 0; } .routine-step-1 .field-wrapper label:nth-of-type(3)::before { background: url("../images/1_Combo.png") no-repeat 0 0; background-position: center; background-size: contain; top: 0; } .routine-step-1 .field-wrapper label:nth-of-type(4)::before { background: url("../images/1_Oily.png") no-repeat 0 0; background-position: center; background-size: contain; top: 0; } .routine-step-1 .field-wrapper label:nth-of-type(4n), .routine-step-1 .field-wrapper label:nth-of-type(2n) { margin-right: 0; } .routine-step-1 .field-wrapper label span { font-size: 16px; line-height: 20px; padding-top: 6px; } .routine-step-1 .field-wrapper label:hover { transform: scale(1.05); } .routine-step-1 .field-wrapper label::before { background-position: center; background-size: contain; border: 0; content: ''; display: inline-block; height: 103px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 103px; } .routine-step-1 .btn-next { display: inline-block; font-size: 12px; font-weight: 700; padding: 12px 50px 11px; } .routine-step-1 .btn-next.disabled { background-color: #9B9B9B; border: 2px solid transparent; color: #ffffff; pointer-events: none; border: none; } .routine-step-1 .btn-next.laptop-widescreen-show { display: none; position: absolute; right: 0; top: -110px; } @media screen and (max-height: 1179px) { .routine-step-1 .btn-next.laptop-widescreen-show { display: block; } } @media screen and (max-height: 1179px) { .routine-step-1 .btn-next.laptop-widescreen-hide { display: none; margin: 0 auto; } } @media screen and (min-width: 1179px) { .routine-step-1 { margin: 0 auto; max-width: 1085px; text-align: center; position: relative; } .routine-step-1 label { font-size: 26px; margin-bottom: 40px; margin-left: 0; padding-right: 11px; } .routine-step-1 .field-wrapper { display: flex; justify-content: center; } .routine-step-1 .field-wrapper label { font-size: 18px; min-height: 233px; padding: 134px 12px 22px; display: block; font-size: 16px; height: auto; margin-right: 20px; min-height: 210px; position: relative; width: 180px; margin-bottom: 0; } .routine-step-1 .field-wrapper label::before { background-position: center; background-size: cover; border: 0; content: ''; display: inline-block; height: 128px; left: 50%; position: absolute; top: 0; transform: translateX(-50%) scale(0.7); width: 128px; } .routine-step-1 .field-wrapper label:nth-of-type(4n) { margin-right: 0; } .routine-step-1 .field-wrapper label:nth-of-type(2n) { margin-right: 20px; } .routine-step-1 .field-wrapper label span { font-size: 14px; line-height: 18px; padding-top: 5px; transition: .3s ease; } .routine-step-1 .field-wrapper label:hover { transform: scale(1.05); } .routine-step-1 .btn-next { margin-top: 15px; } } @media screen and (min-width: 1180px) { .routine-step-1 .field-wrapper label { font-size: 16px; min-height: 233px; padding: 134px 12px 22px; } .routine-step-1 .field-wrapper label::before { transform: translateX(-50%); } .routine-step-1 .field-wrapper label span { font-size: 16px; line-height: 20px; padding-top: 6px; letter-spacing: normal; font-weight: 400; } } .routine-step-2 { display: none; position: relative; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .routine-step-2 .routine-items-wrap { justify-content: center; } .routine-step-2 .routine-items-content { justify-content: space-around; } } .routine-step-2 .step-title { color: #333133; letter-spacing: normal; margin: 0 0 20px; text-align: center; } .routine-step-2 .routine-items-wrap { float: left; width: 100%; } .routine-step-2 .form-row { float: left; margin: 0 0 15px; position: relative; transition: .3s ease; width: 49%; height: 89px; } .routine-step-2 .form-row:nth-of-type(2n) { float: right; } .routine-step-2 .form-row > label { align-items: center; color: #333133; display: flex; font-size: 14px; font-weight: 400; height: 58px; line-height: 17px; justify-content: center; position: relative; text-align: center; transition: .3s ease; z-index: 30; } .routine-step-2 .form-row > label.active { color: #ffffff; transform: scale(1) !important; } .routine-step-2 .form-row .field-wrapper { bottom: 0; left: 0; margin: 0; position: absolute; top: 0; width: 100%; } .routine-step-2 .form-row input[type="checkbox"] + label { background-color: #D4C2B7; opacity: 0.5; mix-blend-mode: normal; bottom: 0; border-radius: 0; color: #333133; left: 0; padding: 0; position: absolute; right: 0; top: 0; transition: .3s ease; } .routine-step-2 .form-row input[type="checkbox"] + label::before, .routine-step-2 .form-row input[type="checkbox"] + label::after { display: none; } .routine-step-2 .form-row input[type="checkbox"]:checked + label { background-color: #D4C2B7; opacity: 1; color: #333133; transform: scale(1) !important; } .routine-step-2 button { display: none; } .routine-step-2 .btn-next-2 { display: inline-block; margin-top: 10px; padding: 12px 50px 11px; } .routine-step-2 .btn-arrow { display: inline-block; visibility: visible; letter-spacing: normal; font-weight: normal; font-size: 14px; line-height: 14px; text-decoration: underline; margin-top: 10px; border: 0; color: #333133; text-transform: none; } .routine-step-2 .btn-arrow-back { float: left; background: url("../images/arrow.png") no-repeat; background-size: inherit; background-position: left; padding: 11px 15px; position: relative; left: 0; } .routine-step-2 .btn-arrow-skip { float: right; background: url("../images/arrow-right.png") no-repeat; background-size: inherit; background-position: right; padding: 11px 15px; } .routine-step-2 .mobile-hide { display: none; } .routine-step-2 .secondary { display: none; } .routine-step-2 .form-row__label { height: 100%; } .routine-step-2 .form-row__label label { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; margin-bottom: 0; cursor: pointer; } .routine-step-2 .form-row__label label span { font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: normal; } @media screen and (min-width: 1179px) { .routine-step-2 { margin: 0 auto; text-align: center; } .routine-step-2 .routine-items-wrap { display: flex; flex-wrap: wrap; justify-content: space-evenly; } .routine-step-2 .form-row { margin-bottom: 20px; width: 180px; } .routine-step-2 .form-row:hover > label, .routine-step-2 .form-row:hover input[type="checkbox"] + label { transform: scale(1.05); } .routine-step-2 .form-row:nth-of-type(2n) { float: left; } .routine-step-2 .form-row > label { font-size: 16px; height: 74px; } .routine-step-2 .routine-items-content { max-width: 808px; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .routine-step-2 button { display: inline-block; padding: 11px 40px; } .routine-step-2 button.laptop-widescreen-show { display: block; position: absolute; right: 0; top: -80px; } } @media screen and (min-width: 1179px) and (max-height: 1179px) { .routine-step-2 button.laptop-widescreen-show { display: block; } } @media screen and (min-width: 1179px) { .routine-step-2 button .desktop-hide { display: none; } .routine-step-2 button .mobile-hide { display: inline-block; } } @media screen and (min-width: 1179px) and (max-height: 1179px) { .routine-step-2 button.laptop-widescreen-hide { display: none; } } @media screen and (min-width: 1179px) { .routine-step-2 .btn-arrow { display: none; } .routine-step-2 .btn-visible { display: block; } .routine-step-2 .btn-next-2 { margin-top: 0; } .routine-step-2 .btn-arrow.btn-visible { display: none; } } .routine-search-wrapper { display: flex; flex-direction: column; padding: 0 18px 25px; } .routine-search-result { background: #F7EEEB; margin: 0 -18px; padding: 20px 18px 53px; } .routine-search-result h2 { font-weight: 600; font-size: 27px; line-height: 27px; letter-spacing: normal; margin: 0 0 20px 0; text-align: left; } .routine-search-results { padding: 0; display: flex; flex-direction: column; max-width: 1810px; margin: 0 auto; } .routine-search-results .routine-finder-header { padding: 36px 20px 15px; position: relative; } .routine-search-results .routine-finder-header .btn-back { display: none; } .routine-search-results .routine-finder-header h1 { padding: 0 35px; line-height: 27px; letter-spacing: normal; margin-bottom: 15px; } .routine-search-results .routine-finder-header .inversed { display: block; position: absolute; right: 0; top: 0; border: 0; background: url("../images/redo.png") no-repeat; margin-right: -20px; } @media screen and (max-width: 1178px) { .routine-search-results .routine-finder-header .inversed { padding-bottom: 20px; } } .routine-search-results .routine-finder-header .inversed span { display: none; } .routine-search-results .results-intro-text { display: none; } .routine-search-results .routine-search-results-list { box-sizing: border-box; display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; } .routine-search-results .routine-search-results-list li { box-sizing: border-box; list-style: none; width: 100%; } .routine-search-results .routine-search-results-list h3 { font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: 1px; margin-bottom: 20px; background-color: #ffffff; text-align: left; text-transform: none; padding: 5px; } .routine-search-results .routine-search-results-list h3 span { display: inline-block; } .routine-search-results .routine-search-results-list .routine-search-result-list-item-info { margin-left: 20px; } .routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser, .routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser { display: flex; } @media screen and (min-width: 1179px) { .routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser, .routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; } } .routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser div, .routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser div { position: relative; overflow: hidden; margin: 0 0 16px; height: 32px; } .routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser div, .routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser div { display: block; width: 100%; margin-left: 20px; } .routine-search-results .routine-search-results-list .routine-search-result-moisturiser-title { background-color: #ffffff; color: #333133; font-size: 17px; padding: 4px 0 4px 6px; margin-bottom: 15px; } @media screen and (max-width: 1178px) { .routine-search-results .routine-search-results-list .routine-search-result-moisturiser-title { width: 21.2%; } } @media screen and (max-width: 768px) { .routine-search-results .routine-search-results-list .routine-search-result-moisturiser-title { min-width: 137px; width: 28.5%; } } @media screen and (min-width: 1179px) { .routine-search-results .routine-search-results-list .routine-search-result-moisturiser-title { grid-column: 1 / span 1; } } .routine-search-results .routine-search-text { text-align: left; display: flex; flex-direction: column; padding-top: 25px; } .routine-search-results .routine-search-text .routine-search-desktop { display: none; } .routine-search-results .routine-search-text span { display: block; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: normal; text-transform: none; margin-bottom: 25px; margin-top: 0; } .routine-search-results .routine-search-text p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-align: left; margin-bottom: 20px; } .routine-search-results .routine-search-text p b { font-weight: 600; } .routine-search-results .routine-search-text p:last-child { margin: 0; } .routine-search-results .routine-search-mobile { margin-bottom: 24px; } .routine-search-results .routine-search-mobile span { display: block; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: normal; text-transform: none; text-align: left; margin-bottom: 13px; } .routine-search-results .routine-search-mobile p { letter-spacing: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-align: left; margin-bottom: 20px; } .routine-search-results .product-tile { margin-bottom: 20px; display: flex; flex-direction: row; } .routine-search-results .product-tile .product-image { height: auto; min-width: 143px; } @media screen and (max-width: 1178px) { .routine-search-results .product-tile .product-image { max-width: 44.7%; } } .routine-search-results .product-tile .product-image + div { display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; } .routine-search-results .product-tile .product-image .product-image__wishlist { display: none; } .routine-search-results .product-tile .product-name { order: 1; display: block; margin-top: 20px; margin-bottom: 15px; } .routine-search-results .product-tile .product-name a { display: inline-block; font-weight: 600; font-size: 16px; line-height: 20px; letter-spacing: normal; } .routine-search-results .product-tile .product-tile-footer { order: 4; display: block; min-height: unset; width: 100%; } .routine-search-results .product-tile .product-tile-footer .product-tile-footer__info { display: inline-block; padding: 10px 0; } .routine-search-results .product-tile .product-tile-footer .product-pricing { width: 100%; } .routine-search-results .product-tile .product-tile-footer .product-pricing span { font-size: 16px; line-height: 20px; letter-spacing: normal; font-weight: 400; } .routine-search-results .product-tile .product-tile-footer .product-pricing button { display: none; } .routine-search-results .product-tile .product-tile-footer .add-to-cart-link, .routine-search-results .product-tile .product-tile-footer .button { float: right; } .routine-search-results .product-tile .product-swatches { display: block; width: 100%; order: 2; margin-bottom: 15px; } .routine-search-results .product-tile .product-swatches li { display: none; } .routine-search-results .product-tile .product-swatches li:first-child { display: block; position: relative; height: 16px; } .routine-search-results .product-tile .product-swatches .swatch { color: #333133; } .routine-search-results .product-tile .product-swatches .swatch img { display: none; } .routine-search-results .product-tile .product-swatches .swatch::after { content: attr(title); position: absolute; letter-spacing: normal; font-weight: 400; font-size: 16px; line-height: 16px; } .routine-search-results .product-tile .product-skin { display: none; } .routine-search-results .product-tile .product-long-description { display: none; order: 3; } .routine-search-results .product-tile .product-pricing { line-height: 15px; } .routine-search-results .product-tile .product-pricing .product-sales-price { font-size: 12px; } .routine-search-results .product-tile .add-to-cart-link { border-color: #333133; bottom: 0; left: 0; right: auto; } .routine-search-results .buttons-wrap { text-align: center; } .routine-search-results .buttons-wrap .button { font-weight: 700; letter-spacing: 1.3px; margin-top: 5px; padding: 11px 15px; } .routine-search-results .buttons-wrap .inversed { border-color: #333133; } .routine-search-results .content-two-columns { box-sizing: border-box; float: left; margin-bottom: 40px; padding: 0; width: 100%; } .routine-search-results .content-two-columns .content-image-container { margin-bottom: 9px; } .routine-search-results .content-two-columns .content-container h1 { color: #333133; font-size: 19px; letter-spacing: 2px; line-height: 29px; margin: 0 0 2px; } .routine-search-results .content-two-columns .content-container p { font-size: 13px; line-height: 25px; margin: 0 0 26px; } .routine-search-results .content-two-columns .content-container .button { width: 100%; } .routine-search-results .content-two-columns .content-container .button.inversed { border-color: #333133; font-weight: 700; letter-spacing: 1.3px; padding: 11px; } .routine-search-results .content-two-columns > * { width: unset; } .routine-search-results .content-apply-email { float: left; margin-bottom: 40px; width: 100%; } .routine-search-results .content-apply-email .content-container { float: left; width: 100%; } .routine-search-results .content-apply-email h1 { color: #333133; font-size: 19px; font-weight: 400; letter-spacing: 2px; line-height: 29px; margin: 0 0 3px; } .routine-search-results .content-apply-email p { font-size: 13px; font-weight: 400; line-height: 25px; margin: 0 0 14px; } .routine-search-results .content-apply-email .email-subscribe { position: relative; width: 100%; } .routine-search-results .content-apply-email .email-subscribe input { border-color: rgba(0, 0, 0, 0.37); height: 54px; padding: 10px 60px 10px 17px; width: 100%; } .routine-search-results .content-apply-email .email-subscribe button { background-color: transparent; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.37); bottom: 0; color: #333133; padding: 0; position: absolute; right: 0; top: 0; width: 58px; } @media screen and (min-width: 1179px) { .routine-search-results .routine-finder-header { padding: 36px 20px 15px; position: relative; } .routine-search-results .routine-finder-header .inversed { display: block; position: absolute; right: 0; top: 30px; border: 0; letter-spacing: normal; font-weight: 600; font-size: 16px; line-height: 16px; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; color: #30397A; background-position: left; } .routine-search-results .routine-finder-header .inversed span { display: block; margin: 0 10px; } .routine-search-results .routine-search-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 8px; grid-row-gap: 8px; display: flex; flex-direction: row; } } @media screen and (min-width: 1179px) and (min-width: 768px) { .routine-search-results .routine-search-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 15px; grid-row-gap: 15px; } } @media screen and (min-width: 1179px) and (min-width: 1180px) { .routine-search-results .routine-search-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } } @media screen and (min-width: 1179px) { .routine-search-results .routine-search-wrapper img { max-width: 100%; width: 100%; } .routine-search-results .results-intro-text { display: none; } .routine-search-results .routine-search-result { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; grid-column: 1 / span 6; margin: 0; padding: 0; } .routine-search-results .routine-search-result h2 { margin: 70px 0 20px; grid-column: 2 / span 4; } .routine-search-results .routine-search-result .buttons-wrap { grid-column: 2 / span 4; margin-bottom: 80px; margin-top: 0; } .routine-search-results .routine-search-results-list { grid-column: 2 / span 4; display: flex; flex-direction: column; } .routine-search-results .routine-search-results-list li { width: 100%; } .routine-search-results .routine-search-results-list li h2 { margin: 0 0 20px 0; } .routine-search-results .routine-search-text { padding-top: 70px; grid-column: 7 / span 5; } .routine-search-results .routine-search-text .routine-search-desktop { display: block; } .routine-search-results .routine-search-text p { margin: 0 0 20px; } .routine-search-results .routine-search-mobile { display: none; } .routine-search-results .product-tile { display: flex; flex-direction: row; } .routine-search-results .product-tile .add-to-cart-link { left: auto; right: 0; } .routine-search-results .product-tile .product-image { width: 100%; padding-right: 0; } .routine-search-results .product-tile .product-long-description { display: inline-block; max-height: unset; margin-bottom: 15px; } .routine-search-results .product-tile .product-long-description p { display: inline-block; font-weight: 400; font-size: 16px; line-height: 20px; text-align: left; letter-spacing: normal; margin: 0; min-height: 100%; color: #333133; } .routine-search-results .buttons-wrap { text-align: left; } .routine-search-results .content-two-columns { box-sizing: content-box; float: none; margin: 53px auto 38px; padding: 0 57px; width: auto; } .routine-search-results .content-two-columns .content-image-container { display: block; margin-bottom: 0; width: 100%; } .routine-search-results .content-two-columns .content-container { display: block; padding: 37px 30px 20px; text-align: center; width: 100%; } .routine-search-results .content-two-columns .content-container h1 { font-size: 30px; letter-spacing: 3.1px; line-height: 36px; margin-bottom: 7px; } .routine-search-results .content-two-columns .content-container p { font-size: 16px; letter-spacing: .2px; line-height: 31px; margin: 0 auto 27px; max-width: 830px; } .routine-search-results .content-two-columns .content-container .button, .routine-search-results .content-two-columns .content-container .button.inversed { padding: 11px 25px; width: auto; } .routine-search-results .content-apply-email { margin: 19px 0 50px; } .routine-search-results .content-apply-email .content-container { float: none; margin: 0 auto; max-width: 790px; text-align: center; } .routine-search-results .content-apply-email h1 { font-size: 30px; letter-spacing: 3px; line-height: 36px; margin: 0 0 8px; } .routine-search-results .content-apply-email p { font-size: 16px; letter-spacing: .22px; line-height: 30px; margin: 0 0 34px; } .routine-search-results .content-apply-email .email-subscribe { margin: 0 auto; max-width: 286px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .routine-search-results .routine-search-wrapper { display: flex; } .routine-search-results .routine-search-result { display: flex; flex-direction: column; margin-right: 20px; padding: 0 100px; width: 100%; } .routine-search-results .routine-search-text { padding-right: 100px; width: 100%; } .routine-search-results .routine-search-results-list { max-width: 100%; width: 100%; } .routine-search-results .product-pricing button { display: none; } .routine-search-results .product-swatches a { text-decoration: none; } } @media only screen and (max-width: 1179px) { .routine-search-results .routine-search-result { padding: 20px 18px 53px; } } .promo-discounts-wrapper { display: flex; flex-wrap: wrap; width: 100%; } .approaching-discount-wrapper { width: 100%; background-color: #aad0d7; padding: 20px; margin: 20px 0; display: grid; grid-template-columns: 1fr; grid-template-areas: "title" "bar" "description "; -moz-column-gap: 50px; column-gap: 50px; } @media screen and (min-width: 768px) { .approaching-discount-wrapper { grid-template-columns: 1fr 1fr; grid-template-areas: "title bar" "description bar" ". ."; } } .approaching-discount-wrapper .promo-title { grid-area: title; margin-bottom: 10px; font-weight: bold; font-size: 16px; display: flex; } .approaching-discount-wrapper .promo-title .title-icon { display: inline-block; margin-right: 10px; min-width: 26px; min-height: 18px; background: url("../images/ico-shipping.svg") no-repeat; background-position: center; } .approaching-discount-wrapper .promo-progress { grid-area: bar; } @media screen and (min-width: 768px) { .approaching-discount-wrapper .promo-progress { display: flex; align-items: center; } } .approaching-discount-wrapper .promo-description { grid-area: description; margin-top: 10px; font-size: 14px; } @media screen and (min-width: 768px) { .approaching-discount-wrapper .promo-description { margin-top: 0; } } /* *************************************** // MINI CART // approaching promotions block in mini cart *************************************** */ @media screen and (min-width: 768px) { .product-added-popup-wrapper .approaching-discount-wrapper { grid-template-columns: 3fr 2fr; } } .pt_blog main * { box-sizing: border-box; } .pt_blog main { font-size: 16px; } .pt_blog main p { line-height: 30px; } .pt_blog main h1 { font-size: 34px; } .pt_blog main h2 { font-size: 24px; } .pt_blog main h3 { font-size: 20px; } .pt_blog .pagination { text-align: left; font-size: 17px; margin: 0 0 15px -15px; } @media screen and (min-width: 1024px) { .pt_blog .pagination { margin: 20px 0 20px -15px; } } .pt_blog .pagination li { border: none; } .pt_blog .pagination a { color: #767575; } .pt_blog .pagination li:first-of-type:not(.current-page) { width: auto; padding-right: 23px; } .pt_blog .pagination li:last-of-type:not(.current-page) { width: auto; padding-left: 23px; } .pt_blog .pagination li:last-of-type:not(.current-page) a { width: auto; color: #333133; } .pt_blog .breadcrumb { max-width: 1200px; margin: 0 auto; display: none; } @media screen and (min-width: 768px) { .pt_blog .breadcrumb { display: block; } } @media screen and (min-width: 1180px) { .pt_blog .breadcrumb { margin: 0 auto; } } .blog-container { max-width: 1200px; position: relative; display: flex; align-items: flex-start; flex-direction: column; margin: 20px auto 0; flex-wrap: wrap; } @media screen and (min-width: 1024px) { .blog-container { margin: 25px auto 0; padding: 25px; flex-direction: row; } } .blog-container * { box-sizing: border-box; } .blog-featured-image { width: 100%; border-radius: 3px; overflow: hidden; position: relative; margin-bottom: 20px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-featured-image { max-width: 100%; max-height: 248px; } } .blog-featured-image:before { content: ''; padding-top: 80%; display: inline-block; } @media screen and (min-width: 768px) { .blog-featured-image:before { content: ''; } } .blog-featured-image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-featured-image img { height: auto; } } .blog-post-content { padding: 0 18px; flex: 1 1 auto; width: 100%; font-size: 16px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .blog-post-content { width: 100%; } } @media screen and (min-width: 1024px) { .blog-post-content { margin-right: 50px; padding: 0; width: calc(100% - 370px); } } .blog-post-content iframe[id^="_yt"] { border: none; position: relative; } .blog-post-content h1 { font-size: 34px; line-height: 32px; margin: 0 0 10px; } .blog-post-content h2 { font-size: 24px; } .blog-post-content h3 { font-size: 20px; } .blog-post-content p { color: #333133; font-size: 16px; line-height: 30px; margin: 0 0 20px; } .blog-post-content ul, .blog-post-content ol { line-height: 30px; } .blog-post-content li { margin-bottom: 14px; } .blog-post-content img { max-width: 100%; height: auto; border-radius: 3px; } @media screen and (min-width: 768px) { .blog-post-content img.size-medium { max-width: 66.66667%; } } .blog-post-content img.size-thumbnail { max-width: 260px; } @media screen and (min-width: 768px) { .blog-post-content img.size-thumbnail { max-width: 33.33333%; } } .blog-post-content figure { margin: 0; padding: 0; width: auto; max-width: 100% !important; height: auto; } .blog-post-content blockquote { color: #71605f; display: block; width: 100%; text-align: center; padding: 25px; background-color: #f8f8f8; margin: 20px 0 30px; } .blog-post-content blockquote p { color: #71605f; font-size: 18px; line-height: 23px; margin-bottom: 0; } .blog-post-content hr { border: none; height: 1px; width: 100%; background-color: #333133; margin: 20px 0; } .blog-post-content .blogpost-date { font-size: 12px; line-height: 15px; margin-bottom: 20px; } .blog-post-content .blogpost-date a { color: #333133; text-decoration: none; } .blog-post-content .aligncenter { display: block; margin: 0 auto; } @media screen and (min-width: 768px) { .blog-post-content .alignleft { float: left; margin-right: 10px; margin-bottom: 10px; } } @media screen and (min-width: 768px) { .blog-post-content .alignright { float: right; margin-left: 10px; margin-bottom: 10px; } } .blog-post-content .wp-caption { margin-bottom: 30px; } .blog-post-content .wp-caption img { margin-bottom: 15px; } .blog-post-content .wp-caption-text { color: #979797; } .blog-post-content .related-products-wrapper { background-color: #f8f8f8; padding: 30px 0 40px; margin: 0 -18px 30px -18px; } @media screen and (min-width: 1024px) { .blog-post-content .related-products-wrapper { padding: 30px 30px 40px; margin: 0 0 30px; } } .blog-post-content .related-products { font-size: 14px; } .blog-post-content .related-products h3 { text-align: center; font-size: 18px; text-transform: uppercase; } .blog-post-content .product-slider { padding: 0 18px; } .blog-post-content .product-slider .product-tile { padding-bottom: 10px; } .blog-post-content .product-slider .product-image img { height: 165px; } .blog-post-content .product-slider .product-slide-footer .product-pricing { order: 1; width: 100%; flex: 0 0 100%; } .blog-post-content .product-slider .product-slide-footer .product-review { order: 2; } .blog-post-content .product-slider .product-slide-footer .add-to-cart-link { order: 3; } .blog-post-content + .blog-sidebar { order: 3; } @media screen and (min-width: 1024px) { .blog-post-content + .blog-sidebar { order: 2; } } .blog-post-content .blog-social-channels { margin: 30px 0; padding: 30px 0; box-sizing: border-box; border-top: 1px solid #333133; border-bottom: 1px solid #333133; } @media screen and (min-width: 768px) { .blog-post-content .blog-social-channels { border-top: none; } } .blog-post-content .blog-social-channels h2 { font-size: 18px; margin-top: 0; } .related-articles { flex: 1 1 100%; width: 100%; order: 2; } @media screen and (min-width: 768px) { .related-articles { margin-bottom: 30px; } } @media screen and (min-width: 1024px) { .related-articles { order: 3; margin-bottom: auto; } } .related-articles h2 { text-align: center; } .related-articles ul { display: flex; list-style: none; width: 100%; flex-direction: column; padding: 0 18px; } @media screen and (min-width: 768px) { .related-articles ul { padding: 0; flex-direction: row; } } @media screen and (min-width: 1180px) { .related-articles ul { margin: 0 -10px; } } .related-articles ul p { font-size: 14px; } .related-articles .blog-post { margin: 0 0 30px; width: 100%; } @media screen and (min-width: 768px) { .related-articles .blog-post { flex-direction: column; max-height: none; } } @media screen and (min-width: 768px) { .related-articles .blog-post { order: 3; margin: 0 10px; width: calc(33.33% - 20px); flex-direction: column; max-height: none; } } @media screen and (min-width: 768px) { .related-articles .blog-post-details { max-height: none; height: 270px; } } .wishlist { margin: 0 10px; } @media screen and (min-width: 768px) { .wishlist { margin: 0; } } .wishlist__list { padding: 0; list-style: none; margin: 0; } .wishlist__item { display: flex; border-bottom: 1px solid rgba(149, 148, 152, 0.5); position: relative; margin-right: 10px; padding: 25px 0 14px; } @media screen and (min-width: 768px) { .wishlist__item { padding: 23px 0 33px; } } .wishlist__item-img { flex: 1 1 70px; max-width: 70px; min-width: 70px; margin-right: 10px; } @media screen and (min-width: 768px) { .wishlist__item-img { margin-right: 17px; } } .wishlist__item-content { flex: 1 1 auto; display: flex; flex-wrap: wrap; } .wishlist__content-text { flex: 1 1 100%; max-width: 100%; padding-right: 30px; } @media screen and (min-width: 768px) { .wishlist__content-text { flex: 1 1 50%; max-width: 50%; padding: 0; } } .wishlist__content-info { flex: 1 1 100%; max-width: 100%; align-self: flex-end; justify-content: flex-end; display: flex; align-items: flex-end; } .wishlist__content-info .product-pricing { margin: 0 20px -5px 0; } @media screen and (max-width: 767px) { .wishlist__content-info .product-pricing { margin-right: auto; } } @media screen and (min-width: 768px) { .wishlist__content-info .product-pricing { position: absolute; right: 24px; } } .wishlist__content-info .product-pricing .strike-throughprice { margin-left: 0; } .wishlist__content-info .product-pricing .product-standard-price { font-size: 12px; line-height: 1; } .wishlist__content-info .product-pricing .product-sales-price { font-size: 16px; line-height: 1; font-weight: bold; } @media screen and (min-width: 768px) { .wishlist__content-info .product-pricing .product-sales-price { font-weight: 400; } } @media screen and (min-width: 768px) { .wishlist__content-info { flex: 1 1 50%; max-width: 50%; } } .wishlist__add-to-cart { background-color: #30397a; border-color: #30397a; padding: 5px 11px; } .wishlist__add-to-cart .fa { font-size: 15px; line-height: 1; } .wishlist__product-name { font-size: 16px; line-height: 1.18; text-transform: none; margin: 0 0 5px; } .wishlist__product-name .name-link { color: #333133; font-weight: 600; text-decoration: none; } .wishlist__product-skin { font-size: 12px; line-height: 1.375; text-transform: uppercase; letter-spacing: 0.59; font-weight: 600; color: #959498; } .wishlist__remove-btn { background-color: transparent; border: 0; padding: 0; position: absolute; right: 0; top: 20px; } .wishlist-info { position: relative; cursor: pointer; } .menu-utility-user .wishlist-info a .wishlist-icon { display: none; } @media screen and (min-width: 1180px) { .menu-utility-user .wishlist-info a { padding: 0; } .menu-utility-user .wishlist-info a .wishlist-info__text { display: none; } .menu-utility-user .wishlist-info a .wishlist-icon { display: block; } .menu-utility-user .wishlist-info a span { display: block; } } @media screen and (min-width: 1180px) { .menu-utility-user .wishlist-info { margin: 0 5px; } .wishlist-info:focus .wishlist-icon, .wishlist-info:hover .wishlist-icon { transform: rotate(-45deg) scale(0.7); transition: transform 0.3s ease; } } .wishlist-info .wishlist__icon { position: relative; top: 19px; margin: 0 5px; font-size: 27px; } @media screen and (max-width: 1180px) { .wishlist-info .wishlist__icon { display: none; } } .wishlist-info:hover .wishlist__icon { transform: scale(0.7); transition: transform 0.3s ease; } .wishlist-count { display: inline-block; color: #5c5c5c; text-align: center; padding: 0 5px; } @media screen and (max-width: 1179px) { .wishlist-count::before { content: '('; margin-right: -3px; } .wishlist-count::after { content: ')'; margin-left: -3px; } } @media screen and (min-width: 1180px) { .wishlist-count { position: absolute; right: 3px; bottom: 0; min-width: 15px; min-height: 15px; padding: 1px 3.5px; border: 1px solid #5c5c5c; border-radius: 50%; font-size: 7pt; background-color: #ffffff; line-height: 10px; z-index: 2; } } .wishlist-popup { max-width: calc(100vw - 20px) !important; padding: 10px; } .wishlist-popup .ui-dialog-titlebar-close { top: 0; right: 0; } .wishlist-popup label { text-transform: uppercase; font-size: 11px; margin-bottom: 5px; } .wishlist-popup .login-rememberme { display: block; } .wishlist-popup .login-rememberme label { text-transform: none; font-size: 14px; line-height: 22px; } .wishlist-popup .password-reset { float: right; margin-right: 50px; } .wishlist-popup .login-create-account { display: inline-block; vertical-align: middle; } .wishlist-popup .form-row-button { display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 768px) { .wishlist-popup { max-width: 713px !important; padding: 30px; } .wishlist-popup .form-row-button { justify-content: flex-start; } .wishlist-popup .ui-dialog-titlebar-close { top: 20px; right: 20px; } .wishlist-popup .form-row--half { display: inline-block; max-width: calc(50% - 20px); } .wishlist-popup .form-row--second { margin-left: 36px; } } .wishlist-popup__or { margin: 0 16px; display: inline-block; } @media screen and (min-width: 768px) { .wishlist-popup--register { max-width: 411px !important; } } .wishlist-popup--register .form-row-button { justify-content: flex-start; } .wishlist-popup__inner { display: flex; flex-wrap: wrap; } @media screen and (min-width: 768px) { .wishlist-popup__inner { flex-wrap: nowrap; } } .wishlist-popup__image { flex: 0 1 auto; max-width: 100%; } .wishlist-popup__image p { margin: 0; } .wishlist-popup__image img { max-width: 100%; } @media screen and (min-width: 768px) { .wishlist-popup__image img { max-width: 225px; margin-right: 20px; } } .wishlist-popup__content { flex: 1 1 auto; max-width: 100%; border-top: 1px solid #aaaaaa; margin-top: 10px; } .wishlist-popup--register .wishlist-popup__content { padding-top: 20px; } @media screen and (min-width: 768px) { .wishlist-popup__content { margin-top: 0; } } .wishlist-popup__heading { margin: 0 0 20px; font-size: 18px; text-transform: none; } .wishlist-popup--register .wishlist-popup__heading { font-size: 22px; font-weight: regular; } .row-container { display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 0 -10px; } .row-container > * { padding-left: 10px; padding-right: 10px; box-sizing: border-box; } .sm-col-1 { flex: 0 0 8.33333%; min-width: 8.33333%; } .sm-col-2 { flex: 0 0 16.66667%; min-width: 16.66667%; } .sm-col-3 { flex: 0 0 25%; min-width: 25%; } .sm-col-4 { flex: 0 0 33.33333%; min-width: 33.33333%; } .sm-col-5 { flex: 0 0 41.66667%; min-width: 41.66667%; } .sm-col-6 { flex: 0 0 50%; min-width: 50%; } .sm-col-7 { flex: 0 0 58.33333%; min-width: 58.33333%; } .sm-col-8 { flex: 0 0 66.66667%; min-width: 66.66667%; } .sm-col-9 { flex: 0 0 75%; min-width: 75%; } .sm-col-10 { flex: 0 0 83.33333%; min-width: 83.33333%; } .sm-col-11 { flex: 0 0 91.66667%; min-width: 91.66667%; } .sm-col-12 { flex: 0 0 100%; min-width: 100%; } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-1 { flex: 0 0 8.33333%; min-width: 8.33333%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-2 { flex: 0 0 16.66667%; min-width: 16.66667%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-3 { flex: 0 0 25%; min-width: 25%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-4 { flex: 0 0 33.33333%; min-width: 33.33333%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-5 { flex: 0 0 41.66667%; min-width: 41.66667%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-6 { flex: 0 0 50%; min-width: 50%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-7 { flex: 0 0 58.33333%; min-width: 58.33333%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-8 { flex: 0 0 66.66667%; min-width: 66.66667%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-9 { flex: 0 0 75%; min-width: 75%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-10 { flex: 0 0 83.33333%; min-width: 83.33333%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-11 { flex: 0 0 91.66667%; min-width: 91.66667%; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .md-col-12 { flex: 0 0 100%; min-width: 100%; } } @media screen and (min-width: 1180px) { .lg-col-1 { flex: 0 0 8.33333%; min-width: 8.33333%; } } @media screen and (min-width: 1180px) { .lg-col-2 { flex: 0 0 16.66667%; min-width: 16.66667%; } } @media screen and (min-width: 1180px) { .lg-col-3 { flex: 0 0 25%; min-width: 25%; } } @media screen and (min-width: 1180px) { .lg-col-4 { flex: 0 0 33.33333%; min-width: 33.33333%; } } @media screen and (min-width: 1180px) { .lg-col-5 { flex: 0 0 41.66667%; min-width: 41.66667%; } } @media screen and (min-width: 1180px) { .lg-col-6 { flex: 0 0 50%; min-width: 50%; } } @media screen and (min-width: 1180px) { .lg-col-7 { flex: 0 0 58.33333%; min-width: 58.33333%; } } @media screen and (min-width: 1180px) { .lg-col-8 { flex: 0 0 66.66667%; min-width: 66.66667%; } } @media screen and (min-width: 1180px) { .lg-col-9 { flex: 0 0 75%; min-width: 75%; } } @media screen and (min-width: 1180px) { .lg-col-10 { flex: 0 0 83.33333%; min-width: 83.33333%; } } @media screen and (min-width: 1180px) { .lg-col-11 { flex: 0 0 91.66667%; min-width: 91.66667%; } } @media screen and (min-width: 1180px) { .lg-col-12 { flex: 0 0 100%; min-width: 100%; } } .hide-mobile { display: none; } @media screen and (min-width: 768px) { .hide-mobile { display: block; } } .hide-desktop { display: block; } @media screen and (min-width: 768px) { .hide-desktop { display: none; } } .no-underline { text-decoration: none; } .white-bg { background-color: #ffffff; } .cover-img { position: absolute; top: 50%; left: 50%; max-width: none; min-height: 1000%; min-width: 1000%; transform: translate(-50%, -50%) scale(0.1); }